@pie-element/image-cloze-association 4.4.2-next.47 → 4.4.2-next.83

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.
@@ -11,6 +11,13 @@ var _default = {
11
11
  studentInstructionsEnabled: true
12
12
  },
13
13
  configuration: {
14
+ maxImageWidth: {
15
+ teacherInstructions: 300
16
+ },
17
+ maxImageHeight: {
18
+ teacherInstructions: 300
19
+ },
20
+ settingsPanelDisabled: false,
14
21
  spellCheck: {
15
22
  label: 'Spellcheck',
16
23
  settings: false,
@@ -20,12 +27,6 @@ var _default = {
20
27
  settings: true,
21
28
  label: 'Teacher Instructions'
22
29
  },
23
- maxImageWidth: {
24
- teacherInstructions: 300
25
- },
26
- maxImageHeight: {
27
- teacherInstructions: 300
28
- },
29
30
  withRubric: {
30
31
  settings: false,
31
32
  label: 'Add Rubric'
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/defaults.js"],"names":["model","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","spellCheck","label","settings","enabled","teacherInstructions","maxImageWidth","maxImageHeight","withRubric"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,gBAAgB,EAAE,IADb;AAELC,IAAAA,0BAA0B,EAAE,IAFvB;AAGLC,IAAAA,0BAA0B,EAAE;AAHvB,GADM;AAMbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,YADG;AAEVC,MAAAA,QAAQ,EAAE,KAFA;AAGVC,MAAAA,OAAO,EAAE;AAHC,KADC;AAMbC,IAAAA,mBAAmB,EAAE;AACnBF,MAAAA,QAAQ,EAAE,IADS;AAEnBD,MAAAA,KAAK,EAAE;AAFY,KANR;AAUbI,IAAAA,aAAa,EAAE;AACbD,MAAAA,mBAAmB,EAAE;AADR,KAVF;AAabE,IAAAA,cAAc,EAAE;AACdF,MAAAA,mBAAmB,EAAE;AADP,KAbH;AAgBbG,IAAAA,UAAU,EAAE;AACVL,MAAAA,QAAQ,EAAE,KADA;AAEVD,MAAAA,KAAK,EAAE;AAFG;AAhBC;AANF,C","sourcesContent":["export default {\n model: {\n rationaleEnabled: true,\n teacherInstructionsEnabled: true,\n studentInstructionsEnabled: true,\n },\n configuration: {\n spellCheck: {\n label: 'Spellcheck',\n settings: false,\n enabled: true,\n },\n teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n },\n maxImageWidth: {\n teacherInstructions: 300,\n },\n maxImageHeight: {\n teacherInstructions: 300,\n },\n withRubric: {\n settings: false,\n label: 'Add Rubric',\n },\n },\n};\n"],"file":"defaults.js"}
1
+ {"version":3,"sources":["../src/defaults.js"],"names":["model","rationaleEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","maxImageWidth","teacherInstructions","maxImageHeight","settingsPanelDisabled","spellCheck","label","settings","enabled","withRubric"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,gBAAgB,EAAE,IADb;AAELC,IAAAA,0BAA0B,EAAE,IAFvB;AAGLC,IAAAA,0BAA0B,EAAE;AAHvB,GADM;AAMbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,aAAa,EAAE;AACbC,MAAAA,mBAAmB,EAAE;AADR,KADF;AAIbC,IAAAA,cAAc,EAAE;AACdD,MAAAA,mBAAmB,EAAE;AADP,KAJH;AAObE,IAAAA,qBAAqB,EAAE,KAPV;AAQbC,IAAAA,UAAU,EAAE;AACVC,MAAAA,KAAK,EAAE,YADG;AAEVC,MAAAA,QAAQ,EAAE,KAFA;AAGVC,MAAAA,OAAO,EAAE;AAHC,KARC;AAabN,IAAAA,mBAAmB,EAAE;AACnBK,MAAAA,QAAQ,EAAE,IADS;AAEnBD,MAAAA,KAAK,EAAE;AAFY,KAbR;AAiBbG,IAAAA,UAAU,EAAE;AACVF,MAAAA,QAAQ,EAAE,KADA;AAEVD,MAAAA,KAAK,EAAE;AAFG;AAjBC;AANF,C","sourcesContent":["export default {\n model: {\n rationaleEnabled: true,\n teacherInstructionsEnabled: true,\n studentInstructionsEnabled: true,\n },\n configuration: {\n maxImageWidth: {\n teacherInstructions: 300,\n },\n maxImageHeight: {\n teacherInstructions: 300,\n },\n settingsPanelDisabled: false,\n spellCheck: {\n label: 'Spellcheck',\n settings: false,\n enabled: true,\n },\n teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n },\n withRubric: {\n settings: false,\n label: 'Add Rubric',\n },\n },\n};\n"],"file":"defaults.js"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.js"],"names":["log","ImageClozeAssociationConfigure","_model","createDefaultModel","onModelChanged","bind","_configuration","sensibleDefaults","configuration","s","_render","c","_disableSidePanel","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","dispatchModelUpdated","config","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","element","React","createElement","Root","disableSidePanel","model","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","render","HTMLElement"],"mappings":"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","sourcesContent":["import {\n ModelUpdatedEvent,\n DeleteImageEvent,\n InsertImageEvent,\n InsertSoundEvent,\n DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\n\nimport Root from './root';\nimport sensibleDefaults from './defaults';\n\nconst log = debug('image-cloze-association:configure');\n\nexport default class ImageClozeAssociationConfigure extends HTMLElement {\n static createDefaultModel = (model = {}) => ({\n ...sensibleDefaults.model,\n ...model,\n });\n\n constructor() {\n super();\n this._model = ImageClozeAssociationConfigure.createDefaultModel();\n this.onModelChanged = this.onModelChanged.bind(this);\n this._configuration = sensibleDefaults.configuration;\n }\n\n set model(s) {\n this._model = ImageClozeAssociationConfigure.createDefaultModel(s);\n this._render();\n }\n\n set configuration(c) {\n this._configuration = c;\n this._render();\n }\n\n set disableSidePanel(s) {\n this._disableSidePanel = s;\n this._render();\n }\n\n dispatchModelUpdated(reset) {\n const resetValue = !!reset;\n\n this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n }\n\n onModelChanged(m, reset) {\n this._model = m;\n this.dispatchModelUpdated(reset);\n this._render();\n }\n\n onConfigurationChanged(config) {\n this._configuration = config;\n this._render();\n }\n\n /**\n *\n * @param {done, progress, file} handler\n */\n insertImage(handler) {\n this.dispatchEvent(new InsertImageEvent(handler));\n }\n\n onDeleteImage(src, done) {\n this.dispatchEvent(new DeleteImageEvent(src, done));\n }\n\n insertSound(handler) {\n this.dispatchEvent(new InsertSoundEvent(handler));\n }\n\n onDeleteSound(src, done) {\n this.dispatchEvent(new DeleteSoundEvent(src, done));\n }\n\n _render() {\n log('_render');\n let element = React.createElement(Root, {\n disableSidePanel: this._disableSidePanel,\n model: this._model,\n configuration: this._configuration,\n onModelChanged: this.onModelChanged.bind(this),\n onConfigurationChanged: this.onConfigurationChanged.bind(this),\n imageSupport: {\n add: this.insertImage.bind(this),\n delete: this.onDeleteImage.bind(this),\n },\n uploadSoundSupport: {\n add: this.insertSound.bind(this),\n delete: this.onDeleteSound.bind(this),\n },\n });\n ReactDOM.render(element, this);\n }\n}\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../src/index.js"],"names":["log","ImageClozeAssociationConfigure","_model","createDefaultModel","onModelChanged","bind","_configuration","sensibleDefaults","configuration","s","_render","c","_disableSidePanel","reset","resetValue","dispatchEvent","ModelUpdatedEvent","m","dispatchModelUpdated","config","handler","InsertImageEvent","src","done","DeleteImageEvent","InsertSoundEvent","DeleteSoundEvent","element","React","createElement","Root","disableSidePanel","model","onConfigurationChanged","imageSupport","add","insertImage","onDeleteImage","uploadSoundSupport","insertSound","onDeleteSound","ReactDOM","render","HTMLElement"],"mappings":"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","sourcesContent":["import {\n ModelUpdatedEvent,\n DeleteImageEvent,\n InsertImageEvent,\n InsertSoundEvent,\n DeleteSoundEvent,\n} from '@pie-framework/pie-configure-events';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport debug from 'debug';\n\nimport Root from './root';\nimport sensibleDefaults from './defaults';\n\nconst log = debug('image-cloze-association:configure');\n\nexport default class ImageClozeAssociationConfigure extends HTMLElement {\n static createDefaultModel = (model = {}) => ({\n ...sensibleDefaults.model,\n ...model,\n });\n\n constructor() {\n super();\n this._model = ImageClozeAssociationConfigure.createDefaultModel();\n this.onModelChanged = this.onModelChanged.bind(this);\n this._configuration = sensibleDefaults.configuration;\n }\n\n set model(s) {\n this._model = ImageClozeAssociationConfigure.createDefaultModel(s);\n this._render();\n }\n\n set configuration(c) {\n this._configuration = c;\n this._render();\n }\n\n set disableSidePanel(s) {\n this._disableSidePanel = s;\n this._render();\n }\n\n dispatchModelUpdated(reset) {\n const resetValue = !!reset;\n\n this.dispatchEvent(new ModelUpdatedEvent(this._model, resetValue));\n }\n\n onModelChanged(m, reset) {\n this._model = m;\n this.dispatchModelUpdated(reset);\n this._render();\n }\n\n onConfigurationChanged(config) {\n this._configuration = config;\n this._render();\n }\n\n /**\n *\n * @param {done, progress, file} handler\n */\n insertImage(handler) {\n this.dispatchEvent(new InsertImageEvent(handler));\n }\n\n onDeleteImage(src, done) {\n this.dispatchEvent(new DeleteImageEvent(src, done));\n }\n\n insertSound(handler) {\n this.dispatchEvent(new InsertSoundEvent(handler));\n }\n\n onDeleteSound(src, done) {\n this.dispatchEvent(new DeleteSoundEvent(src, done));\n }\n\n _render() {\n log('_render');\n\n let element = React.createElement(Root, {\n disableSidePanel: this._disableSidePanel,\n model: this._model,\n configuration: this._configuration,\n onModelChanged: this.onModelChanged.bind(this),\n onConfigurationChanged: this.onConfigurationChanged.bind(this),\n imageSupport: {\n add: this.insertImage.bind(this),\n delete: this.onDeleteImage.bind(this),\n },\n uploadSoundSupport: {\n add: this.insertSound.bind(this),\n delete: this.onDeleteSound.bind(this),\n },\n });\n\n ReactDOM.render(element, this);\n }\n}\n"],"file":"index.js"}
@@ -25,12 +25,12 @@ var _react = _interopRequireDefault(require("react"));
25
25
 
26
26
  var _propTypes = _interopRequireDefault(require("prop-types"));
27
27
 
28
- var _styles = require("@material-ui/core/styles");
29
-
30
28
  var _configUi = require("@pie-lib/config-ui");
31
29
 
32
30
  var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
33
31
 
32
+ var _styles = require("@material-ui/core/styles");
33
+
34
34
  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; }
