@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.
Files changed (97) hide show
  1. package/CHANGELOG.json +1462 -0
  2. package/CHANGELOG.md +2343 -0
  3. package/LICENSE.md +5 -0
  4. package/README.md +1 -0
  5. package/configure/CHANGELOG.json +892 -0
  6. package/configure/CHANGELOG.md +2046 -0
  7. package/configure/lib/add-row.js +40 -0
  8. package/configure/lib/add-row.js.map +1 -0
  9. package/configure/lib/answer-config-block.js +288 -0
  10. package/configure/lib/answer-config-block.js.map +1 -0
  11. package/configure/lib/common.js +31 -0
  12. package/configure/lib/common.js.map +1 -0
  13. package/configure/lib/configure.js +410 -0
  14. package/configure/lib/configure.js.map +1 -0
  15. package/configure/lib/defaults.js +201 -0
  16. package/configure/lib/defaults.js.map +1 -0
  17. package/configure/lib/general-config-block.js +144 -0
  18. package/configure/lib/general-config-block.js.map +1 -0
  19. package/configure/lib/index.js +152 -0
  20. package/configure/lib/index.js.map +1 -0
  21. package/configure/lib/row.js +321 -0
  22. package/configure/lib/row.js.map +1 -0
  23. package/configure/lib/utils.js +12 -0
  24. package/configure/lib/utils.js.map +1 -0
  25. package/configure/package.json +29 -0
  26. package/configure/utils.js +19 -0
  27. package/controller/CHANGELOG.json +502 -0
  28. package/controller/CHANGELOG.md +1363 -0
  29. package/controller/lib/defaults.js +25 -0
  30. package/controller/lib/defaults.js.map +1 -0
  31. package/controller/lib/index.js +424 -0
  32. package/controller/lib/index.js.map +1 -0
  33. package/controller/package.json +24 -0
  34. package/docs/config-schema.json +2929 -0
  35. package/docs/config-schema.json.md +2162 -0
  36. package/docs/demo/config.js +8 -0
  37. package/docs/demo/generate.js +49 -0
  38. package/docs/demo/index.html +1 -0
  39. package/docs/demo/session.js +11 -0
  40. package/docs/pie-schema.json +1530 -0
  41. package/docs/pie-schema.json.md +907 -0
  42. package/lib/answer-grid.js +166 -0
  43. package/lib/answer-grid.js.map +1 -0
  44. package/lib/index.js +85 -0
  45. package/lib/index.js.map +1 -0
  46. package/lib/main.js +163 -0
  47. package/lib/main.js.map +1 -0
  48. package/package.json +21 -87
  49. package/configure.js +0 -2
  50. package/controller.js +0 -1
  51. package/dist/author/add-row.d.ts +0 -17
  52. package/dist/author/add-row.js +0 -24
  53. package/dist/author/answer-config-block.d.ts +0 -36
  54. package/dist/author/answer-config-block.js +0 -176
  55. package/dist/author/common.d.ts +0 -22
  56. package/dist/author/configure.d.ts +0 -48
  57. package/dist/author/configure.js +0 -259
  58. package/dist/author/defaults.d.ts +0 -203
  59. package/dist/author/defaults.js +0 -151
  60. package/dist/author/general-config-block.d.ts +0 -22
  61. package/dist/author/general-config-block.js +0 -93
  62. package/dist/author/index.d.ts +0 -44
  63. package/dist/author/index.js +0 -76
  64. package/dist/author/row.d.ts +0 -51
  65. package/dist/author/row.js +0 -204
  66. package/dist/author/utils.d.ts +0 -10
  67. package/dist/author/utils.js +0 -10
  68. package/dist/browser/Typography-BRnAIZOH.js +0 -9224
  69. package/dist/browser/Typography-BRnAIZOH.js.map +0 -1
  70. package/dist/browser/author/index.js +0 -47499
  71. package/dist/browser/author/index.js.map +0 -1
  72. package/dist/browser/browser-kkT1XVKw.js +0 -219
  73. package/dist/browser/browser-kkT1XVKw.js.map +0 -1
  74. package/dist/browser/controller/index.js +0 -267
  75. package/dist/browser/controller/index.js.map +0 -1
  76. package/dist/browser/delivery/index.js +0 -1984
  77. package/dist/browser/delivery/index.js.map +0 -1
  78. package/dist/browser/dist-Dmwvrh9y.js +0 -104
  79. package/dist/browser/dist-Dmwvrh9y.js.map +0 -1
  80. package/dist/browser/match.css +0 -2
  81. package/dist/controller/defaults.d.ts +0 -27
  82. package/dist/controller/defaults.js +0 -25
  83. package/dist/controller/index.d.ts +0 -29
  84. package/dist/controller/index.js +0 -154
  85. package/dist/delivery/answer-grid.d.ts +0 -28
  86. package/dist/delivery/answer-grid.js +0 -99
  87. package/dist/delivery/index.d.ts +0 -21
  88. package/dist/delivery/index.js +0 -51
  89. package/dist/delivery/main.d.ts +0 -26
  90. package/dist/delivery/main.js +0 -112
  91. package/dist/index.d.ts +0 -1
  92. package/dist/index.iife.d.ts +0 -8
  93. package/dist/index.iife.js +0 -148
  94. package/dist/index.js +0 -2
  95. package/dist/node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js +0 -16
  96. package/dist/runtime-support.d.ts +0 -12
  97. 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?: {}) => {};
@@ -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 };
@@ -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
- }
@@ -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 };
@@ -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;
@@ -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';
@@ -1,8 +0,0 @@
1
- /**
2
- * IIFE entry point for match element
3
- * This file is only used for IIFE builds and includes auto-registration
4
- *
5
- * @sync-generated - Auto-generated during sync from pie-elements
6
- */
7
- import Element from './index.js';
8
- export default Element;