@pie-element/charting 7.11.2-next.16 → 7.11.2-next.17

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.
@@ -1,406 +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 _charting = require("@pie-lib/pie-toolbox/charting");
29
-
30
- var _configUi = require("@pie-lib/pie-toolbox/config-ui");
31
-
32
- var _propTypes = _interopRequireDefault(require("prop-types"));
33
-
34
- var _debug = _interopRequireDefault(require("debug"));
35
-
36
- var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
37
-
38
- var _editableHtml = require("@pie-lib/pie-toolbox/editable-html");
39
-
40
- var _chartingConfig = _interopRequireDefault(require("./charting-config"));
41
-
42
- var _correctResponse = _interopRequireDefault(require("./correct-response"));
43
-
44
- var _utils = require("./utils");
45
-
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
-
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
-
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
-
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
-
54
- var log = (0, _debug["default"])('@pie-element:graphing:configure');
55
- var Panel = _configUi.settings.Panel,
56
- toggle = _configUi.settings.toggle,
57
- radio = _configUi.settings.radio,
58
- dropdown = _configUi.settings.dropdown,
59
- textField = _configUi.settings.textField;
60
-
61
- var styles = function styles(theme) {
62
- return {
63
- title: {
64
- fontSize: '1.1rem',
65
- display: 'block',
66
- marginTop: theme.spacing.unit * 2,
67
- marginBottom: theme.spacing.unit
68
- },
69
- promptHolder: {
70
- width: '100%',
71
- paddingTop: theme.spacing.unit * 2,
72
- marginBottom: theme.spacing.unit * 2
73
- },
74
- description: {
75
- marginBottom: theme.spacing.unit * 2.5
76
- },
77
- errorText: {
78
- fontSize: theme.typography.fontSize - 2,
79
- color: theme.palette.error.main,
80
- paddingTop: theme.spacing.unit
81
- }
82
- };
83
- };
84
-
85
- var charts = [_charting.chartTypes.Bar(), _charting.chartTypes.Histogram(), _charting.chartTypes.LineDot(), _charting.chartTypes.LineCross(), _charting.chartTypes.DotPlot(), _charting.chartTypes.LinePlot()];
86
-
87
- var Configure = /*#__PURE__*/function (_React$Component) {
88
- (0, _inherits2["default"])(Configure, _React$Component);
89
-
90
- var _super = _createSuper(Configure);
91
-
92
- function Configure(props) {
93
- var _this;
94
-
95
- (0, _classCallCheck2["default"])(this, Configure);
96
- _this = _super.call(this, props);
97
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRationaleChange", function (rationale) {
98
- return _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
99
- rationale: rationale
100
- }));
101
- });
102
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPromptChange", function (prompt) {
103
- return _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
104
- prompt: prompt
105
- }));
106
- });
107
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTeacherInstructionsChange", function (teacherInstructions) {
108
- return _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
109
- teacherInstructions: teacherInstructions
110
- }));
111
- });
112
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChartTypeChange", function (chartType) {
113
- return _this.props.onModelChanged(_objectSpread(_objectSpread({}, _this.props.model), {}, {
114
- chartType: chartType
115
- }));
116
- });
117
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onConfigChange", function (config) {
118
- var _this$props = _this.props,
119
- model = _this$props.model,
120
- onModelChanged = _this$props.onModelChanged;
121
- var _this$state = _this.state,
122
- oldGridValues = _this$state.gridValues,
123
- oldLabelValues = _this$state.labelValues;
124
-
125
- var updatedModel = _objectSpread(_objectSpread({}, model), config);
126
-
127
- var graph = updatedModel.graph,
128
- range = updatedModel.range;
129
- var gridValues = {};
130
- var labelValues = {};
131
- var rangeConstraints = (0, _utils.applyConstraints)(range, graph.height, oldGridValues.range, oldLabelValues.range);
132
- gridValues.range = rangeConstraints.gridValues;
133
- labelValues.range = rangeConstraints.labelValues;
134
-
135
- _this.setState({
136
- gridValues: gridValues,
137
- labelValues: labelValues
138
- });
139
-
140
- onModelChanged(updatedModel);
141
- });
142
-
143
- var _ref = props.model || {},
144
- _ref$range = _ref.range,
145
- _range = _ref$range === void 0 ? {} : _ref$range,
146
- _graph = _ref.graph;
147
-
148
- var _gridValues = {
149
- range: (0, _utils.getGridValues)(_range, _graph.height, true)
150
- };
151
- var _labelValues = {
152
- range: (0, _utils.getLabelValues)(_range.step || 1)
153
- };
154
- _this.state = {
155
- gridValues: _gridValues,
156
- labelValues: _labelValues
157
- };
158
- return _this;
159
- }
160
-
161
- (0, _createClass2["default"])(Configure, [{
162
- key: "render",
163
- value: function render() {
164
- var _chartingOptions$chan, _chartingOptions$chan2, _chartingOptions$addC;
165
-
166
- var _this$props2 = this.props,
167
- classes = _this$props2.classes,
168
- configuration = _this$props2.configuration,
169
- imageSupport = _this$props2.imageSupport,
170
- model = _this$props2.model,
171
- onConfigurationChanged = _this$props2.onConfigurationChanged,
172
- onModelChanged = _this$props2.onModelChanged,
173
- uploadSoundSupport = _this$props2.uploadSoundSupport;
174
- log('[render] model', model);
175
- var graph = model.graph;
176
-
177
- var _ref2 = configuration || {},
178
- _ref2$baseInputConfig = _ref2.baseInputConfiguration,
179
- baseInputConfiguration = _ref2$baseInputConfig === void 0 ? {} : _ref2$baseInputConfig,
180
- _ref2$contentDimensio = _ref2.contentDimensions,
181
- contentDimensions = _ref2$contentDimensio === void 0 ? {} : _ref2$contentDimensio,
182
- _ref2$chartDimensions = _ref2.chartDimensions,
183
- chartDimensions = _ref2$chartDimensions === void 0 ? {} : _ref2$chartDimensions,
184
- _ref2$authorNewCatego = _ref2.authorNewCategoryDefaults,
185
- authorNewCategoryDefaults = _ref2$authorNewCatego === void 0 ? {} : _ref2$authorNewCatego,
186
- _ref2$labelsPlacehold = _ref2.labelsPlaceholders,
187
- labelsPlaceholders = _ref2$labelsPlacehold === void 0 ? {} : _ref2$labelsPlacehold,
188
- _ref2$instruction = _ref2.instruction,
189
- instruction = _ref2$instruction === void 0 ? {} : _ref2$instruction,
190
- _ref2$maxImageWidth = _ref2.maxImageWidth,
191
- maxImageWidth = _ref2$maxImageWidth === void 0 ? {} : _ref2$maxImageWidth,
192
- _ref2$maxImageHeight = _ref2.maxImageHeight,
193
- maxImageHeight = _ref2$maxImageHeight === void 0 ? {} : _ref2$maxImageHeight,
194
- _ref2$prompt = _ref2.prompt,
195
- prompt = _ref2$prompt === void 0 ? {} : _ref2$prompt,
196
- _ref2$rationale = _ref2.rationale,
197
- rationale = _ref2$rationale === void 0 ? {} : _ref2$rationale,
198
- _ref2$scoringType = _ref2.scoringType,
199
- scoringType = _ref2$scoringType === void 0 ? {} : _ref2$scoringType,
200
- settingsPanelDisabled = _ref2.settingsPanelDisabled,
201
- _ref2$spellCheck = _ref2.spellCheck,
202
- spellCheck = _ref2$spellCheck === void 0 ? {} : _ref2$spellCheck,
203
- _ref2$studentInstruct = _ref2.studentInstructions,
204
- studentInstructions = _ref2$studentInstruct === void 0 ? {} : _ref2$studentInstruct,
205
- _ref2$teacherInstruct = _ref2.teacherInstructions,
206
- teacherInstructions = _ref2$teacherInstruct === void 0 ? {} : _ref2$teacherInstruct,
207
- _ref2$titlePlaceholde = _ref2.titlePlaceholder,
208
- titlePlaceholder = _ref2$titlePlaceholde === void 0 ? {} : _ref2$titlePlaceholde,
209
- _ref2$withRubric = _ref2.withRubric,
210
- withRubric = _ref2$withRubric === void 0 ? {} : _ref2$withRubric,
211
- _ref2$chartingOptions = _ref2.chartingOptions,
212
- chartingOptions = _ref2$chartingOptions === void 0 ? {} : _ref2$chartingOptions,
213
- _ref2$availableChartT = _ref2.availableChartTypes,
214
- availableChartTypes = _ref2$availableChartT === void 0 ? {} : _ref2$availableChartT,
215
- _ref2$mathMlOptions = _ref2.mathMlOptions,
216
- mathMlOptions = _ref2$mathMlOptions === void 0 ? {} : _ref2$mathMlOptions,
217
- chartTypeLabel = _ref2.chartTypeLabel,
218
- _ref2$language = _ref2.language,
219
- language = _ref2$language === void 0 ? {} : _ref2$language,
220
- _ref2$languageChoices = _ref2.languageChoices,
221
- languageChoices = _ref2$languageChoices === void 0 ? {} : _ref2$languageChoices;
222
-
223
- var _ref3 = model || {},
224
- errors = _ref3.errors,
225
- promptEnabled = _ref3.promptEnabled,
226
- rationaleEnabled = _ref3.rationaleEnabled,
227
- spellCheckEnabled = _ref3.spellCheckEnabled,
228
- teacherInstructionsEnabled = _ref3.teacherInstructionsEnabled,
229
- studentNewCategoryDefaultLabel = _ref3.studentNewCategoryDefaultLabel;
230
-
231
- var _ref4 = errors || {},
232
- categoryErrors = _ref4.categoryErrors,
233
- correctAnswerErrors = _ref4.correctAnswerErrors,
234
- promptError = _ref4.prompt,
235
- rationaleError = _ref4.rationale,
236
- teacherInstructionsError = _ref4.teacherInstructions;
237
-
238
- var _this$state2 = this.state,
239
- gridValues = _this$state2.gridValues,
240
- labelValues = _this$state2.labelValues;
241
- var showPixeGuides = chartDimensions.showInConfigPanel || true;
242
- var defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
243
- var defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;
244
- var panelItemType = {
245
- changeInteractiveEnabled: ((_chartingOptions$chan = chartingOptions.changeInteractive) === null || _chartingOptions$chan === void 0 ? void 0 : _chartingOptions$chan.settings) && toggle(chartingOptions.changeInteractive.settingsLabel),
246
- changeEditableEnabled: ((_chartingOptions$chan2 = chartingOptions.changeEditable) === null || _chartingOptions$chan2 === void 0 ? void 0 : _chartingOptions$chan2.settings) && toggle(chartingOptions.changeEditable.settingsLabel),
247
- changeAddCategoryEnabled: ((_chartingOptions$addC = chartingOptions.addCategory) === null || _chartingOptions$addC === void 0 ? void 0 : _chartingOptions$addC.settings) && toggle(chartingOptions.addCategory.settingsLabel)
248
- };
249
- var panelProperties = {
250
- teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
251
- studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
252
- rationaleEnabled: rationale.settings && toggle(rationale.label),
253
- spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
254
- promptEnabled: prompt.settings && toggle(prompt.label),
255
- scoringType: scoringType.settings && radio(scoringType.label, ['all or nothing', 'partial scoring']),
256
- rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label),
257
- 'language.enabled': language.settings && toggle(language.label, true),
258
- language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),
259
- instruction: instruction.settings && textField(instruction.label)
260
- };
261
-
262
- var getPluginProps = function getPluginProps() {
263
- var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
264
- return _objectSpread(_objectSpread({}, baseInputConfiguration), props);
265
- };
266
-
267
- return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
268
- dimensions: contentDimensions,
269
- hideSettings: settingsPanelDisabled,
270
- settings: /*#__PURE__*/_react["default"].createElement(Panel, {
271
- model: model,
272
- configuration: configuration,
273
- onChangeModel: onModelChanged,
274
- onChangeConfiguration: onConfigurationChanged,
275
- groups: {
276
- Settings: panelItemType,
277
- Properties: panelProperties
278
- }
279
- })
280
- }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
281
- component: "div",
282
- type: "body1",
283
- className: classes.description
284
- }, (instruction === null || instruction === void 0 ? void 0 : instruction.label) || ''), teacherInstructionsEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
285
- label: teacherInstructions.label,
286
- className: classes.promptHolder
287
- }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
288
- className: classes.prompt,
289
- markup: model.teacherInstructions || '',
290
- onChange: this.onTeacherInstructionsChange,
291
- imageSupport: imageSupport,
292
- nonEmpty: false,
293
- error: teacherInstructionsError,
294
- spellCheck: spellCheckEnabled,
295
- pluginProps: getPluginProps(teacherInstructions === null || teacherInstructions === void 0 ? void 0 : teacherInstructions.inputConfiguration),
296
- maxImageWidth: maxImageWidth && maxImageWidth.teacherInstructions || defaultImageMaxWidth,
297
- maxImageHeight: maxImageHeight && maxImageHeight.teacherInstructions || defaultImageMaxHeight,
298
- uploadSoundSupport: uploadSoundSupport,
299
- languageCharactersProps: [{
300
- language: 'spanish'
301
- }, {
302
- language: 'special'
303
- }],
304
- mathMlOptions: mathMlOptions
305
- }), teacherInstructionsError && /*#__PURE__*/_react["default"].createElement("div", {
306
- className: classes.errorText
307
- }, teacherInstructionsError)), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
308
- label: prompt.label,
309
- className: classes.promptHolder
310
- }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
311
- className: classes.prompt,
312
- markup: model.prompt,
313
- onChange: this.onPromptChange,
314
- imageSupport: imageSupport,
315
- nonEmpty: false,
316
- error: promptError,
317
- spellCheck: spellCheckEnabled,
318
- disableUnderline: true,
319
- pluginProps: getPluginProps(prompt === null || prompt === void 0 ? void 0 : prompt.inputConfiguration),
320
- maxImageWidth: defaultImageMaxWidth,
321
- maxImageHeight: defaultImageMaxHeight,
322
- uploadSoundSupport: uploadSoundSupport,
323
- languageCharactersProps: [{
324
- language: 'spanish'
325
- }, {
326
- language: 'special'
327
- }],
328
- mathMlOptions: mathMlOptions
329
- }), promptError && /*#__PURE__*/_react["default"].createElement("div", {
330
- className: classes.errorText
331
- }, promptError)), /*#__PURE__*/_react["default"].createElement(_charting.ConfigureChartPanel, {
332
- model: model,
333
- onChange: this.onConfigChange,
334
- gridValues: gridValues,
335
- labelValues: labelValues,
336
- chartDimensions: chartDimensions,
337
- charts: charts,
338
- studentNewCategoryDefaultLabel: studentNewCategoryDefaultLabel,
339
- availableChartTypes: availableChartTypes,
340
- chartTypeLabel: chartTypeLabel
341
- }), /*#__PURE__*/_react["default"].createElement(_chartingConfig["default"], {
342
- model: model,
343
- onChange: onModelChanged,
344
- charts: charts,
345
- labelsPlaceholders: labelsPlaceholders,
346
- titlePlaceholder: titlePlaceholder,
347
- showPixelGuides: showPixeGuides,
348
- authorNewCategoryDefaults: authorNewCategoryDefaults,
349
- chartingOptions: chartingOptions,
350
- mathMlOptions: mathMlOptions
351
- }), /*#__PURE__*/_react["default"].createElement(_correctResponse["default"], {
352
- config: graph,
353
- model: model,
354
- onChange: onModelChanged,
355
- charts: charts,
356
- error: categoryErrors,
357
- correctAnswerErrors: correctAnswerErrors,
358
- studentNewCategoryDefaultLabel: studentNewCategoryDefaultLabel,
359
- mathMlOptions: mathMlOptions
360
- }), rationaleEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
361
- label: rationale.label || 'Rationale',
362
- className: classes.promptHolder
363
- }, /*#__PURE__*/_react["default"].createElement(_editableHtml.EditableHtml, {
364
- className: classes.prompt,
365
- markup: model.rationale || '',
366
- onChange: this.onRationaleChange,
367
- imageSupport: imageSupport,
368
- error: rationaleError,
369
- spellCheck: spellCheckEnabled,
370
- pluginProps: getPluginProps(rationale === null || rationale === void 0 ? void 0 : rationale.inputConfiguration),
371
- maxImageWidth: maxImageWidth && maxImageWidth.rationale || defaultImageMaxWidth,
372
- maxImageHeight: maxImageHeight && maxImageHeight.rationale || defaultImageMaxHeight,
373
- uploadSoundSupport: uploadSoundSupport,
374
- languageCharactersProps: [{
375
- language: 'spanish'
376
- }, {
377
- language: 'special'
378
- }],
379
- mathMlOptions: mathMlOptions
380
- }), rationaleError && /*#__PURE__*/_react["default"].createElement("div", {
381
- className: classes.errorText
382
- }, rationaleError)));
383
- }
384
- }]);
385
- return Configure;
386
- }(_react["default"].Component);
387
-
388
- exports.Configure = Configure;
389
- (0, _defineProperty2["default"])(Configure, "propTypes", {
390
- onModelChanged: _propTypes["default"].func,
391
- onConfigurationChanged: _propTypes["default"].func,
392
- classes: _propTypes["default"].object,
393
- imageSupport: _propTypes["default"].object,
394
- uploadSoundSupport: _propTypes["default"].object,
395
- model: _propTypes["default"].object.isRequired,
396
- configuration: _propTypes["default"].object.isRequired,
397
- chartingOptions: _propTypes["default"].object
398
- });
399
- (0, _defineProperty2["default"])(Configure, "defaultProps", {
400
- classes: {}
401
- });
402
-
403
- var _default = (0, _styles.withStyles)(styles)(Configure);
404
-
405
- exports["default"] = _default;
406
- //# sourceMappingURL=configure.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/configure.jsx"],"names":["log","Panel","settings","toggle","radio","dropdown","textField","styles","theme","title","fontSize","display","marginTop","spacing","unit","marginBottom","promptHolder","width","paddingTop","description","errorText","typography","color","palette","error","main","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","Configure","props","rationale","onModelChanged","model","prompt","teacherInstructions","chartType","config","state","oldGridValues","gridValues","oldLabelValues","labelValues","updatedModel","graph","range","rangeConstraints","height","setState","step","classes","configuration","imageSupport","onConfigurationChanged","uploadSoundSupport","baseInputConfiguration","contentDimensions","chartDimensions","authorNewCategoryDefaults","labelsPlaceholders","instruction","maxImageWidth","maxImageHeight","scoringType","settingsPanelDisabled","spellCheck","studentInstructions","titlePlaceholder","withRubric","chartingOptions","availableChartTypes","mathMlOptions","chartTypeLabel","language","languageChoices","errors","promptEnabled","rationaleEnabled","spellCheckEnabled","teacherInstructionsEnabled","studentNewCategoryDefaultLabel","categoryErrors","correctAnswerErrors","promptError","rationaleError","teacherInstructionsError","showPixeGuides","showInConfigPanel","defaultImageMaxWidth","defaultImageMaxHeight","panelItemType","changeInteractiveEnabled","changeInteractive","settingsLabel","changeEditableEnabled","changeEditable","changeAddCategoryEnabled","addCategory","panelProperties","label","studentInstructionsEnabled","rubricEnabled","enabled","options","getPluginProps","Settings","Properties","onTeacherInstructionsChange","inputConfiguration","onPromptChange","onConfigChange","onRationaleChange","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, ConfigureChartPanel } from '@pie-lib/pie-toolbox/charting';\nimport { settings, layout, InputContainer } from '@pie-lib/pie-toolbox/config-ui';\nimport PropTypes from 'prop-types';\nimport debug from 'debug';\nimport Typography from '@material-ui/core/Typography';\nimport { EditableHtml } from '@pie-lib/pie-toolbox/editable-html';\n\nimport ChartingConfig from './charting-config';\nimport CorrectResponse from './correct-response';\nimport { applyConstraints, getGridValues, getLabelValues } from './utils';\n\nconst log = debug('@pie-element:graphing:configure');\nconst { Panel, toggle, radio, dropdown, textField } = 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 promptHolder: {\n width: '100%',\n paddingTop: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n },\n description: {\n marginBottom: theme.spacing.unit * 2.5,\n },\n errorText: {\n fontSize: theme.typography.fontSize - 2,\n color: theme.palette.error.main,\n paddingTop: theme.spacing.unit,\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 uploadSoundSupport: PropTypes.object,\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n chartingOptions: PropTypes.object,\n };\n\n constructor(props) {\n super(props);\n const { range = {}, graph } = props.model || {};\n const gridValues = { range: getGridValues(range, graph.height, true) };\n const labelValues = { range: getLabelValues(range.step || 1) };\n\n this.state = { gridValues, labelValues };\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) =>\n this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n\n onChartTypeChange = (chartType) => this.props.onModelChanged({ ...this.props.model, chartType });\n\n onConfigChange = (config) => {\n const { model, onModelChanged } = this.props;\n const { gridValues: oldGridValues, labelValues: oldLabelValues } = this.state;\n const updatedModel = { ...model, ...config };\n const { graph, range } = updatedModel;\n const gridValues = {};\n const labelValues = {};\n\n const rangeConstraints = applyConstraints(range, graph.height, oldGridValues.range, oldLabelValues.range);\n\n gridValues.range = rangeConstraints.gridValues;\n labelValues.range = rangeConstraints.labelValues;\n\n this.setState({ gridValues, labelValues });\n onModelChanged(updatedModel);\n };\n\n render() {\n const { classes, configuration, imageSupport, model, onConfigurationChanged, onModelChanged, uploadSoundSupport } =\n this.props;\n\n log('[render] model', model);\n\n const { graph } = model;\n const {\n baseInputConfiguration = {},\n contentDimensions = {},\n chartDimensions = {},\n authorNewCategoryDefaults = {},\n labelsPlaceholders = {},\n instruction = {},\n maxImageWidth = {},\n maxImageHeight = {},\n prompt = {},\n rationale = {},\n scoringType = {},\n settingsPanelDisabled,\n spellCheck = {},\n studentInstructions = {},\n teacherInstructions = {},\n titlePlaceholder = {},\n withRubric = {},\n chartingOptions = {},\n availableChartTypes = {},\n mathMlOptions = {},\n chartTypeLabel,\n language = {},\n languageChoices = {},\n } = configuration || {};\n const {\n errors,\n promptEnabled,\n rationaleEnabled,\n spellCheckEnabled,\n teacherInstructionsEnabled,\n studentNewCategoryDefaultLabel,\n } = model || {};\n const {\n categoryErrors,\n correctAnswerErrors,\n prompt: promptError,\n rationale: rationaleError,\n teacherInstructions: teacherInstructionsError,\n } = errors || {};\n const { gridValues, labelValues } = this.state;\n const showPixeGuides = chartDimensions.showInConfigPanel || true;\n\n const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;\n const defaultImageMaxHeight = maxImageHeight && maxImageHeight.prompt;\n\n const panelItemType = {\n changeInteractiveEnabled:\n chartingOptions.changeInteractive?.settings && toggle(chartingOptions.changeInteractive.settingsLabel),\n changeEditableEnabled:\n chartingOptions.changeEditable?.settings && toggle(chartingOptions.changeEditable.settingsLabel),\n changeAddCategoryEnabled:\n chartingOptions.addCategory?.settings && toggle(chartingOptions.addCategory.settingsLabel),\n };\n\n const panelProperties = {\n teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),\n rationaleEnabled: rationale.settings && toggle(rationale.label),\n spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n promptEnabled: prompt.settings && toggle(prompt.label),\n scoringType: scoringType.settings && radio(scoringType.label, ['all or nothing', 'partial scoring']),\n rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n 'language.enabled': language.settings && toggle(language.label, true),\n language: language.settings && language.enabled && dropdown(languageChoices.label, languageChoices.options),\n instruction: instruction.settings && textField(instruction.label),\n };\n\n const getPluginProps = (props = {}) => ({\n ...baseInputConfiguration,\n ...props,\n });\n\n return (\n <layout.ConfigLayout\n dimensions={contentDimensions}\n hideSettings={settingsPanelDisabled}\n settings={\n <Panel\n model={model}\n configuration={configuration}\n onChangeModel={onModelChanged}\n onChangeConfiguration={onConfigurationChanged}\n groups={{\n Settings: panelItemType,\n Properties: panelProperties,\n }}\n />\n }\n >\n <Typography component=\"div\" type=\"body1\" className={classes.description}>\n {instruction?.label || ''}\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 error={teacherInstructionsError}\n spellCheck={spellCheckEnabled}\n pluginProps={getPluginProps(teacherInstructions?.inputConfiguration)}\n maxImageWidth={(maxImageWidth && maxImageWidth.teacherInstructions) || defaultImageMaxWidth}\n maxImageHeight={(maxImageHeight && maxImageHeight.teacherInstructions) || defaultImageMaxHeight}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n mathMlOptions={mathMlOptions}\n />\n {teacherInstructionsError && <div className={classes.errorText}>{teacherInstructionsError}</div>}\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 error={promptError}\n spellCheck={spellCheckEnabled}\n disableUnderline\n pluginProps={getPluginProps(prompt?.inputConfiguration)}\n maxImageWidth={defaultImageMaxWidth}\n maxImageHeight={defaultImageMaxHeight}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n mathMlOptions={mathMlOptions}\n />\n {promptError && <div className={classes.errorText}>{promptError}</div>}\n </InputContainer>\n )}\n\n <ConfigureChartPanel\n model={model}\n onChange={this.onConfigChange}\n gridValues={gridValues}\n labelValues={labelValues}\n chartDimensions={chartDimensions}\n charts={charts}\n studentNewCategoryDefaultLabel={studentNewCategoryDefaultLabel}\n availableChartTypes={availableChartTypes}\n chartTypeLabel={chartTypeLabel}\n />\n\n <ChartingConfig\n model={model}\n onChange={onModelChanged}\n charts={charts}\n labelsPlaceholders={labelsPlaceholders}\n titlePlaceholder={titlePlaceholder}\n showPixelGuides={showPixeGuides}\n authorNewCategoryDefaults={authorNewCategoryDefaults}\n chartingOptions={chartingOptions}\n mathMlOptions={mathMlOptions}\n />\n\n <CorrectResponse\n config={graph}\n model={model}\n onChange={onModelChanged}\n charts={charts}\n error={categoryErrors}\n correctAnswerErrors={correctAnswerErrors}\n studentNewCategoryDefaultLabel={studentNewCategoryDefaultLabel}\n mathMlOptions={mathMlOptions}\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 error={rationaleError}\n spellCheck={spellCheckEnabled}\n pluginProps={getPluginProps(rationale?.inputConfiguration)}\n maxImageWidth={(maxImageWidth && maxImageWidth.rationale) || defaultImageMaxWidth}\n maxImageHeight={(maxImageHeight && maxImageHeight.rationale) || defaultImageMaxHeight}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n mathMlOptions={mathMlOptions}\n />\n {rationaleError && <div className={classes.errorText}>{rationaleError}</div>}\n </InputContainer>\n )}\n </layout.ConfigLayout>\n );\n }\n}\n\nexport default withStyles(styles)(Configure);\n"],"file":"configure.js"}