35
35
 
36
36
  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; }
@@ -78,22 +78,28 @@ var Root = /*#__PURE__*/function (_React$Component) {
78
78
  uploadSoundSupport = _this$props.uploadSoundSupport;
79
79
 
80
80
  var _ref = configuration || {},
81
- _ref$teacherInstructi = _ref.teacherInstructions,
82
- teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
83
- _ref$spellCheck = _ref.spellCheck,
84
- spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
85
81
  _ref$maxImageWidth = _ref.maxImageWidth,
86
82
  maxImageWidth = _ref$maxImageWidth === void 0 ? {} : _ref$maxImageWidth,
87
83
  _ref$maxImageHeight = _ref.maxImageHeight,
88
84
  maxImageHeight = _ref$maxImageHeight === void 0 ? {} : _ref$maxImageHeight,
85
+ settingsPanelDisabled = _ref.settingsPanelDisabled,
86
+ _ref$spellCheck = _ref.spellCheck,
87
+ spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
88
+ _ref$teacherInstructi = _ref.teacherInstructions,
89
+ teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
89
90
  _ref$withRubric = _ref.withRubric,
90
91
  withRubric = _ref$withRubric === void 0 ? {} : _ref$withRubric;
91
92
 
92
93
  var _ref2 = model || {},
93
- spellCheckEnabled = _ref2.spellCheckEnabled,
94
- rubricEnabled = _ref2.rubricEnabled;
94
+ spellCheckEnabled = _ref2.spellCheckEnabled;
95
95
 
96
+ var panelProperties = {
97
+ teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
98
+ spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
99
+ rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
100
+ };
96
101
  return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
102
+ hideSettings: settingsPanelDisabled,
97
103
  settings: /*#__PURE__*/_react["default"].createElement(Panel, {
98
104
  model: model,
99
105
  configuration: configuration,
@@ -104,11 +110,7 @@ var Root = /*#__PURE__*/function (_React$Component) {
104
110
  return onConfigurationChanged(config);
105
111
  },
106
112
  groups: {
107
- Properties: {
108
- teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
109
- spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
110
- rubricEnabled: (withRubric === null || withRubric === void 0 ? void 0 : withRubric.settings) && toggle(withRubric === null || withRubric === void 0 ? void 0 : withRubric.label)
111
- }
113
+ Properties: panelProperties
112
114
  }
113
115
  })
114
116
  }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -131,7 +133,7 @@ var Root = /*#__PURE__*/function (_React$Component) {
131
133
  }, {
132
134
  language: 'special'
133
135
  }]
