@pie-element/match-list 7.1.1-next.1 → 7.1.1-next.29

package/lib/main.js

@@ -0,0 +1,220 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Main = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _drag = require("@pie-lib/drag");
+var _core = require("@dnd-kit/core");
+var _modifiers = require("@dnd-kit/modifiers");
+var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
+var _renderUi = require("@pie-lib/render-ui");
+var _styles = require("@mui/material/styles");
+var _lodashEs = require("lodash-es");
+var _answerArea = _interopRequireDefault(require("./answer-area"));
+var _choicesList = _interopRequireDefault(require("./choices-list"));
+var _answer = require("./answer");
+const MainContainer = (0, _styles.styled)('div')({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  color: _renderUi.color.text(),
+  backgroundColor: _renderUi.color.background()
+});
+class Main extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    (0, _defineProperty2.default)(this, "onDragStart", event => {
+      const {
+        active
+      } = event;
+      if (active?.data?.current) {
+        let rect = null;
+        const node = active.node?.current;
+        if (node) {
+          const {
+            width,
+            height
+          } = node.getBoundingClientRect();
+          rect = {
+            width,
+            height
+          };
+        }
+        this.setState({
+          draggingElement: {
+            ...active.data.current,
+            rect
+          }
+        });
+      }
+    });
+    (0, _defineProperty2.default)(this, "onPlaceAnswer", event => {
+      this.setState({
+        draggingElement: null
+      });
+      const {
+        active,
+        over
+      } = event;
+      if (!active) {
+        return;
+      }
+      const activeData = active.data.current;
+      const overData = over?.data.current;
+      if (!activeData) {
+        return;
+      }
+      const {
+        session,
+        onSessionChange,
+        model
+      } = this.props;
+      const {
+        config: {
+          duplicates
+        }
+      } = model;
+      if ((0, _lodashEs.isUndefined)(session.value)) {
+        session.value = {};
+      }
+
+      // dropping a placed answer back to the choices pool = remove it
+      if (overData.type === 'choices-pool' && activeData.promptId !== undefined) {
+        session.value[activeData.promptId] = undefined;
+        onSessionChange(session);
+        return;
+      }
+      const answerId = activeData.id;
+      const sourcePromptId = activeData.promptId;
+
+      // Handle dropping onto a drop zone
+      if (overData && overData.type === 'drop-zone' && overData.promptId != null) {
+        const targetPromptId = overData.promptId;
+        if (activeData.type === 'choice' && overData.type === 'drop-zone' && targetPromptId !== undefined) {
+          // check if this choice is already placed somewhere
+          const existingPlacement = (0, _lodashEs.findKey)(session.value, val => val === answerId);
+          if (existingPlacement && !duplicates) {
+            // swap if duplicates not allowed
+            session.value = (0, _drag.swap)(session.value, existingPlacement, targetPromptId);
+          } else {
+            // place answer
+            session.value[targetPromptId] = answerId;
+          }
+        }
+        // Handle moving a placed item (target) to another drop zone
+        else if (activeData.type === 'target' && sourcePromptId != null) {
+          // If moving to a different placeholder
+          if (sourcePromptId !== targetPromptId) {
+            const targetHasItem = session.value[targetPromptId] != null;
+            if (targetHasItem && !duplicates) {
+              // swap items between placeholders
+              const temp = session.value[targetPromptId];
+              session.value[targetPromptId] = answerId;
+              session.value[sourcePromptId] = temp;
+            } else if (!targetHasItem) {
+              // move item to empty placeholder
+              session.value[targetPromptId] = answerId;
+              delete session.value[sourcePromptId];
+            }
+          }
+        }
+        onSessionChange(session);
+      }
+    });
+    (0, _defineProperty2.default)(this, "toggleShowCorrect", () => {
+      this.setState({
+        showCorrectAnswer: !this.state.showCorrectAnswer
+      });
+    });
+    (0, _defineProperty2.default)(this, "renderDragOverlay", () => {
+      const {
+        draggingElement
+      } = this.state;
+      if (!draggingElement) return null;
+      return /*#__PURE__*/_react.default.createElement(_answer.Answer, {
+        id: draggingElement.id,
+        title: draggingElement.value,
+        disabled: false,
+        isDragging: false,
+        style: draggingElement.rect ? {
+          width: draggingElement.rect.width,
+          height: draggingElement.rect.height,
+          boxSizing: 'border-box'
+        } : {}
+      });
+    });
+    this.instanceId = (0, _lodashEs.uniqueId)();
+    this.state = {
+      showCorrectAnswer: false,
+      draggingElement: null
+    };
+  }
+  onRemoveAnswer(id) {
+    const {
+      session,
+      onSessionChange
+    } = this.props;
+    session.value[id] = undefined;
+    onSessionChange(session);
+  }
+  render() {
+    const {
+      showCorrectAnswer
+    } = this.state;
+    const {
+      model,
+      session
+    } = this.props;
+    const {
+      config,
+      mode
+    } = model;
+    const {
+      prompt,
+      language
+    } = config;
+    return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+      onDragStart: this.onDragStart,
+      onDragEnd: this.onPlaceAnswer,
+      modifiers: [_modifiers.restrictToFirstScrollableAncestor]
+    }, /*#__PURE__*/_react.default.createElement(MainContainer, null, /*#__PURE__*/_react.default.createElement(_renderUi.PreviewPrompt, {
+      className: "prompt",
+      prompt: prompt
+    }), /*#__PURE__*/_react.default.createElement(_correctAnswerToggle.default, {
+      show: mode === 'evaluate',
+      toggled: showCorrectAnswer,
+      onToggle: this.toggleShowCorrect,
+      language: language
+    }), /*#__PURE__*/_react.default.createElement(_answerArea.default, {
+      instanceId: this.instanceId,
+      model: model,
+      session: session,
+      onRemoveAnswer: id => this.onRemoveAnswer(id),
+      disabled: mode !== 'gather',
+      showCorrect: showCorrectAnswer
+    }), /*#__PURE__*/_react.default.createElement(_choicesList.default, {
+      instanceId: this.instanceId,
+      model: model,
+      session: session,
+      disabled: mode !== 'gather',
+      onRemoveAnswer: id => this.onRemoveAnswer(id)
+    }), model.correctness && model.feedback && !showCorrectAnswer && /*#__PURE__*/_react.default.createElement(_renderUi.Feedback, {
+      correctness: model.correctness.correctness,
+      feedback: model.feedback
+    })), /*#__PURE__*/_react.default.createElement(_core.DragOverlay, null, this.renderDragOverlay()));
+  }
+}
+exports.Main = Main;
+(0, _defineProperty2.default)(Main, "propTypes", {
+  session: _propTypes.default.object.isRequired,
+  onSessionChange: _propTypes.default.func,
+  model: _propTypes.default.object.isRequired,
+  prompt: _propTypes.default.string
+});
+var _default = exports.default = Main;
+//# sourceMappingURL=main.js.map

