@pie-element/charting 2.7.2 → 2.7.3-next.1008

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 (33) hide show
  1. package/CHANGELOG.md +153 -0
  2. package/configure/CHANGELOG.md +117 -0
  3. package/configure/lib/charting-config.js +25 -7
  4. package/configure/lib/charting-config.js.map +1 -1
  5. package/configure/lib/configure.js +27 -8
  6. package/configure/lib/configure.js.map +1 -1
  7. package/configure/lib/correct-response.js +11 -32
  8. package/configure/lib/correct-response.js.map +1 -1
  9. package/configure/lib/defaults.js +16 -4
  10. package/configure/lib/defaults.js.map +1 -1
  11. package/configure/lib/index.js +3 -3
  12. package/configure/package.json +4 -4
  13. package/controller/CHANGELOG.md +24 -0
  14. package/controller/lib/index.js +40 -21
  15. package/controller/lib/index.js.map +1 -1
  16. package/controller/package.json +1 -1
  17. package/docs/config-schema.json +79 -0
  18. package/docs/config-schema.json.md +61 -1
  19. package/docs/demo/generate.js +6 -20
  20. package/docs/demo/session.js +3 -9
  21. package/docs/pie-schema.json +27 -48
  22. package/docs/pie-schema.json.md +20 -8
  23. package/lib/index.js +4 -1
  24. package/lib/index.js.map +1 -1
  25. package/lib/main.js +12 -23
  26. package/lib/main.js.map +1 -1
  27. package/package.json +6 -6
  28. package/module/configure.js +0 -6102
  29. package/module/controller.js +0 -18875
  30. package/module/demo.js +0 -107
  31. package/module/element.js +0 -5602
  32. package/module/index.html +0 -16
  33. package/module/manifest.json +0 -14
