@pie-element/graphing 4.8.1-beta.0 → 4.8.1-beta.3

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.
@@ -9,8 +9,8 @@
9
9
  "dependencies": {
10
10
  "@material-ui/core": "^3.9.2",
11
11
  "@pie-framework/pie-configure-events": "^1.3.0",
12
- "@pie-lib/config-ui": "12.0.0-beta.3",
13
- "@pie-lib/editable-html": "10.0.0-beta.4",
12
+ "@pie-lib/config-ui": "12.0.0-beta.5",
13
+ "@pie-lib/editable-html": "10.0.0-beta.7",
14
14
  "@pie-lib/graphing": "^2.12.12",
15
15
  "@pie-lib/math-rendering": "^2.5.12",
16
16
  "classnames": "^2.2.5",
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "repository": "pie-framework/pie-elements",
7
- "version": "4.8.1-beta.0+524659031",
7
+ "version": "4.8.1-beta.3+e0e0490c5",
8
8
  "description": "",
9
9
  "scripts": {
10
10
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -25,7 +25,7 @@
25
25
  },
26
26
  "author": "",
27
27
  "license": "ISC",
28
- "gitHead": "524659031d4f760494f73f6e091bac2f9ef3f1e0",
28
+ "gitHead": "e0e0490c5b040c67f504c0bdfd00f6b834a28481",
29
29
  "main": "lib/index.js",
30
30
  "module": "src/index.js"
31
31
  }