package/lib/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","names":["_react","_interopRequireDefault","require","_propTypes","_drag","_core","_modifiers","_correctAnswerToggle","_renderUi","_styles","_lodashEs","_answerArea","_choicesList","_answer","MainContainer","styled","display","flexDirection","justifyContent","color","text","backgroundColor","background","Main","React","Component","constructor","props","_defineProperty2","default","event","active","data","current","rect","node","width","height","getBoundingClientRect","setState","draggingElement","over","activeData","overData","session","onSessionChange","model","config","duplicates","isUndefined","value","type","promptId","undefined","answerId","id","sourcePromptId","targetPromptId","existingPlacement","findKey","val","swap","targetHasItem","temp","showCorrectAnswer","state","createElement","Answer","title","disabled","isDragging","style","boxSizing","instanceId","uniqueId","onRemoveAnswer","render","mode","prompt","language","DndContext","onDragStart","onDragEnd","onPlaceAnswer","modifiers","restrictToFirstScrollableAncestor","PreviewPrompt","className","show","toggled","onToggle","toggleShowCorrect","showCorrect","correctness","feedback","Feedback","DragOverlay","renderDragOverlay","exports","PropTypes","object","isRequired","func","string","_default"],"sources":["../src/main.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { swap } from '@pie-lib/drag';\nimport { DndContext, DragOverlay } from '@dnd-kit/core';\nimport { restrictToFirstScrollableAncestor } from '@dnd-kit/modifiers';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\nimport { color, Feedback, PreviewPrompt } from '@pie-lib/render-ui';\nimport { styled } from '@mui/material/styles';\nimport { findKey, isUndefined, uniqueId } from 'lodash-es';\nimport AnswerArea from './answer-area';\nimport ChoicesList from './choices-list';\nimport { Answer } from './answer';\n\nconst MainContainer = styled('div')({\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'center',\n  color: color.text(),\n  backgroundColor: color.background(),\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    session: PropTypes.object.isRequired,\n    onSessionChange: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    prompt: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.instanceId = uniqueId();\n    this.state = {\n      showCorrectAnswer: false,\n      draggingElement: null,\n    };\n  }\n\n  onRemoveAnswer(id) {\n    const { session, onSessionChange } = this.props;\n\n    session.value[id] = undefined;\n\n    onSessionChange(session);\n  }\n\n  onDragStart = (event) => {\n    const { active } = event;\n\n    if (active?.data?.current) {\n      let rect = null;\n      const node = active.node?.current;\n\n      if (node) {\n        const { width, height } = node.getBoundingClientRect();\n        rect = { width, height };\n      }\n\n      this.setState({\n        draggingElement: { ...active.data.current, rect },\n      });\n    }\n  };\n\n  onPlaceAnswer = (event) => {\n    this.setState({ draggingElement: null });\n    const { active, over } = event;\n\n    if (!active) {\n      return;\n    }\n\n    const activeData = active.data.current;\n    const overData = over?.data.current;\n\n    if (!activeData) {\n      return;\n    }\n\n    const { session, onSessionChange, model } = this.props;\n    const {\n      config: { duplicates },\n    } = model;\n\n      if (isUndefined(session.value)) {\n        session.value = {};\n      }\n\n      // dropping a placed answer back to the choices pool = remove it\n      if (overData.type === 'choices-pool' && activeData.promptId !== undefined) {\n        session.value[activeData.promptId] = undefined;\n        onSessionChange(session);\n        return;\n      }\n\n    const answerId = activeData.id;\n    const sourcePromptId = activeData.promptId;\n\n    // Handle dropping onto a drop zone\n    if (overData && overData.type === 'drop-zone' && overData.promptId != null) {\n      const targetPromptId = overData.promptId;\n\n      if (activeData.type === 'choice' && overData.type === 'drop-zone' && targetPromptId !== undefined) {\n        // check if this choice is already placed somewhere\n        const existingPlacement = findKey(session.value, (val) => val === answerId);\n\n        if (existingPlacement && !duplicates) {\n          // swap if duplicates not allowed\n          session.value = swap(session.value, existingPlacement, targetPromptId);\n        } else {\n          // place answer\n          session.value[targetPromptId] = answerId;\n        }\n      }\n      // Handle moving a placed item (target) to another drop zone\n      else if (activeData.type === 'target' && sourcePromptId != null) {\n        // If moving to a different placeholder\n        if (sourcePromptId !== targetPromptId) {\n          const targetHasItem = session.value[targetPromptId] != null;\n\n          if (targetHasItem && !duplicates) {\n            // swap items between placeholders\n            const temp = session.value[targetPromptId];\n            session.value[targetPromptId] = answerId;\n            session.value[sourcePromptId] = temp;\n          } else if (!targetHasItem) {\n            // move item to empty placeholder\n            session.value[targetPromptId] = answerId;\n            delete session.value[sourcePromptId];\n          }\n        }\n      }\n\n      onSessionChange(session);\n    }\n  };\n\n  toggleShowCorrect = () => {\n    this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });\n  };\n\n  renderDragOverlay = () => {\n    const { draggingElement } = this.state;\n\n    if (!draggingElement) return null;\n\n    return (\n      <Answer\n        id={draggingElement.id}\n        title={draggingElement.value}\n        disabled={false}\n        isDragging={false}\n        style={\n          draggingElement.rect\n            ? { width: draggingElement.rect.width, height: draggingElement.rect.height, boxSizing: 'border-box' }\n            : {}\n        }\n      />\n    );\n  };\n\n  render() {\n    const { showCorrectAnswer } = this.state;\n    const { model, session } = this.props;\n    const { config, mode } = model;\n    const { prompt, language } = config;\n\n    return (\n      <DndContext\n        onDragStart={this.onDragStart}\n        onDragEnd={this.onPlaceAnswer}\n        modifiers={[restrictToFirstScrollableAncestor]}\n      >\n        <MainContainer>\n          <PreviewPrompt className=\"prompt\" prompt={prompt} />\n\n          <CorrectAnswerToggle\n            show={mode === 'evaluate'}\n            toggled={showCorrectAnswer}\n            onToggle={this.toggleShowCorrect}\n            language={language}\n          />\n\n          <AnswerArea\n            instanceId={this.instanceId}\n            model={model}\n            session={session}\n            onRemoveAnswer={(id) => this.onRemoveAnswer(id)}\n            disabled={mode !== 'gather'}\n            showCorrect={showCorrectAnswer}\n          />\n\n          <ChoicesList\n            instanceId={this.instanceId}\n            model={model}\n            session={session}\n            disabled={mode !== 'gather'}\n            onRemoveAnswer={(id) => this.onRemoveAnswer(id)}\n          />\n\n          {model.correctness && model.feedback && !showCorrectAnswer && (\n            <Feedback correctness={model.correctness.correctness} feedback={model.feedback} />\n          )}\n        </MainContainer>\n        <DragOverlay>{this.renderDragOverlay()}</DragOverlay>\n      </DndContext>\n    );\n  }\n}\n\nexport default Main;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,7 +1,15 @@
 {
   "name": "@pie-element/match-list",
-  "version": "7.1.1-next.1",
+  "repository": "pie-framework/pie-elements",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "7.1.1-next.29+863eb8c67",
   "description": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "postpublish": "../../scripts/postpublish"
+  },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/modifiers": "9.0.0",
@@ -9,57 +17,20 @@
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/correct-answer-toggle": "4.0.2",
-    "@pie-lib/drag": "4.0.2",
-    "@pie-lib/render-ui": "6.1.0",
+    "@pie-framework/pie-player-events": "^0.1.0",
+    "@pie-lib/correct-answer-toggle": "4.0.4",
+    "@pie-lib/drag": "4.0.4",
+    "@pie-lib/math-rendering": "5.0.2",
+    "@pie-lib/render-ui": "6.1.2",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",
     "prop-types": "^15.8.1",
-    "@pie-element/shared-feedback": "0.1.0",
-    "@pie-element/shared-controller-utils": "0.1.1-next.1",
-    "@pie-element/shared-player-events": "0.1.0",
-    "@pie-element/shared-math-rendering-mathjax": "0.1.0"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./delivery": {
-      "types": "./dist/delivery/index.d.ts",
-      "default": "./dist/delivery/index.js"
-    },
-    "./controller": {
-      "types": "./dist/controller/index.d.ts",
-      "default": "./dist/controller/index.js"
-    },
-    "./controller.js": {
-      "types": "./dist/controller/index.d.ts",
-      "default": "./dist/controller/index.js"
-    }
-  },
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "devDependencies": {
-    "vite": "^8.0.1",
-    "typescript": "^5.9.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
-  },
-  "scripts": {
-    "build": "bun x vite build && bun x vite build --config vite.config.iife.ts && bun x tsc --emitDeclarationOnly",
-    "dev": "bun x vite",
-    "demo": "bun x vite --mode demo",
-    "test": "bun x vitest run"
-  }
+  "author": "",
+  "license": "ISC",
+  "gitHead": "863eb8c673c7375c2b6bb481c36e50c3a54e73d0",
+  "main": "lib/index.js",
+  "module": "src/index.js"
 }