package/CHANGELOG.md CHANGED
@@ -3,6 +3,159 @@
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.25](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.24...@pie-element/charting@2.7.25) (2022-03-28)
7
+
8
+ **Note:** Version bump only for package @pie-element/charting
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.7.24](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.23...@pie-element/charting@2.7.24) (2022-03-22)
15
+
16
+ **Note:** Version bump only for package @pie-element/charting
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.7.23](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.22...@pie-element/charting@2.7.23) (2022-03-08)
23
+
24
+ **Note:** Version bump only for package @pie-element/charting
25
+
26
+
27
+
28
+
29
+
30
+ ## [2.7.22](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.21...@pie-element/charting@2.7.22) (2022-03-08)
31
+
32
+ **Note:** Version bump only for package @pie-element/charting
33
+
34
+
35
+
36
+
37
+
38
+ ## [2.7.21](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.20...@pie-element/charting@2.7.21) (2022-02-21)
39
+
40
+ **Note:** Version bump only for package @pie-element/charting
41
+
42
+
43
+
44
+
45
+
46
+ ## [2.7.20](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.19...@pie-element/charting@2.7.20) (2022-02-04)
47
+
48
+ **Note:** Version bump only for package @pie-element/charting
49
+
50
+
51
+
52
+
53
+
54
+ ## [2.7.19](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.18...@pie-element/charting@2.7.19) (2022-01-24)
55
+
56
+
57
+ ### Bug Fixes
58
+
59
+ * **charting:** view mode should not show correctness PD-1480 ([9d5e4c7](https://github.com/pie-framework/pie-elements/commit/9d5e4c76cbe02f63a5aa4cef39f1276173692634))
60
+ * use preview prompt for prompt, rationale and teacher instructions to fix table rendering PD-1456 ([f330601](https://github.com/pie-framework/pie-elements/commit/f3306019a2d1c8ce3e2783823dfe9ef0a0394e4f))
61
+ * **charting:** improve styling for PRB PD-1362 ([5079579](https://github.com/pie-framework/pie-elements/commit/50795796f0991cfe5e60c37ffc3804d03184bbb0))
62
+
63
+
64
+
65
+
66
+
67
+ ## [2.7.18](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.17...@pie-element/charting@2.7.18) (2022-01-10)
68
+
69
+ **Note:** Version bump only for package @pie-element/charting
70
+
71
+
72
+
73
+
74
+
75
+ ## [2.7.17](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.16...@pie-element/charting@2.7.17) (2021-12-23)
76
+
77
+ **Note:** Version bump only for package @pie-element/charting
78
+
79
+
80
+
81
+
82
+
83
+ ## [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)
84
+
85
+ **Note:** Version bump only for package @pie-element/charting
86
+
87
+
88
+
89
+
90
+
91
+ ## [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)
92
+
93
+ **Note:** Version bump only for package @pie-element/charting
94
+
95
+
96
+
97
+
98
+
99
+ ## [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)
100
+
101
+ **Note:** Version bump only for package @pie-element/charting
102
+
103
+
104
+
105
+
106
+
107
+ ## [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)
108
+
109
+
110
+ ### Bug Fixes
111
+
112
+ * **charting:** improve styling for PRB PD-1362 ([5079579](https://github.com/pie-framework/pie-elements/commit/50795796f0991cfe5e60c37ffc3804d03184bbb0))
113
+ * pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
114
+ * Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
115
+ * Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
116
+
117
+
118
+
119
+
120
+
121
+
122
+ ## [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)
123
+
124
+ **Note:** Version bump only for package @pie-element/charting
125
+
126
+
127
+
128
+
129
+
130
+ ## [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)
131
+
132
+
133
+ ### Bug Fixes
134
+
135
+ * pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
136
+ * Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
137
+ * Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
138
+
139
+
140
+
141
+
142
+
143
+ ## [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)
144
+
145
+ **Note:** Version bump only for package @pie-element/charting
146
+
147
+
148
+
149
+
150
+
151
+ ## [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)
152
+
153
+ **Note:** Version bump only for package @pie-element/charting
154
+
155
+
156
+
157
+
158
+
6
159
  ## [2.7.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting@2.7.0...@pie-element/charting@2.7.2) (2021-08-05)
7
160
 
8
161
 
package/configure/CHANGELOG.md CHANGED
@@ -3,6 +3,123 @@
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.44](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.43...@pie-element/charting-configure@2.1.44) (2022-03-28)
7
+
8
+ **Note:** Version bump only for package @pie-element/charting-configure
9
+
10
+
11
+
12
+
13
+
14
+ ## [2.1.43](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.42...@pie-element/charting-configure@2.1.43) (2022-03-22)
15
+
16
+ **Note:** Version bump only for package @pie-element/charting-configure
17
+
18
+
19
+
20
+
21
+
22
+ ## [2.1.42](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.41...@pie-element/charting-configure@2.1.42) (2022-03-08)
23
+
24
+ **Note:** Version bump only for package @pie-element/charting-configure
25
+
26
+
27
+
28
+
29
+
30
+ ## [2.1.41](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.40...@pie-element/charting-configure@2.1.41) (2022-03-08)
31
+
32
+ **Note:** Version bump only for package @pie-element/charting-configure
33
+
34
+
35
+
36
+
37
+
38
+ ## [2.1.40](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.39...@pie-element/charting-configure@2.1.40) (2022-02-21)
39
+
40
+ **Note:** Version bump only for package @pie-element/charting-configure
41
+
42
+
43
+
44
+
45
+
46
+ ## [2.1.39](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.38...@pie-element/charting-configure@2.1.39) (2022-02-04)
47
+
48
+ **Note:** Version bump only for package @pie-element/charting-configure
49
+
50
+
51
+
52
+
53
+
54
+ ## [2.1.38](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.37...@pie-element/charting-configure@2.1.38) (2022-01-24)
55
+
56
+ **Note:** Version bump only for package @pie-element/charting-configure
57
+
58
+
59
+
60
+
61
+
62
+ ## [2.1.37](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.36...@pie-element/charting-configure@2.1.37) (2022-01-10)
63
+
64
+ **Note:** Version bump only for package @pie-element/charting-configure
65
+
66
+
67
+
68
+
69
+
70
+ ## [2.1.36](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.35...@pie-element/charting-configure@2.1.36) (2021-12-23)
71
+
72
+ **Note:** Version bump only for package @pie-element/charting-configure
73
+
74
+
75
+
76
+
77
+
78
+ ## [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)
79
+
80
+ **Note:** Version bump only for package @pie-element/charting-configure
81
+
82
+
83
+
84
+
85
+
86
+ ## [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)
87
+
88
+ **Note:** Version bump only for package @pie-element/charting-configure
89
+
90
+
91
+
92
+
93
+
94
+ ## [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)
95
+
96
+ **Note:** Version bump only for package @pie-element/charting-configure
97
+
98
+
99
+
100
+
101
+
102
+ ## [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)
103
+
104
+
105
+ ### Bug Fixes
106
+
107
+ * pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
108
+ * Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
109
+ * Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
110
+
111
+
112
+
113
+
114
+
115
+ ## [2.1.28](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.27...@pie-element/charting-configure@2.1.28) (2021-08-05)
116
+
117
+ **Note:** Version bump only for package @pie-element/charting-configure
118
+
119
+
120
+
121
+
122
+
6
123
  ## [2.1.27](https://github.com/pie-framework/pie-elements/compare/@pie-element/charting-configure@2.1.25...@pie-element/charting-configure@2.1.27) (2021-08-05)
7
124
 
8
125
 
package/configure/lib/charting-config.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
4
 
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
@@ -31,15 +31,21 @@ var _styles = require("@material-ui/core/styles");
31
31
 
32
32
  var _charting = require("@pie-lib/charting");
33
33
 
34
+ var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
35
+
34
36
  var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
35
37
 
36
- 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; }
38
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
39
+
40
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
41
+
42
+ 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; }
37
43
 
38
- 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; }
44
+ 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; }
39
45
 
40
46
  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); }; }
41
47
 
42
- 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; } }
48
+ 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; } }
43
49
 
44
50
  var styles = function styles(theme) {
45
51
  return {
@@ -75,12 +81,19 @@ var ChartingConfig = /*#__PURE__*/function (_React$Component) {
75
81
  data: data
76
82
  }));
77
83
  });
84
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeAddRemoveEnabled", function (value) {
85
+ return _this.props.onChange(_objectSpread(_objectSpread({}, _this.props.model), {}, {
86
+ addCategoryEnabled: value
87
+ }));
88
+ });
78
89
  return _this;