134
- })), "Image cloze association"));
136
+ })), /*#__PURE__*/_react["default"].createElement("div", null, "Image cloze association")));
135
137
  }
136
138
  }]);
137
139
  return Root;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/root.jsx"],"names":["Panel","settings","toggle","Root","teacherInstructions","props","onModelChanged","model","classes","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","spellCheck","maxImageWidth","maxImageHeight","withRubric","spellCheckEnabled","rubricEnabled","config","Properties","teacherInstructionsEnabled","label","content","promptHolder","prompt","onTeacherInstructionsChanged","language","React","Component","styles","theme","base","marginTop","spacing","unit","width","paddingTop","propTypes","PropTypes","object","isRequired","func","shape","add"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\n\nconst { Panel, toggle } = settings;\n\nexport class Root extends React.Component {\n onTeacherInstructionsChanged = (teacherInstructions) => {\n this.props.onModelChanged({\n ...this.props.model,\n teacherInstructions,\n });\n };\n\n render() {\n const { classes, model, configuration, onModelChanged, onConfigurationChanged, imageSupport, uploadSoundSupport } =\n this.props;\n const {\n teacherInstructions = {},\n spellCheck = {},\n maxImageWidth = {},\n maxImageHeight = {},\n withRubric = {},\n } = configuration || {};\n const { spellCheckEnabled, rubricEnabled } = model || {};\n\n return (\n <layout.ConfigLayout\n settings={\n <Panel\n model={model}\n configuration={configuration}\n onChangeModel={(model) => onModelChanged(model)}\n onChangeConfiguration={(config) => onConfigurationChanged(config)}\n groups={{\n Properties: {\n teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n rubricEnabled: withRubric?.settings && toggle(withRubric?.label),\n },\n }}\n />\n }\n >\n <div className={classes.content}>\n {model && model.teacherInstructionsEnabled && (\n <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={this.onTeacherInstructionsChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n spellCheck={spellCheckEnabled}\n maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions}\n maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n />\n </InputContainer>\n )}\n Image cloze association\n </div>\n </layout.ConfigLayout>\n );\n }\n}\n\nconst styles = (theme) => ({\n base: {\n marginTop: theme.spacing.unit * 3,\n },\n promptHolder: {\n width: '100%',\n paddingTop: theme.spacing.unit * 2,\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%',\n },\n});\n\nRoot.propTypes = {\n classes: PropTypes.object.isRequired,\n onModelChanged: PropTypes.func,\n onConfigurationChanged: PropTypes.func,\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n uploadSoundSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n};\n\nexport default withStyles(styles)(Root);\n"],"file":"root.js"}