package/dist/controller/defaults.d.ts

@@ -1,17 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match-list/controller/src/defaults.js
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-declare const _default: {
-    config: {
-        answers: never[];
-        prompt: string;
-        prompts: never[];
-        shuffled: boolean;
-    };
-};
-export default _default;

package/dist/controller/defaults.js

@@ -1,9 +0,0 @@
-//#region src/controller/defaults.ts
-var e = { config: {
-	answers: [],
-	prompt: "",
-	prompts: [],
-	shuffled: !1
-} };
-//#endregion
-export { e as default };

package/dist/controller/index.d.ts

@@ -1,38 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match-list/controller/src/index.js
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-/**
- * Generates detailed trace log for match-list scoring evaluation
- * @param {Object} question
- * @param {Object} session
- * @param {Object} env
- * @returns {Array<string>} traceLog
- */
-export declare const getLogTrace: (question: any, session: any, env: any) => string[];
-export declare const outcome: (question: any, session: any, env: any) => Promise<unknown>;
-export declare function createDefaultModel(model?: {}): Promise<unknown>;
-export declare const normalize: (model: any) => any;
-/**
- *
- * @param {*} question
- * @param {*} session
- * @param {*} env
- * @param {*} updateSession - optional - a function that will set the properties passed into it on the session.
- */
-export declare function model(question: any, session: any, env: any, updateSession: any): Promise<{
-    config: any;
-    correctness: {
-        score: string;
-        correctness: string | undefined;
-    };
-    feedback: string | undefined;
-    mode: any;
-} & {
-    correctResponse: {};
-}>;
-export declare const createCorrectResponseSession: (question: any, env: any) => Promise<unknown>;