79
90
  }
80
91
 
81
92
  (0, _createClass2["default"])(ChartingConfig, [{
82
93
  key: "render",
83
94
  value: function render() {
95
+ var _this2 = this;
96
+
84
97
  var _this$props = this.props,
85
98
  classes = _this$props.classes,
86
99
  model = _this$props.model,
@@ -94,6 +107,7 @@ var ChartingConfig = /*#__PURE__*/function (_React$Component) {
94
107
  component: "div",
95
108
  type: "body1"
96
109
  }, /*#__PURE__*/React.createElement("span", null, "Use the tools below to set background shapes")), /*#__PURE__*/React.createElement(_charting.Chart, {
110
+ defineChart: true,
97
111
  chartType: model.chartType,
98
112
  size: model.graph,
99
113
  domain: model.domain,
@@ -102,10 +116,14 @@ var ChartingConfig = /*#__PURE__*/function (_React$Component) {
102
116
  data: model.data,
103
117
  title: model.title,
104
118
  onDataChange: this.changeData,
105
- editCategoryEnabled: true,
106
119
  addCategoryEnabled: true,
107
120
  categoryDefaultLabel: model.categoryDefaultLabel
108
- }))));
121
+ }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Checkbox["default"], {
122
+ checked: model.addCategoryEnabled,
123
+ onChange: function onChange(e) {
124
+ _this2.changeAddRemoveEnabled(e.target.checked);
125
+ }
126
+ }), "Student can add categories"))));
109
127
  }
110
128
  }]);
111
129
  return ChartingConfig;
