@pie-element/complex-rubric 1.3.2-next.31 → 1.3.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.
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.js"],"names":["MODEL_UPDATED","ModelUpdatedEvent","TYPE","RUBRIC_TAG_NAME","MULTI_TRAIT_RUBRIC_TAG_NAME","ComplexSimpleRubricConfigure","RubricConfigure","ComplexMTRConfigure","MultiTraitRubricConfigure","defineComplexRubric","customElements","get","define","prepareCustomizationObject","config","model","configuration","sensibleDefaults","ComplexRubricConfigureElement","m","reset","_model","createDefaultModel","dispatchModelUpdated","_render","e","target","preventDefault","stopImmediatePropagation","id","getAttribute","update","rubrics","dispatchEvent","debug","log","_configuration","onConfigurationChanged","bind","resetValue","c","info","onModelChanged","addEventListener","onModelUpdated","removeEventListener","element","React","createElement","Main","ReactDOM","render","HTMLElement","simpleRubric","multiTraitRubric","defaults"],"mappings":"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","sourcesContent":["import { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport RubricConfigure from '@pie-element/rubric/configure/lib';\nimport MultiTraitRubricConfigure from '@pie-element/multi-trait-rubric/configure/lib';\nimport debug from 'debug';\nimport defaults from 'lodash/defaults';\nimport Main from './main';\nimport sensibleDefaults from './defaults';\n\nconst MODEL_UPDATED = ModelUpdatedEvent.TYPE;\nconst RUBRIC_TAG_NAME = 'rubric-configure';\nconst MULTI_TRAIT_RUBRIC_TAG_NAME = 'multi-trait-rubric-configure';\n\nclass ComplexSimpleRubricConfigure extends RubricConfigure {}\nclass ComplexMTRConfigure extends MultiTraitRubricConfigure {}\n\nconst defineComplexRubric = () => {\n if (!customElements.get(RUBRIC_TAG_NAME)) {\n customElements.define(RUBRIC_TAG_NAME, ComplexSimpleRubricConfigure);\n }\n if (!customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n customElements.define(MULTI_TRAIT_RUBRIC_TAG_NAME, ComplexMTRConfigure);\n }\n};\n\ndefineComplexRubric();\n\nconst prepareCustomizationObject = (config, model) => {\n const configuration = defaults(config, sensibleDefaults.configuration);\n\n return {\n configuration,\n model,\n };\n};\n\nexport default class ComplexRubricConfigureElement extends HTMLElement {\n static createDefaultModel = (\n {\n rubrics: { simpleRubric = {}, multiTraitRubric = {} } = { simpleRubric: {}, multiTraitRubric: {} },\n ...model\n } = {},\n defaults = {},\n ) => ({\n ...defaults,\n ...model,\n rubrics: {\n simpleRubric: {\n ...(defaults.rubrics || {}).simpleRubric,\n ...simpleRubric,\n },\n multiTraitRubric: {\n ...(defaults.rubrics || {}).multiTraitRubric,\n ...multiTraitRubric,\n },\n },\n });\n\n constructor() {\n super();\n debug.log('constructor called');\n this._model = ComplexRubricConfigureElement.createDefaultModel();\n\n this._configuration = sensibleDefaults.configuration;\n this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n }\n\n set model(m) {\n this._model = ComplexRubricConfigureElement.createDefaultModel(m, this._model);\n\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 = ComplexRubricConfigureElement.createDefaultModel(m, this._model);\n\n this.dispatchModelUpdated(reset);\n this._render();\n };\n\n set configuration(c) {\n const info = prepareCustomizationObject(c, this._model);\n this._configuration = info.configuration;\n\n this._render();\n }\n\n onConfigurationChanged(c) {\n this._configuration = prepareCustomizationObject(c, this._model).configuration;\n\n if (this._model) {\n this.onModelChanged(this._model);\n }\n\n this._render();\n }\n\n onModelUpdated = (e) => {\n if (e.target === this) {\n return;\n }\n\n e.preventDefault();\n e.stopImmediatePropagation();\n\n const id = e.target && e.target.getAttribute('id');\n\n if (id) {\n if (e.update) {\n this._model.rubrics[id] = e.update;\n }\n\n this.dispatchEvent(new ModelUpdatedEvent(this._model));\n }\n };\n\n connectedCallback() {\n this.addEventListener(MODEL_UPDATED, this.onModelUpdated);\n this._render();\n }\n\n disconnectedCallback() {\n this.removeEventListener(MODEL_UPDATED, this.onModelUpdated);\n }\n\n _render() {\n let element = React.createElement(Main, {\n model: this._model,\n configuration: this._configuration,\n onModelChanged: this.onModelChanged,\n onConfigurationChanged: this.onConfigurationChanged,\n });\n ReactDOM.render(element, this);\n }\n}\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../src/index.js"],"names":["MODEL_UPDATED","ModelUpdatedEvent","TYPE","RUBRIC_TAG_NAME","MULTI_TRAIT_RUBRIC_TAG_NAME","ComplexSimpleRubricConfigure","RubricConfigure","ComplexMTRConfigure","MultiTraitRubricConfigure","defineComplexRubric","customElements","get","define","prepareCustomizationObject","config","model","configuration","sensibleDefaults","ComplexRubricConfigureElement","m","reset","_model","createDefaultModel","dispatchModelUpdated","_render","e","target","preventDefault","stopImmediatePropagation","id","getAttribute","update","rubrics","dispatchEvent","debug","log","_configuration","onConfigurationChanged","bind","resetValue","c","info","onModelChanged","addEventListener","onModelUpdated","removeEventListener","element","React","createElement","Main","ReactDOM","render","HTMLElement","simpleRubric","multiTraitRubric","defaults"],"mappings":"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","sourcesContent":["import { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport RubricConfigure from '@pie-element/rubric/configure/lib';\nimport MultiTraitRubricConfigure from '@pie-element/multi-trait-rubric/configure/lib';\nimport debug from 'debug';\nimport defaults from 'lodash/defaults';\nimport Main from './main';\nimport sensibleDefaults from './defaults';\n\nconst MODEL_UPDATED = ModelUpdatedEvent.TYPE;\nconst RUBRIC_TAG_NAME = 'rubric-configure';\nconst MULTI_TRAIT_RUBRIC_TAG_NAME = 'multi-trait-rubric-configure';\n\nclass ComplexSimpleRubricConfigure extends RubricConfigure {}\nclass ComplexMTRConfigure extends MultiTraitRubricConfigure {}\n\nconst defineComplexRubric = () => {\n if (!customElements.get(RUBRIC_TAG_NAME)) {\n customElements.define(RUBRIC_TAG_NAME, ComplexSimpleRubricConfigure);\n }\n if (!customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n customElements.define(MULTI_TRAIT_RUBRIC_TAG_NAME, ComplexMTRConfigure);\n }\n};\n\ndefineComplexRubric();\n\nconst prepareCustomizationObject = (config, model) => {\n const configuration = defaults(config, sensibleDefaults.configuration);\n\n return {\n configuration,\n model,\n };\n};\n\nexport default class ComplexRubricConfigureElement extends HTMLElement {\n static createDefaultModel = (\n {\n rubrics: { simpleRubric = {}, multiTraitRubric = {} } = { simpleRubric: {}, multiTraitRubric: {} },\n ...model\n } = {},\n defaults = {},\n ) => ({\n ...defaults,\n ...model,\n rubrics: {\n simpleRubric: {\n ...(defaults.rubrics || {}).simpleRubric,\n ...simpleRubric,\n },\n multiTraitRubric: {\n ...(defaults.rubrics || {}).multiTraitRubric,\n ...multiTraitRubric,\n },\n },\n });\n\n constructor() {\n super();\n debug.log('constructor called');\n this._model = ComplexRubricConfigureElement.createDefaultModel();\n\n this._configuration = sensibleDefaults.configuration;\n this.onConfigurationChanged = this.onConfigurationChanged.bind(this);\n }\n\n set model(m) {\n this._model = ComplexRubricConfigureElement.createDefaultModel(m, this._model);\n\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 = ComplexRubricConfigureElement.createDefaultModel(m, this._model);\n\n this.dispatchModelUpdated(reset);\n this._render();\n };\n\n set configuration(c) {\n const info = prepareCustomizationObject(c, this._model);\n this._configuration = info.configuration;\n\n this._render();\n }\n\n onConfigurationChanged(c) {\n this._configuration = prepareCustomizationObject(c, this._model).configuration;\n\n if (this._model) {\n this.onModelChanged(this._model);\n }\n\n this._render();\n }\n\n onModelUpdated = (e) => {\n if (e.target === this) {\n return;\n }\n\n e.preventDefault();\n e.stopImmediatePropagation();\n\n const id = e.target && e.target.getAttribute('id');\n\n if (id) {\n if (e.update) {\n this._model.rubrics[id] = e.update;\n }\n\n this.dispatchEvent(new ModelUpdatedEvent(this._model));\n }\n };\n\n connectedCallback() {\n this.addEventListener(MODEL_UPDATED, this.onModelUpdated);\n this._render();\n }\n\n disconnectedCallback() {\n this.removeEventListener(MODEL_UPDATED, this.onModelUpdated);\n }\n\n _render() {\n let element = React.createElement(Main, {\n model: this._model,\n configuration: this._configuration,\n onModelChanged: this.onModelChanged,\n onConfigurationChanged: this.onConfigurationChanged,\n });\n\n ReactDOM.render(element, this);\n }\n}\n"],"file":"index.js"}
@@ -25,6 +25,10 @@ var _react = _interopRequireDefault(require("react"));
25
25
 
26
26
  var _propTypes = _interopRequireDefault(require("prop-types"));
27
27
 
28
+ var _rubric = require("@pie-lib/rubric");
29
+
30
+ var _configUi = require("@pie-lib/config-ui");
31
+
28
32
  var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
29
33
 
30
34
  var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
@@ -33,8 +37,6 @@ var _styles = require("@material-ui/core/styles");
33
37
 
34
38
  var _core = require("@material-ui/core");
35
39
 
36
- var _rubric = require("@pie-lib/rubric");
37
-
38
40
  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; }
39
41
 
40
42
  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; }
