@pie-element/complex-rubric 2.3.2-next.15 → 2.3.2-next.19

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.
@@ -33,9 +33,9 @@ var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
33
33
 
34
34
  var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
35
35
 
36
- var _styles = require("@material-ui/core/styles");
36
+ var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
37
37
 
38
- var _core = require("@material-ui/core");
38
+ var _styles = require("@material-ui/core/styles");
39
39
 
40
40
  var _rubricLabels;
41
41
 
@@ -47,7 +47,16 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
47
47
 
48
48
  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; } }
49
49
 
50
- var styles = {};
50
+ var styles = {
51
+ root: {
52
+ width: 'fit-content',
53
+ paddingRight: '24px',
54
+ boxSizing: 'border-box',
55
+ '&:hover': {
56
+ background: 'var(--pie-secondary-background, rgba(241,241,241,1))'
57
+ }
58
+ }
59
+ };
51
60
  var rubricLabels = (_rubricLabels = {}, (0, _defineProperty2["default"])(_rubricLabels, _rubric.RUBRIC_TYPES.MULTI_TRAIT_RUBRIC, 'Multi Trait Rubric'), (0, _defineProperty2["default"])(_rubricLabels, _rubric.RUBRIC_TYPES.SIMPLE_RUBRIC, 'Simple Rubric'), (0, _defineProperty2["default"])(_rubricLabels, _rubric.RUBRIC_TYPES.RUBRICLESS, 'Rubricless'), _rubricLabels);
52
61
 
53
62
  var Main = /*#__PURE__*/function (_React$Component) {
@@ -88,7 +97,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
88
97
  var _this$props = this.props,
89
98
  model = _this$props.model,
90
99
  configuration = _this$props.configuration,
91
- canUpdateModel = _this$props.canUpdateModel;
100
+ canUpdateModel = _this$props.canUpdateModel,
101
+ classes = _this$props.classes;
92
102
 
93
103
  var _ref = model || {},
94
104
  _ref$rubrics = _ref.rubrics,
@@ -178,13 +188,16 @@ var Main = /*#__PURE__*/function (_React$Component) {
178
188
  value: model.rubricType,
179
189
  onChange: this.onChangeRubricType
180
190
  }, rubricOptions.length > 1 && rubricOptions.map(function (availableRubric, i) {
181
- return /*#__PURE__*/_react["default"].createElement(_core.FormControlLabel, {
191
+ return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
182
192
  key: i,
183
193
  value: availableRubric,
184
194
  control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
185
195
  checked: rubricType === availableRubric
186
196
  }),
187
- label: rubricLabels[availableRubric]
197
+ label: rubricLabels[availableRubric],
198
+ classes: {
199
+ root: classes.root
200
+ }
188
201
  });
189
202
  })), isRubricTypeAvailable && rubricTag);