package/configure/lib/charting-config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/charting-config.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","marginBottom","display","flex","column","ChartingConfig","data","props","onChange","model","classes","charts","chartType","graph","domain","range","title","changeData","categoryDefaultLabel","React","Component","PropTypes","object","isRequired","func","array"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADvB;AAETC,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CAF1B;AAGTE,MAAAA,OAAO,EAAE,MAHA;AAITC,MAAAA,IAAI,EAAE;AAJG,KADY;AAOvBC,IAAAA,MAAM,EAAE;AACND,MAAAA,IAAI,EAAE;AADA;AAPe,GAAL;AAAA,CAApB;;IAYaE,c;;;;;;;;;;;;;;;mGAQE,UAAAC,IAAI;AAAA,aAAI,MAAKC,KAAL,CAAWC,QAAX,iCAAyB,MAAKD,KAAL,CAAWE,KAApC;AAA2CH,QAAAA,IAAI,EAAJA;AAA3C,SAAJ;AAAA,K;;;;;;WAEjB,kBAAS;AAAA,wBAC4B,KAAKC,KADjC;AAAA,UACCG,OADD,eACCA,OADD;AAAA,UACUD,KADV,eACUA,KADV;AAAA,UACiBE,MADjB,eACiBA,MADjB;AAGP,0BACE,yEAGE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACb;AAAxB,sBACE;AAAK,QAAA,SAAS,EAAEa,OAAO,CAACN,MAAxB;AAAgC,QAAA,GAAG,EAAC;AAApC,sBACE,oBAAC,sBAAD;AAAY,QAAA,SAAS,EAAC,KAAtB;AAA4B,QAAA,IAAI,EAAC;AAAjC,sBACE,iFADF,CADF,eAKE,oBAAC,eAAD;AACE,QAAA,SAAS,EAAEK,KAAK,CAACG,SADnB;AAEE,QAAA,IAAI,EAAEH,KAAK,CAACI,KAFd;AAGE,QAAA,MAAM,EAAEJ,KAAK,CAACK,MAHhB;AAIE,QAAA,KAAK,EAAEL,KAAK,CAACM,KAJf;AAKE,QAAA,MAAM,EAAEJ,MALV;AAME,QAAA,IAAI,EAAEF,KAAK,CAACH,IANd;AAOE,QAAA,KAAK,EAAEG,KAAK,CAACO,KAPf;AAQE,QAAA,YAAY,EAAE,KAAKC,UARrB;AASE,QAAA,mBAAmB,EAAE,IATvB;AAUE,QAAA,kBAAkB,EAAE,IAVtB;AAWE,QAAA,oBAAoB,EAAER,KAAK,CAACS;AAX9B,QALF,CADF,CAHF,CADF;AA4BD;;;EAzCiCC,KAAK,CAACC,S;;;iCAA7Bf,c,eACQ;AACjBK,EAAAA,OAAO,EAAEW,sBAAUC,MAAV,CAAiBC,UADT;AAEjBd,EAAAA,KAAK,EAAEY,sBAAUC,MAAV,CAAiBC,UAFP;AAGjBf,EAAAA,QAAQ,EAAEa,sBAAUG,IAAV,CAAeD,UAHR;AAIjBZ,EAAAA,MAAM,EAAEU,sBAAUI;AAJD,C;;eA2CN,wBAAW9B,MAAX,EAAmBU,cAAnB,C","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Chart } from '@pie-lib/charting';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = theme => ({\n container: {\n marginTop: theme.spacing.unit * 3,\n marginBottom: theme.spacing.unit * 3,\n display: 'flex',\n flex: 1,\n },\n column: {\n flex: 1\n }\n});\n\nexport class ChartingConfig extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n model: PropTypes.object.isRequired,\n onChange: PropTypes.func.isRequired,\n charts: PropTypes.array\n };\n\n changeData = data => this.props.onChange({ ...this.props.model, data });\n\n render() {\n const { classes, model, charts } = this.props;\n\n return (\n <div>\n Define Graph Attributes\n\n <div className={classes.container}>\n <div className={classes.column} key=\"graph\">\n <Typography component=\"div\" type=\"body1\">\n <span>Use the tools below to set background shapes</span>\n </Typography>\n\n <Chart\n chartType={model.chartType}\n size={model.graph}\n domain={model.domain}\n range={model.range}\n charts={charts}\n data={model.data}\n title={model.title}\n onDataChange={this.changeData}\n editCategoryEnabled={true}\n addCategoryEnabled={true}\n categoryDefaultLabel={model.categoryDefaultLabel}\n />\n </div>\n\n </div>\n </div>\n );\n }\n}\n\nexport default withStyles(styles)(ChartingConfig);\n"],"file":"charting-config.js"}
1
+ {"version":3,"sources":["../src/charting-config.jsx"],"names":["styles","theme","container","marginTop","spacing","unit","marginBottom","display","flex","column","ChartingConfig","data","props","onChange","model","value","addCategoryEnabled","classes","charts","chartType","graph","domain","range","title","changeData","categoryDefaultLabel","e","changeAddRemoveEnabled","target","checked","React","Component","PropTypes","object","isRequired","func","array"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CADvB;AAETC,MAAAA,YAAY,EAAEL,KAAK,CAACG,OAAN,CAAcC,IAAd,GAAqB,CAF1B;AAGTE,MAAAA,OAAO,EAAE,MAHA;AAITC,MAAAA,IAAI,EAAE;AAJG,KADY;AAOvBC,IAAAA,MAAM,EAAE;AACND,MAAAA,IAAI,EAAE;AADA;AAPe,GAAL;AAAA,CAApB;;IAYaE,c;;;;;;;;;;;;;;;mGAQE,UAAAC,IAAI;AAAA,aAAI,MAAKC,KAAL,CAAWC,QAAX,iCAAyB,MAAKD,KAAL,CAAWE,KAApC;AAA2CH,QAAAA,IAAI,EAAJA;AAA3C,SAAJ;AAAA,K;+GAEQ,UAAAI,KAAK;AAAA,aAAI,MAAKH,KAAL,CAAWC,QAAX,iCAAyB,MAAKD,KAAL,CAAWE,KAApC;AAA2CE,QAAAA,kBAAkB,EAAED;AAA/D,SAAJ;AAAA,K;;;;;;WAE9B,kBAAS;AAAA;;AACP,wBAAmC,KAAKH,KAAxC;AAAA,UAAQK,OAAR,eAAQA,OAAR;AAAA,UAAiBH,KAAjB,eAAiBA,KAAjB;AAAA,UAAwBI,MAAxB,eAAwBA,MAAxB;AAEA,0BACE,yEAGE;AAAK,QAAA,SAAS,EAAED,OAAO,CAACf;AAAxB,sBACE;AAAK,QAAA,SAAS,EAAEe,OAAO,CAACR,MAAxB;AAAgC,QAAA,GAAG,EAAC;AAApC,sBACE,oBAAC,sBAAD;AAAY,QAAA,SAAS,EAAC,KAAtB;AAA4B,QAAA,IAAI,EAAC;AAAjC,sBACE,iFADF,CADF,eAKE,oBAAC,eAAD;AACE,QAAA,WAAW,EAAE,IADf;AAEE,QAAA,SAAS,EAAEK,KAAK,CAACK,SAFnB;AAGE,QAAA,IAAI,EAAEL,KAAK,CAACM,KAHd;AAIE,QAAA,MAAM,EAAEN,KAAK,CAACO,MAJhB;AAKE,QAAA,KAAK,EAAEP,KAAK,CAACQ,KALf;AAME,QAAA,MAAM,EAAEJ,MANV;AAOE,QAAA,IAAI,EAAEJ,KAAK,CAACH,IAPd;AAQE,QAAA,KAAK,EAAEG,KAAK,CAACS,KARf;AASE,QAAA,YAAY,EAAE,KAAKC,UATrB;AAUE,QAAA,kBAAkB,EAAE,IAVtB;AAWE,QAAA,oBAAoB,EAAEV,KAAK,CAACW;AAX9B,QALF,eAkBG,8CACC,oBAAC,oBAAD;AACE,QAAA,OAAO,EAAEX,KAAK,CAACE,kBADjB;AAEE,QAAA,QAAQ,EAAE,kBAACU,CAAD,EAAO;AACf,UAAA,MAAI,CAACC,sBAAL,CAA4BD,CAAC,CAACE,MAAF,CAASC,OAArC;AACD;AAJH,QADD,+BAlBH,CADF,CAHF,CADF;AAqCD;;;EApDiCC,KAAK,CAACC,S;;;iCAA7BrB,c,eACQ;AACjBO,EAAAA,OAAO,EAAEe,sBAAUC,MAAV,CAAiBC,UADT;AAEjBpB,EAAAA,KAAK,EAAEkB,sBAAUC,MAAV,CAAiBC,UAFP;AAGjBrB,EAAAA,QAAQ,EAAEmB,sBAAUG,IAAV,CAAeD,UAHR;AAIjBhB,EAAAA,MAAM,EAAEc,sBAAUI;AAJD,C;;eAsDN,wBAAWpC,MAAX,EAAmBU,cAAnB,C","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Chart } from '@pie-lib/charting';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = theme => ({\n container: {\n marginTop: theme.spacing.unit * 3,\n marginBottom: theme.spacing.unit * 3,\n display: 'flex',\n flex: 1,\n },\n column: {\n flex: 1\n }\n});\n\nexport class ChartingConfig extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n model: PropTypes.object.isRequired,\n onChange: PropTypes.func.isRequired,\n charts: PropTypes.array\n };\n\n changeData = data => this.props.onChange({ ...this.props.model, data });\n\n changeAddRemoveEnabled = value => this.props.onChange({ ...this.props.model, addCategoryEnabled: value });\n\n render() {\n const { classes, model, charts } = this.props;\n\n return (\n <div>\n Define Graph Attributes\n\n <div className={classes.container}>\n <div className={classes.column} key=\"graph\">\n <Typography component=\"div\" type=\"body1\">\n <span>Use the tools below to set background shapes</span>\n </Typography>\n\n <Chart\n defineChart={true}\n chartType={model.chartType}\n size={model.graph}\n domain={model.domain}\n range={model.range}\n charts={charts}\n data={model.data}\n title={model.title}\n onDataChange={this.changeData}\n addCategoryEnabled={true}\n categoryDefaultLabel={model.categoryDefaultLabel}\n />\n <div>\n <Checkbox\n checked={model.addCategoryEnabled}\n onChange={(e) => {\n this.changeAddRemoveEnabled(e.target.checked)\n }}\n />\n Student can add categories\n </div>\n </div>\n\n </div>\n </div>\n );\n }\n}\n\nexport default withStyles(styles)(ChartingConfig);\n"],"file":"charting-config.js"}
package/configure/lib/configure.js CHANGED
@@ -43,13 +43,13 @@ var _correctResponse = _interopRequireDefault(require("./correct-response"));
43
43
 