1
+ {"version":3,"sources":["../src/root.jsx"],"names":["Panel","settings","toggle","Root","teacherInstructions","props","onModelChanged","model","classes","configuration","onConfigurationChanged","imageSupport","uploadSoundSupport","maxImageWidth","maxImageHeight","settingsPanelDisabled","spellCheck","withRubric","spellCheckEnabled","panelProperties","teacherInstructionsEnabled","label","rubricEnabled","config","Properties","content","promptHolder","prompt","onTeacherInstructionsChanged","language","React","Component","styles","theme","base","marginTop","spacing","unit","width","paddingTop","propTypes","PropTypes","object","isRequired","func","shape","add"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { settings, layout, InputContainer } from '@pie-lib/config-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst { Panel, toggle } = settings;\n\nexport class Root extends React.Component {\n onTeacherInstructionsChanged = (teacherInstructions) => {\n this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n };\n\n render() {\n const { classes, model, configuration, onModelChanged, onConfigurationChanged, imageSupport, uploadSoundSupport } =\n this.props;\n const {\n maxImageWidth = {},\n maxImageHeight = {},\n settingsPanelDisabled,\n spellCheck = {},\n teacherInstructions = {},\n withRubric = {},\n } = configuration || {};\n const { spellCheckEnabled } = model || {};\n\n const panelProperties = {\n teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\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={(model) => onModelChanged(model)}\n onChangeConfiguration={(config) => onConfigurationChanged(config)}\n groups={{\n Properties: panelProperties,\n }}\n />\n }\n >\n <div className={classes.content}>\n {model && model.teacherInstructionsEnabled && (\n <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={this.onTeacherInstructionsChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n spellCheck={spellCheckEnabled}\n maxImageWidth={maxImageWidth && maxImageWidth.teacherInstructions}\n maxImageHeight={maxImageHeight && maxImageHeight.teacherInstructions}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n />\n </InputContainer>\n )}\n\n <div>Image cloze association</div>\n </div>\n </layout.ConfigLayout>\n );\n }\n}\n\nconst styles = (theme) => ({\n base: {\n marginTop: theme.spacing.unit * 3,\n },\n promptHolder: {\n width: '100%',\n paddingTop: theme.spacing.unit * 2,\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%',\n },\n});\n\nRoot.propTypes = {\n classes: PropTypes.object.isRequired,\n onModelChanged: PropTypes.func,\n onConfigurationChanged: PropTypes.func,\n model: PropTypes.object.isRequired,\n configuration: PropTypes.object.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n uploadSoundSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n};\n\nexport default withStyles(styles)(Root);\n"],"file":"root.js"}
@@ -5,6 +5,13 @@ export default {
5
5
  studentInstructionsEnabled: true,
6
6
  },
