@pie-element/charting 2.7.11-next.0 → 2.7.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +54 -0
  2. package/configure/CHANGELOG.md +25 -1
  3. package/configure/package.json +3 -3
  4. package/controller/CHANGELOG.md +8 -0
  5. package/controller/package.json +1 -1
  6. package/lib/main.js +7 -16
  7. package/lib/main.js.map +1 -1
  8. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,30 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.7.15](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.14...@pie-element/charting@2.7.15) (2021-12-13)
7
+
8
+ **Note:** Version bump only for package @pie-element/charting
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.7.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.11...@pie-element/charting@2.7.12) (2021-11-29)
15
+
16
+ **Note:** Version bump only for package @pie-element/charting
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.7.11](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.6...@pie-element/charting@2.7.11) (2021-11-11)
23
+
24
+ **Note:** Version bump only for package @pie-element/charting
25
+
26
+
27
+
28
+
29
+
6
30
  ## [2.7.10](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.2...@pie-element/charting@2.7.10) (2021-11-11)
7
31
 
8
32
 
@@ -17,6 +41,36 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
17
41
 
18
42
 
19
43
 
44
+
45
+ ## [2.7.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.5...@pie-element/charting@2.7.6) (2021-10-04)
46
+
47
+ **Note:** Version bump only for package @pie-element/charting
48
+
49
+
50
+
51
+
52
+
53
+ ## [2.7.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.4...@pie-element/charting@2.7.5) (2021-09-20)
54
+
55
+
56
+ ### Bug Fixes
57
+
58
+ * pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
59
+ * Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
60
+ * Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
61
+
62
+
63
+
64
+
65
+
66
+ ## [2.7.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.3...@pie-element/charting@2.7.4) (2021-09-01)
67
+
68
+ **Note:** Version bump only for package @pie-element/charting
69
+
70
+
71
+
72
+
73
+
20
74
  ## [2.7.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.2...@pie-element/charting@2.7.3) (2021-08-05)
21
75
 
22
76
  **Note:** Version bump only for package @pie-element/charting
package/configure/CHANGELOG.md CHANGED
@@ -3,7 +3,31 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [2.1.29](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.27...@pie-element/charting-configure@2.1.29) (2021-11-11)
6
+ ## [2.1.34](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.33...@pie-element/charting-configure@2.1.34) (2021-12-13)
7
+
8
+ **Note:** Version bump only for package @pie-element/charting-configure
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.1.31](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.30...@pie-element/charting-configure@2.1.31) (2021-11-29)
15
+
16
+ **Note:** Version bump only for package @pie-element/charting-configure
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.1.30](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.29...@pie-element/charting-configure@2.1.30) (2021-10-04)
23
+
24
+ **Note:** Version bump only for package @pie-element/charting-configure
25
+
26
+
27
+
28
+
29
+
30
+ ## [2.1.29](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.28...@pie-element/charting-configure@2.1.29) (2021-09-20)
7
31
 
8
32
 
9
33
  ### Bug Fixes
package/configure/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pie-element/charting-configure",
3
3
  "private": true,
4
- "version": "2.1.29",
4
+ "version": "2.1.34",
5
5
  "description": "",
6
6
  "main": "lib/index.js",
7
7
  "module": "src/index.js",
@@ -10,8 +10,8 @@
10
10
  "@material-ui/core": "^3.9.2",
11
11
  "@pie-framework/pie-configure-events": "^1.2.0",
12
12
  "@pie-lib/charting": "^4.5.13",
13
- "@pie-lib/config-ui": "^10.10.11",
14
- "@pie-lib/editable-html": "^7.17.11",
13
+ "@pie-lib/config-ui": "^10.10.13",
14
+ "@pie-lib/editable-html": "^7.17.13",
15
15
  "classnames": "^2.2.5",
16
16
  "debug": "^4.1.1",
17
17
  "prop-types": "^15.6.2",