44
44
  var _chartType = _interopRequireDefault(require("./chart-type"));
45
45
 
46
- 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; }
46
+ 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; }
47
47
 
48
- 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; }
48
+ 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; }
49
49
 
50
50
  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); }; }
51
51
 
52
- 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; } }
52
+ 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; } }
53
53
 
54
54
  var log = (0, _debug["default"])('@pie-element:graphing:configure');
55
55
  var Panel = _configUi.settings.Panel,
@@ -148,13 +148,22 @@ var Configure = /*#__PURE__*/function (_React$Component) {
148
148
  _ref$teacherInstructi = _ref.teacherInstructions,
149
149
  teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
150
150
  _ref$prompt = _ref.prompt,
151
- prompt = _ref$prompt === void 0 ? {} : _ref$prompt;
151
+ prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
152
+ _ref$spellCheck = _ref.spellCheck,
153
+ spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
154
+ _ref$maxImageWidth = _ref.maxImageWidth,
155
+ maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
156
+ _ref$maxImageHeight = _ref.maxImageHeight,
157
+ maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight;
152
158
 
153
159
  var _ref2 = model || {},
154
160
  teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
155
161
  promptEnabled = _ref2.promptEnabled,
156
- rationaleEnabled = _ref2.rationaleEnabled;
162
+ rationaleEnabled = _ref2.rationaleEnabled,
163
+ spellCheckEnabled = _ref2.spellCheckEnabled;
157
164
 
165
+ var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
166
+ var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
158
167
  return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
159
168
  settings: /*#__PURE__*/_react["default"].createElement(Panel, {
160
169
  model: model,
@@ -183,6 +192,7 @@ var Configure = /*#__PURE__*/function (_React$Component) {
183
192
  teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
184
193
  studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
185
194
  rationaleEnabled: rationale.settings && toggle(rationale.label),
195
+ spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
186
196
  promptEnabled: prompt.settings && toggle(prompt.label),
187
197
  scoringType: scoringType.settings && radio(scoringType.label, ['all or nothing', 'partial scoring'])
188
198
  }
@@ -201,7 +211,10 @@ var Configure = /*#__PURE__*/function (_React$Component) {
201
211
  markup: model.teacherInstructions || '',
202
212
  onChange: this.onTeacherInstructionsChange,
203
213
  imageSupport: imageSupport,
204
- nonEmpty: false
214
+ nonEmpty: false,
215
+ spellCheck: spellCheckEnabled,
216
+ maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
217
+ maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight
205
218
  })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
206
219
  label: prompt.label,
207
220
  className: classes.promptHolder
@@ -211,7 +224,10 @@ var Configure = /*#__PURE__*/function (_React$Component) {
211
224
  onChange: this.onPromptChange,
212
225
  imageSupport: imageSupport,
213
226
  nonEmpty: false,
214
- disableUnderline: true
227
+ spellCheck: spellCheckEnabled,
228
+ disableUnderline: true,
229
+ maxImageWidth: defaultImageMaxWidth,
230
+ maxImageHeight: defaultImageMaxHeight
215
231
  })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
216
232
  label: rationale.label || 'Rationale',
217
233
  className: classes.promptHolder
@@ -219,7 +235,10 @@ var Configure = /*#__PURE__*/function (_React$Component) {
219
235
  className: classes.prompt,
220
236
  markup: model.rationale || '',
221
237
  onChange: this.onRationaleChange,
222
- imageSupport: imageSupport
238
+ imageSupport: imageSupport,
239
+ spellCheck: spellCheckEnabled,
240
+ maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
241
+ maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight
223
242
  })), /*#__PURE__*/_react["default"].createElement(_chartType["default"], {
224
243
  value: model.chartType,
225
244
  onChange: function onChange(e) {
package/configure/lib/configure.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","numberFields","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingBottom","prompt","paddingTop","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","Configure","rationale","props","onModelChanged","model","teacherInstructions","chartType","classes","configuration","onConfigurationChanged","imageSupport","graph","scoringType","studentInstructions","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","label","suffix","min","max","height","Properties","studentInstructionsEnabled","onTeacherInstructionsChange","onPromptChange","onRationaleChange","e","onChartTypeChange","target","value","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { chartTypes } from '@pie-lib/charting';\nimport { settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport Typography from '@material-ui/core/Typography';\nimport EditableHtml from '@pie-lib/editable-html';\n\nimport ChartingConfig from './charting-config';\nimport CorrectResponse from './correct-response';\nimport ChartType from './chart-type';\n\nconst log = debug('@pie-element:graphing:configure');\nconst { Panel, toggle, radio, numberFields } = settings;\n\nconst styles = theme => ({\n title: {\n fontSize: '1.1rem',\n display: 'block',\n marginTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit\n },\n content: {\n marginTop: theme.spacing.unit * 2\n },\n promptHolder: {\n width: '100%',\n paddingBottom: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n marginTop: theme.spacing.unit * 2\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%'\n }\n});\n\nconst charts = [\n chartTypes.Bar(),\n chartTypes.Histogram(),\n chartTypes.LineDot(),\n chartTypes.LineCross(),\n chartTypes.DotPlot(),\n chartTypes.LinePlot()\n];\n\nexport class Configure extends React.Component {\n static propTypes = {\n onModelChanged: PropTypes.func,\n onConfigurationChanged: PropTypes.func,\n classes: PropTypes.object,\n imageSupport: PropTypes.object,\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired\n };\n\n static defaultProps = { classes: {} };\n\n onRationaleChange = rationale => this.props.onModelChanged({ ...this.props.model, rationale });\n\n onPromptChange = prompt => this.props.onModelChanged({ ...this.props.model, prompt });\n\n onTeacherInstructionsChange = teacherInstructions => this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n\n onChartTypeChange = chartType => this.props.onModelChanged({ ...this.props.model, chartType });\n\n render() {\n const {\n classes,\n model,\n configuration,\n onConfigurationChanged,\n onModelChanged,\n imageSupport\n } = this.props;\n log('[render] model', model);\n const { graph } = model;\n const {\n title = {},\n rationale = {},\n scoringType = {},\n studentInstructions = {},\n teacherInstructions = {},\n prompt = {},\n } = configuration || {};\n const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled } = model || {};\n\n return (\n <layout.ConfigLayout\n settings={\n <Panel\n model={model}\n configuration={configuration}\n onChangeModel={onModelChanged}\n onChangeConfiguration={onConfigurationChanged}\n groups={{\n 'Item Type': {\n 'title.enabled': title.settings && toggle(title.label, true),\n graph: numberFields('Graph Display Size', {\n width: {\n label: 'Width',\n suffix: 'px',\n min: 400,\n max: 700\n },\n height: {\n label: 'Height',\n suffix: 'px',\n min: 400,\n max: 700\n }\n })\n },\n Properties: {\n teacherInstructionsEnabled:\n teacherInstructions.settings &&\n toggle(teacherInstructions.label),\n studentInstructionsEnabled:\n studentInstructions.settings &&\n toggle(studentInstructions.label),\n rationaleEnabled:\n rationale.settings && toggle(rationale.label),\n promptEnabled:\n prompt.settings && toggle(prompt.label),\n scoringType:\n scoringType.settings &&\n radio(scoringType.label, ['all or nothing', 'partial scoring'])\n }\n }}\n />\n }\n >\n <div className={classes.content}>\n <Typography component=\"div\" type=\"body1\">\n <span>\n This interaction asks a student to draw a chart that meets specific criteria.\n The student will draw a category on the chart by clicking Add Category\n and dragging the top part of the category.\n </span>\n </Typography>\n\n {teacherInstructionsEnabled && (\n <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={this.onTeacherInstructionsChange}\n imageSupport={imageSupport}\n nonEmpty={false}\n />\n </InputContainer>\n )}\n\n {promptEnabled && (\n <InputContainer\n label={prompt.label}\n className={classes.promptHolder}\n >\n <EditableHtml\n className={classes.prompt}\n markup={model.prompt}\n onChange={this.onPromptChange}\n imageSupport={imageSupport}\n nonEmpty={false}\n disableUnderline\n />\n </InputContainer>\n )}\n\n {rationaleEnabled && (\n <InputContainer\n label={rationale.label || 'Rationale'}\n className={classes.promptHolder}\n >\n <EditableHtml\n className={classes.prompt}\n markup={model.rationale || ''}\n onChange={this.onRationaleChange}\n imageSupport={imageSupport}\n />\n </InputContainer>\n )}\n\n <ChartType\n value={model.chartType}\n onChange={e => this.onChartTypeChange(e.target.value)}\n />\n\n <ChartingConfig\n config={graph}\n model={model}\n onChange={onModelChanged}\n charts={charts}\n />\n\n <CorrectResponse\n config={graph}\n model={model}\n onChange={onModelChanged}\n charts={charts}\n />\n </div>\n </layout.ConfigLayout>\n );\n }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}
1
+ {"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","numberFields","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingBottom","prompt","paddingTop","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","Configure","rationale","props","onModelChanged","model","teacherInstructions","chartType","classes","configuration","onConfigurationChanged","imageSupport","graph","scoringType","studentInstructions","spellCheck","maxImageWidth","maxImageHeight","teacherInstructionsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","defaultImageMaxWidth","defaultImageMaxHeight","label","suffix","min","max","height","Properties","studentInstructionsEnabled","onTeacherInstructionsChange","onPromptChange","onRationaleChange","e","onChartTypeChange","target","value","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { chartTypes } from '@pie-lib/charting';\nimport { settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport Typography from '@material-ui/core/Typography';\nimport EditableHtml from '@pie-lib/editable-html';\n\nimport ChartingConfig from './charting-config';\nimport CorrectResponse from './correct-response';\nimport ChartType from './chart-type';\n\nconst log = debug('@pie-element:graphing:configure');\nconst { Panel, toggle, radio, numberFields } = settings;\n\nconst styles = (theme) => ({\n title: {\n fontSize: '1.1rem',\n display: 'block',\n marginTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit,\n },\n content: {\n marginTop: theme.spacing.unit * 2,\n },\n promptHolder: {\n width: '100%',\n paddingBottom: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n marginTop: theme.spacing.unit * 2,\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%',\n },\n});\n\nconst charts = [\n chartTypes.Bar(),\n chartTypes.Histogram(),\n chartTypes.LineDot(),\n chartTypes.LineCross(),\n chartTypes.DotPlot(),\n chartTypes.LinePlot(),\n];\n\nexport class Configure extends React.Component {\n static propTypes = {\n onModelChanged: PropTypes.func,\n onConfigurationChanged: PropTypes.func,\n classes: PropTypes.object,\n imageSupport: PropTypes.object,\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n };\n\n static defaultProps = { classes: {} };\n\n onRationaleChange = (rationale) =>\n this.props.onModelChanged({ ...this.props.model, rationale });\n\n onPromptChange = (prompt) =>\n this.props.onModelChanged({ ...this.props.model, prompt });\n\n onTeacherInstructionsChange = (teacherInstructions) =>\n this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n\n onChartTypeChange = (chartType) =>\n this.props.onModelChanged({ ...this.props.model, chartType });\n\n render() {\n const {\n classes,\n model,\n configuration,\n onConfigurationChanged,\n onModelChanged,\n imageSupport,\n } = this.props;\n log('[render] model', model);\n const { graph } = model;\n const {\n title = {},\n rationale = {},\n scoringType = {},\n studentInstructions = {},\n teacherInstructions = {},\n prompt = {},\n spellCheck = {},\n maxImageWidth = {},\n maxImageHeight = {}\n } = configuration || {};\n const { teacherInstructionsEnabled, promptEnabled, rationaleEnabled, spellCheckEnabled } =\n model || {};\n\n const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n return (\n <layout.ConfigLayout\n settings={\n <Panel\n model={model}\n configuration={configuration}\n onChangeModel={onModelChanged}\n onChangeConfiguration={onConfigurationChanged}\n groups={{\n 'Item Type': {\n 'title.enabled': title.settings && toggle(title.label, true),\n graph: numberFields('Graph Display Size', {\n width: {\n label: 'Width',\n suffix: 'px',\n min: 400,\n max: 700,\n },\n height: {\n label: 'Height',\n suffix: 'px',\n min: 400,\n max: 700,\n },\n }),\n },\n Properties: {\n teacherInstructionsEnabled:\n teacherInstructions.settings &&\n toggle(teacherInstructions.label),\n studentInstructionsEnabled:\n studentInstructions.settings &&\n toggle(studentInstructions.label),\n rationaleEnabled: rationale.settings && toggle(rationale.label),\n spellCheckEnabled:\n spellCheck.settings && toggle(spellCheck.label),\n promptEnabled: prompt.settings && toggle(prompt.label),\n scoringType:\n scoringType.settings &&\n radio(scoringType.label, [\n 'all or nothing',\n 'partial scoring',\n ]),\n },\n }}\n />\n }\n >\n <div className={classes.content}>\n <Typography component=\"div\" type=\"body1\">\n <span>\n This interaction asks a student to draw a chart that meets\n specific criteria. The student will draw a category on the chart\n by clicking Add Category and dragging the top part of the\n category.\n </span>\n </Typography>\n\n {teacherInstructionsEnabled && (\n <InputContainer\n label={teacherInstructions.label}\n className={classes.promptHolder}\n >\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={this.onTeacherInstructionsChange}\n imageSupport={imageSupport}\n nonEmpty={false}\n spellCheck={spellCheckEnabled}\n maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth}\n maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight}\n />\n </InputContainer>\n )}\n\n {promptEnabled && (\n <InputContainer\n label={prompt.label}\n className={classes.promptHolder}\n >\n <EditableHtml\n className={classes.prompt}\n markup={model.prompt}\n onChange={this.onPromptChange}\n imageSupport={imageSupport}\n nonEmpty={false}\n spellCheck={spellCheckEnabled}\n disableUnderline\n maxImageWidth={defaultImageMaxWidth}\n maxImageHeight={defaultImageMaxHeight}\n />\n </InputContainer>\n )}\n\n {rationaleEnabled && (\n <InputContainer\n label={rationale.label || 'Rationale'}\n className={classes.promptHolder}\n >\n <EditableHtml\n className={classes.prompt}\n markup={model.rationale || ''}\n onChange={this.onRationaleChange}\n imageSupport={imageSupport}\n spellCheck={spellCheckEnabled}\n maxImageWidth={maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth}\n maxImageHeight={maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight}\n />\n </InputContainer>\n )}\n\n <ChartType\n value={model.chartType}\n onChange={(e) => this.onChartTypeChange(e.target.value)}\n />\n\n <ChartingConfig\n config={graph}\n model={model}\n onChange={onModelChanged}\n charts={charts}\n />\n\n <CorrectResponse\n config={graph}\n model={model}\n onChange={onModelChanged}\n charts={charts}\n />\n </div>\n </layout.ConfigLayout>\n );\n }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}
package/configure/lib/correct-response.js CHANGED
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
4
 
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
@@ -29,17 +29,19 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
29
29
 
30
30
  var _styles = require("@material-ui/core/styles");
31
31
 
32
- var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
33
-
34
32
  var _charting = require("@pie-lib/charting");
35
33
 
36
- 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; }
34
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
35
+
36
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
37
+
38
+ 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; }
37
39
 
38
- 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; }
40
+ 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; }
39
41
 
40
42
  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); }; }
41
43
 
42
- 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; } }
44
+ 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; } }
43
45
 