7
7
  configuration: {
8
+ maxImageWidth: {
9
+ teacherInstructions: 300,
10
+ },
11
+ maxImageHeight: {
12
+ teacherInstructions: 300,
13
+ },
14
+ settingsPanelDisabled: false,
8
15
  spellCheck: {
9
16
  label: 'Spellcheck',
10
17
  settings: false,
@@ -14,12 +21,6 @@ export default {
14
21
  settings: true,
15
22
  label: 'Teacher Instructions',
16
23
  },
17
- maxImageWidth: {
18
- teacherInstructions: 300,
19
- },
20
- maxImageHeight: {
21
- teacherInstructions: 300,
22
- },
23
24
  withRubric: {
24
25
  settings: false,
25
26
  label: 'Add Rubric',
@@ -82,6 +82,7 @@ export default class ImageClozeAssociationConfigure extends HTMLElement {
82
82
 
83
83
  _render() {
84
84
  log('_render');
85
+
85
86
  let element = React.createElement(Root, {
86
87
  disableSidePanel: this._disableSidePanel,
87
88
  model: this._model,
@@ -97,6 +98,7 @@ export default class ImageClozeAssociationConfigure extends HTMLElement {
97
98
  delete: this.onDeleteSound.bind(this),
98
99
  },
99
100
  });
101
+
100
102
  ReactDOM.render(element, this);
101
103
  }
102
104
  }
@@ -1,33 +1,38 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
- import { withStyles } from '@material-ui/core/styles';
4
3
  import { settings, layout, InputContainer } from '@pie-lib/config-ui';
5
4
  import EditableHtml from '@pie-lib/editable-html';
5
+ import { withStyles } from '@material-ui/core/styles';
6
6
 
7
7
  const { Panel, toggle } = settings;
8
8
 
9
9
  export class Root extends React.Component {
10
10
  onTeacherInstructionsChanged = (teacherInstructions) => {
11
- this.props.onModelChanged({
12
- ...this.props.model,
13
- teacherInstructions,
14
- });
11
+ this.props.onModelChanged({ ...this.props.model, teacherInstructions });
15
12
  };
16
13
 
17
14
  render() {
18
15
  const { classes, model, configuration, onModelChanged, onConfigurationChanged, imageSupport, uploadSoundSupport } =
19
16
  this.props;
20
17
  const {
21
- teacherInstructions = {},
22
- spellCheck = {},
23
18
  maxImageWidth = {},
24
19
  maxImageHeight = {},
20
+ settingsPanelDisabled,
21
+ spellCheck = {},
22
+ teacherInstructions = {},
25
23
  withRubric = {},
26
24
  } = configuration || {};
27
- const { spellCheckEnabled, rubricEnabled } = model || {};
25
+ const { spellCheckEnabled } = model || {};
26
+
27
+ const panelProperties = {
28
+ teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
29
+ spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
30
+ rubricEnabled: withRubric?.settings && toggle(withRubric?.label),
31
+ };
28
32
 
29
33
  return (
30
34
  <layout.ConfigLayout
35
+ hideSettings={settingsPanelDisabled}
31
36
  settings={
32
37
  <Panel
33
38
  model={model}
@@ -35,11 +40,7 @@ export class Root extends React.Component {
35
40
  onChangeModel={(model) => onModelChanged(model)}
36
41
  onChangeConfiguration={(config) => onConfigurationChanged(config)}
37
42
  groups={{
38
- Properties: {
39
- teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
40
- spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
41
- rubricEnabled: withRubric?.settings && toggle(withRubric?.label),
42
- },
43
+ Properties: panelProperties,
43
44
  }}
44
45
  />
45
46
  }
@@ -61,7 +62,8 @@ export class Root extends React.Component {
61
62
  />
62
63
  </InputContainer>
63
64
  )}
64
- Image cloze association
65
+
66
+ <div>Image cloze association</div>
65
67
  </div>
66
68
  </layout.ConfigLayout>
67
69
  );
@@ -3,38 +3,6 @@
3
3
  "additionalProperties": false,
4
4
  "type": "object",
5
5
  "properties": {
6
- "teacherInstructions": {
7
- "title": "ConfigureProp",
8
- "type": "object",
9
- "properties": {
10
- "settings": {
11
- "description": "Indicates if the item has to be displayed in the Settings Panel",
12
- "type": "boolean",
13
- "title": "settings"
14
- },
15
- "label": {
16
- "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
17
- "type": "string",
18
- "title": "label"
19
- }
20
- }
21
- },
22
- "spellCheck": {
23
- "title": "ConfigureProp",
24
- "type": "object",
25
- "properties": {
26
- "settings": {
27
- "description": "Indicates if the item has to be displayed in the Settings Panel",
28
- "type": "boolean",
29
- "title": "settings"
30
- },
31
- "label": {
32
- "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
33
- "type": "string",
34
- "title": "label"
35
- }
36
- }
37
- },
38
6
  "maxImageWidth": {
39
7
  "title": "ConfigureMaxImageDimensionsProp",
40
8
  "type": "object",
@@ -77,6 +45,43 @@
77
45
  }
78
46
  }
79
47
  },
48
+ "settingsPanelDisabled": {
49
+ "description": "Indicates if the settings panel is not available",
50
+ "type": "boolean",
51
+ "title": "settingsPanelDisabled"
52
+ },
53
+ "spellCheck": {
54
+ "title": "ConfigureProp",
55
+ "type": "object",
56
+ "properties": {
57
+ "settings": {
58
+ "description": "Indicates if the item has to be displayed in the Settings Panel",
59
+ "type": "boolean",
60
+ "title": "settings"
61
+ },
62
+ "label": {
63
+ "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
64
+ "type": "string",
65
+ "title": "label"
66
+ }
67
+ }
68
+ },
69
+ "teacherInstructions": {
70
+ "title": "ConfigureProp",
71
+ "type": "object",
72
+ "properties": {
73
+ "settings": {
74
+ "description": "Indicates if the item has to be displayed in the Settings Panel",
75
+ "type": "boolean",
76
+ "title": "settings"
77
+ },
78
+ "label": {
79
+ "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
80
+ "type": "string",
81
+ "title": "label"
82
+ }
83
+ }
84
+ },
80
85
  "withRubric": {
81
86
  "title": "ConfigureProp",
82
87
  "type": "object",
@@ -113,22 +118,6 @@
113
118
  }
114
119
  },
115
120
  "definitions": {
116
- "ConfigureProp": {
117
- "title": "ConfigureProp",
118
- "type": "object",
119
- "properties": {
120
- "settings": {
121
- "description": "Indicates if the item has to be displayed in the Settings Panel",
122
- "type": "boolean",
123
- "title": "settings"
124
- },
125
- "label": {
126
- "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
127
- "type": "string",
128
- "title": "label"
129
- }
130
- }
131
- },
132
121
  "ConfigureMaxImageDimensionsProp": {
133
122
  "title": "ConfigureMaxImageDimensionsProp",
134
123
  "type": "object",
@@ -149,6 +138,22 @@
149
138
  "title": "rationale"
150
139
  }
151
140
  }
141
+ },
142
+ "ConfigureProp": {
143
+ "title": "ConfigureProp",
144
+ "type": "object",
145
+ "properties": {
146
+ "settings": {
147
+ "description": "Indicates if the item has to be displayed in the Settings Panel",
148
+ "type": "boolean",
149
+ "title": "settings"
150
+ },
151
+ "label": {
152
+ "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
153
+ "type": "string",
154
+ "title": "label"
155
+ }
156
+ }
152
157
  }
153
158
  },
154
159
  "$schema": "http://json-schema.org/draft-07/schema#"
@@ -2,30 +2,6 @@ Config Object for @pie-elements/image-cloze-association
2
2
 
3
3
  The schema defines the following properties:
4
4
 
5
- # `teacherInstructions` (object)
6
-
7
- Properties of the `teacherInstructions` object:
8
-
9
- ## `settings` (boolean)
10
-
11
- Indicates if the item has to be displayed in the Settings Panel
12
-
13
- ## `label` (string)
14
-
15
- Indicates the label for the item that has to be displayed in the Settings Panel
16
-
17
- # `spellCheck` (object)
18
-
19
- Properties of the `spellCheck` object:
20
-
21
- ## `settings` (boolean)
22
-
23
- Indicates if the item has to be displayed in the Settings Panel
24
-
25
- ## `label` (string)
26
-
27
- Indicates the label for the item that has to be displayed in the Settings Panel
28
-
29
5
  # `maxImageWidth` (object)
30
6
 
31
7
  Properties of the `maxImageWidth` object:
@@ -58,6 +34,34 @@ Indicates the max dimension for images in prompt - this is also the default dime
58
34
 
59
35
  Indicates the max dimension for images in rationale
60
36
 
37
+ # `settingsPanelDisabled` (boolean)
38
+
39
+ Indicates if the settings panel is not available
40
+
41
+ # `spellCheck` (object)
42
+
43
+ Properties of the `spellCheck` object:
44
+
45
+ ## `settings` (boolean)
46
+
47
+ Indicates if the item has to be displayed in the Settings Panel
48
+
49
+ ## `label` (string)
50
+
51
+ Indicates the label for the item that has to be displayed in the Settings Panel
52
+
53
+ # `teacherInstructions` (object)
54
+
55
+ Properties of the `teacherInstructions` object:
56
+
57
+ ## `settings` (boolean)
58
+
59
+ Indicates if the item has to be displayed in the Settings Panel
60
+
61
+ ## `label` (string)
62
+
63
+ Indicates the label for the item that has to be displayed in the Settings Panel
64
+
61
65
  # `withRubric` (object)
62
66
 
63
67
  Properties of the `withRubric` object:
@@ -94,18 +98,6 @@ Default: `true`
94
98
 
95
99
  The schema defines the following additional types:
96
100
 
97
- ## `ConfigureProp` (object)
98
-
99
- Properties of the `ConfigureProp` object:
100
-
101
- ### `settings` (boolean)
102
-
103
- Indicates if the item has to be displayed in the Settings Panel
104
-
105
- ### `label` (string)
106
-
107
- Indicates the label for the item that has to be displayed in the Settings Panel
108
-
109
101
  ## `ConfigureMaxImageDimensionsProp` (object)
110
102
 
111
103
  Properties of the `ConfigureMaxImageDimensionsProp` object:
@@ -120,4 +112,16 @@ Indicates the max dimension for images in prompt - this is also the default dime
120
112
 
121
113
  ### `rationale` (number)
122
114
 
123
- Indicates the max dimension for images in rationale
115
+ Indicates the max dimension for images in rationale
116
+
117
+ ## `ConfigureProp` (object)
118
+
119
+ Properties of the `ConfigureProp` object:
120
+
121
+ ### `settings` (boolean)
122
+
123
+ Indicates if the item has to be displayed in the Settings Panel
124
+
125
+ ### `label` (string)
126
+
127
+ Indicates the label for the item that has to be displayed in the Settings Panel
@@ -200,22 +200,6 @@
200
200
  "spellCheckEnabled"
201
201
  ],
