@pie-element/matrix 0.5.2-next.47 → 0.5.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.
@@ -67,7 +67,7 @@ var styles = function styles(theme) {
67
67
  matrixHeaderOptionsHolder: {
68
68
  display: 'flex',
69
69
  width: '100%',
70
- padding: '20px 0',
70
+ padding: "".concat(theme.spacing.unit * 2.5, "px 0"),
71
71
  justifyContent: 'space-around'
72
72
  },
73
73
  design: {
@@ -90,31 +90,34 @@ var Design = (0, _styles.withStyles)(styles)(function (props) {
90
90
  var _ref = configuration || {},
91
91
  _ref$prompt = _ref.prompt,
92
92
  prompt = _ref$prompt === void 0 ? {} : _ref$prompt,
93
- _ref$teacherInstructi = _ref.teacherInstructions,
94
- teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi,
95
93
  _ref$scoringType = _ref.scoringType,
96
94
  scoringType = _ref$scoringType === void 0 ? {} : _ref$scoringType,
95
+ settingsPanelDisabled = _ref.settingsPanelDisabled,
97
96
  _ref$spellCheck = _ref.spellCheck,
98
- spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck;
97
+ spellCheck = _ref$spellCheck === void 0 ? {} : _ref$spellCheck,
98
+ _ref$teacherInstructi = _ref.teacherInstructions,
99
+ teacherInstructions = _ref$teacherInstructi === void 0 ? {} : _ref$teacherInstructi;
99
100
 
100
101
  var _ref2 = model || {},
101
102
  teacherInstructionsEnabled = _ref2.teacherInstructionsEnabled,
102
103
  spellCheckEnabled = _ref2.spellCheckEnabled;
103
104
 
105
+ var panelProperties = {
106
+ teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
107
+ spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
108
+ scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
109
+ };
104
110
  return /*#__PURE__*/_react["default"].createElement("div", {
105
111
  className: classes.design
106
112
  }, /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
113
+ hideSettings: settingsPanelDisabled,
107
114
  settings: /*#__PURE__*/_react["default"].createElement(Panel, {
108
115
  model: model,
109
116
  onChangeModel: onChangeModel,
110
117
  configuration: configuration,
111
118
  onChangeConfiguration: onConfigurationChanged,
112
119
  groups: {
113
- Properties: {
114
- teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
115
- spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
116
- scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric'])
117
- }
120
+ Properties: panelProperties
118
121
  }
119
122
  })
120
123
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Main.jsx"],"names":["Panel","settings","toggle","radio","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","matrixHeaderOptionsHolder","display","padding","justifyContent","design","Design","props","classes","model","configuration","onPromptChanged","imageSupport","uploadSoundSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","teacherInstructions","scoringType","spellCheck","teacherInstructionsEnabled","spellCheckEnabled","Properties","label","Main","onModelChanged","data","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputContainer, settings, layout } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport MatrixColumnsSizeHeaderInput from './MatrixColumnsSizeHeaderInput';\nimport MatrixRowsSizeHeaderInput from './MatrixRowsSizeHeaderInput';\nimport MatrixLabelTypeHeaderInput from './MatrixLabelTypeHeaderInput';\nimport MatrixValues from './MatrixValues';\n\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n promptHolder: {\n width: '100%',\n paddingBottom: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%',\n },\n matrixHeaderOptionsHolder: {\n display: 'flex',\n width: '100%',\n padding: '20px 0',\n justifyContent: 'space-around',\n },\n design: {\n paddingTop: theme.spacing.unit * 3,\n },\n});\n\nconst Design = withStyles(styles)((props) => {\n const {\n classes,\n model,\n configuration,\n onPromptChanged,\n imageSupport,\n uploadSoundSupport,\n onChangeModel,\n onConfigurationChanged,\n onTeacherInstructionsChanged,\n } = props;\n const { prompt = {}, teacherInstructions = {}, scoringType = {}, spellCheck = {} } = configuration || {};\n const { teacherInstructionsEnabled, spellCheckEnabled } = model || {};\n\n return (\n <div className={classes.design}>\n <layout.ConfigLayout\n settings={\n <Panel\n model={model}\n onChangeModel={onChangeModel}\n configuration={configuration}\n onChangeConfiguration={onConfigurationChanged}\n groups={{\n Properties: {\n teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n },\n }}\n />\n }\n >\n <div>\n <div className={classes.matrixHeaderOptionsHolder}>\n <MatrixRowsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n <MatrixColumnsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n <MatrixLabelTypeHeaderInput model={model} onChangeModel={onChangeModel} />\n </div>\n\n {teacherInstructionsEnabled && (\n <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={onTeacherInstructionsChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n spellCheck={spellCheckEnabled}\n uploadSoundSupport={uploadSoundSupport}\n />\n </InputContainer>\n )}\n\n <InputContainer label={prompt.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.prompt}\n onChange={onPromptChanged}\n imageSupport={imageSupport}\n nonEmpty={!prompt.settings}\n spellCheck={spellCheckEnabled}\n uploadSoundSupport={uploadSoundSupport}\n disableUnderline\n />\n </InputContainer>\n\n <MatrixValues model={model} onChangeModel={onChangeModel} />\n </div>\n </layout.ConfigLayout>\n </div>\n );\n});\n\nexport class Main extends React.Component {\n static propTypes = {\n model: PropTypes.object.isRequired,\n disableSidePanel: PropTypes.bool,\n onModelChanged: PropTypes.func.isRequired,\n onConfigurationChanged: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n };\n\n onPromptChanged = (prompt) => {\n this.props.onModelChanged({\n ...this.props.model,\n prompt,\n });\n };\n\n onChangeModel = (data) => {\n this.props.onModelChanged({\n ...this.props.model,\n ...data,\n });\n };\n\n onTeacherInstructionsChanged = (teacherInstructions) => {\n this.props.onModelChanged({\n ...this.props.model,\n teacherInstructions,\n });\n };\n\n render() {\n return (\n <Design\n {...this.props}\n onChangeModel={this.props.onModelChanged}\n onPromptChanged={this.onPromptChanged}\n onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n />\n );\n }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"Main.js"}
1
+ {"version":3,"sources":["../src/Main.jsx"],"names":["Panel","settings","toggle","radio","styles","theme","promptHolder","width","paddingBottom","spacing","unit","marginBottom","prompt","paddingTop","matrixHeaderOptionsHolder","display","padding","justifyContent","design","Design","props","classes","model","configuration","onPromptChanged","imageSupport","uploadSoundSupport","onChangeModel","onConfigurationChanged","onTeacherInstructionsChanged","scoringType","settingsPanelDisabled","spellCheck","teacherInstructions","teacherInstructionsEnabled","spellCheckEnabled","panelProperties","label","Properties","Main","onModelChanged","data","React","Component","PropTypes","object","isRequired","disableSidePanel","bool","func","shape","add","Styled"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputContainer, settings, layout } from '@pie-lib/config-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport MatrixColumnsSizeHeaderInput from './MatrixColumnsSizeHeaderInput';\nimport MatrixRowsSizeHeaderInput from './MatrixRowsSizeHeaderInput';\nimport MatrixLabelTypeHeaderInput from './MatrixLabelTypeHeaderInput';\nimport MatrixValues from './MatrixValues';\n\nconst { Panel, toggle, radio } = settings;\n\nconst styles = (theme) => ({\n promptHolder: {\n width: '100%',\n paddingBottom: theme.spacing.unit * 2,\n marginBottom: theme.spacing.unit * 2,\n },\n prompt: {\n paddingTop: theme.spacing.unit * 2,\n width: '100%',\n },\n matrixHeaderOptionsHolder: {\n display: 'flex',\n width: '100%',\n padding: `${theme.spacing.unit * 2.5}px 0`,\n justifyContent: 'space-around',\n },\n design: {\n paddingTop: theme.spacing.unit * 3,\n },\n});\n\nconst Design = withStyles(styles)((props) => {\n const {\n classes,\n model,\n configuration,\n onPromptChanged,\n imageSupport,\n uploadSoundSupport,\n onChangeModel,\n onConfigurationChanged,\n onTeacherInstructionsChanged,\n } = props;\n const {\n prompt = {},\n scoringType = {},\n settingsPanelDisabled,\n spellCheck = {},\n teacherInstructions = {},\n } = configuration || {};\n const { teacherInstructionsEnabled, spellCheckEnabled } = model || {};\n\n const panelProperties = {\n teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),\n spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),\n scoringType: scoringType.settings && radio(scoringType.label, ['auto', 'rubric']),\n };\n\n return (\n <div className={classes.design}>\n <layout.ConfigLayout\n hideSettings={settingsPanelDisabled}\n settings={\n <Panel\n model={model}\n onChangeModel={onChangeModel}\n configuration={configuration}\n onChangeConfiguration={onConfigurationChanged}\n groups={{\n Properties: panelProperties,\n }}\n />\n }\n >\n <div>\n <div className={classes.matrixHeaderOptionsHolder}>\n <MatrixRowsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n <MatrixColumnsSizeHeaderInput model={model} onChangeModel={onChangeModel} />\n <MatrixLabelTypeHeaderInput model={model} onChangeModel={onChangeModel} />\n </div>\n\n {teacherInstructionsEnabled && (\n <InputContainer label={teacherInstructions.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.teacherInstructions || ''}\n onChange={onTeacherInstructionsChanged}\n imageSupport={imageSupport}\n nonEmpty={false}\n spellCheck={spellCheckEnabled}\n uploadSoundSupport={uploadSoundSupport}\n />\n </InputContainer>\n )}\n\n <InputContainer label={prompt.label} className={classes.promptHolder}>\n <EditableHtml\n className={classes.prompt}\n markup={model.prompt}\n onChange={onPromptChanged}\n imageSupport={imageSupport}\n nonEmpty={!prompt.settings}\n spellCheck={spellCheckEnabled}\n uploadSoundSupport={uploadSoundSupport}\n disableUnderline\n />\n </InputContainer>\n\n <MatrixValues model={model} onChangeModel={onChangeModel} />\n </div>\n </layout.ConfigLayout>\n </div>\n );\n});\n\nexport class Main extends React.Component {\n static propTypes = {\n model: PropTypes.object.isRequired,\n disableSidePanel: PropTypes.bool,\n onModelChanged: PropTypes.func.isRequired,\n onConfigurationChanged: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n };\n\n onPromptChanged = (prompt) => {\n this.props.onModelChanged({ ...this.props.model, prompt });\n };\n\n onChangeModel = (data) => {\n this.props.onModelChanged({ ...this.props.model, ...data });\n };\n\n onTeacherInstructionsChanged = (teacherInstructions) => {\n this.props.onModelChanged({ ...this.props.model, teacherInstructions });\n };\n\n render() {\n return (\n <Design\n {...this.props}\n onChangeModel={this.props.onModelChanged}\n onPromptChanged={this.onPromptChanged}\n onTeacherInstructionsChanged={this.onTeacherInstructionsChanged}\n />\n );\n }\n}\n\nconst Styled = withStyles(styles)(Main);\n\nexport default Styled;\n"],"file":"Main.js"}
@@ -19,18 +19,19 @@ var _default = {
19
19
  prompt: 'How interested are you in the following domains?'
20
20
  },
21
21
  configuration: {
22
- teacherInstructions: {
22
+ prompt: {
23
23
  settings: true,
24
- label: 'Teacher Instructions'
24
+ label: 'Prompt'
25
25
  },
26
+ settingsPanelDisabled: false,
26
27
  spellCheck: {
27
28
  label: 'Spellcheck',
28
29
  settings: false,
29
30
  enabled: true
30
31
  },
31
- prompt: {
32
+ teacherInstructions: {
32
33
  settings: true,
33
- label: 'Prompt'
34
+ label: 'Teacher Instructions'
34
35
  }
35
36
  }
36
37
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/defaults.js"],"names":["model","teacherInstructionsEnabled","labelType","rowLabels","columnLabels","matrixValues","prompt","configuration","teacherInstructions","settings","label","spellCheck","enabled"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,0BAA0B,EAAE,IADvB;AAELC,IAAAA,SAAS,EAAE,WAFN;AAGLC,IAAAA,SAAS,EAAE,CAAC,6BAAD,EAAgC,8BAAhC,CAHN;AAILC,IAAAA,YAAY,EAAE,CAAC,UAAD,EAAa,QAAb,EAAuB,OAAvB,CAJT;AAKLC,IAAAA,YAAY,EAAE,EALT;AAMLC,IAAAA,MAAM,EAAE;AANH,GADM;AASbC,EAAAA,aAAa,EAAE;AACbC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KADR;AAKbC,IAAAA,UAAU,EAAE;AACVD,MAAAA,KAAK,EAAE,YADG;AAEVD,MAAAA,QAAQ,EAAE,KAFA;AAGVG,MAAAA,OAAO,EAAE;AAHC,KALC;AAUbN,IAAAA,MAAM,EAAE;AACNG,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD;AAVK;AATF,C","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\nexport default {\n model: {\n teacherInstructionsEnabled: true,\n labelType: 'agreement',\n rowLabels: [\"I'm interested in politics.\", \"I'm interested in economics.\"],\n columnLabels: ['Disagree', 'Unsure', 'Agree'],\n matrixValues: {},\n prompt: 'How interested are you in the following domains?',\n },\n configuration: {\n teacherInstructions: {\n settings: true,\n label: 'Teacher Instructions',\n },\n spellCheck: {\n label: 'Spellcheck',\n settings: false,\n enabled: true,\n },\n prompt: {\n settings: true,\n label: 'Prompt',\n },\n },\n};\n"],"file":"defaults.js"}
1
+ {"version":3,"sources":["../src/defaults.js"],"names":["model","teacherInstructionsEnabled","labelType","rowLabels","columnLabels","matrixValues","prompt","configuration","settings","label","settingsPanelDisabled","spellCheck","enabled","teacherInstructions"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;eACe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,0BAA0B,EAAE,IADvB;AAELC,IAAAA,SAAS,EAAE,WAFN;AAGLC,IAAAA,SAAS,EAAE,CAAC,6BAAD,EAAgC,8BAAhC,CAHN;AAILC,IAAAA,YAAY,EAAE,CAAC,UAAD,EAAa,QAAb,EAAuB,OAAvB,CAJT;AAKLC,IAAAA,YAAY,EAAE,EALT;AAMLC,IAAAA,MAAM,EAAE;AANH,GADM;AASbC,EAAAA,aAAa,EAAE;AACbD,IAAAA,MAAM,EAAE;AACNE,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KADK;AAKbC,IAAAA,qBAAqB,EAAE,KALV;AAMbC,IAAAA,UAAU,EAAE;AACVF,MAAAA,KAAK,EAAE,YADG;AAEVD,MAAAA,QAAQ,EAAE,KAFA;AAGVI,MAAAA,OAAO,EAAE;AAHC,KANC;AAWbC,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY;AAXR;AATF,C","sourcesContent":["/** NOTE: teacherInstructions, studentInstructions, rationale & scoringType\n * functionalities are not defined yet - the value for those can belong to\n * model or to configure\n */\nexport default {\n model: {\n teacherInstructionsEnabled: true,\n labelType: 'agreement',\n rowLabels: [\"I'm interested in politics.\", \"I'm interested in economics.\"],\n columnLabels: ['Disagree', 'Unsure', 'Agree'],\n matrixValues: {},\n prompt: 'How interested are you in the following domains?',\n },\n configuration: {\n prompt: {\n settings: true,\n label: 'Prompt',\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 },\n};\n"],"file":"defaults.js"}
@@ -3,7 +3,12 @@
3
3
  "additionalProperties": false,
4
4
  "type": "object",
5
5
  "properties": {
6
- "teacherInstructions": {
6
+ "settingsPanelDisabled": {
7
+ "description": "Indicates if the settings panel is not available",
8
+ "type": "boolean",
9
+ "title": "settingsPanelDisabled"
10
+ },
11
+ "spellCheck": {
7
12
  "title": "ConfigureProp",
8
13
  "type": "object",
9
14
  "properties": {
@@ -19,7 +24,7 @@
19
24
  }
20
25
  }
21
26
  },
22
- "spellCheck": {
27
+ "teacherInstructions": {
23
28
  "title": "ConfigureProp",
24
29
  "type": "object",
25
30
  "properties": {
@@ -2,9 +2,13 @@ Config Object for @pie-elements/matrix
2
2
 
3
3
  The schema defines the following properties:
4
4
 
5
- # `teacherInstructions` (object)
5
+ # `settingsPanelDisabled` (boolean)
6
6
 
7
- Properties of the `teacherInstructions` object:
7
+ Indicates if the settings panel is not available
8
+
9
+ # `spellCheck` (object)
10
+
11
+ Properties of the `spellCheck` object:
8
12
 
9
13
  ## `settings` (boolean)
10
14
 
@@ -14,9 +18,9 @@ Indicates if the item has to be displayed in the Settings Panel
14
18
 
15
19
  Indicates the label for the item that has to be displayed in the Settings Panel
16
20
 
17
- # `spellCheck` (object)
21
+ # `teacherInstructions` (object)
18
22
 
19
- Properties of the `spellCheck` object:
23
+ Properties of the `teacherInstructions` object:
20
24
 
21
25
  ## `settings` (boolean)
22
26
 
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "repository": "pie-framework/pie-elements",
7
- "version": "0.5.2-next.47+690c9df4b",
7
+ "version": "0.5.2-next.83+77cec3b4c",
8
8
  "description": "",
9
9
  "scripts": {
10
10
  "test": "echo \"Error: no test specified\" && exit 1"
@@ -22,7 +22,7 @@
22
22
  },
23
23
  "author": "",
24
24
  "license": "ISC",
25
- "gitHead": "690c9df4bd335b9b31f21593df51b7cf6bc4a424",
25
+ "gitHead": "77cec3b4c4c2c66cfe3896bde8ad8922b42790c2",
26
26
  "main": "lib/index.js",
27
27
  "module": "src/index.js"
28
28
  }