44
46
  var styles = function styles(theme) {
45
47
  return {
@@ -89,16 +91,6 @@ var CorrectResponse = /*#__PURE__*/function (_React$Component) {
89
91
  })
90
92
  }));
91
93
  });
92
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeEditable", function (value) {
93
- return _this.props.onChange(_objectSpread(_objectSpread({}, _this.props.model), {}, {
94
- editCategoryEnabled: value
95
- }));
96
- });
97
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeAddRemoveEnabled", function (value) {
98
- return _this.props.onChange(_objectSpread(_objectSpread({}, _this.props.model), {}, {
99
- addCategoryEnabled: value
100
- }));
101
- });
102
94
  return _this;
103
95
  }
104
96
 
@@ -112,8 +104,6 @@ var CorrectResponse = /*#__PURE__*/function (_React$Component) {
112
104
  model = _this$props2.model,
113
105
  charts = _this$props2.charts;
114
106
  return /*#__PURE__*/React.createElement("div", null, "Define Correct Response", /*#__PURE__*/React.createElement("div", {
115
- className: classes.container
116
- }, /*#__PURE__*/React.createElement("div", {
117
107
  key: "correct-response-graph-".concat(model.correctAnswer.name)
118
108
  }, /*#__PURE__*/React.createElement("p", null, model.correctAnswer.name), /*#__PURE__*/React.createElement(_charting.Chart, {
119
109
  chartType: model.chartType,
@@ -126,20 +116,9 @@ var CorrectResponse = /*#__PURE__*/function (_React$Component) {
126
116
  onDataChange: function onDataChange(data) {
127
117
  return _this2.changeData(data);
128
118
  },
129
- editCategoryEnabled: true,
130
- addCategoryEnabled: true,
119
+ addCategoryEnabled: model.addCategoryEnabled,
131
120
  categoryDefaultLabel: model.categoryDefaultLabel
132
- }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Checkbox["default"], {
133
- checked: model.editCategoryEnabled,
134
- onChange: function onChange(e) {
135
- _this2.changeEditable(e.target.checked);
136
- }
137
- }), "Student can edit category labels"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Checkbox["default"], {
138
- checked: model.addCategoryEnabled,
139
- onChange: function onChange(e) {
140
- _this2.changeAddRemoveEnabled(e.target.checked);
141
- }
142
- }), "Student can add/remove category labels"))));
121
+ })));
143
122
  }
144
123
  }]);
145
124
  return CorrectResponse;