@@ -46,8 +48,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
46
48
  var styles = {
47
49
  rubric: {
48
50
  display: 'flex',
49
- flexDirection: 'column',
50
- padding: '16px 0 32px'
51
+ flexDirection: 'column'
51
52
  }
52
53
  };
53
54
 
@@ -128,9 +129,12 @@ var Main = /*#__PURE__*/function (_React$Component) {
128
129
  break;
129
130
  }
130
131
 
131
- return /*#__PURE__*/_react["default"].createElement("div", {
132
- className: classes.design
133
- }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
132
+ return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
133
+ hideSettings: true,
134
+ settings: null
135
+ }, /*#__PURE__*/_react["default"].createElement("div", {
136
+ className: classes.rubric
137
+ }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
134
138
  "aria-label": "rubric-type",
135
139
  name: "rubricType",
136
140
  value: rubricType,
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/main.jsx"],"names":["styles","rubric","display","flexDirection","padding","Main","model","onModelChanged","props","e","rubricType","target","value","classes","configuration","rubrics","multiTraitRubric","simpleRubric","rubricTag","RUBRIC_TYPES","SIMPLE_RUBRIC","ref","MULTI_TRAIT_RUBRIC","design","onChangeRubricType","React","Component","PropTypes","object","func","onConfigurationChanged"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport { withStyles } from '@material-ui/core/styles';\nimport { FormControlLabel } from '@material-ui/core';\nimport { RUBRIC_TYPES } from '@pie-lib/rubric';\n\nconst styles = {\n rubric: {\n display: 'flex',\n flexDirection: 'column',\n padding: '16px 0 32px',\n },\n};\n\nexport class Main extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n configuration: PropTypes.object,\n model: PropTypes.object,\n onModelChanged: PropTypes.func,\n onConfigurationChanged: PropTypes.func,\n };\n\n onModelChanged = (model) => {\n const { onModelChanged } = this.props;\n\n return onModelChanged(model);\n };\n\n onChangeRubricType = (e) => {\n const { model } = this.props;\n\n const rubricType = e.target.value;\n this.onModelChanged({\n ...model,\n rubricType,\n });\n };\n\n render() {\n const { classes, model, configuration } = this.props;\n const { rubricType, rubrics = {} } = model;\n const { multiTraitRubric, simpleRubric } = configuration;\n let rubricTag = '';\n\n switch (rubricType) {\n case RUBRIC_TYPES.SIMPLE_RUBRIC:\n default:\n rubricTag = (\n <rubric-configure\n id=\"simpleRubric\"\n key=\"simple-rubric\"\n ref={(ref) => {\n if (ref) {\n this.simpleRubric = ref;\n this.simpleRubric.model = rubrics.simpleRubric;\n this.simpleRubric.configuration = simpleRubric;\n }\n }}\n />\n );\n break;\n case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n rubricTag = (\n <multi-trait-rubric-configure\n id=\"multiTraitRubric\"\n key=\"multi-trait-rubric\"\n ref={(ref) => {\n if (ref) {\n this.multiTraitRubric = ref;\n this.multiTraitRubric.model = {\n ...rubrics.multiTraitRubric,\n };\n this.multiTraitRubric.configuration = multiTraitRubric;\n }\n }}\n />\n );\n break;\n }\n\n return (\n <div className={classes.design}>\n <div>\n <div>\n <RadioGroup\n aria-label=\"rubric-type\"\n name=\"rubricType\"\n value={rubricType}\n defaultValue={RUBRIC_TYPES.SIMPLE_RUBRIC}\n onChange={this.onChangeRubricType}\n >\n <FormControlLabel\n value={RUBRIC_TYPES.SIMPLE_RUBRIC}\n control={<Radio />}\n checked={rubricType === RUBRIC_TYPES.SIMPLE_RUBRIC}\n label=\"Simple Rubric\"\n />\n <FormControlLabel\n value={RUBRIC_TYPES.MULTI_TRAIT_RUBRIC}\n control={<Radio />}\n checked={rubricType === RUBRIC_TYPES.MULTI_TRAIT_RUBRIC}\n label=\"Multi Trait Rubric\"\n />\n </RadioGroup>\n </div>\n <div>{rubricTag}</div>\n </div>\n </div>\n );\n }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
1
+ {"version":3,"sources":["../src/main.jsx"],"names":["styles","rubric","display","flexDirection","Main","model","onModelChanged","props","e","rubricType","target","value","classes","configuration","rubrics","multiTraitRubric","simpleRubric","rubricTag","RUBRIC_TYPES","SIMPLE_RUBRIC","ref","MULTI_TRAIT_RUBRIC","onChangeRubricType","React","Component","PropTypes","object","func","onConfigurationChanged"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RUBRIC_TYPES } from '@pie-lib/rubric';\nimport { layout } from '@pie-lib/config-ui';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport { withStyles } from '@material-ui/core/styles';\nimport { FormControlLabel } from '@material-ui/core';\n\nconst styles = {\n rubric: {\n display: 'flex',\n flexDirection: 'column',\n },\n};\n\nexport class Main extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n configuration: PropTypes.object,\n model: PropTypes.object,\n onModelChanged: PropTypes.func,\n onConfigurationChanged: PropTypes.func,\n };\n\n onModelChanged = (model) => {\n const { onModelChanged } = this.props;\n\n return onModelChanged(model);\n };\n\n onChangeRubricType = (e) => {\n const { model } = this.props;\n\n const rubricType = e.target.value;\n this.onModelChanged({ ...model, rubricType });\n };\n\n render() {\n const { classes, model, configuration } = this.props;\n const { rubricType, rubrics = {} } = model;\n const { multiTraitRubric, simpleRubric } = configuration;\n let rubricTag = '';\n\n switch (rubricType) {\n case RUBRIC_TYPES.SIMPLE_RUBRIC:\n default:\n rubricTag = (\n <rubric-configure\n id=\"simpleRubric\"\n key=\"simple-rubric\"\n ref={(ref) => {\n if (ref) {\n this.simpleRubric = ref;\n this.simpleRubric.model = rubrics.simpleRubric;\n this.simpleRubric.configuration = simpleRubric;\n }\n }}\n />\n );\n break;\n\n case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n rubricTag = (\n <multi-trait-rubric-configure\n id=\"multiTraitRubric\"\n key=\"multi-trait-rubric\"\n ref={(ref) => {\n if (ref) {\n this.multiTraitRubric = ref;\n this.multiTraitRubric.model = { ...rubrics.multiTraitRubric };\n this.multiTraitRubric.configuration = multiTraitRubric;\n }\n }}\n />\n );\n break;\n }\n\n return (\n <layout.ConfigLayout hideSettings={true} settings={null}>\n <div className={classes.rubric}>\n <div>\n <RadioGroup\n aria-label=\"rubric-type\"\n name=\"rubricType\"\n value={rubricType}\n defaultValue={RUBRIC_TYPES.SIMPLE_RUBRIC}\n onChange={this.onChangeRubricType}\n >\n <FormControlLabel\n value={RUBRIC_TYPES.SIMPLE_RUBRIC}\n control={<Radio />}\n checked={rubricType === RUBRIC_TYPES.SIMPLE_RUBRIC}\n label=\"Simple Rubric\"\n />\n\n <FormControlLabel\n value={RUBRIC_TYPES.MULTI_TRAIT_RUBRIC}\n control={<Radio />}\n checked={rubricType === RUBRIC_TYPES.MULTI_TRAIT_RUBRIC}\n label=\"Multi Trait Rubric\"\n />\n </RadioGroup>\n </div>\n\n <div>{rubricTag}</div>\n </div>\n </layout.ConfigLayout>\n );\n }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
@@ -1,7 +1,10 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`Main snapshot renders 1`] = `
4
- <div>
4
+ <ConfigLayout
5
+ hideSettings={true}
6
+ settings={null}
7
+ >
5
8
  <div>
6
9
  <div>
7
10
  <RadioGroup
@@ -32,11 +35,14 @@ exports[`Main snapshot renders 1`] = `
32
35
  />
33
36
  </div>
34
37
  </div>
35
- </div>
38
+ </ConfigLayout>
36
39
  `;
37
40
 
38
41
  exports[`Main snapshot renders multi trait rubric 1`] = `
39
- <div>
42
+ <ConfigLayout
43
+ hideSettings={true}
44
+ settings={null}
45
+ >
40
46
  <div>
41
47
  <div>
42
48
  <RadioGroup
@@ -67,11 +73,14 @@ exports[`Main snapshot renders multi trait rubric 1`] = `
67
73
  />
68
74
  </div>
69
75
  </div>
70
- </div>
76
+ </ConfigLayout>
71
77
  `;
72
78
 
73
79
  exports[`Main snapshot renders simple rubric 1`] = `
74
- <div>
80
+ <ConfigLayout
81
+ hideSettings={true}
82
+ settings={null}
83
+ >
75
84
  <div>
76
85
  <div>
77
86
  <RadioGroup
@@ -102,5 +111,5 @@ exports[`Main snapshot renders simple rubric 1`] = `
102
111
  />
103
112
  </div>
104
113
  </div>
105
- </div>
114
+ </ConfigLayout>
106
115
  `;
@@ -4,6 +4,12 @@ import { Main } from '../main';
4
4
 
5
5
  import defaults from '../defaults';
6
6
 
7
+ jest.mock('@pie-lib/config-ui', () => ({
8
+ layout: {
9
+ ConfigLayout: (props) => <div>{props.children}</div>,
10
+ },
11
+ }));
12
+
7
13
  jest.mock('@pie-lib/rubric', () => ({
8
14
  RUBRIC_TYPES: {
9
15
  SIMPLE_RUBRIC: 'simpleRubric',
@@ -137,6 +137,7 @@ export default class ComplexRubricConfigureElement extends HTMLElement {
137
137
  onModelChanged: this.onModelChanged,
138
138
  onConfigurationChanged: this.onConfigurationChanged,
139
139
  });
140
+
140
141
  ReactDOM.render(element, this);
141
142
  }
142
143
  }
@@ -1,16 +1,16 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
+ import { RUBRIC_TYPES } from '@pie-lib/rubric';
4
+ import { layout } from '@pie-lib/config-ui';
3
5
  import Radio from '@material-ui/core/Radio';
4
6
  import RadioGroup from '@material-ui/core/RadioGroup';
5
7
  import { withStyles } from '@material-ui/core/styles';
6
8
  import { FormControlLabel } from '@material-ui/core';
7
- import { RUBRIC_TYPES } from '@pie-lib/rubric';
8
9
 
9
10
  const styles = {
10
11
  rubric: {
11
12
  display: 'flex',
12
13
  flexDirection: 'column',
13
- padding: '16px 0 32px',
14
14
  },
15
15
  };
16
16
 
@@ -33,10 +33,7 @@ export class Main extends React.Component {
33
33
  const { model } = this.props;
34
34
 
35
35
  const rubricType = e.target.value;
36
- this.onModelChanged({
37
- ...model,
38
- rubricType,
39
- });
36
+ this.onModelChanged({ ...model, rubricType });
40
37
  };
41
38
 
42
39
  render() {
@@ -62,6 +59,7 @@ export class Main extends React.Component {
62
59
  />
63
60
  );
64
61
  break;
62
+
65
63
  case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:
66
64
  rubricTag = (
67
65
  <multi-trait-rubric-configure
@@ -70,9 +68,7 @@ export class Main extends React.Component {
70
68
  ref={(ref) => {
71
69
  if (ref) {
72
70
  this.multiTraitRubric = ref;
73
- this.multiTraitRubric.model = {
74
- ...rubrics.multiTraitRubric,
75
- };
71
+ this.multiTraitRubric.model = { ...rubrics.multiTraitRubric };
76
72
  this.multiTraitRubric.configuration = multiTraitRubric;
77
73
  }
78
74
  }}
@@ -82,8 +78,8 @@ export class Main extends React.Component {
82
78
  }
83
79
 
84
80
  return (
85
- <div className={classes.design}>
86
- <div>
81
+ <layout.ConfigLayout hideSettings={true} settings={null}>
82
+ <div className={classes.rubric}>
87
83
  <div>
88
84
  <RadioGroup
89
85
  aria-label="rubric-type"
@@ -98,6 +94,7 @@ export class Main extends React.Component {
98
94
  checked={rubricType === RUBRIC_TYPES.SIMPLE_RUBRIC}
99
95
  label="Simple Rubric"
100
96
  />
97
+
101
98
  <FormControlLabel
102
99
  value={RUBRIC_TYPES.MULTI_TRAIT_RUBRIC}
103
100
  control={<Radio />}
@@ -106,9 +103,10 @@ export class Main extends React.Component {
106
103
  />
107
104
  </RadioGroup>
108
105
  </div>
106
+
109
107
  <div>{rubricTag}</div>
110
108
  </div>
111
- </div>
109
+ </layout.ConfigLayout>
112
110
  );
113
111
  }
114
112
  }
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@pie-element/complex-rubric",
3
3
  "repository": "pie-framework/pie-elements",
4
- "version": "1.3.2-next.31+80da0617c",
4
+ "version": "1.3.2-next.83+77cec3b4c",
5
5
  "publishConfig": {
6
6
  "access": "public"
7
7
  },
8
8
  "dependencies": {
9
9
  "@material-ui/core": "^3.9.2",
10
- "@pie-element/multi-trait-rubric": "^2.3.2-next.31+80da0617c",
11
- "@pie-element/rubric": "^2.2.2-next.31+80da0617c",
10
+ "@pie-element/multi-trait-rubric": "^2.3.2-next.83+77cec3b4c",
11
+ "@pie-element/rubric": "^2.2.2-next.83+77cec3b4c",
12
12
  "@pie-framework/pie-player-events": "^0.1.0",
13
13
  "@pie-lib/rubric": "^0.6.8",
14
14
  "classnames": "^2.2.5",
@@ -16,7 +16,7 @@
16
16
  "lodash": "^4.17.11",
17
17
  "prop-types": "^15.7.2"
18
18
  },
19
- "gitHead": "80da0617ca8a9fe53b8b7cb8f64e635af84bf4be",
19
+ "gitHead": "77cec3b4c4c2c66cfe3896bde8ad8922b42790c2",
20
20
  "scripts": {
21
21
  "postpublish": "../../scripts/postpublish"
22
22
  },