package/dist/controller/index.js

@@ -1,105 +0,0 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
-import t from "./defaults.js";
-import n from "debug";
-import { getFeedbackForCorrectness as r } from "@pie-element/shared-feedback";
-import { getShuffledChoices as i, lockChoices as a, partialScoring as o } from "@pie-element/shared-controller-utils";
-//#region src/controller/index.ts
-var s = n("@pie-element:match-list:controller"), c = (e, t, n) => {
-	let r = o.enabled(e, n), i = e.prompts;
-	if (!t || Object.keys(t).length === 0) return "unanswered";
-	let a = d(e), s = u(i, t);
-	return a === s ? "correct" : s === 0 ? "incorrect" : r ? "partial" : "incorrect";
-}, l = (e, t, n) => {
-	if (t.mode === "evaluate") return c(e, n, t);
-}, u = (e = [], t) => {
-	let n = 0;
-	return e.forEach((e) => {
-		e.relatedAnswer === t[e.id] && (n += 1);
-	}), n;
-}, d = (e) => e && e.prompts ? e.prompts.length : 0, f = (e, t) => {
-	let n = u(e && e.prompts, t), r = d(e);
-	return parseFloat((n / r).toFixed(2));
-}, p = (e, t, n) => {
-	let r = l(e, t, n);
-	return r === "correct" ? 1 : r === "partial" ? f(e, n) : 0;
-}, m = (e, t, n) => {
-	let r = [], i = e?.prompts || [], a = t?.value || {};
-	if (!a || Object.keys(a).length === 0) return r.push("Student did not provide any answer."), r;
-	let s = i.length;
-	r.push(`Match-list item contains ${s} question(s).`);
-	let c = 0, l = 0;
-	i.forEach((e) => {
-		let t = e.relatedAnswer, n = a[e.id];
-		n === void 0 ? r.push(`Question ${e.id}: no answer provided.`) : (l += 1, n === t ? (c += 1, r.push(`Question ${e.id}: correctly matched.`)) : r.push(`Question ${e.id}: incorrectly matched (selected '${n}', expected '${t}').`));
-	}), r.push(`Student correctly matched ${c} out of ${s} question(s).`);
-	let u = o.enabled(e, n);
-	u ? (r.push("Score calculated using partial scoring."), r.push("Score is the number of correct matches divided by the total number of questions.")) : (r.push("Score calculated using all-or-nothing scoring."), r.push("Student must match all questions correctly to receive full credit."));
-	let d = p(e, n, a), f = u ? d : +(d === 1);
-	return r.push(`Final score: ${f}.`), r;
-}, h = (t, n, r) => new Promise((i) => {
-	r.mode === "evaluate" ? !n || e(n) ? i({
-		score: 0,
-		empty: !0,
-		logTrace: ["Student did not provide any answer."]
-	}) : i({
-		score: p(t, r, n.value),
-		empty: !1,
-		logTrace: m(t, n, r)
-	}) : i({
-		score: void 0,
-		completed: void 0,
-		logTrace: []
-	});
-});
-function g(e = {}) {
-	return new Promise((n) => {
-		n({
-			...t,
-			...e
-		});
-	});
-}
-var _ = (e) => ({
-	...t,
-	...e
-});
-async function v(t, n, o, c) {
-	t = _(t);
-	let u = l(t, o, n && n.value), d = {}, f = {
-		score: `${p(t, o, n && n.value) * 100}%`,
-		correctness: u
-	}, m = {}, h = t.prompts, g = t.answers, v = (e) => (t, n, r) => new Promise((t) => {
-		m[e] = r.shuffledValues, t();
-	});
-	a(t, n, o) || (h = await i(h, { shuffledValues: (n && n.shuffledValues || {}).prompts }, v("prompts"), "id"), g = await i(g, { shuffledValues: (n && n.shuffledValues || {}).answers }, v("answers"), "id")), e(m) || c && typeof c == "function" && c(n.id, n.element, { shuffledValues: m }).catch((e) => {
-		console.error("update session failed", e);
-	}), t && h && h.forEach((e) => {
-		d[e.id] = e.relatedAnswer;
-	});
-	let y = o.mode === "evaluate" ? await r(f.correctness, t.feedback) : void 0, b = {
-		config: {
-			...t,
-			prompts: h,
-			answers: g
-		},
-		correctness: f,
-		feedback: y,
-		mode: o.mode
-	};
-	o.role === "instructor" && (o.mode === "view" || o.mode === "evaluate") ? b.rationale = t.rationale : b.rationale = null;
-	let x = Object.assign(b, { correctResponse: d });
-	return s("out: ", x), x;
-}
-var y = (e, t) => new Promise((n) => {
-	if (t.mode !== "evaluate" && t.role === "instructor") {
-		let { prompts: t, answers: r } = e, i = {};
-		t.forEach((e) => {
-			r.filter((t) => t.id === e.relatedAnswer).length && (i[e.id] = e.relatedAnswer);
-		}), n({
-			value: i,
-			id: "1"
-		});
-	} else n(null);
-});
-//#endregion
-export { y as createCorrectResponseSession, g as createDefaultModel, m as getLogTrace, v as model, _ as normalize, h as outcome };