package/controller/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [2.2.18](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-controller@2.2.16...@pie-element/charting-controller@2.2.18) (2021-11-11)
7
+
8
+ **Note:** Version bump only for package @pie-element/charting-controller
9
+
10
+
11
+
12
+
13
+
6
14
  ## [2.2.17](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-controller@2.2.16...@pie-element/charting-controller@2.2.17) (2021-11-11)
7
15
 
8
16
  **Note:** Version bump only for package @pie-element/charting-controller
package/controller/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pie-element/charting-controller",
3
3
  "private": true,
4
- "version": "2.2.17",
4
+ "version": "2.2.20",
5
5
  "description": "",
6
6
  "main": "lib/index.js",
7
7
  "module": "src/index.js",
package/lib/main.js CHANGED
@@ -130,15 +130,11 @@ var Main = /*#__PURE__*/function (_React$Component) {
130
130
  hidden: 'Show Teacher Instructions',
131
131
  visible: 'Hide Teacher Instructions'
132
132
  }
133
- }, /*#__PURE__*/_react["default"].createElement("div", {
134
- dangerouslySetInnerHTML: {
135
- __html: teacherInstructions
136
- }
137
- })), /*#__PURE__*/_react["default"].createElement("br", null)), prompt && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
138
- className: classes.prompt,
139
- dangerouslySetInnerHTML: {
140
- __html: prompt
141
- }
133
+ }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
134
+ prompt: teacherInstructions
135
+ })), /*#__PURE__*/_react["default"].createElement("br", null)), prompt && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
136
+ className: "prompt",
137
+ prompt: prompt
142
138
  }), /*#__PURE__*/_react["default"].createElement("br", null)), showingCorrect && showToggle ? /*#__PURE__*/_react["default"].createElement(_charting.Chart, {
143
139
  chartType: chartType,
144
140
  size: size,
@@ -168,10 +164,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
168
164
  hidden: 'Show Rationale',
169
165
  visible: 'Hide Rationale'
170
166
  }
171
- }, /*#__PURE__*/_react["default"].createElement("div", {
172
- dangerouslySetInnerHTML: {
173
- __html: rationale
174
- }
167
+ }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
168
+ prompt: rationale
175
169
  })));
176
170
  }
177
171
  }]);
@@ -196,9 +190,6 @@ var styles = function styles(theme) {
196
190
  color: _renderUi.color.text(),
197
191
  backgroundColor: _renderUi.color.background(),
198
192
  overflow: 'hidden'
199
- },
200
- prompt: {
201
- verticalAlign: 'middle'
202
193
  }
203
194
  };
204
195
  };
