@pie-element/match 12.1.2-next.5 → 12.1.3
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/CHANGELOG.json +1462 -0
- package/CHANGELOG.md +2343 -0
- package/LICENSE.md +5 -0
- package/README.md +1 -0
- package/configure/CHANGELOG.json +892 -0
- package/configure/CHANGELOG.md +2046 -0
- package/configure/lib/add-row.js +40 -0
- package/configure/lib/add-row.js.map +1 -0
- package/configure/lib/answer-config-block.js +288 -0
- package/configure/lib/answer-config-block.js.map +1 -0
- package/configure/lib/common.js +31 -0
- package/configure/lib/common.js.map +1 -0
- package/configure/lib/configure.js +410 -0
- package/configure/lib/configure.js.map +1 -0
- package/configure/lib/defaults.js +201 -0
- package/configure/lib/defaults.js.map +1 -0
- package/configure/lib/general-config-block.js +144 -0
- package/configure/lib/general-config-block.js.map +1 -0
- package/configure/lib/index.js +152 -0
- package/configure/lib/index.js.map +1 -0
- package/configure/lib/row.js +321 -0
- package/configure/lib/row.js.map +1 -0
- package/configure/lib/utils.js +12 -0
- package/configure/lib/utils.js.map +1 -0
- package/configure/package.json +29 -0
- package/configure/utils.js +19 -0
- package/controller/CHANGELOG.json +502 -0
- package/controller/CHANGELOG.md +1363 -0
- package/controller/lib/defaults.js +25 -0
- package/controller/lib/defaults.js.map +1 -0
- package/controller/lib/index.js +424 -0
- package/controller/lib/index.js.map +1 -0
- package/controller/package.json +24 -0
- package/docs/config-schema.json +2929 -0
- package/docs/config-schema.json.md +2162 -0
- package/docs/demo/config.js +8 -0
- package/docs/demo/generate.js +49 -0
- package/docs/demo/index.html +1 -0
- package/docs/demo/session.js +11 -0
- package/docs/pie-schema.json +1530 -0
- package/docs/pie-schema.json.md +907 -0
- package/lib/answer-grid.js +166 -0
- package/lib/answer-grid.js.map +1 -0
- package/lib/index.js +85 -0
- package/lib/index.js.map +1 -0
- package/lib/main.js +163 -0
- package/lib/main.js.map +1 -0
- package/package.json +21 -87
- package/configure.js +0 -2
- package/controller.js +0 -1
- package/dist/author/add-row.d.ts +0 -17
- package/dist/author/add-row.js +0 -24
- package/dist/author/answer-config-block.d.ts +0 -36
- package/dist/author/answer-config-block.js +0 -176
- package/dist/author/common.d.ts +0 -22
- package/dist/author/configure.d.ts +0 -48
- package/dist/author/configure.js +0 -259
- package/dist/author/defaults.d.ts +0 -203
- package/dist/author/defaults.js +0 -151
- package/dist/author/general-config-block.d.ts +0 -22
- package/dist/author/general-config-block.js +0 -93
- package/dist/author/index.d.ts +0 -44
- package/dist/author/index.js +0 -76
- package/dist/author/row.d.ts +0 -51
- package/dist/author/row.js +0 -204
- package/dist/author/utils.d.ts +0 -10
- package/dist/author/utils.js +0 -10
- package/dist/browser/Typography-BRnAIZOH.js +0 -9224
- package/dist/browser/Typography-BRnAIZOH.js.map +0 -1
- package/dist/browser/author/index.js +0 -47499
- package/dist/browser/author/index.js.map +0 -1
- package/dist/browser/browser-kkT1XVKw.js +0 -219
- package/dist/browser/browser-kkT1XVKw.js.map +0 -1
- package/dist/browser/controller/index.js +0 -267
- package/dist/browser/controller/index.js.map +0 -1
- package/dist/browser/delivery/index.js +0 -1984
- package/dist/browser/delivery/index.js.map +0 -1
- package/dist/browser/dist-Dmwvrh9y.js +0 -104
- package/dist/browser/dist-Dmwvrh9y.js.map +0 -1
- package/dist/browser/match.css +0 -2
- package/dist/controller/defaults.d.ts +0 -27
- package/dist/controller/defaults.js +0 -25
- package/dist/controller/index.d.ts +0 -29
- package/dist/controller/index.js +0 -154
- package/dist/delivery/answer-grid.d.ts +0 -28
- package/dist/delivery/answer-grid.js +0 -99
- package/dist/delivery/index.d.ts +0 -21
- package/dist/delivery/index.js +0 -51
- package/dist/delivery/main.d.ts +0 -26
- package/dist/delivery/main.js +0 -112
- package/dist/index.d.ts +0 -1
- package/dist/index.iife.d.ts +0 -8
- package/dist/index.iife.js +0 -148
- package/dist/index.js +0 -2
- package/dist/node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js +0 -16
- package/dist/runtime-support.d.ts +0 -12
- package/dist/runtime-support.js +0 -12
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @synced-from pie-elements/packages/match/controller/src/defaults.js
|
|
3
|
-
* @auto-generated
|
|
4
|
-
*
|
|
5
|
-
* This file is automatically synced from pie-elements and converted to TypeScript.
|
|
6
|
-
* Manual edits will be overwritten on next sync.
|
|
7
|
-
* To make changes, edit the upstream JavaScript file and run sync again.
|
|
8
|
-
*/
|
|
9
|
-
declare const _default: {
|
|
10
|
-
choiceMode: string;
|
|
11
|
-
feedbackEnabled: boolean;
|
|
12
|
-
headers: string[];
|
|
13
|
-
layout: number;
|
|
14
|
-
lockChoiceOrder: boolean;
|
|
15
|
-
partialScoring: boolean;
|
|
16
|
-
prompt: string;
|
|
17
|
-
promptEnabled: boolean;
|
|
18
|
-
rationale: string;
|
|
19
|
-
rationaleEnabled: boolean;
|
|
20
|
-
rows: never[];
|
|
21
|
-
scoringType: string;
|
|
22
|
-
studentInstructionsEnabled: boolean;
|
|
23
|
-
teacherInstructions: string;
|
|
24
|
-
teacherInstructionsEnabled: boolean;
|
|
25
|
-
toolbarEditorPosition: string;
|
|
26
|
-
};
|
|
27
|
-
export default _default;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
//#region src/controller/defaults.ts
|
|
2
|
-
var e = {
|
|
3
|
-
choiceMode: "radio",
|
|
4
|
-
feedbackEnabled: !1,
|
|
5
|
-
headers: [
|
|
6
|
-
"Column 1",
|
|
7
|
-
"Column 2",
|
|
8
|
-
"Column 3"
|
|
9
|
-
],
|
|
10
|
-
layout: 3,
|
|
11
|
-
lockChoiceOrder: !0,
|
|
12
|
-
partialScoring: !1,
|
|
13
|
-
prompt: "",
|
|
14
|
-
promptEnabled: !0,
|
|
15
|
-
rationale: "",
|
|
16
|
-
rationaleEnabled: !0,
|
|
17
|
-
rows: [],
|
|
18
|
-
scoringType: "auto",
|
|
19
|
-
studentInstructionsEnabled: !0,
|
|
20
|
-
teacherInstructions: "",
|
|
21
|
-
teacherInstructionsEnabled: !0,
|
|
22
|
-
toolbarEditorPosition: "bottom"
|
|
23
|
-
};
|
|
24
|
-
//#endregion
|
|
25
|
-
export { e as default };
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @synced-from pie-elements/packages/match/controller/src/index.js
|
|
3
|
-
* @auto-generated
|
|
4
|
-
*
|
|
5
|
-
* This file is automatically synced from pie-elements and converted to TypeScript.
|
|
6
|
-
* Manual edits will be overwritten on next sync.
|
|
7
|
-
* To make changes, edit the upstream JavaScript file and run sync again.
|
|
8
|
-
*/
|
|
9
|
-
/**
|
|
10
|
-
* Generates detailed trace log for match item scoring evaluation
|
|
11
|
-
* @param {Object} question
|
|
12
|
-
* @param {Object} session
|
|
13
|
-
* @param {Object} env
|
|
14
|
-
* @returns {Array<string>} traceLog
|
|
15
|
-
*/
|
|
16
|
-
export declare const getLogTrace: (question: any, session: any, env: any) => string[];
|
|
17
|
-
export declare const outcome: (question: any, session: any, env: any) => Promise<unknown>;
|
|
18
|
-
export declare function createDefaultModel(model?: {}): Promise<unknown>;
|
|
19
|
-
export declare const normalize: (question: any) => any;
|
|
20
|
-
/**
|
|
21
|
-
*
|
|
22
|
-
* @param {*} question
|
|
23
|
-
* @param {*} session
|
|
24
|
-
* @param {*} env
|
|
25
|
-
* @param {*} updateSession - optional - a function that will set the properties passed into it on the session.
|
|
26
|
-
*/
|
|
27
|
-
export declare function model(question: any, session: any, env: any, updateSession: any): Promise<any>;
|
|
28
|
-
export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;
|
|
29
|
-
export declare const validate: (model?: {}, config?: {}) => {};
|
package/dist/controller/index.js
DELETED
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
import e from "./defaults.js";
|
|
2
|
-
import { cloneDeep as t, isEmpty as n, isEqual as r } from "@pie-element/shared-lodash";
|
|
3
|
-
import { getFeedbackForCorrectness as i } from "@pie-element/shared-feedback";
|
|
4
|
-
import { getShuffledChoices as a, lockChoices as o, partialScoring as s } from "@pie-element/shared-controller-utils";
|
|
5
|
-
import c from "debug";
|
|
6
|
-
//#region src/controller/index.ts
|
|
7
|
-
var l = c("@pie-element:match:controller"), u = (e, t, n = {}) => {
|
|
8
|
-
let r = s.enabled(e, n), i = e.rows, a = e.choiceMode === "checkbox";
|
|
9
|
-
if (!t || Object.keys(t).length === 0) return "unanswered";
|
|
10
|
-
let o = a ? h(e) : m(e), c, l = 0;
|
|
11
|
-
if (a) {
|
|
12
|
-
let e = f(i, t);
|
|
13
|
-
c = e.correctAnswers, l = e.incorrectAnswers;
|
|
14
|
-
} else c = p(i, t);
|
|
15
|
-
return o === c && !l ? "correct" : c === 0 ? "incorrect" : r ? "partial" : "incorrect";
|
|
16
|
-
}, d = (e, t, n = {}) => {
|
|
17
|
-
if (t.mode === "evaluate") return u(e, n, t);
|
|
18
|
-
}, f = (e, t) => {
|
|
19
|
-
let n = 0, r = 0;
|
|
20
|
-
return e.forEach((e) => {
|
|
21
|
-
let i = t[e.id];
|
|
22
|
-
i && e.values.forEach((e, t) => {
|
|
23
|
-
i[t] && i[t] === e ? n += 1 : i[t] && i[t] !== e && (r += 1);
|
|
24
|
-
});
|
|
25
|
-
}), {
|
|
26
|
-
correctAnswers: n,
|
|
27
|
-
incorrectAnswers: r
|
|
28
|
-
};
|
|
29
|
-
}, p = (e, t) => {
|
|
30
|
-
let n = 0;
|
|
31
|
-
return e.forEach((e) => {
|
|
32
|
-
r(e.values, t[e.id]) && (n += 1);
|
|
33
|
-
}), n;
|
|
34
|
-
}, m = (e) => {
|
|
35
|
-
let t = e.choiceMode === "checkbox" ? e.layout - 1 : 1;
|
|
36
|
-
return (e.rows.length || 0) * t;
|
|
37
|
-
}, h = (e) => {
|
|
38
|
-
let t = 0;
|
|
39
|
-
return e.rows.forEach((e) => {
|
|
40
|
-
e.values.forEach((e) => {
|
|
41
|
-
e && (t += 1);
|
|
42
|
-
});
|
|
43
|
-
}), t;
|
|
44
|
-
}, g = (e, t) => {
|
|
45
|
-
if (e.choiceMode === "checkbox") {
|
|
46
|
-
let { correctAnswers: n, incorrectAnswers: r } = f(e.rows, t), i = h(e), a = i === 0 ? 1 : i;
|
|
47
|
-
if (n + r > i) {
|
|
48
|
-
let e = n + r - i, t = parseFloat(((n - e) / a).toFixed(2));
|
|
49
|
-
return t < 0 ? 0 : t;
|
|
50
|
-
} else return parseFloat((n / a).toFixed(2));
|
|
51
|
-
} else {
|
|
52
|
-
let n = p(e.rows, t), r = m(e) === 0 ? 1 : m(e);
|
|
53
|
-
return parseFloat((n / r).toFixed(2));
|
|
54
|
-
}
|
|
55
|
-
}, _ = (e, t, n = {}) => {
|
|
56
|
-
let r = d(e, t, n), i = s.enabled(e, t);
|
|
57
|
-
return r === "correct" ? 1 : r === "partial" && i ? g(e, n) : 0;
|
|
58
|
-
}, v = (e, t, n) => {
|
|
59
|
-
let i = [], a = t?.answers || {}, o = e?.rows || [], c = e.choiceMode === "checkbox";
|
|
60
|
-
if (!a || Object.keys(a).length === 0) return i.push("Student did not provide any answer."), i;
|
|
61
|
-
i.push(`Match item contains ${o.length} row(s).`), i.push(`Matching mode: ${c ? "checkbox (multiple matches allowed)" : "radio (single match per row)"}.`);
|
|
62
|
-
let l = 0, u = 0, d = 0;
|
|
63
|
-
o.forEach((e) => {
|
|
64
|
-
let t = a[e.id], n = e.values || [];
|
|
65
|
-
c ? n.forEach((e, n) => {
|
|
66
|
-
e && d++, t && t[n] && (t[n] === e ? l++ : u++);
|
|
67
|
-
}) : (d++, t && (r(n, t) ? l++ : u++));
|
|
68
|
-
}), l > 0 && i.push(`${l} correct match(es) selected.`), u > 0 && i.push(`${u} incorrect match(es) selected.`), l === 0 && u === 0 && i.push("Student provided answers, but none matched the correct responses.");
|
|
69
|
-
let f = s.enabled(e, n);
|
|
70
|
-
f ? (i.push("Score calculated using partial scoring."), c ? (i.push("Score is based on the number of correct minus extra incorrect matches, divided by the total number of correct matches."), l + u > d && i.push("Extra selected matches beyond the correct set reduce the score.")) : i.push("Score is based on the number of correctly matched rows divided by the total number of rows.")) : (i.push("Score calculated using all-or-nothing scoring."), i.push("Student must match all rows correctly to receive full credit."));
|
|
71
|
-
let p = _(e, n, a), m = f ? p : +(p === 1);
|
|
72
|
-
return i.push(`Final score: ${m}.`), i;
|
|
73
|
-
}, y = (e, t, r) => new Promise((i) => {
|
|
74
|
-
r.mode === "evaluate" ? ((!t || n(t)) && i({
|
|
75
|
-
score: 0,
|
|
76
|
-
empty: !0,
|
|
77
|
-
logTrace: ["Student did not provide any answer."]
|
|
78
|
-
}), i({
|
|
79
|
-
score: _(e, r, t.answers),
|
|
80
|
-
empty: !1,
|
|
81
|
-
logTrace: v(e, t, r)
|
|
82
|
-
})) : i({
|
|
83
|
-
score: void 0,
|
|
84
|
-
completed: void 0,
|
|
85
|
-
logTrace: []
|
|
86
|
-
});
|
|
87
|
-
});
|
|
88
|
-
function b(t = {}) {
|
|
89
|
-
return new Promise((n) => {
|
|
90
|
-
n({
|
|
91
|
-
...e,
|
|
92
|
-
...t
|
|
93
|
-
});
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
var x = (t) => ({
|
|
97
|
-
...e,
|
|
98
|
-
...t
|
|
99
|
-
});
|
|
100
|
-
async function S(e, r, s, c) {
|
|
101
|
-
let u = t(x(e)), f, p;
|
|
102
|
-
(!r || n(r)) && s.mode === "evaluate" ? (f = "unanswered", p = "0%") : (f = d(u, s, r && r.answers), p = `${_(u, s, r && r.answers) * 100}%`);
|
|
103
|
-
let m = {}, h = {
|
|
104
|
-
score: p,
|
|
105
|
-
correctness: f
|
|
106
|
-
}, g = o(u, r, s);
|
|
107
|
-
g || (u.rows = await a(u.rows, r, c, "id")), u.rows.forEach((e) => {
|
|
108
|
-
m[e.id] = e.values, s.mode !== "evaluate" && delete e.values;
|
|
109
|
-
});
|
|
110
|
-
let v = s.mode === "evaluate" && u.feedbackEnabled ? await i(h.correctness, u.feedback) : void 0, { extraCSSRules: y, feedbackEnabled: b, promptEnabled: S, prompt: C, lockChoiceOrder: w, ...T } = u, E = {
|
|
111
|
-
...T,
|
|
112
|
-
extraCSSRules: y,
|
|
113
|
-
allowFeedback: b,
|
|
114
|
-
prompt: S ? C : null,
|
|
115
|
-
shuffled: !g,
|
|
116
|
-
feedback: v,
|
|
117
|
-
disabled: s.mode !== "gather",
|
|
118
|
-
view: s.mode === "view"
|
|
119
|
-
};
|
|
120
|
-
return s.role === "instructor" && (s.mode === "view" || s.mode === "evaluate") ? (E.teacherInstructions = u.teacherInstructionsEnabled ? u.teacherInstructions : null, E.rationale = u.rationaleEnabled ? u.rationale : null) : (E.rationale = null, E.teacherInstructions = null), s.mode === "evaluate" && Object.assign(E, {
|
|
121
|
-
correctResponse: m,
|
|
122
|
-
correctness: h
|
|
123
|
-
}), l("out: ", E), E;
|
|
124
|
-
}
|
|
125
|
-
var C = (e, t) => new Promise((n) => {
|
|
126
|
-
if (t.mode !== "evaluate" && t.role === "instructor") {
|
|
127
|
-
let { rows: t } = e, r = {};
|
|
128
|
-
t.forEach((e) => {
|
|
129
|
-
r[e.id] = e.values;
|
|
130
|
-
}), n({
|
|
131
|
-
answers: r,
|
|
132
|
-
id: "1"
|
|
133
|
-
});
|
|
134
|
-
} else n(null);
|
|
135
|
-
}), w = (e) => (e || "").replaceAll(/<[^>]*>/g, ""), T = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), E = (e = {}, t = {}) => {
|
|
136
|
-
let { rows: n, choiceMode: r, headers: i } = e, { minQuestions: a, maxQuestions: o, maxLengthQuestionsHeading: s, maxAnswers: c, maxLengthAnswers: l, maxLengthFirstColumnHeading: u } = t, d = {}, f = {}, p = {};
|
|
137
|
-
[
|
|
138
|
-
"teacherInstructions",
|
|
139
|
-
"prompt",
|
|
140
|
-
"rationale"
|
|
141
|
-
].forEach((n) => {
|
|
142
|
-
t[n]?.required && !T(e[n]) && (p[n] = "This field is required.");
|
|
143
|
-
}), n.length < a ? p.noOfRowsError = `There should be at least ${a} question rows.` : n.length > o && (p.noOfRowsError = `No more than ${o} question rows should be defined.`), (n || []).forEach((e, t) => {
|
|
144
|
-
let { id: r, values: i = [], title: a } = e;
|
|
145
|
-
d[r] = "", s && w(a).length > s && (d[r] += `Content length should be maximum ${s} characters. `), T(a) ? n.slice(0, t).some((e) => T(e.title) === T(a)) && (d[r] += "Content should be unique. ") : d[r] += "Content should not be empty. ", i.some((e) => !!e) || (d[r] += "No correct response defined.");
|
|
146
|
-
}), c && i.length - 1 > c && (p.columnsLengthError = `There should be maximum ${c} answers.`), u && i[0].length > u && (f[0] = `Content length should be maximum ${u} characters.`);
|
|
147
|
-
let m = (i || []).map((e) => T(e));
|
|
148
|
-
return m.shift(), m.forEach((e, t) => {
|
|
149
|
-
let n = t + 1;
|
|
150
|
-
f[n] = "", l && w(e).length > l && (f[n] += `Content length should be maximum ${l} characters. `), e ? m.slice(0, t).some((t) => t === e) && (f[t + 1] += "Content should be unique.") : f[n] += "Content should not be empty.";
|
|
151
|
-
}), Object.values(d).some((e) => (e || "").length) && (p.rowsErrors = d, Object.values(d).some((e) => (e || "").includes("No correct response defined.")) && (p.correctResponseError = r === "radio" ? "There should be a correct response defined for every row." : "There should be at least one correct response defined for every row.")), Object.values(f).some((e) => (e || "").length) && (p.columnsErrors = f), p;
|
|
152
|
-
};
|
|
153
|
-
//#endregion
|
|
154
|
-
export { C as createCorrectResponseSession, b as createDefaultModel, v as getLogTrace, S as model, x as normalize, y as outcome, E as validate };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @synced-from pie-elements/packages/match/src/answer-grid.jsx
|
|
3
|
-
* @auto-generated
|
|
4
|
-
*
|
|
5
|
-
* This file is automatically synced from pie-elements and converted to TypeScript.
|
|
6
|
-
* Manual edits will be overwritten on next sync.
|
|
7
|
-
* To make changes, edit the upstream JavaScript file and run sync again.
|
|
8
|
-
*/
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import PropTypes from 'prop-types';
|
|
11
|
-
export declare class AnswerGrid extends React.Component {
|
|
12
|
-
static propTypes: {
|
|
13
|
-
correctAnswers: PropTypes.Requireable<object>;
|
|
14
|
-
view: PropTypes.Validator<boolean>;
|
|
15
|
-
showCorrect: PropTypes.Validator<boolean>;
|
|
16
|
-
disabled: PropTypes.Validator<boolean>;
|
|
17
|
-
onAnswerChange: PropTypes.Validator<(...args: any[]) => any>;
|
|
18
|
-
choiceMode: PropTypes.Validator<string>;
|
|
19
|
-
rows: PropTypes.Validator<any[]>;
|
|
20
|
-
headers: PropTypes.Validator<any[]>;
|
|
21
|
-
answers: PropTypes.Validator<object>;
|
|
22
|
-
};
|
|
23
|
-
onRowValueChange: (rowId: any, answerIndex: any) => (event: any) => void;
|
|
24
|
-
answerIsCorrect: any;
|
|
25
|
-
answerIsIncorrect: any;
|
|
26
|
-
render(): React.JSX.Element;
|
|
27
|
-
}
|
|
28
|
-
export default AnswerGrid;
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import e from "react";
|
|
2
|
-
import t from "prop-types";
|
|
3
|
-
import { color as n } from "@pie-lib/render-ui";
|
|
4
|
-
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
|
-
import a from "@mui/material/Radio";
|
|
6
|
-
import o from "@mui/material/Checkbox";
|
|
7
|
-
import s from "@mui/material/Typography";
|
|
8
|
-
import { styled as c } from "@mui/material/styles";
|
|
9
|
-
//#region src/delivery/answer-grid.tsx
|
|
10
|
-
var l = c("div")(({ theme: e }) => ({
|
|
11
|
-
marginLeft: "auto",
|
|
12
|
-
marginRight: "auto",
|
|
13
|
-
marginTop: e.spacing(1),
|
|
14
|
-
marginBottom: e.spacing(1)
|
|
15
|
-
})), u = c("td")({ padding: "5px 0" }), d = c(s)(({ theme: e }) => ({ margin: e.spacing(2) })), f = c("th")({ padding: 0 }), p = c("div")(({ theme: e, isQuestionText: t }) => ({
|
|
16
|
-
padding: e.spacing(1.5),
|
|
17
|
-
textAlign: t ? "left" : "center"
|
|
18
|
-
})), m = c("tr")({
|
|
19
|
-
border: 0,
|
|
20
|
-
borderTop: `2.5px solid ${n.primaryLight()}`,
|
|
21
|
-
width: "100%"
|
|
22
|
-
}), h = c("table")({
|
|
23
|
-
color: n.text(),
|
|
24
|
-
backgroundColor: n.background(),
|
|
25
|
-
borderCollapse: "collapse",
|
|
26
|
-
borderSpacing: 0,
|
|
27
|
-
marginBottom: 0
|
|
28
|
-
}), g = class extends e.Component {
|
|
29
|
-
static propTypes = {
|
|
30
|
-
correctAnswers: t.object,
|
|
31
|
-
view: t.bool.isRequired,
|
|
32
|
-
showCorrect: t.bool.isRequired,
|
|
33
|
-
disabled: t.bool.isRequired,
|
|
34
|
-
onAnswerChange: t.func.isRequired,
|
|
35
|
-
choiceMode: t.string.isRequired,
|
|
36
|
-
rows: t.array.isRequired,
|
|
37
|
-
headers: t.array.isRequired,
|
|
38
|
-
answers: t.object.isRequired
|
|
39
|
-
};
|
|
40
|
-
onRowValueChange = (e, t) => (n) => {
|
|
41
|
-
let { onAnswerChange: r, choiceMode: i, answers: a } = this.props, o = { ...a };
|
|
42
|
-
if (i === "radio") for (let t = 0; t < o[e].length; t++) o[e][t] = !1;
|
|
43
|
-
o[e][t] = n.target.checked, r(o);
|
|
44
|
-
};
|
|
45
|
-
answerIsCorrect = (e, t, n) => {
|
|
46
|
-
let { correctAnswers: r } = this.props;
|
|
47
|
-
return r[e][n] === t && t === !0;
|
|
48
|
-
};
|
|
49
|
-
answerIsIncorrect = (e, t, n) => {
|
|
50
|
-
let { correctAnswers: r } = this.props;
|
|
51
|
-
return r[e][n] === !0 && t === !1 || r[e][n] === !1 && t === !0;
|
|
52
|
-
};
|
|
53
|
-
render() {
|
|
54
|
-
let { showCorrect: e, headers: t, rows: s, choiceMode: c, answers: g, disabled: _, view: v } = this.props, y = c === "radio" ? a : o, b = _ && !v;
|
|
55
|
-
return !s || s.length === 0 ? /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(d, {
|
|
56
|
-
component: "div",
|
|
57
|
-
children: "There are currently no questions to show."
|
|
58
|
-
}) }) : /* @__PURE__ */ r(l, { children: /* @__PURE__ */ i(h, { children: [
|
|
59
|
-
/* @__PURE__ */ r("colgroup", { children: (t || []).map((e, t) => /* @__PURE__ */ r("col", {}, `col-${t}`)) }),
|
|
60
|
-
/* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: (t || []).map((e, t) => /* @__PURE__ */ r(f, {
|
|
61
|
-
"data-colno": `${t}`,
|
|
62
|
-
scope: "row",
|
|
63
|
-
children: /* @__PURE__ */ r(p, {
|
|
64
|
-
isQuestionText: t === 0,
|
|
65
|
-
dangerouslySetInnerHTML: { __html: e }
|
|
66
|
-
})
|
|
67
|
-
}, `th-${t}`)) }) }),
|
|
68
|
-
(s || []).map((t, a) => /* @__PURE__ */ r("tbody", {
|
|
69
|
-
role: "group",
|
|
70
|
-
children: /* @__PURE__ */ i(m, { children: [/* @__PURE__ */ r("td", {
|
|
71
|
-
"data-colno": "0",
|
|
72
|
-
children: /* @__PURE__ */ r(p, {
|
|
73
|
-
isQuestionText: !0,
|
|
74
|
-
dangerouslySetInnerHTML: { __html: t.title }
|
|
75
|
-
})
|
|
76
|
-
}, `td-title-${a}`), (g[t.id] || []).map((i, o) => /* @__PURE__ */ r(u, {
|
|
77
|
-
"data-colno": `${o + 1}`,
|
|
78
|
-
children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(y, {
|
|
79
|
-
sx: {
|
|
80
|
-
padding: "6px",
|
|
81
|
-
color: e && i === !0 || b && this.answerIsCorrect(t.id, i, o) ? n.correct() : b && this.answerIsIncorrect(t.id, i, o) ? n.incorrect() : i === !0 && !b ? n.primary() : _ ? n.disabled() : n.text(),
|
|
82
|
-
cursor: _ ? "not-allowed" : "pointer",
|
|
83
|
-
pointerEvents: _ ? "initial" : "auto",
|
|
84
|
-
opacity: _ ? .7 : 1,
|
|
85
|
-
"& input": { width: "100% !important" },
|
|
86
|
-
"&:hover": { color: _ ? n.disabled() : n.primaryLight() },
|
|
87
|
-
"&.Mui-disabled": { color: `${e && i === !0 || b && this.answerIsCorrect(t.id, i, o) ? n.correct() : b && this.answerIsIncorrect(t.id, i, o) ? n.incorrect() : i === !0 && !b ? n.primary() : n.disabled()}` }
|
|
88
|
-
},
|
|
89
|
-
disabled: _,
|
|
90
|
-
onChange: this.onRowValueChange(t.id, o),
|
|
91
|
-
checked: i === !0
|
|
92
|
-
}) })
|
|
93
|
-
}, `td-${a}-${o}`))] })
|
|
94
|
-
}, `row-${a}`))
|
|
95
|
-
] }) });
|
|
96
|
-
}
|
|
97
|
-
};
|
|
98
|
-
//#endregion
|
|
99
|
-
export { g as default };
|
package/dist/delivery/index.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @synced-from pie-elements/packages/match/src/index.js
|
|
3
|
-
* @auto-generated
|
|
4
|
-
*
|
|
5
|
-
* This file is automatically synced from pie-elements and converted to TypeScript.
|
|
6
|
-
* Manual edits will be overwritten on next sync.
|
|
7
|
-
* To make changes, edit the upstream JavaScript file and run sync again.
|
|
8
|
-
*/
|
|
9
|
-
import Main from './main.js';
|
|
10
|
-
export { Main as Component };
|
|
11
|
-
export declare const isComplete: (session: any, model: any) => any;
|
|
12
|
-
export default class Match extends HTMLElement {
|
|
13
|
-
constructor();
|
|
14
|
-
set model(m: any);
|
|
15
|
-
set session(s: any);
|
|
16
|
-
get session(): any;
|
|
17
|
-
sessionChanged(s: any): void;
|
|
18
|
-
connectedCallback(): void;
|
|
19
|
-
_render(): void;
|
|
20
|
-
disconnectedCallback(): void;
|
|
21
|
-
}
|
package/dist/delivery/index.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import e from "./main.js";
|
|
2
|
-
import t from "react";
|
|
3
|
-
import { createRoot as n } from "react-dom/client";
|
|
4
|
-
import { SessionChangedEvent as r } from "@pie-element/shared-player-events";
|
|
5
|
-
import { renderMath as i } from "@pie-element/shared-math-rendering-mathjax";
|
|
6
|
-
//#region src/delivery/index.ts
|
|
7
|
-
var a = (e, t) => (t?.rows?.map((e) => e.id) || []).reduce((t, n) => {
|
|
8
|
-
if (!t) return !1;
|
|
9
|
-
let r = e.answers && e.answers[n];
|
|
10
|
-
return Array.isArray(r) && r.includes(!0) && t;
|
|
11
|
-
}, !0), o = class extends HTMLElement {
|
|
12
|
-
constructor() {
|
|
13
|
-
super(), this._root = null;
|
|
14
|
-
}
|
|
15
|
-
set model(e) {
|
|
16
|
-
this._model = {
|
|
17
|
-
...e,
|
|
18
|
-
...e?.config || {}
|
|
19
|
-
}, this._render();
|
|
20
|
-
}
|
|
21
|
-
set session(e) {
|
|
22
|
-
this._session = e, this._render();
|
|
23
|
-
}
|
|
24
|
-
get session() {
|
|
25
|
-
return this._session;
|
|
26
|
-
}
|
|
27
|
-
sessionChanged(e) {
|
|
28
|
-
this._session.answers = e.answers;
|
|
29
|
-
let t = a(this._session, this._model);
|
|
30
|
-
this.dispatchEvent(new r(this.tagName.toLowerCase(), t)), this._render();
|
|
31
|
-
}
|
|
32
|
-
connectedCallback() {
|
|
33
|
-
this._render();
|
|
34
|
-
}
|
|
35
|
-
_render() {
|
|
36
|
-
if (!this._model || !this._session) return;
|
|
37
|
-
let r = t.createElement(e, {
|
|
38
|
-
model: this._model,
|
|
39
|
-
session: this._session,
|
|
40
|
-
onSessionChange: this.sessionChanged.bind(this)
|
|
41
|
-
});
|
|
42
|
-
this._root ||= n(this), this._root.render(r), queueMicrotask(() => {
|
|
43
|
-
i(this);
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
disconnectedCallback() {
|
|
47
|
-
this._root && this._root.unmount();
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
//#endregion
|
|
51
|
-
export { e as Component, o as default, a as isComplete };
|
package/dist/delivery/main.d.ts
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @synced-from pie-elements/packages/match/src/main.jsx
|
|
3
|
-
* @auto-generated
|
|
4
|
-
*
|
|
5
|
-
* This file is automatically synced from pie-elements and converted to TypeScript.
|
|
6
|
-
* Manual edits will be overwritten on next sync.
|
|
7
|
-
* To make changes, edit the upstream JavaScript file and run sync again.
|
|
8
|
-
*/
|
|
9
|
-
import React from 'react';
|
|
10
|
-
import PropTypes from 'prop-types';
|
|
11
|
-
export declare class Main extends React.Component {
|
|
12
|
-
static propTypes: {
|
|
13
|
-
session: PropTypes.Validator<object>;
|
|
14
|
-
onSessionChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
15
|
-
model: PropTypes.Validator<object>;
|
|
16
|
-
};
|
|
17
|
-
constructor(props: any);
|
|
18
|
-
generateAnswers: any;
|
|
19
|
-
isAnswerRegenerationRequired: any;
|
|
20
|
-
UNSAFE_componentWillReceiveProps(nextProps: any): void;
|
|
21
|
-
callOnSessionChange: any;
|
|
22
|
-
toggleShowCorrect: any;
|
|
23
|
-
onAnswerChange: any;
|
|
24
|
-
render(): React.JSX.Element;
|
|
25
|
-
}
|
|
26
|
-
export default Main;
|
package/dist/delivery/main.js
DELETED
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import e from "./answer-grid.js";
|
|
2
|
-
import t from "react";
|
|
3
|
-
import n from "prop-types";
|
|
4
|
-
import r from "@pie-lib/correct-answer-toggle";
|
|
5
|
-
import * as i from "@pie-lib/render-ui";
|
|
6
|
-
import { Collapsible as a, Feedback as o, PreviewPrompt as s, UiLayout as c, hasMedia as l, hasText as u } from "@pie-lib/render-ui";
|
|
7
|
-
import { jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
8
|
-
import { styled as p } from "@mui/material/styles";
|
|
9
|
-
//#region src/delivery/main.tsx
|
|
10
|
-
function m(e) {
|
|
11
|
-
return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
|
|
12
|
-
}
|
|
13
|
-
function h(e, t) {
|
|
14
|
-
return !e || m(e) ? e : m(e.default) ? e.default : t && m(e[t]) ? e[t] : t && m(e[t]?.default) ? e[t].default : e;
|
|
15
|
-
}
|
|
16
|
-
var g = h(c, "UiLayout") || h(S.UiLayout, "UiLayout"), _ = h(s, "PreviewPrompt") || h(S.PreviewPrompt, "PreviewPrompt"), v = h(o, "Feedback") || h(S.Feedback, "Feedback"), y = h(a, "Collapsible") || h(S.Collapsible, "Collapsible"), b = i, x = b.default, S = x && typeof x == "object" ? x : b, C = p("div")({ verticalAlign: "middle" }), w = p(y)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), T = class extends t.Component {
|
|
17
|
-
static propTypes = {
|
|
18
|
-
session: n.object.isRequired,
|
|
19
|
-
onSessionChange: n.func,
|
|
20
|
-
model: n.object.isRequired
|
|
21
|
-
};
|
|
22
|
-
constructor(e) {
|
|
23
|
-
super(e), this.state = {
|
|
24
|
-
session: {
|
|
25
|
-
...e.session,
|
|
26
|
-
answers: e.session && e.session.answers || this.generateAnswers(e.model)
|
|
27
|
-
},
|
|
28
|
-
showCorrect: !1
|
|
29
|
-
}, this.callOnSessionChange();
|
|
30
|
-
}
|
|
31
|
-
generateAnswers = (e) => {
|
|
32
|
-
let t = {};
|
|
33
|
-
return e.rows?.forEach((n) => {
|
|
34
|
-
t[n.id] = Array(e.layout - 1).fill(!1);
|
|
35
|
-
}), t;
|
|
36
|
-
};
|
|
37
|
-
isAnswerRegenerationRequired = (e) => {
|
|
38
|
-
let { model: { choiceMode: t, layout: n, rows: r } = {} } = this.props, { session: { answers: i } = {} } = e, a = !1;
|
|
39
|
-
return t !== e.model.choiceMode && (a = !0), n !== e.model.layout && (a = !0), (r.length !== e.model.rows.length || i && e.model.rows.length !== Object.keys(i).length) && (a = !0), a || !i;
|
|
40
|
-
};
|
|
41
|
-
UNSAFE_componentWillReceiveProps(e) {
|
|
42
|
-
let t = this.isAnswerRegenerationRequired(e);
|
|
43
|
-
this.setState((n) => ({
|
|
44
|
-
session: {
|
|
45
|
-
...e.session,
|
|
46
|
-
answers: t ? this.generateAnswers(e.model) : e.session.answers
|
|
47
|
-
},
|
|
48
|
-
showCorrect: this.props.model.disabled && !e.model.disabled && n.showCorrect ? !1 : n.showCorrect
|
|
49
|
-
}), () => {
|
|
50
|
-
t && this.callOnSessionChange();
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
callOnSessionChange = () => {
|
|
54
|
-
let { onSessionChange: e } = this.props;
|
|
55
|
-
e && e(this.state.session);
|
|
56
|
-
};
|
|
57
|
-
toggleShowCorrect = (e) => {
|
|
58
|
-
this.setState({ showCorrect: e });
|
|
59
|
-
};
|
|
60
|
-
onAnswerChange = (e) => {
|
|
61
|
-
this.setState((t) => ({ session: {
|
|
62
|
-
...t.session,
|
|
63
|
-
answers: e
|
|
64
|
-
} }), this.callOnSessionChange);
|
|
65
|
-
};
|
|
66
|
-
render() {
|
|
67
|
-
let { model: t } = this.props, { showCorrect: n, session: i } = this.state, { correctness: a = {}, extraCSSRules: o, language: s } = t, c = a.correctness && a.correctness !== "correct", p = t.rationale && (u(t.rationale) || l(t.rationale));
|
|
68
|
-
return /* @__PURE__ */ f(g, {
|
|
69
|
-
extraCSSRules: o,
|
|
70
|
-
children: [
|
|
71
|
-
t.teacherInstructions && (u(t.teacherInstructions) || l(t.teacherInstructions)) && /* @__PURE__ */ d(w, {
|
|
72
|
-
labels: {
|
|
73
|
-
hidden: "Show Teacher Instructions",
|
|
74
|
-
visible: "Hide Teacher Instructions"
|
|
75
|
-
},
|
|
76
|
-
children: /* @__PURE__ */ d(_, { prompt: t.teacherInstructions })
|
|
77
|
-
}),
|
|
78
|
-
t.prompt && /* @__PURE__ */ d(C, { children: /* @__PURE__ */ d(_, { prompt: t.prompt }) }),
|
|
79
|
-
/* @__PURE__ */ d(r, {
|
|
80
|
-
language: s,
|
|
81
|
-
show: c,
|
|
82
|
-
toggled: n,
|
|
83
|
-
onToggle: this.toggleShowCorrect
|
|
84
|
-
}),
|
|
85
|
-
/* @__PURE__ */ d(e, {
|
|
86
|
-
showCorrect: n,
|
|
87
|
-
correctAnswers: t.correctResponse,
|
|
88
|
-
disabled: t.disabled,
|
|
89
|
-
view: t.view,
|
|
90
|
-
onAnswerChange: this.onAnswerChange,
|
|
91
|
-
choiceMode: t.choiceMode,
|
|
92
|
-
answers: n ? t.correctResponse || {} : i.answers,
|
|
93
|
-
headers: t.headers,
|
|
94
|
-
rows: t.rows
|
|
95
|
-
}),
|
|
96
|
-
p && /* @__PURE__ */ d(y, {
|
|
97
|
-
labels: {
|
|
98
|
-
hidden: "Show Rationale",
|
|
99
|
-
visible: "Hide Rationale"
|
|
100
|
-
},
|
|
101
|
-
children: /* @__PURE__ */ d(_, { prompt: t.rationale })
|
|
102
|
-
}),
|
|
103
|
-
t.feedback && /* @__PURE__ */ d(v, {
|
|
104
|
-
correctness: a.correctness,
|
|
105
|
-
feedback: t.feedback
|
|
106
|
-
})
|
|
107
|
-
]
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
//#endregion
|
|
112
|
-
export { T as default };
|
package/dist/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './delivery/index.js';
|
package/dist/index.iife.d.ts
DELETED