@@ -1,366 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.Configure = void 0;
9
-
10
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
-
16
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
- var _react = _interopRequireDefault(require("react"));
25
-
26
- var _styles = require("@material-ui/core/styles");
27
-
28
- var _configUi = require("@pie-lib/config-ui");
29
-
30
- var _propTypes = _interopRequireDefault(require("prop-types"));
31
-
32
- var _debug = _interopRequireDefault(require("debug"));
33
-
34
- var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
35
-
36
- var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
37
-
38
- var _graphingConfig = _interopRequireDefault(require("./graphing-config"));
39
-
40
- var _correctResponse = _interopRequireDefault(require("./correct-response"));
41
-
42
- var _intersection = _interopRequireDefault(require("lodash/intersection"));
43
-
44
- 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; }
45
-
46
- 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; }
47
-
48
- 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); }; }
49
-
50
- 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; } }
51
-
52
- var Panel = _configUi.settings.Panel,
53
- toggle = _configUi.settings.toggle,
54
- radio = _configUi.settings.radio,
55
- checkboxes = _configUi.settings.checkboxes;
56
- var log = (0, _debug["default"])('@pie-element:graphing:configure');
57
-
58
- var styles = function styles(theme) {
59
- return {
60
- title: {
61
- fontSize: '1.1rem',
62
- display: 'block',
63
- marginTop: theme.spacing.unit * 2,
64
- marginBottom: theme.spacing.unit
65
- },
66
- content: {
67
- marginTop: theme.spacing.unit * 2
68
- },
69
- promptHolder: {
70
- width: '100%',
71
- paddingBottom: theme.spacing.unit * 2,
72
- marginBottom: theme.spacing.unit * 2,
73
- marginTop: theme.spacing.unit * 2
74
- },
75
- prompt: {
76
- paddingTop: theme.spacing.unit * 2,
77
- width: '100%'
78
- }
79
- };
80
- };
81
-
82
- var Configure = /*#__PURE__*/function (_React$Component) {
83
- (0, _inherits2["default"])(Configure, _React$Component);
84
-
85
- var _super = _createSuper(Configure);
86
-
87
- function Configure() {
88
- var _this;
89
-
90
- (0, _classCallCheck2["default"])(this, Configure);
91
-
92
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
93
- args[_key] = arguments[_key];
94
- }
95
-
96
- _this = _super.call.apply(_super, [this].concat(args));
97
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRationaleChange", function (rationale) {
98
- var _this$props = _this.props,
99
- onModelChanged = _this$props.onModelChanged,
100
- model = _this$props.model;
101
- onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
102
- rationale: rationale
103
- }));
104
- });
105
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChange", function (prompt) {
106
- var _this$props2 = _this.props,
107
- onModelChanged = _this$props2.onModelChanged,
108
- model = _this$props2.model;
109
- onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
110
- prompt: prompt
111
- }));
112
- });
113
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChange", function (teacherInstructions) {
114
- var _this$props3 = _this.props,
115
- onModelChanged = _this$props3.onModelChanged,
116
- model = _this$props3.model;
117
- onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
118
- teacherInstructions: teacherInstructions
119
- }));
120
- });
121
- return _this;
122
- }
123
-
124
- (0, _createClass2["default"])(Configure, [{
125
- key: "componentDidMount",
126
- value: function componentDidMount() {
127
- var _this$props4 = this.props,
128
- configuration = _this$props4.configuration,
129
- onModelChanged = _this$props4.onModelChanged,
130
- model = _this$props4.model;
131
-
132
- var _ref = configuration || {},
133
- availableTools = _ref.availableTools;
134
-
135
- var _ref2 = model || {},
136
- arrows = _ref2.arrows; // This is used for offering support for old models which have the property arrows: boolean
137
- // Same thing is set in the controller: packages/graphing/controller/src/index.js - model
138
-
139
-
140
- if (typeof arrows === 'boolean') {
141
- if (arrows) {
142
- arrows = {
143
- left: true,
144
- right: true,
145
- up: true,
146
- down: true
147
- };
148
- } else {
149
- arrows = {
150
- left: false,
151
- right: false,
152
- up: false,
153
- down: false
154
- };
155
- }
156
- }
157
-
158
- var toolbarTools = (0, _intersection["default"])(availableTools || [], model.toolbarTools || []);
159
- onModelChanged && onModelChanged(_objectSpread(_objectSpread({}, model), {}, {
160
- arrows: arrows,
161
- toolbarTools: toolbarTools
162
- }));
163
- }
164
- }, {
165
- key: "render",
166
- value: function render() {
167
- var _this$props5 = this.props,
168
- classes = _this$props5.classes,
169
- model = _this$props5.model,
170
- configuration = _this$props5.configuration,
171
- onConfigurationChanged = _this$props5.onConfigurationChanged,
172
- onModelChanged = _this$props5.onModelChanged,
173
- imageSupport = _this$props5.imageSupport,
174
- uploadSoundSupport = _this$props5.uploadSoundSupport;
175
-
176
- var _ref3 = configuration || {},
177
- _ref3$arrows = _ref3.arrows,
178
- arrows = _ref3$arrows === void 0 ? {} : _ref3$arrows,
179
- _ref3$authoring = _ref3.authoring,
180
- authoring = _ref3$authoring === void 0 ? {} : _ref3$authoring,
181
- _ref3$availableTools = _ref3.availableTools,
182
- availableTools = _ref3$availableTools === void 0 ? [] : _ref3$availableTools,
183
- _ref3$coordinatesOnHo = _ref3.coordinatesOnHover,
184
- coordinatesOnHover = _ref3$coordinatesOnHo === void 0 ? {} : _ref3$coordinatesOnHo,
185
- _ref3$gridConfigurati = _ref3.gridConfigurations,
186
- gridConfigurations = _ref3$gridConfigurati === void 0 ? [] : _ref3$gridConfigurati,
187
- _ref3$graphDimensions = _ref3.graphDimensions,
188
- graphDimensions = _ref3$graphDimensions === void 0 ? {} : _ref3$graphDimensions,
189
- _ref3$labels = _ref3.labels,
190
- labels = _ref3$labels === void 0 ? {} : _ref3$labels,
191
- _ref3$padding = _ref3.padding,
192
- padding = _ref3$padding === void 0 ? {} : _ref3$padding,
193
- _ref3$prompt = _ref3.prompt,
194
- prompt = _ref3$prompt === void 0 ? {} : _ref3$prompt,
195
- _ref3$rationale = _ref3.rationale,
196
- rationale = _ref3$rationale === void 0 ? {} : _ref3$rationale,
197
- _ref3$scoringType = _ref3.scoringType,
198
- scoringType = _ref3$scoringType === void 0 ? {} : _ref3$scoringType,
199
- settingsPanelDisabled = _ref3.settingsPanelDisabled,
200
- _ref3$spellCheck = _ref3.spellCheck,
201
- spellCheck = _ref3$spellCheck === void 0 ? {} : _ref3$spellCheck,
202
- _ref3$studentInstruct = _ref3.studentInstructions,
203
- studentInstructions = _ref3$studentInstruct === void 0 ? {} : _ref3$studentInstruct,
204
- _ref3$teacherInstruct = _ref3.teacherInstructions,
205
- teacherInstructions = _ref3$teacherInstruct === void 0 ? {} : _ref3$teacherInstruct,
206
- _ref3$title = _ref3.title,
207
- title = _ref3$title === void 0 ? {} : _ref3$title,
208
- _ref3$maxImageWidth = _ref3.maxImageWidth,
209
- maxImageWidth = _ref3$maxImageWidth === void 0 ? {} : _ref3$maxImageWidth,
210
- _ref3$maxImageHeight = _ref3.maxImageHeight,
211
- maxImageHeight = _ref3$maxImageHeight === void 0 ? {} : _ref3$maxImageHeight,
212
- _ref3$withRubric = _ref3.withRubric,
213
- withRubric = _ref3$withRubric === void 0 ? {} : _ref3$withRubric;
214
-
215
- var _ref4 = model || {},
216
- _ref4$errors = _ref4.errors,
217
- errors = _ref4$errors === void 0 ? {} : _ref4$errors,
218
- labelsEnabled = _ref4.labelsEnabled,
219
- promptEnabled = _ref4.promptEnabled,
220
- rationaleEnabled = _ref4.rationaleEnabled,
221
- spellCheckEnabled = _ref4.spellCheckEnabled,
222
- teacherInstructionsEnabled = _ref4.teacherInstructionsEnabled,
223
- titleEnabled = _ref4.titleEnabled;
224
-
225
- log('[render] model', model);
226
- var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
227
- var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
228
- var labelsPlaceholders = {
229
- top: labels.top,
230
- right: labels.right,
231
- bottom: labels.bottom,
232
- left: labels.left
233
- };
234
- var panelItemType = {
235
- arrows: arrows.settings && checkboxes(arrows.label, {
236
- left: arrows.left,
237
- right: arrows.right,
238
- up: arrows.up,
239
- down: arrows.down
240
- }),
241
- titleEnabled: title.settings && toggle(title.label),
242
- padding: padding.settings && toggle(padding.label),
243
- labelsEnabled: labels.settings && toggle(labels.label),
244
- coordinatesOnHover: coordinatesOnHover.settings && toggle(coordinatesOnHover.label)
245
- };
246
- var panelProperties = {
247
- 'authoring.enabled': authoring.settings && toggle(authoring.label, true),
248
- teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
249
- studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
250
- promptEnabled: prompt.settings && toggle(prompt.label),
251
- rationaleEnabled: rationale.settings && toggle(rationale.label),
252
- spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
253
- scoringType: scoringType.settings && radio(scoringType.label, ['dichotomous', 'partial scoring']),
254
- rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
255
- };
256
- return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
257
- hideSettings: settingsPanelDisabled,
258
- settings: /*#__PURE__*/_react["default"].createElement(Panel, {
259
- model: model,
260
- configuration: configuration,
261
- onChangeModel: onModelChanged,
262
- onChangeConfiguration: onConfigurationChanged,
263
- groups: {
264
- 'Item Type': panelItemType,
265
- Properties: panelProperties
266
- }
267
- })
268
- }, /*#__PURE__*/_react["default"].createElement("div", {
269
- className: classes.content
270
- }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
271
- component: "div",
272
- type: "body1"
273
- }, /*#__PURE__*/_react["default"].createElement("span", null, "This interaction asks a student to draw a line that meets specific criteria. The student will draw the line by clicking on two points on the graph.")), teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
274
- label: teacherInstructions.label,
275
- className: classes.promptHolder
276
- }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
277
- className: classes.prompt,
278
- markup: model.teacherInstructions || '',
279
- onChange: this.onTeacherInstructionsChange,
280
- imageSupport: imageSupport,
281
- nonEmpty: false,
282
- spellCheck: spellCheckEnabled,
283
- maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
284
- maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
285
- uploadSoundSupport: uploadSoundSupport,
286
- languageCharactersProps: [{
287
- language: 'spanish'
288
- }, {
289
- language: 'special'
290
- }]
291
- })), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
292
- label: prompt.label,
293
- className: classes.promptHolder
294
- }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
295
- className: classes.prompt,
296
- markup: model.prompt,
297
- onChange: this.onPromptChange,
298
- imageSupport: imageSupport,
299
- nonEmpty: false,
300
- spellCheck: spellCheckEnabled,
301
- disableUnderline: true,
302
- maxImageWidth: defaultImageMaxWidth,
303
- maxImageHeight: defaultImageMaxHeight,
304
- uploadSoundSupport: uploadSoundSupport,
305
- languageCharactersProps: [{
306
- language: 'spanish'
307
- }, {
308
- language: 'special'
309
- }]
310
- })), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
311
- label: rationale.label || 'Rationale',
312
- className: classes.promptHolder
313
- }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
314
- className: classes.prompt,
315
- markup: model.rationale || '',
316
- onChange: this.onRationaleChange,
317
- imageSupport: imageSupport,
318
- spellCheck: spellCheckEnabled,
319
- maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
320
- maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
321
- uploadSoundSupport: uploadSoundSupport,
322
- languageCharactersProps: [{
323
- language: 'spanish'
324
- }, {
325
- language: 'special'
326
- }]
327
- })), /*#__PURE__*/_react["default"].createElement(_graphingConfig["default"], {
328
- authoring: authoring,
329
- availableTools: availableTools,
330
- gridConfigurations: gridConfigurations,
331
- graphDimensions: graphDimensions,
332
- labelsPlaceholders: labelsPlaceholders,
333
- model: model,
334
- showLabels: labelsEnabled,
335
- showTitle: titleEnabled,
336
- titlePlaceholder: title.placeholder,
337
- onChange: this.props.onModelChanged
338
- }), /*#__PURE__*/_react["default"].createElement(_correctResponse["default"], {
339
- availableTools: availableTools,
340
- errors: errors,
341
- model: model,
342
- onChange: this.props.onModelChanged
343
- })));
344
- }
345
- }]);
346
- return Configure;
347
- }(_react["default"].Component);
348
-
349
- exports.Configure = Configure;
350
- (0, _defineProperty2["default"])(Configure, "propTypes", {
351
- onModelChanged: _propTypes["default"].func,
352
- onConfigurationChanged: _propTypes["default"].func,
353
- classes: _propTypes["default"].object,
354
- imageSupport: _propTypes["default"].object,
355
- uploadSoundSupport: _propTypes["default"].object,
356
- model: _propTypes["default"].object.isRequired,
357
- configuration: _propTypes["default"].object.isRequired
358
- });
359
- (0, _defineProperty2["default"])(Configure, "defaultProps", {
360
- classes: {}
361
- });
362
-
363
- var _default = (0, _styles.withStyles)(styles)(Configure);
364
-
365
- exports["default"] = _default;
366
- //# sourceMappingURL=configure.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/configure.jsx"],"names":["Panel","settings","toggle","radio","checkboxes","log","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","content","promptHolder","width","paddingBottom","prompt","paddingTop","Configure","rationale","props","onModelChanged","model","teacherInstructions","configuration","availableTools","arrows","left","right","up","down","toolbarTools","classes","onConfigurationChanged","imageSupport","uploadSoundSupport","authoring","coordinatesOnHover","gridConfigurations","graphDimensions","labels","padding","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","maxImageWidth","maxImageHeight","withRubric","errors","labelsEnabled","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","titleEnabled","defaultImageMaxWidth","defaultImageMaxHeight","labelsPlaceholders","top","bottom","panelItemType","label","panelProperties","studentInstructionsEnabled","rubricEnabled","Properties","onTeacherInstructionsChange","language","onPromptChange","onRationaleChange","placeholder","React","Component","PropTypes","func","object","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\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';\nimport GraphingConfig from './graphing-config';\nimport CorrectResponse from './correct-response';\nimport intersection from 'lodash/intersection';\n\nconst { Panel, toggle, radio, checkboxes } = settings;\nconst log = debug('@pie-element:graphing:configure');\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\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 uploadSoundSupport: PropTypes.object,\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n };\n\n static defaultProps = { classes: {} };\n\n componentDidMount() {\n const { configuration, onModelChanged, model } = this.props;\n const { availableTools } = configuration || {};\n let { arrows } = model || {};\n\n // This is used for offering support for old models which have the property arrows: boolean\n // Same thing is set in the controller: packages/graphing/controller/src/index.js - model\n if (typeof arrows === 'boolean') {\n if (arrows) {\n arrows = { left: true, right: true, up: true, down: true };\n } else {\n arrows = { left: false, right: false, up: false, down: false };\n }\n }\n\n const toolbarTools = intersection(availableTools || [], model.toolbarTools || []);\n\n onModelChanged && onModelChanged({ ...model, arrows, toolbarTools });\n }\n\n onRationaleChange = (rationale) => {\n const { onModelChanged, model } = this.props;\n\n onModelChanged({ ...model, rationale });\n };\n\n onPromptChange = (prompt) => {\n const { onModelChanged, model } = this.props;\n\n onModelChanged({ ...model, prompt });\n };\n\n onTeacherInstructionsChange = (teacherInstructions) => {\n const { onModelChanged, model } = this.props;\n\n onModelChanged({ ...model, teacherInstructions });\n };\n\n render() {\n const { classes, model, configuration, onConfigurationChanged, onModelChanged, imageSupport, uploadSoundSupport } =\n this.props;\n const {\n arrows = {},\n authoring = {},\n availableTools = [],\n coordinatesOnHover = {},\n gridConfigurations = [],\n graphDimensions = {},\n labels = {},\n padding = {},\n prompt = {},\n rationale = {},\n scoringType = {},\n settingsPanelDisabled,\n spellCheck = {},\n studentInstructions = {},\n teacherInstructions = {},\n title = {},\n maxImageWidth = {},\n maxImageHeight = {},\n withRubric = {},\n } = configuration || {};\n const {\n errors = {},\n labelsEnabled,\n promptEnabled,\n rationaleEnabled,\n spellCheckEnabled,\n teacherInstructionsEnabled,\n titleEnabled,\n } = model || {};\n\n log('[render] model', model);\n\n const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n const labelsPlaceholders = {\n top: labels.top,\n right: labels.right,\n bottom: labels.bottom,\n left: labels.left,\n };\n\n const panelItemType = {\n arrows:\n arrows.settings &&\n checkboxes(arrows.label, {\n left: arrows.left,\n right: arrows.right,\n up: arrows.up,\n down: arrows.down,\n }),\n titleEnabled: title.settings && toggle(title.label),\n padding: padding.settings && toggle(padding.label),\n labelsEnabled: labels.settings && toggle(labels.label),\n coordinatesOnHover: coordinatesOnHover.settings && toggle(coordinatesOnHover.label),\n };\n const panelProperties = {\n 'authoring.enabled': authoring.settings && toggle(authoring.label, true),\n teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n promptEnabled: prompt.settings && toggle(prompt.label),\n rationaleEnabled: rationale.settings && toggle(rationale.label),\n spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n scoringType: scoringType.settings && radio(scoringType.label, ['dichotomous', 'partial scoring']),\n rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n };\n\n return (\n <layout.ConfigLayout\n hideSettings={settingsPanelDisabled}\n settings={\n <Panel\n model={model}\n configuration={configuration}\n onChangeModel={onModelChanged}\n onChangeConfiguration={onConfigurationChanged}\n groups={{\n 'Item Type': panelItemType,\n Properties: panelProperties,\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 line that meets specific criteria. The student will draw the\n line by clicking on two points on the graph.\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 spellCheck={spellCheckEnabled}\n maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n />\n </InputContainer>\n )}\n\n {promptEnabled && (\n <InputContainer label={prompt.label} className={classes.promptHolder}>\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 uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n />\n </InputContainer>\n )}\n\n {rationaleEnabled && (\n <InputContainer label={rationale.label || 'Rationale'} className={classes.promptHolder}>\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 uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n />\n </InputContainer>\n )}\n\n <GraphingConfig\n authoring={authoring}\n availableTools={availableTools}\n gridConfigurations={gridConfigurations}\n graphDimensions={graphDimensions}\n labelsPlaceholders={labelsPlaceholders}\n model={model}\n showLabels={labelsEnabled}\n showTitle={titleEnabled}\n titlePlaceholder={title.placeholder}\n onChange={this.props.onModelChanged}\n />\n\n <CorrectResponse\n availableTools={availableTools}\n errors={errors}\n model={model}\n onChange={this.props.onModelChanged}\n />\n </div>\n </layout.ConfigLayout>\n );\n }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}