@pie-element/complex-rubric 1.7.2-next.4 → 1.7.2-next.73
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.
- package/configure/lib/main.js +3 -10
- package/configure/lib/main.js.map +1 -1
- package/configure/src/__tests__/__snapshots__/main.test.jsx.snap +81 -99
- package/configure/src/main.jsx +19 -28
- package/lib/index.js +2 -1
- package/lib/index.js.map +1 -1
- package/package.json +4 -4
- package/src/index.js +6 -10
package/configure/lib/main.js
CHANGED
|
@@ -45,12 +45,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
45
45
|
|
|
46
46
|
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; } }
|
|
47
47
|
|
|
48
|
-
var styles = {
|
|
49
|
-
rubric: {
|
|
50
|
-
display: 'flex',
|
|
51
|
-
flexDirection: 'column'
|
|
52
|
-
}
|
|
53
|
-
};
|
|
48
|
+
var styles = {};
|
|
54
49
|
|
|
55
50
|
var Main = /*#__PURE__*/function (_React$Component) {
|
|
56
51
|
(0, _inherits2["default"])(Main, _React$Component);
|
|
@@ -144,9 +139,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
|
|
|
144
139
|
return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
|
|
145
140
|
hideSettings: true,
|
|
146
141
|
settings: null
|
|
147
|
-
}, /*#__PURE__*/_react["default"].createElement("
|
|
148
|
-
className: classes.rubric
|
|
149
|
-
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
|
|
142
|
+
}, /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
|
|
150
143
|
"aria-label": "rubric-type",
|
|
151
144
|
name: "rubricType",
|
|
152
145
|
value: model.rubricType,
|
|
@@ -163,7 +156,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
|
|
|
163
156
|
checked: rubricType === _rubric.RUBRIC_TYPES.MULTI_TRAIT_RUBRIC
|
|
164
157
|
}),
|
|
165
158
|
label: "Multi Trait Rubric"
|
|
166
|
-
}))
|
|
159
|
+
})), rubricTag);
|
|
167
160
|
}
|
|
168
161
|
}]);
|
|
169
162
|
return Main;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/main.jsx"],"names":["styles","
|
|
1
|
+
{"version":3,"sources":["../src/main.jsx"],"names":["styles","Main","model","onModelChanged","props","e","rubricType","target","value","classes","configuration","canUpdateModel","rubrics","multiTraitRubric","simpleRubric","width","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\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, canUpdateModel } = this.props;\n const { rubrics = {} } = model;\n let { rubricType } = model;\n const { multiTraitRubric, simpleRubric, width } = configuration;\n let rubricTag = '';\n\n if (!rubricType) {\n rubricType = RUBRIC_TYPES.SIMPLE_RUBRIC;\n }\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;\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;\n this.multiTraitRubric.configuration = { ...multiTraitRubric, width };\n }\n }}\n />\n );\n break;\n }\n }\n\n return (\n <layout.ConfigLayout hideSettings={true} settings={null}>\n <RadioGroup\n aria-label=\"rubric-type\"\n name=\"rubricType\"\n value={model.rubricType}\n onChange={this.onChangeRubricType}\n >\n <FormControlLabel\n value={RUBRIC_TYPES.SIMPLE_RUBRIC}\n control={<Radio checked={rubricType === RUBRIC_TYPES.SIMPLE_RUBRIC} />}\n label=\"Simple Rubric\"\n />\n\n <FormControlLabel\n value={RUBRIC_TYPES.MULTI_TRAIT_RUBRIC}\n control={<Radio checked={rubricType === RUBRIC_TYPES.MULTI_TRAIT_RUBRIC} />}\n label=\"Multi Trait Rubric\"\n />\n </RadioGroup>\n\n {rubricTag}\n </layout.ConfigLayout>\n );\n }\n}\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
|
|
@@ -5,41 +5,35 @@ exports[`Main snapshot renders 1`] = `
|
|
|
5
5
|
hideSettings={true}
|
|
6
6
|
settings={null}
|
|
7
7
|
>
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<WithStyles(
|
|
17
|
-
|
|
18
|
-
<WithStyles(Radio)
|
|
19
|
-
checked={true}
|
|
20
|
-
/>
|
|
21
|
-
}
|
|
22
|
-
label="Simple Rubric"
|
|
23
|
-
value="simpleRubric"
|
|
8
|
+
<RadioGroup
|
|
9
|
+
aria-label="rubric-type"
|
|
10
|
+
name="rubricType"
|
|
11
|
+
onChange={[Function]}
|
|
12
|
+
value="simpleRubric"
|
|
13
|
+
>
|
|
14
|
+
<WithStyles(WithFormControlContext(FormControlLabel))
|
|
15
|
+
control={
|
|
16
|
+
<WithStyles(Radio)
|
|
17
|
+
checked={true}
|
|
24
18
|
/>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
19
|
+
}
|
|
20
|
+
label="Simple Rubric"
|
|
21
|
+
value="simpleRubric"
|
|
22
|
+
/>
|
|
23
|
+
<WithStyles(WithFormControlContext(FormControlLabel))
|
|
24
|
+
control={
|
|
25
|
+
<WithStyles(Radio)
|
|
26
|
+
checked={false}
|
|
33
27
|
/>
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
28
|
+
}
|
|
29
|
+
label="Multi Trait Rubric"
|
|
30
|
+
value="multiTraitRubric"
|
|
31
|
+
/>
|
|
32
|
+
</RadioGroup>
|
|
33
|
+
<rubric-configure
|
|
34
|
+
id="simpleRubric"
|
|
35
|
+
key="simple-rubric"
|
|
36
|
+
/>
|
|
43
37
|
</ConfigLayout>
|
|
44
38
|
`;
|
|
45
39
|
|
|
@@ -48,41 +42,35 @@ exports[`Main snapshot renders multi trait rubric 1`] = `
|
|
|
48
42
|
hideSettings={true}
|
|
49
43
|
settings={null}
|
|
50
44
|
>
|
|
51
|
-
<
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
<WithStyles(
|
|
60
|
-
|
|
61
|
-
<WithStyles(Radio)
|
|
62
|
-
checked={false}
|
|
63
|
-
/>
|
|
64
|
-
}
|
|
65
|
-
label="Simple Rubric"
|
|
66
|
-
value="simpleRubric"
|
|
45
|
+
<RadioGroup
|
|
46
|
+
aria-label="rubric-type"
|
|
47
|
+
name="rubricType"
|
|
48
|
+
onChange={[Function]}
|
|
49
|
+
value="multiTraitRubric"
|
|
50
|
+
>
|
|
51
|
+
<WithStyles(WithFormControlContext(FormControlLabel))
|
|
52
|
+
control={
|
|
53
|
+
<WithStyles(Radio)
|
|
54
|
+
checked={false}
|
|
67
55
|
/>
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
56
|
+
}
|
|
57
|
+
label="Simple Rubric"
|
|
58
|
+
value="simpleRubric"
|
|
59
|
+
/>
|
|
60
|
+
<WithStyles(WithFormControlContext(FormControlLabel))
|
|
61
|
+
control={
|
|
62
|
+
<WithStyles(Radio)
|
|
63
|
+
checked={true}
|
|
76
64
|
/>
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
65
|
+
}
|
|
66
|
+
label="Multi Trait Rubric"
|
|
67
|
+
value="multiTraitRubric"
|
|
68
|
+
/>
|
|
69
|
+
</RadioGroup>
|
|
70
|
+
<multi-trait-rubric-configure
|
|
71
|
+
id="multiTraitRubric"
|
|
72
|
+
key="multi-trait-rubric"
|
|
73
|
+
/>
|
|
86
74
|
</ConfigLayout>
|
|
87
75
|
`;
|
|
88
76
|
|
|
@@ -91,40 +79,34 @@ exports[`Main snapshot renders simple rubric 1`] = `
|
|
|
91
79
|
hideSettings={true}
|
|
92
80
|
settings={null}
|
|
93
81
|
>
|
|
94
|
-
<
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
<WithStyles(
|
|
103
|
-
|
|
104
|
-
<WithStyles(Radio)
|
|
105
|
-
checked={true}
|
|
106
|
-
/>
|
|
107
|
-
}
|
|
108
|
-
label="Simple Rubric"
|
|
109
|
-
value="simpleRubric"
|
|
82
|
+
<RadioGroup
|
|
83
|
+
aria-label="rubric-type"
|
|
84
|
+
name="rubricType"
|
|
85
|
+
onChange={[Function]}
|
|
86
|
+
value="simpleRubric"
|
|
87
|
+
>
|
|
88
|
+
<WithStyles(WithFormControlContext(FormControlLabel))
|
|
89
|
+
control={
|
|
90
|
+
<WithStyles(Radio)
|
|
91
|
+
checked={true}
|
|
110
92
|
/>
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
93
|
+
}
|
|
94
|
+
label="Simple Rubric"
|
|
95
|
+
value="simpleRubric"
|
|
96
|
+
/>
|
|
97
|
+
<WithStyles(WithFormControlContext(FormControlLabel))
|
|
98
|
+
control={
|
|
99
|
+
<WithStyles(Radio)
|
|
100
|
+
checked={false}
|
|
119
101
|
/>
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
102
|
+
}
|
|
103
|
+
label="Multi Trait Rubric"
|
|
104
|
+
value="multiTraitRubric"
|
|
105
|
+
/>
|
|
106
|
+
</RadioGroup>
|
|
107
|
+
<rubric-configure
|
|
108
|
+
id="simpleRubric"
|
|
109
|
+
key="simple-rubric"
|
|
110
|
+
/>
|
|
129
111
|
</ConfigLayout>
|
|
130
112
|
`;
|
package/configure/src/main.jsx
CHANGED
|
@@ -7,12 +7,7 @@ import RadioGroup from '@material-ui/core/RadioGroup';
|
|
|
7
7
|
import { withStyles } from '@material-ui/core/styles';
|
|
8
8
|
import { FormControlLabel } from '@material-ui/core';
|
|
9
9
|
|
|
10
|
-
const styles = {
|
|
11
|
-
rubric: {
|
|
12
|
-
display: 'flex',
|
|
13
|
-
flexDirection: 'column',
|
|
14
|
-
},
|
|
15
|
-
};
|
|
10
|
+
const styles = {};
|
|
16
11
|
|
|
17
12
|
export class Main extends React.Component {
|
|
18
13
|
static propTypes = {
|
|
@@ -87,30 +82,26 @@ export class Main extends React.Component {
|
|
|
87
82
|
|
|
88
83
|
return (
|
|
89
84
|
<layout.ConfigLayout hideSettings={true} settings={null}>
|
|
90
|
-
<
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
label="Simple Rubric"
|
|
102
|
-
/>
|
|
85
|
+
<RadioGroup
|
|
86
|
+
aria-label="rubric-type"
|
|
87
|
+
name="rubricType"
|
|
88
|
+
value={model.rubricType}
|
|
89
|
+
onChange={this.onChangeRubricType}
|
|
90
|
+
>
|
|
91
|
+
<FormControlLabel
|
|
92
|
+
value={RUBRIC_TYPES.SIMPLE_RUBRIC}
|
|
93
|
+
control={<Radio checked={rubricType === RUBRIC_TYPES.SIMPLE_RUBRIC} />}
|
|
94
|
+
label="Simple Rubric"
|
|
95
|
+
/>
|
|
103
96
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
</div>
|
|
97
|
+
<FormControlLabel
|
|
98
|
+
value={RUBRIC_TYPES.MULTI_TRAIT_RUBRIC}
|
|
99
|
+
control={<Radio checked={rubricType === RUBRIC_TYPES.MULTI_TRAIT_RUBRIC} />}
|
|
100
|
+
label="Multi Trait Rubric"
|
|
101
|
+
/>
|
|
102
|
+
</RadioGroup>
|
|
111
103
|
|
|
112
|
-
|
|
113
|
-
</div>
|
|
104
|
+
{rubricTag}
|
|
114
105
|
</layout.ConfigLayout>
|
|
115
106
|
);
|
|
116
107
|
}
|
package/lib/index.js
CHANGED
|
@@ -165,7 +165,8 @@ var ComplexRubric = /*#__PURE__*/function (_HTMLElement) {
|
|
|
165
165
|
}, {
|
|
166
166
|
key: "_render",
|
|
167
167
|
value: function _render() {
|
|
168
|
-
|
|
168
|
+
var rubricTag = this._type === _rubric2.RUBRIC_TYPES.SIMPLE_RUBRIC ? "<".concat(RUBRIC_TAG_NAME, " id=\"simpleRubric\" />") : "<".concat(MULTI_TRAIT_RUBRIC_TAG_NAME, " id=\"multiTraitRubric\" />");
|
|
169
|
+
this.innerHTML = rubricTag;
|
|
169
170
|
}
|
|
170
171
|
}]);
|
|
171
172
|
return ComplexRubric;
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":["RUBRIC_TAG_NAME","MULTI_TRAIT_RUBRIC_TAG_NAME","ComplexRubricSimple","Rubric","ComplexRubricMultiTrait","MultiTraitRubric","defineRubrics","customElements","get","define","ComplexRubric","_model","_type","RUBRIC_TYPES","SIMPLE_RUBRIC","t","m","oldType","type","rubricType","whenDefined","then","setRubricModel","simpleRubric","MULTI_TRAIT_RUBRIC","setMultiTraitRubricModel","multiTraitRubric","_render","rubrics","mode","model","querySelector","innerHTML","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,eAAe,GAAG,uBAAxB;AACA,IAAMC,2BAA2B,GAAG,4BAApC;;IAEMC,mB;;;;;;;;;;;EAA4BC,kB;;IAC5BC,uB;;;;;;;;;;;EAAgCC,4B;;AAEtC,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,MAAI,CAACC,cAAc,CAACC,GAAf,CAAmBR,eAAnB,CAAL,EAA0C;AACxCO,IAAAA,cAAc,CAACE,MAAf,CAAsBT,eAAtB,EAAuCE,mBAAvC;AACD;;AAED,MAAI,CAACK,cAAc,CAACC,GAAf,CAAmBP,2BAAnB,CAAL,EAAsD;AACpDM,IAAAA,cAAc,CAACE,MAAf,CAAsBR,2BAAtB,EAAmDG,uBAAnD;AACD;AACF,CARD;;AAUAE,aAAa;;IAEPI,a;;;;;AACJ,2BAAc;AAAA;;AAAA;AACZ;AACA,UAAKC,MAAL,GAAc,EAAd;AACA,UAAKC,KAAL,GAAaC,sBAAaC,aAA1B;AAHY;AAIb;;;;SAMD,eAAW;AACT,aAAO,KAAKF,KAAZ;AACD,K;SAND,aAASG,CAAT,EAAY;AACV,WAAKH,KAAL,GAAaG,CAAb;AACD;;;SAMD,aAAUC,CAAV,EAAa;AAAA;;AACX,WAAKL,MAAL,GAAcK,CAAd;AACA,UAAMC,OAAO,GAAG,KAAKL,KAArB;AACA,WAAKM,IAAL,GAAYF,CAAC,CAACG,UAAd;;AAEA,cAAQ,KAAKP,KAAb;AACE,aAAKC,sBAAaC,aAAlB;AACA;AACEP,UAAAA,cAAc,CAACa,WAAf,CAA2BpB,eAA3B,EAA4CqB,IAA5C,CAAiD,YAAM;AACrD,YAAA,MAAI,CAACC,cAAL,CAAoB,MAAI,CAACC,YAAzB;AACD,WAFD;AAGA;;AACF,aAAKV,sBAAaW,kBAAlB;AACEjB,UAAAA,cAAc,CAACa,WAAf,CAA2BnB,2BAA3B,EAAwDoB,IAAxD,CAA6D,YAAM;AACjE,YAAA,MAAI,CAACI,wBAAL,CAA8B,MAAI,CAACC,gBAAnC;AACD,WAFD;AAGA;AAXJ;;AAcA,UAAIT,OAAO,KAAK,KAAKC,IAArB,EAA2B;AACzB,aAAKS,OAAL;AACD;AACF;;;WAED,wBAAeJ,YAAf,EAA6B;AAC3B,UAAI,KAAKZ,MAAL,IAAe,KAAKA,MAAL,CAAYiB,OAA3B,IAAsC,KAAKjB,MAAL,CAAYiB,OAAZ,CAAoBL,YAA9D,EAA4E;AAC1E,YAAQM,IAAR,GAAiB,KAAKlB,MAAtB,CAAQkB,IAAR;AAEAN,QAAAA,YAAY,CAACO,KAAb,mCACK,KAAKnB,MAAL,CAAYiB,OAAZ,CAAoBL,YADzB;AAEEM,UAAAA,IAAI,EAAJA;AAFF;AAID;AACF;;;WAED,kCAAyBH,gBAAzB,EAA2C;AACzC,UAAI,KAAKf,MAAL,IAAe,KAAKA,MAAL,CAAYiB,OAA3B,IAAsC,KAAKjB,MAAL,CAAYiB,OAAZ,CAAoBF,gBAA9D,EAAgF;AAC9E,YAAQG,IAAR,GAAiB,KAAKlB,MAAtB,CAAQkB,IAAR;AAEAH,QAAAA,gBAAgB,CAACI,KAAjB,mCACK,KAAKnB,MAAL,CAAYiB,OAAZ,CAAoBF,gBADzB;AAEEG,UAAAA,IAAI,EAAJA;AAFF;AAID;AACF;;;SAED,eAAuB;AACrB,aAAO,KAAKE,aAAL,WAAsB9B,2BAAtB,uBAAP;AACD;;;SAED,eAAmB;AACjB,aAAO,KAAK8B,aAAL,WAAsB/B,eAAtB,mBAAP;AACD;;;WAED,6BAAoB;AAClB,WAAK2B,OAAL;AACD;;;WAED,mBAAU;AACR,
|
|
1
|
+
{"version":3,"sources":["../src/index.js"],"names":["RUBRIC_TAG_NAME","MULTI_TRAIT_RUBRIC_TAG_NAME","ComplexRubricSimple","Rubric","ComplexRubricMultiTrait","MultiTraitRubric","defineRubrics","customElements","get","define","ComplexRubric","_model","_type","RUBRIC_TYPES","SIMPLE_RUBRIC","t","m","oldType","type","rubricType","whenDefined","then","setRubricModel","simpleRubric","MULTI_TRAIT_RUBRIC","setMultiTraitRubricModel","multiTraitRubric","_render","rubrics","mode","model","querySelector","rubricTag","innerHTML","HTMLElement"],"mappings":"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","sourcesContent":["import Rubric from '@pie-element/rubric';\nimport MultiTraitRubric from '@pie-element/multi-trait-rubric';\nimport { RUBRIC_TYPES } from '@pie-lib/rubric';\n\nconst RUBRIC_TAG_NAME = 'complex-rubric-simple';\nconst MULTI_TRAIT_RUBRIC_TAG_NAME = 'complex-rubric-multi-trait';\n\nclass ComplexRubricSimple extends Rubric {}\nclass ComplexRubricMultiTrait extends MultiTraitRubric {}\n\nconst defineRubrics = () => {\n if (!customElements.get(RUBRIC_TAG_NAME)) {\n customElements.define(RUBRIC_TAG_NAME, ComplexRubricSimple);\n }\n\n if (!customElements.get(MULTI_TRAIT_RUBRIC_TAG_NAME)) {\n customElements.define(MULTI_TRAIT_RUBRIC_TAG_NAME, ComplexRubricMultiTrait);\n }\n};\n\ndefineRubrics();\n\nclass ComplexRubric extends HTMLElement {\n constructor() {\n super();\n this._model = {};\n this._type = RUBRIC_TYPES.SIMPLE_RUBRIC;\n }\n\n set type(t) {\n this._type = t;\n }\n\n get type() {\n return this._type;\n }\n\n set model(m) {\n this._model = m;\n const oldType = this._type;\n this.type = m.rubricType;\n\n switch (this._type) {\n case RUBRIC_TYPES.SIMPLE_RUBRIC:\n default:\n customElements.whenDefined(RUBRIC_TAG_NAME).then(() => {\n this.setRubricModel(this.simpleRubric);\n });\n break;\n case RUBRIC_TYPES.MULTI_TRAIT_RUBRIC:\n customElements.whenDefined(MULTI_TRAIT_RUBRIC_TAG_NAME).then(() => {\n this.setMultiTraitRubricModel(this.multiTraitRubric);\n });\n break;\n }\n\n if (oldType !== this.type) {\n this._render();\n }\n }\n\n setRubricModel(simpleRubric) {\n if (this._model && this._model.rubrics && this._model.rubrics.simpleRubric) {\n const { mode } = this._model;\n\n simpleRubric.model = {\n ...this._model.rubrics.simpleRubric,\n mode,\n };\n }\n }\n\n setMultiTraitRubricModel(multiTraitRubric) {\n if (this._model && this._model.rubrics && this._model.rubrics.multiTraitRubric) {\n const { mode } = this._model;\n\n multiTraitRubric.model = {\n ...this._model.rubrics.multiTraitRubric,\n mode,\n };\n }\n }\n\n get multiTraitRubric() {\n return this.querySelector(`${MULTI_TRAIT_RUBRIC_TAG_NAME}#multiTraitRubric`);\n }\n\n get simpleRubric() {\n return this.querySelector(`${RUBRIC_TAG_NAME}#simpleRubric`);\n }\n\n connectedCallback() {\n this._render();\n }\n\n _render() {\n const rubricTag =\n this._type === RUBRIC_TYPES.SIMPLE_RUBRIC\n ? `<${RUBRIC_TAG_NAME} id=\"simpleRubric\" />`\n : `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id=\"multiTraitRubric\" />`;\n\n this.innerHTML = rubricTag;\n }\n}\n\nexport default ComplexRubric;\n"],"file":"index.js"}
|
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.7.2-next.
|
|
4
|
+
"version": "1.7.2-next.73+157e5bf9b",
|
|
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.7.2-next.
|
|
11
|
-
"@pie-element/rubric": "^2.6.1-next.
|
|
10
|
+
"@pie-element/multi-trait-rubric": "^2.7.2-next.73+157e5bf9b",
|
|
11
|
+
"@pie-element/rubric": "^2.6.1-next.85+157e5bf9b",
|
|
12
12
|
"@pie-framework/pie-player-events": "^0.1.0",
|
|
13
13
|
"@pie-lib/rubric": "^0.7.12",
|
|
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": "
|
|
19
|
+
"gitHead": "157e5bf9b8e05cc8e64a1eaa4888f74fb1ab1e92",
|
|
20
20
|
"scripts": {
|
|
21
21
|
"postpublish": "../../scripts/postpublish"
|
|
22
22
|
},
|
package/src/index.js
CHANGED
|
@@ -94,16 +94,12 @@ class ComplexRubric extends HTMLElement {
|
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
_render() {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
this._type !== RUBRIC_TYPES.SIMPLE_RUBRIC ? `visibility: visible` : `visibility: hidden`
|
|
104
|
-
}"> <${MULTI_TRAIT_RUBRIC_TAG_NAME} id="multiTraitRubric"></${MULTI_TRAIT_RUBRIC_TAG_NAME}></div>
|
|
105
|
-
</div>
|
|
106
|
-
`;
|
|
97
|
+
const rubricTag =
|
|
98
|
+
this._type === RUBRIC_TYPES.SIMPLE_RUBRIC
|
|
99
|
+
? `<${RUBRIC_TAG_NAME} id="simpleRubric" />`
|
|
100
|
+
: `<${MULTI_TRAIT_RUBRIC_TAG_NAME} id="multiTraitRubric" />`;
|
|
101
|
+
|
|
102
|
+
this.innerHTML = rubricTag;
|
|
107
103
|
}
|
|
108
104
|
}
|
|
109
105
|
|