package/dist/delivery/answer-area.d.ts

@@ -1,27 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match-list/src/answer-area.jsx
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare class AnswerArea extends React.Component {
-    static propTypes: {
-        session: PropTypes.Validator<object>;
-        showCorrect: PropTypes.Validator<boolean>;
-        disabled: PropTypes.Validator<boolean>;
-        onSessionChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onRemoveAnswer: PropTypes.Requireable<(...args: any[]) => any>;
-        instanceId: PropTypes.Validator<string>;
-        model: PropTypes.Validator<object>;
-        prompt: PropTypes.Requireable<string>;
-    };
-    getAnswerFromSession: any;
-    getCorrectOrIncorrectMap: any;
-    buildRows: any;
-    render(): React.JSX.Element;
-}
-export default AnswerArea;

package/dist/delivery/answer-area.js

@@ -1,94 +0,0 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isEmpty.js";
-import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/isUndefined.js";
-import n from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/reduce.js";
-import r from "./arrow.js";
-import i from "./answer.js";
-import a from "react";
-import o from "prop-types";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { styled as l } from "@mui/material/styles";
-//#region src/delivery/answer-area.tsx
-var u = l("div")({
-	alignItems: "normal",
-	display: "flex",
-	height: 40,
-	margin: "10px 20px"
-}), d = l("div")(({ theme: e }) => ({
-	alignItems: "flex-start",
-	display: "flex",
-	flex: 1,
-	flexDirection: "column",
-	justifyContent: "space-between",
-	marginTop: e.spacing(2),
-	marginBottom: e.spacing(2)
-})), f = l("div")(({ theme: e }) => ({
-	border: `1px solid ${e.palette.grey[400]}`,
-	boxSizing: "border-box",
-	flex: 1,
-	margin: "10px 0",
-	minHeight: 40,
-	overflow: "hidden",
-	padding: 10,
-	textAlign: "center",
-	width: "100%",
-	wordBreak: "break-word"
-})), p = l("div")({
-	alignItems: "center",
-	display: "flex",
-	justifyContent: "space-between",
-	width: "100%"
-}), m = class extends a.Component {
-	static propTypes = {
-		session: o.object.isRequired,
-		showCorrect: o.bool.isRequired,
-		disabled: o.bool.isRequired,
-		onSessionChange: o.func,
-		onRemoveAnswer: o.func,
-		instanceId: o.string.isRequired,
-		model: o.object.isRequired,
-		prompt: o.string
-	};
-	getAnswerFromSession = (e) => {
-		let { model: t, session: n, showCorrect: r } = this.props, { config: i } = t, a = r ? i.prompts.find((t) => t.id === e).relatedAnswer : n.value && n.value[e];
-		return i.answers.find((e) => e.id === a) || {};
-	};
-	getCorrectOrIncorrectMap = () => {
-		let { model: e, session: r, showCorrect: i } = this.props, { config: a } = e, o = r.value || a.prompts.reduce((e, t) => (e[t.id] = void 0, e), {});
-		if (e.mode !== "evaluate") return {};
-		if (i) return a.prompts.reduce((e, t) => (e[t.id] = !0, e), {});
-		let s = a.prompts.reduce((e, n) => (t(n.relatedAnswer) || (e[n.id] = n.relatedAnswer), e), {});
-		return n(o, (e, t, n) => (e[n] = s[n] === o[n], e), {});
-	};
-	buildRows = () => {
-		let { model: e } = this.props, { config: t } = e;
-		return (t.prompts || []).map((e) => {
-			let t = this.getAnswerFromSession(e.id);
-			return {
-				...e,
-				sessionAnswer: t
-			};
-		});
-	};
-	render() {
-		let { disabled: t, instanceId: n, onRemoveAnswer: a } = this.props, o = this.buildRows(), l = this.getCorrectOrIncorrectMap();
-		return /* @__PURE__ */ s(d, { children: o.map(({ sessionAnswer: o, title: d, id: m }, h) => /* @__PURE__ */ c(p, { children: [
-			/* @__PURE__ */ s(f, { dangerouslySetInnerHTML: { __html: d } }),
-			/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(r, { direction: "left" }), /* @__PURE__ */ s(r, {})] }),
-			/* @__PURE__ */ s(i, {
-				className: "answer",
-				index: h,
-				promptId: m,
-				correct: l[m],
-				draggable: !e(o),
-				disabled: t,
-				instanceId: n,
-				id: o.id,
-				title: o.title,
-				type: "target",
-				onRemoveChoice: () => a(m)
-			}, h)
-		] }, h)) });
-	}
-};
-//#endregion
-export { m as default };

package/dist/delivery/answer.d.ts

@@ -1,40 +0,0 @@
-/**
- * @synced-from pie-elements/packages/match-list/src/answer.jsx
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-import PropTypes from 'prop-types';
-import React from 'react';
-export declare class Answer extends React.Component {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        isDragging: PropTypes.Requireable<boolean>;
-        id: PropTypes.Requireable<any>;
-        title: PropTypes.Requireable<string>;
-        isOver: PropTypes.Requireable<boolean>;
-        empty: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        correct: PropTypes.Requireable<boolean>;
-    };
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    handleTouchStart: any;
-    render(): React.JSX.Element;
-}
-declare function DragAndDropAnswer(props: any): React.JSX.Element;
-declare namespace DragAndDropAnswer {
-    var propTypes: {
-        id: PropTypes.Requireable<any>;
-        instanceId: PropTypes.Requireable<string>;
-        promptId: PropTypes.Requireable<any>;
-        title: PropTypes.Requireable<string>;
-        draggable: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-    };
-}
-export default DragAndDropAnswer;