package/lib/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/main.jsx"],"names":["Main","props","data","setState","categories","onAnswersChange","showingCorrect","state","model","nextProps","nextData","classes","teacherInstructions","prompt","chartType","size","domain","range","title","editCategoryEnabled","addCategoryEnabled","categoryDefaultLabel","rationale","correctedAnswer","correctAnswer","correctData","map","interactive","editable","showToggle","length","mainContainer","toggleCorrect","hidden","visible","__html","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","changeData","React","Component","PropTypes","object","isRequired","func","array","styles","theme","padding","spacing","unit","color","text","backgroundColor","background","overflow","verticalAlign"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color, Collapsible, hasText } from '@pie-lib/render-ui';\nimport { Chart, chartTypes } from '@pie-lib/charting';\nimport isEqual from 'lodash/isEqual';\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 onAnswersChange: PropTypes.func,\n categories: PropTypes.array,\n };\n\n static defaultProps = { classes: {} };\n\n constructor(props) {\n super(props);\n\n this.state = {\n categories: props.categories || props.model.data,\n showingCorrect: false,\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { model: { data: nextData = [] } = {} } = nextProps;\n const { model: { data = [] } = {} } = this.props;\n\n if (!isEqual(nextData, data)) {\n this.setState({ categories: nextData });\n }\n }\n\n changeData = (data) =>\n this.setState(\n {\n categories: data,\n },\n () => this.props.onAnswersChange(data)\n );\n\n toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n render() {\n const { categories, showingCorrect } = this.state;\n const { model, classes } = this.props;\n const {\n teacherInstructions,\n prompt,\n chartType,\n size,\n domain,\n range,\n title,\n editCategoryEnabled,\n addCategoryEnabled,\n categoryDefaultLabel,\n rationale,\n correctedAnswer,\n correctAnswer,\n } = model;\n\n const correctData =\n correctAnswer && correctAnswer.data\n ? correctAnswer.data.map((data) => {\n return {\n ...data,\n interactive: false,\n editable: false,\n };\n })\n : [];\n\n const showToggle = correctData && correctData.length > 0;\n\n return (\n <div className={classes.mainContainer}>\n <CorrectAnswerToggle\n show={showToggle}\n toggled={showingCorrect}\n onToggle={this.toggleCorrect}\n />\n\n {teacherInstructions && hasText(teacherInstructions) && (\n <React.Fragment>\n <Collapsible\n labels={{\n hidden: 'Show Teacher Instructions',\n visible: 'Hide Teacher Instructions',\n }}\n >\n <div dangerouslySetInnerHTML={{ __html: teacherInstructions }} />\n </Collapsible>\n <br />\n </React.Fragment>\n )}\n\n {prompt && (\n <React.Fragment>\n <div\n className={classes.prompt}\n dangerouslySetInnerHTML={{ __html: prompt }}\n />\n <br />\n </React.Fragment>\n )}\n\n {showingCorrect && showToggle ? (\n <Chart\n chartType={chartType}\n size={size}\n domain={domain}\n range={range}\n charts={[\n chartTypes.Bar(),\n chartTypes.Histogram(),\n chartTypes.LineDot(),\n chartTypes.LineCross(),\n chartTypes.DotPlot(),\n chartTypes.LinePlot(),\n ]}\n data={correctData || categories}\n title={title}\n onDataChange={this.changeData}\n editCategoryEnabled={false}\n addCategoryEnabled={false}\n categoryDefaultLabel={categoryDefaultLabel}\n />\n ) : (\n <Chart\n chartType={chartType}\n size={size}\n domain={domain}\n range={range}\n charts={[\n chartTypes.Bar(),\n chartTypes.Histogram(),\n chartTypes.LineDot(),\n chartTypes.LineCross(),\n chartTypes.DotPlot(),\n chartTypes.LinePlot(),\n ]}\n data={correctedAnswer || categories}\n title={title}\n onDataChange={this.changeData}\n editCategoryEnabled={editCategoryEnabled}\n addCategoryEnabled={addCategoryEnabled}\n categoryDefaultLabel={categoryDefaultLabel}\n />\n )}\n\n <br />\n {rationale && hasText(rationale) && (\n <Collapsible\n labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n >\n <div dangerouslySetInnerHTML={{ __html: 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 overflow: 'hidden'\n },\n prompt: {\n verticalAlign: 'middle',\n },\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
1
+ {"version":3,"sources":["../src/main.jsx"],"names":["Main","props","data","setState","categories","onAnswersChange","showingCorrect","state","model","nextProps","nextData","classes","teacherInstructions","prompt","chartType","size","domain","range","title","editCategoryEnabled","addCategoryEnabled","categoryDefaultLabel","rationale","correctedAnswer","correctAnswer","correctData","map","interactive","editable","showToggle","length","mainContainer","toggleCorrect","hidden","visible","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","changeData","React","Component","PropTypes","object","isRequired","func","array","styles","theme","padding","spacing","unit","color","text","backgroundColor","background","overflow"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport {color, Collapsible, hasText, PreviewPrompt} from '@pie-lib/render-ui';\nimport { Chart, chartTypes } from '@pie-lib/charting';\nimport isEqual from 'lodash/isEqual';\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 onAnswersChange: PropTypes.func,\n categories: PropTypes.array,\n };\n\n static defaultProps = { classes: {} };\n\n constructor(props) {\n super(props);\n\n this.state = {\n categories: props.categories || props.model.data,\n showingCorrect: false,\n };\n }\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n const { model: { data: nextData = [] } = {} } = nextProps;\n const { model: { data = [] } = {} } = this.props;\n\n if (!isEqual(nextData, data)) {\n this.setState({ categories: nextData });\n }\n }\n\n changeData = (data) =>\n this.setState(\n {\n categories: data,\n },\n () => this.props.onAnswersChange(data)\n );\n\n toggleCorrect = (showingCorrect) => this.setState({ showingCorrect });\n\n render() {\n const { categories, showingCorrect } = this.state;\n const { model, classes } = this.props;\n const {\n teacherInstructions,\n prompt,\n chartType,\n size,\n domain,\n range,\n title,\n editCategoryEnabled,\n addCategoryEnabled,\n categoryDefaultLabel,\n rationale,\n correctedAnswer,\n correctAnswer,\n } = model;\n\n const correctData =\n correctAnswer && correctAnswer.data\n ? correctAnswer.data.map((data) => {\n return {\n ...data,\n interactive: false,\n editable: false,\n };\n })\n : [];\n\n const showToggle = correctData && correctData.length > 0;\n\n return (\n <div className={classes.mainContainer}>\n <CorrectAnswerToggle\n show={showToggle}\n toggled={showingCorrect}\n onToggle={this.toggleCorrect}\n />\n\n {teacherInstructions && hasText(teacherInstructions) && (\n <React.Fragment>\n <Collapsible\n labels={{\n hidden: 'Show Teacher Instructions',\n visible: 'Hide Teacher Instructions',\n }}\n >\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 {showingCorrect && showToggle ? (\n <Chart\n chartType={chartType}\n size={size}\n domain={domain}\n range={range}\n charts={[\n chartTypes.Bar(),\n chartTypes.Histogram(),\n chartTypes.LineDot(),\n chartTypes.LineCross(),\n chartTypes.DotPlot(),\n chartTypes.LinePlot(),\n ]}\n data={correctData || categories}\n title={title}\n onDataChange={this.changeData}\n editCategoryEnabled={false}\n addCategoryEnabled={false}\n categoryDefaultLabel={categoryDefaultLabel}\n />\n ) : (\n <Chart\n chartType={chartType}\n size={size}\n domain={domain}\n range={range}\n charts={[\n chartTypes.Bar(),\n chartTypes.Histogram(),\n chartTypes.LineDot(),\n chartTypes.LineCross(),\n chartTypes.DotPlot(),\n chartTypes.LinePlot(),\n ]}\n data={correctedAnswer || categories}\n title={title}\n onDataChange={this.changeData}\n editCategoryEnabled={editCategoryEnabled}\n addCategoryEnabled={addCategoryEnabled}\n categoryDefaultLabel={categoryDefaultLabel}\n />\n )}\n\n <br />\n {rationale && hasText(rationale) && (\n <Collapsible\n labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}\n >\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 overflow: 'hidden'\n }\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "repository": "pie-framework/pie-elements",
7
- "version": "2.7.11-next.0+d2dc19035",
7
+ "version": "2.7.15",
8
8
  "description": "",
9
9
  "scripts": {
10
10
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -14,9 +14,9 @@
14
14
  "@material-ui/core": "^3.9.2",
15
15
  "@pie-framework/pie-player-events": "^0.1.0",
16
16
  "@pie-lib/charting": "^4.5.13",
17
- "@pie-lib/correct-answer-toggle": "^2.3.31",
18
- "@pie-lib/math-rendering": "^2.3.11",
19
- "@pie-lib/render-ui": "^4.12.2",
17
+ "@pie-lib/correct-answer-toggle": "^2.3.33",
18
+ "@pie-lib/math-rendering": "^2.3.12",
19
+ "@pie-lib/render-ui": "^4.12.4",
20
20
  "classnames": "^2.2.5",
21
21
  "debug": "^4.1.1",
22
22
  "lodash": "^4.17.15",
@@ -25,7 +25,7 @@
25
25
  },
26
26
  "author": "",
27
27
  "license": "ISC",
28
- "gitHead": "d2dc19035d4961c1c47b2b41dca50c756915da76",
28
+ "gitHead": "a1c13d49a8db2188145733261dd177cfb6b617fb",
29
29
  "main": "lib/index.js",
30
30
  "module": "src/index.js"
31
31
  }