190
203
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/main.jsx"],"names":["styles","rubricLabels","RUBRIC_TYPES","MULTI_TRAIT_RUBRIC","SIMPLE_RUBRIC","RUBRICLESS","Main","model","onModelChanged","props","e","rubricType","target","value","configuration","canUpdateModel","rubrics","contentDimensions","rubricOptions","multiTraitRubric","simpleRubric","rubricless","width","rubricTag","isRubricTypeAvailable","indexOf","ref","errors","onChangeRubricType","length","map","availableRubric","i","React","Component","classes","PropTypes","object","bool","func","onConfigurationChanged"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RUBRIC_TYPES } from '@pie-lib/pie-toolbox/rubric';\nimport { layout } from '@pie-lib/pie-toolbox/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 = {};\nconst rubricLabels = {\n [RUBRIC_TYPES.MULTI_TRAIT_RUBRIC]: 'Multi Trait Rubric',\n [RUBRIC_TYPES.SIMPLE_RUBRIC]: 'Simple Rubric',\n [RUBRIC_TYPES.RUBRICLESS]: 'Rubricless',\n};\n\nexport class Main extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n canUpdateModel: PropTypes.bool,\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 { model, configuration, canUpdateModel } = this.props;\n\n const { rubrics = {} } = model || {};\n let { rubricType } = model;\n const { contentDimensions = {}, rubricOptions = [], multiTraitRubric, simpleRubric, rubricless, width } = configuration;\n let rubricTag = '';\n\n if (!rubricType) {\n rubricType = RUBRIC_TYPES.SIMPLE_RUBRIC;\n }\n\n const isRubricTypeAvailable = rubricOptions.indexOf(rubricType) > -1;\n\n if (canUpdateModel) {\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, errors: model.errors || {}};\n this.simpleRubric.configuration = { ...simpleRubric, width };\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\n this.multiTraitRubric.model = {...rubrics.multiTraitRubric, errors: model.errors || {} };\n this.multiTraitRubric.configuration = { ...multiTraitRubric, width: width || multiTraitRubric.width };\n }\n }}\n />\n );\n break;\n\n case RUBRIC_TYPES.RUBRICLESS:\n rubricTag = (\n <rubric-configure\n id=\"rubricless\"\n key=\"rubricless\"\n ref={(ref) => {\n if (ref) {\n this.rubricless = ref;\n\n this.rubricless.model = rubrics.rubricless;\n this.rubricless.configuration = { ...rubricless, width };\n }\n }}\n />\n );\n break;\n }\n }\n\n return (\n <layout.ConfigLayout dimensions={contentDimensions} hideSettings={true} settings={null}>\n <RadioGroup\n aria-label=\"rubric-type\"\n name=\"rubricType\"\n value={model.rubricType}\n onChange={this.onChangeRubricType}\n >\n {\n rubricOptions.length > 1 && rubricOptions.map((availableRubric, i)=>\n <FormControlLabel\n key={i}\n value={availableRubric}\n control={<Radio checked={rubricType === availableRubric} />}\n label={rubricLabels[availableRubric]}\n />\n )\n }\n </RadioGroup>\n\n {isRubricTypeAvailable && rubricTag}\n </layout.ConfigLayout>\n );\n }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
1
+ {"version":3,"sources":["../src/main.jsx"],"names":["styles","root","width","paddingRight","boxSizing","background","rubricLabels","RUBRIC_TYPES","MULTI_TRAIT_RUBRIC","SIMPLE_RUBRIC","RUBRICLESS","Main","model","onModelChanged","props","e","rubricType","target","value","configuration","canUpdateModel","classes","rubrics","contentDimensions","rubricOptions","multiTraitRubric","simpleRubric","rubricless","rubricTag","isRubricTypeAvailable","indexOf","ref","errors","onChangeRubricType","length","map","availableRubric","i","React","Component","PropTypes","object","bool","func","onConfigurationChanged"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,aADH;AAEJC,IAAAA,YAAY,EAAE,MAFV;AAGJC,IAAAA,SAAS,EAAE,YAHP;AAIJ,eAAW;AACTC,MAAAA,UAAU,EAAE;AADH;AAJP;AADO,CAAf;AAUA,IAAMC,YAAY,wEACfC,qBAAaC,kBADE,EACmB,oBADnB,mDAEfD,qBAAaE,aAFE,EAEc,eAFd,mDAGfF,qBAAaG,UAHE,EAGW,YAHX,iBAAlB;;IAMaC,I;;;;;;;;;;;;;;;uGAUM,UAACC,KAAD,EAAW;AAC1B,UAAQC,cAAR,GAA2B,MAAKC,KAAhC,CAAQD,cAAR;AAEA,aAAOA,cAAc,CAACD,KAAD,CAArB;AACD,K;2GAEoB,UAACG,CAAD,EAAO;AAC1B,UAAQH,KAAR,GAAkB,MAAKE,KAAvB,CAAQF,KAAR;AAEA,UAAMI,UAAU,GAAGD,CAAC,CAACE,MAAF,CAASC,KAA5B;;AACA,YAAKL,cAAL,iCAAyBD,KAAzB;AAAgCI,QAAAA,UAAU,EAAVA;AAAhC;AACD,K;;;;;;WAED,kBAAS;AAAA;;AACP,wBAA0D,KAAKF,KAA/D;AAAA,UAAQF,KAAR,eAAQA,KAAR;AAAA,UAAeO,aAAf,eAAeA,aAAf;AAAA,UAA8BC,cAA9B,eAA8BA,cAA9B;AAAA,UAA8CC,OAA9C,eAA8CA,OAA9C;;AAEA,iBAAyBT,KAAK,IAAI,EAAlC;AAAA,8BAAQU,OAAR;AAAA,UAAQA,OAAR,6BAAkB,EAAlB;;AACA,UAAMN,UAAN,GAAqBJ,KAArB,CAAMI,UAAN;AACA,kCAA0GG,aAA1G,CAAQI,iBAAR;AAAA,UAAQA,iBAAR,sCAA4B,EAA5B;AAAA,kCAA0GJ,aAA1G,CAAgCK,aAAhC;AAAA,UAAgCA,aAAhC,sCAAgD,EAAhD;AAAA,UAAoDC,gBAApD,GAA0GN,aAA1G,CAAoDM,gBAApD;AAAA,UAAsEC,YAAtE,GAA0GP,aAA1G,CAAsEO,YAAtE;AAAA,UAAoFC,UAApF,GAA0GR,aAA1G,CAAoFQ,UAApF;AAAA,UAAgGzB,KAAhG,GAA0GiB,aAA1G,CAAgGjB,KAAhG;AACA,UAAI0B,SAAS,GAAG,EAAhB;;AAEA,UAAI,CAACZ,UAAL,EAAiB;AACfA,QAAAA,UAAU,GAAGT,qBAAaE,aAA1B;AACD;;AAED,UAAMoB,qBAAqB,GAAIL,aAAa,CAACM,OAAd,CAAsBd,UAAtB,IAAoC,CAAC,CAApE;;AAEA,UAAII,cAAJ,EAAoB;AAClB,gBAAQJ,UAAR;AACE,eAAKT,qBAAaE,aAAlB;AACA;AACEmB,YAAAA,SAAS,gBACP;AACE,cAAA,EAAE,EAAC,cADL;AAEE,cAAA,GAAG,EAAC,eAFN;AAGE,cAAA,GAAG,EAAE,aAACG,KAAD,EAAS;AACZ,oBAAIA,KAAJ,EAAS;AACP,kBAAA,MAAI,CAACL,YAAL,GAAoBK,KAApB;AACA,kBAAA,MAAI,CAACL,YAAL,CAAkBd,KAAlB,mCAA8BU,OAAO,CAACI,YAAtC;AAAoDM,oBAAAA,MAAM,EAAEpB,KAAK,CAACoB,MAAN,IAAgB;AAA5E;AACA,kBAAA,MAAI,CAACN,YAAL,CAAkBP,aAAlB,mCAAuCO,YAAvC;AAAqDxB,oBAAAA,KAAK,EAALA;AAArD;AACD;AACF;AATH,cADF;AAaA;;AAEF,eAAKK,qBAAaC,kBAAlB;AACEoB,YAAAA,SAAS,gBACP;AACE,cAAA,EAAE,EAAC,kBADL;AAEE,cAAA,GAAG,EAAC,oBAFN;AAGE,cAAA,GAAG,EAAE,aAACG,KAAD,EAAS;AACZ,oBAAIA,KAAJ,EAAS;AACP,kBAAA,MAAI,CAACN,gBAAL,GAAwBM,KAAxB;AAEA,kBAAA,MAAI,CAACN,gBAAL,CAAsBb,KAAtB,mCAAkCU,OAAO,CAACG,gBAA1C;AAA4DO,oBAAAA,MAAM,EAAEpB,KAAK,CAACoB,MAAN,IAAgB;AAApF;AACA,kBAAA,MAAI,CAACP,gBAAL,CAAsBN,aAAtB,mCAA2CM,gBAA3C;AAA6DvB,oBAAAA,KAAK,EAAEA,KAAK,IAAIuB,gBAAgB,CAACvB;AAA9F;AACD;AACF;AAVH,cADF;AAcA;;AAEF,eAAKK,qBAAaG,UAAlB;AACEkB,YAAAA,SAAS,gBACL;AACI,cAAA,EAAE,EAAC,YADP;AAEI,cAAA,GAAG,EAAC,YAFR;AAGI,cAAA,GAAG,EAAE,aAACG,KAAD,EAAS;AACZ,oBAAIA,KAAJ,EAAS;AACP,kBAAA,MAAI,CAACJ,UAAL,GAAkBI,KAAlB;AAEA,kBAAA,MAAI,CAACJ,UAAL,CAAgBf,KAAhB,GAAwBU,OAAO,CAACK,UAAhC;AACA,kBAAA,MAAI,CAACA,UAAL,CAAgBR,aAAhB,mCAAqCQ,UAArC;AAAiDzB,oBAAAA,KAAK,EAALA;AAAjD;AACD;AACF;AAVL,cADJ;AAcA;AAlDJ;AAoDD;;AAED,0BACE,gCAAC,gBAAD,CAAQ,YAAR;AAAqB,QAAA,UAAU,EAAEqB,iBAAjC;AAAoD,QAAA,YAAY,EAAE,IAAlE;AAAwE,QAAA,QAAQ,EAAE;AAAlF,sBACE,gCAAC,sBAAD;AACE,sBAAW,aADb;AAEE,QAAA,IAAI,EAAC,YAFP;AAGE,QAAA,KAAK,EAAEX,KAAK,CAACI,UAHf;AAIE,QAAA,QAAQ,EAAE,KAAKiB;AAJjB,SAOIT,aAAa,CAACU,MAAd,GAAuB,CAAvB,IAA4BV,aAAa,CAACW,GAAd,CAAkB,UAACC,eAAD,EAAkBC,CAAlB;AAAA,4BAC5C,gCAAC,4BAAD;AACE,UAAA,GAAG,EAAEA,CADP;AAEE,UAAA,KAAK,EAAED,eAFT;AAGE,UAAA,OAAO,eAAE,gCAAC,iBAAD;AAAO,YAAA,OAAO,EAAEpB,UAAU,KAAKoB;AAA/B,YAHX;AAIE,UAAA,KAAK,EAAE9B,YAAY,CAAC8B,eAAD,CAJrB;AAKE,UAAA,OAAO,EAAE;AAAEnC,YAAAA,IAAI,EAAEoB,OAAO,CAACpB;AAAhB;AALX,UAD4C;AAAA,OAAlB,CAPhC,CADF,EAoBG4B,qBAAqB,IAAID,SApB5B,CADF;AAwBD;;;EApHuBU,kBAAMC,S;;;iCAAnB5B,I,eACQ;AACjBU,EAAAA,OAAO,EAAEmB,sBAAUC,MADF;AAEjBrB,EAAAA,cAAc,EAAEoB,sBAAUE,IAFT;AAGjBvB,EAAAA,aAAa,EAAEqB,sBAAUC,MAHR;AAIjB7B,EAAAA,KAAK,EAAE4B,sBAAUC,MAJA;AAKjB5B,EAAAA,cAAc,EAAE2B,sBAAUG,IALT;AAMjBC,EAAAA,sBAAsB,EAAEJ,sBAAUG;AANjB,C;;eAsHN,wBAAW3C,MAAX,EAAmBW,IAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RUBRIC_TYPES } from '@pie-lib/pie-toolbox/rubric';\nimport { layout } from '@pie-lib/pie-toolbox/config-ui';\nimport Radio from '@material-ui/core/Radio';\nimport RadioGroup from '@material-ui/core/RadioGroup';\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = {\n root: {\n width: 'fit-content',\n paddingRight: '24px',\n boxSizing: 'border-box',\n '&:hover': {\n background: 'var(--pie-secondary-background, rgba(241,241,241,1))'\n }\n }\n};\nconst rubricLabels = {\n [RUBRIC_TYPES.MULTI_TRAIT_RUBRIC]: 'Multi Trait Rubric',\n [RUBRIC_TYPES.SIMPLE_RUBRIC]: 'Simple Rubric',\n [RUBRIC_TYPES.RUBRICLESS]: 'Rubricless',\n};\n\nexport class Main extends React.Component {\n static propTypes = {\n classes: PropTypes.object,\n canUpdateModel: PropTypes.bool,\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 { model, configuration, canUpdateModel, classes } = this.props;\n\n const { rubrics = {} } = model || {};\n let { rubricType } = model;\n const { contentDimensions = {}, rubricOptions = [], multiTraitRubric, simpleRubric, rubricless, width } = configuration;\n let rubricTag = '';\n\n if (!rubricType) {\n rubricType = RUBRIC_TYPES.SIMPLE_RUBRIC;\n }\n\n const isRubricTypeAvailable = rubricOptions.indexOf(rubricType) > -1;\n\n if (canUpdateModel) {\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, errors: model.errors || {}};\n this.simpleRubric.configuration = { ...simpleRubric, width };\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\n this.multiTraitRubric.model = {...rubrics.multiTraitRubric, errors: model.errors || {} };\n this.multiTraitRubric.configuration = { ...multiTraitRubric, width: width || multiTraitRubric.width };\n }\n }}\n />\n );\n break;\n\n case RUBRIC_TYPES.RUBRICLESS:\n rubricTag = (\n <rubric-configure\n id=\"rubricless\"\n key=\"rubricless\"\n ref={(ref) => {\n if (ref) {\n this.rubricless = ref;\n\n this.rubricless.model = rubrics.rubricless;\n this.rubricless.configuration = { ...rubricless, width };\n }\n }}\n />\n );\n break;\n }\n }\n\n return (\n <layout.ConfigLayout dimensions={contentDimensions} hideSettings={true} settings={null}>\n <RadioGroup\n aria-label=\"rubric-type\"\n name=\"rubricType\"\n value={model.rubricType}\n onChange={this.onChangeRubricType}\n >\n {\n rubricOptions.length > 1 && rubricOptions.map((availableRubric, i)=>\n <FormControlLabel\n key={i}\n value={availableRubric}\n control={<Radio checked={rubricType === availableRubric} />}\n label={rubricLabels[availableRubric]}\n classes={{ root: classes.root }}\n />\n )\n }\n </RadioGroup>\n\n {isRubricTypeAvailable && rubricTag}\n </layout.ConfigLayout>\n );\n }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
@@ -13,6 +13,11 @@ exports[`Main snapshot renders 1`] = `
13
13
  value="simpleRubric"
14
14
  >
15
15
  <WithStyles(WithFormControlContext(FormControlLabel))
16
+ classes={
17
+ Object {
18
+ "root": undefined,
19
+ }
20
+ }
16
21
  control={
17
22
  <WithStyles(Radio)
18
23
  checked={true}
@@ -23,6 +28,11 @@ exports[`Main snapshot renders 1`] = `
23
28
  value="simpleRubric"
24
29
  />
25
30
  <WithStyles(WithFormControlContext(FormControlLabel))
31
+ classes={
32
+ Object {
33
+ "root": undefined,
34
+ }
35
+ }
26
36
  control={
27
37
  <WithStyles(Radio)
28
38
  checked={false}
@@ -33,6 +43,11 @@ exports[`Main snapshot renders 1`] = `
33
43
  value="multiTraitRubric"
34
44
  />
35
45
  <WithStyles(WithFormControlContext(FormControlLabel))
46
+ classes={
47
+ Object {
48
+ "root": undefined,
49
+ }
50
+ }
36
51
  control={
37
52
  <WithStyles(Radio)
38
53
  checked={false}
@@ -62,6 +77,11 @@ exports[`Main snapshot renders multi trait rubric 1`] = `
62
77
  value="multiTraitRubric"
63
78
  >
64
79
  <WithStyles(WithFormControlContext(FormControlLabel))
80
+ classes={
81
+ Object {
82
+ "root": undefined,
83
+ }
84
+ }
65
85
  control={
66
86
  <WithStyles(Radio)
67
87
  checked={false}
@@ -72,6 +92,11 @@ exports[`Main snapshot renders multi trait rubric 1`] = `
72
92
  value="simpleRubric"
73
93
  />
74
94
  <WithStyles(WithFormControlContext(FormControlLabel))
95
+ classes={
96
+ Object {
97
+ "root": undefined,
98
+ }
99
+ }
75
100
  control={
76
101
  <WithStyles(Radio)
77
102
  checked={true}
@@ -82,6 +107,11 @@ exports[`Main snapshot renders multi trait rubric 1`] = `
82
107
  value="multiTraitRubric"
83
108
  />
84
109
  <WithStyles(WithFormControlContext(FormControlLabel))
110
+ classes={
111
+ Object {
112
+ "root": undefined,
113
+ }
114
+ }
85
115
  control={
86
116
  <WithStyles(Radio)
87
117
  checked={false}
@@ -111,6 +141,11 @@ exports[`Main snapshot renders simple rubric 1`] = `
111
141
  value="simpleRubric"
112
142
  >
113
143
  <WithStyles(WithFormControlContext(FormControlLabel))
144
+ classes={
145
+ Object {
146
+ "root": undefined,
147
+ }
148
+ }
114
149
  control={
115
150
  <WithStyles(Radio)
116
151
  checked={true}
@@ -121,6 +156,11 @@ exports[`Main snapshot renders simple rubric 1`] = `
121
156
  value="simpleRubric"
122
157
  />
123
158
  <WithStyles(WithFormControlContext(FormControlLabel))
159
+ classes={
160
+ Object {
161
+ "root": undefined,
162
+ }
163
+ }
124
164
  control={
125
165
  <WithStyles(Radio)
126
166
  checked={false}
@@ -131,6 +171,11 @@ exports[`Main snapshot renders simple rubric 1`] = `
131
171
  value="multiTraitRubric"
132
172
  />
133
173
  <WithStyles(WithFormControlContext(FormControlLabel))
174
+ classes={
175
+ Object {
176
+ "root": undefined,
177
+ }
178
+ }
134
179
  control={
135
180
  <WithStyles(Radio)
136
181
  checked={false}
@@ -4,10 +4,19 @@ import { RUBRIC_TYPES } from '@pie-lib/pie-toolbox/rubric';
4
4
  import { layout } from '@pie-lib/pie-toolbox/config-ui';
5
5
  import Radio from '@material-ui/core/Radio';
6
6
  import RadioGroup from '@material-ui/core/RadioGroup';
7
+ import FormControlLabel from '@material-ui/core/FormControlLabel';
7
8
  import { withStyles } from '@material-ui/core/styles';
8
- import { FormControlLabel } from '@material-ui/core';
9
9
 
10
- const styles = {};
10
+ const styles = {
11
+ root: {
12
+ width: 'fit-content',
13
+ paddingRight: '24px',
14
+ boxSizing: 'border-box',
15
+ '&:hover': {
16
+ background: 'var(--pie-secondary-background, rgba(241,241,241,1))'
17
+ }
18
+ }
19
+ };
11
20
  const rubricLabels = {
12
21
  [RUBRIC_TYPES.MULTI_TRAIT_RUBRIC]: 'Multi Trait Rubric',
13
22
  [RUBRIC_TYPES.SIMPLE_RUBRIC]: 'Simple Rubric',
@@ -38,7 +47,7 @@ export class Main extends React.Component {
38
47
  };
39
48
 
40
49
  render() {
41
- const { model, configuration, canUpdateModel } = this.props;
50
+ const { model, configuration, canUpdateModel, classes } = this.props;
42
51
 
43
52
  const { rubrics = {} } = model || {};
44
53
  let { rubricType } = model;
@@ -121,6 +130,7 @@ export class Main extends React.Component {
121
130
  value={availableRubric}
122
131
  control={<Radio checked={rubricType === availableRubric} />}
123
132
  label={rubricLabels[availableRubric]}
133
+ classes={{ root: classes.root }}
124
134
  />
125
135
  )
126
136
  }
@@ -7,7 +7,7 @@
7
7
  "test": "echo \"Error: no test specified\" && exit 1"
8
8
  },
9
9
  "dependencies": {
10
- "@pie-lib/pie-toolbox": "1.7.0",
10
+ "@pie-lib/pie-toolbox": "1.7.1",
11
11
  "lodash": "^4.17.15"
12
12
  },
13
13
  "author": "",
@@ -232622,7 +232622,16 @@ const React$1 = _dll_react;
232622
232622
  const PropTypes = _dll_prop_types;
232623
232623
  const {layout: layout} = _dll_pie_lib__pie_toolbox_config_ui;
232624
232624
  const _jsxFileName = "/home/circleci/repo/packages/complex-rubric/configure/src/main.jsx";
232625
- const styles = {};
232625
+ const styles = {
232626
+ root: {
232627
+ width: 'fit-content',
232628
+ paddingRight: '24px',
232629
+ boxSizing: 'border-box',
232630
+ '&:hover': {
232631
+ background: 'var(--pie-secondary-background, rgba(241,241,241,1))'
232632
+ }
232633
+ }
232634
+ };
232626
232635
  const rubricLabels = {
232627
232636
  [rubric$1.RUBRIC_TYPES.MULTI_TRAIT_RUBRIC]: 'Multi Trait Rubric',
232628
232637
  [rubric$1.RUBRIC_TYPES.SIMPLE_RUBRIC]: 'Simple Rubric',
@@ -232661,7 +232670,7 @@ class Main extends React$1.Component {
232661
232670
  };
232662
232671
  }
232663
232672
  render() {
232664
- const {model, configuration, canUpdateModel} = this.props;
232673
+ const {model, configuration, canUpdateModel, classes} = this.props;
232665
232674
  const {rubrics = {}} = model || ({});
232666
232675
  let {rubricType} = model;
232667
232676
  const {contentDimensions = {}, rubricOptions = [], multiTraitRubric, simpleRubric, rubricless, width} = configuration;
@@ -232693,7 +232702,7 @@ class Main extends React$1.Component {
232693
232702
  __self: this,
232694
232703
  __source: {
232695
232704
  fileName: _jsxFileName,
232696
- lineNumber: 59
232705
+ lineNumber: 68
232697
232706
  }
232698
232707
  });
232699
232708
  break;
@@ -232717,7 +232726,7 @@ class Main extends React$1.Component {
232717
232726
  __self: this,
232718
232727
  __source: {
232719
232728
  fileName: _jsxFileName,
232720
- lineNumber: 75
232729
+ lineNumber: 84
232721
232730
  }
232722
232731
  });
232723
232732
  break;
@@ -232738,7 +232747,7 @@ class Main extends React$1.Component {
232738
232747
  __self: this,
232739
232748
  __source: {
232740
232749
  fileName: _jsxFileName,
232741
- lineNumber: 92
232750
+ lineNumber: 101
232742
232751
  }
232743
232752
  });
232744
232753
  break;
@@ -232751,7 +232760,7 @@ class Main extends React$1.Component {
232751
232760
  __self: this,
232752
232761
  __source: {
232753
232762
  fileName: _jsxFileName,
232754
- lineNumber: 110
232763
+ lineNumber: 119
232755
232764
  }
232756
232765
  }, React$1.createElement(RadioGroup, {
232757
232766
  'aria-label': "rubric-type",
@@ -232761,7 +232770,7 @@ class Main extends React$1.Component {
232761
232770
  __self: this,
232762
232771
  __source: {
232763
232772
  fileName: _jsxFileName,
232764
- lineNumber: 111
232773
+ lineNumber: 120
232765
232774
  }
232766
232775
  }, rubricOptions.length > 1 && rubricOptions.map((availableRubric, i) => React$1.createElement(FormControlLabel, {
232767
232776
  key: i,
@@ -232771,14 +232780,17 @@ class Main extends React$1.Component {
232771
232780
  __self: this,
232772
232781
  __source: {
232773
232782
  fileName: _jsxFileName,
232774
- lineNumber: 122
232783
+ lineNumber: 131
232775
232784
  }
232776
232785
  }),
232777
232786
  label: rubricLabels[availableRubric],
232787
+ classes: {
232788
+ root: classes.root
232789
+ },
232778
232790
  __self: this,
232779
232791
  __source: {
232780
232792
  fileName: _jsxFileName,
232781
- lineNumber: 119
232793
+ lineNumber: 128
232782
232794
  }
232783
232795
  }))), isRubricTypeAvailable && rubricTag);
232784
232796
  }
package/package.json CHANGED
@@ -1,21 +1,21 @@
1
1
  {
2
2
  "name": "@pie-element/complex-rubric",
3
3
  "repository": "pie-framework/pie-elements",
4
- "version": "2.3.2-next.15+b1d8e6e31",
4
+ "version": "2.3.2-next.19+cec328caf",
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": "^3.3.1-next.32+b1d8e6e31",
11
- "@pie-element/rubric": "^3.2.1-next.32+b1d8e6e31",
10
+ "@pie-element/multi-trait-rubric": "^3.3.1-next.36+cec328caf",
11
+ "@pie-element/rubric": "^3.2.1-next.36+cec328caf",
12
12
  "@pie-framework/pie-player-events": "^0.1.0",
13
13
  "classnames": "^2.2.5",
14
14
  "debug": "^4.1.1",
15
15
  "lodash": "^4.17.11",
16
16
  "prop-types": "^15.7.2"
17
17
  },
18
- "gitHead": "b1d8e6e31b14a11bef6b19a2cc4af50477511868",
18
+ "gitHead": "cec328caf5b69d9fee00473c502aed62d6e27462",
19
19
  "scripts": {
20
20
  "postpublish": "../../scripts/postpublish"
21
21
  },