202
202
  "definitions": {
203
- "ConfigureProp": {
204
- "title": "ConfigureProp",
205
- "type": "object",
206
- "properties": {
207
- "settings": {
208
- "description": "Indicates if the item has to be displayed in the Settings Panel",
209
- "type": "boolean",
210
- "title": "settings"
211
- },
212
- "label": {
213
- "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
214
- "type": "string",
215
- "title": "label"
216
- }
217
- }
218
- },
219
203
  "ConfigureMaxImageDimensionsProp": {
220
204
  "title": "ConfigureMaxImageDimensionsProp",
221
205
  "type": "object",
@@ -237,6 +221,22 @@
237
221
  }
238
222
  }
239
223
  },
224
+ "ConfigureProp": {
225
+ "title": "ConfigureProp",
226
+ "type": "object",
227
+ "properties": {
228
+ "settings": {
229
+ "description": "Indicates if the item has to be displayed in the Settings Panel",
230
+ "type": "boolean",
231
+ "title": "settings"
232
+ },
233
+ "label": {
234
+ "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
235
+ "type": "string",
236
+ "title": "label"
237
+ }
238
+ }
239
+ },
240
240
  "Image": {
241
241
  "title": "Image",
242
242
  "type": "object",
@@ -159,18 +159,6 @@ The html Element tag name
159
159
 
160
160
  The schema defines the following additional types:
161
161
 
162
- ## `ConfigureProp` (object)
163
-
164
- Properties of the `ConfigureProp` object:
165
-
166
- ### `settings` (boolean)
167
-
168
- Indicates if the item has to be displayed in the Settings Panel
169
-
170
- ### `label` (string)
171
-
172
- Indicates the label for the item that has to be displayed in the Settings Panel
173
-
174
162
  ## `ConfigureMaxImageDimensionsProp` (object)
175
163
 
176
164
  Properties of the `ConfigureMaxImageDimensionsProp` object:
@@ -187,6 +175,18 @@ Indicates the max dimension for images in prompt - this is also the default dime
187
175
 
188
176
  Indicates the max dimension for images in rationale
189
177
 
178
+ ## `ConfigureProp` (object)
179
+
180
+ Properties of the `ConfigureProp` object:
181
+
182
+ ### `settings` (boolean)
183
+
184
+ Indicates if the item has to be displayed in the Settings Panel
185
+
186
+ ### `label` (string)
187
+
188
+ Indicates the label for the item that has to be displayed in the Settings Panel
189
+
190
190
  ## `Image` (object)
191
191
 
192
192
  Properties of the `Image` object:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-element/image-cloze-association",
3
- "version": "4.4.2-next.47+690c9df4b",
3
+ "version": "4.4.2-next.83+77cec3b4c",
4
4
  "description": "",
5
5
  "repository": "pie-framework/pie-elements",
6
6
  "publishConfig": {
@@ -21,7 +21,7 @@
21
21
  },
22
22
  "author": "pie framework developers",
23
23
  "license": "ISC",
24
- "gitHead": "690c9df4bd335b9b31f21593df51b7cf6bc4a424",
24
+ "gitHead": "77cec3b4c4c2c66cfe3896bde8ad8922b42790c2",
25
25
  "scripts": {
26
26
  "postpublish": "../../scripts/postpublish"
27
27
  },