@pie-lib/mask-markup 4.1.1-next.20261015154938 → 4.1.1-next.20261016161500

package/dist/__tests__/collision-detection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/collision-detection.d.ts

@@ -0,0 +1,2 @@
+import { type CollisionDetection } from '@dnd-kit/core';
+export declare const blanksFirst: CollisionDetection;

package/dist/collision-detection.js

@@ -0,0 +1,16 @@
+import { rectIntersection as e } from "@dnd-kit/core";
+//#region src/collision-detection.ts
+var t = (e) => e.data?.droppableContainer?.data?.current, n = (e) => t(e)?.toChoiceBoard === !0, r = (e, t, n) => Math.hypot(Math.max(e.left - t, 0, t - e.right), Math.max(e.top - n, 0, n - e.bottom)), i = (i) => {
+	let { collisionRect: a, droppableRects: o, pointerCoordinates: s, active: c } = i, l = e(i), u = c?.data?.current, d = u?.fromChoice === !1 ? u.id : void 0, f = (e) => d !== void 0 && t(e)?.id === d, p = l.filter((e) => !n(e) && !f(e));
+	if (p.length > 0) {
+		let e = s?.x ?? a.left + a.width / 2, t = s?.y ?? a.top + a.height / 2, n = (n) => {
+			let i = o.get(n.id);
+			return i ? r(i, e, t) : Infinity;
+		};
+		return [...p].sort((e, t) => n(e) - n(t));
+	}
+	let m = l.filter(n);
+	return m.length > 0 ? m : l;
+};
+//#endregion
+export { i as blanksFirst };

package/dist/components/dropdown.js

@@ -58,7 +58,10 @@ var S = c, C = S.default, w = C && typeof C == "object" ? C : S, T = x(l, "Inlin
 		color: `${u.text()} !important`
 	}
 })), k = n(T)(() => ({
-	"& .MuiPaper-root": { backgroundColor: D("background", u.defaults.WHITE) },
+	"& .MuiPaper-root": {
+		backgroundColor: D("background", u.defaults.WHITE),
+		border: `1px solid ${u.borderGray()}`
+	},
 	"& .MuiList-root": { padding: 0 }
 })), A = n(h)(() => ({
 	height: 24,

package/dist/drag-in-the-blank.js

@@ -3,20 +3,21 @@ import t from "./choices/choice.js";
 import n from "./choices/index.js";
 import r from "./components/blank.js";
 import { closestDroppableKeyboardCoordinates as i } from "./keyboard-coordinates.js";
-import a from "react";
-import o from "prop-types";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { DragProvider as l } from "@pie-lib/drag";
-import { DragOverlay as u, rectIntersection as d } from "@dnd-kit/core";
+import { blanksFirst as a } from "./collision-detection.js";
+import o from "react";
+import s from "prop-types";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { DragProvider as u } from "@pie-lib/drag";
+import { DragOverlay as d } from "@dnd-kit/core";
 //#region src/drag-in-the-blank.tsx
 var f = 250, p = e("blank", (e) => (t, n, i) => {
 	let a = t.data?.dataset || {};
 	if (a.component === "blank") {
-		let { disabled: o, duplicates: c, correctResponse: l, feedback: u, showCorrectAnswer: d, emptyResponseAreaWidth: f, emptyResponseAreaHeight: p, instanceId: m, isDragging: h, language: g, selectedItem: _, onSelectClick: v, onPlacementClick: y } = e, b = d ? l[a.id] : n[a.id], x = b && e.choices.find((e) => e.id === b);
-		return /* @__PURE__ */ s(r, {
+		let { disabled: o, duplicates: s, correctResponse: l, feedback: u, showCorrectAnswer: d, emptyResponseAreaWidth: f, emptyResponseAreaHeight: p, instanceId: m, isDragging: h, language: g, selectedItem: _, onSelectClick: v, onPlacementClick: y } = e, b = d ? l[a.id] : n[a.id], x = b && e.choices.find((e) => e.id === b);
+		return /* @__PURE__ */ c(r, {
 			correct: d || u && u[a.id],
 			disabled: o,
-			duplicates: c,
+			duplicates: s,
 			choice: x,
 			id: a.id,
 			emptyResponseAreaWidth: f,
@@ -33,7 +34,7 @@ var f = 250, p = e("blank", (e) => (t, n, i) => {
 			onPlacementClick: y
 		}, `${t.type}-${a.id}`);
 	}
-}), m = class extends a.Component {
+}), m = class extends o.Component {
 	constructor(e) {
 		super(e), this.state = {
 			activeDragItem: null,
@@ -42,21 +43,21 @@ var f = 250, p = e("blank", (e) => (t, n, i) => {
 		}, this.lastDragEndAt = 0;
 	}
 	static propTypes = {
-		markup: o.string,
-		layout: o.object,
-		choicesPosition: o.string,
-		choices: o.array,
-		value: o.object,
-		onChange: o.func,
-		duplicates: o.bool,
-		disabled: o.bool,
-		feedback: o.object,
-		correctResponse: o.object,
-		showCorrectAnswer: o.bool,
-		emptyResponseAreaWidth: o.oneOfType([o.string, o.number]),
-		emptyResponseAreaHeight: o.oneOfType([o.string, o.number]),
-		instanceId: o.string,
-		language: o.string
+		markup: s.string,
+		layout: s.object,
+		choicesPosition: s.string,
+		choices: s.array,
+		value: s.object,
+		onChange: s.func,
+		duplicates: s.bool,
+		disabled: s.bool,
+		feedback: s.object,
+		correctResponse: s.object,
+		showCorrectAnswer: s.bool,
+		emptyResponseAreaWidth: s.oneOfType([s.string, s.number]),
+		emptyResponseAreaHeight: s.oneOfType([s.string, s.number]),
+		instanceId: s.string,
+		language: s.string
 	};
 	static defaultProps = { instanceId: "drag-in-the-blank" };
 	handleDragStart = (e) => {
@@ -69,7 +70,7 @@ var f = 250, p = e("blank", (e) => (t, n, i) => {
 	};
 	renderDragOverlay = () => {
 		let { activeDragItem: e } = this.state;
-		return e && e.type === "MaskBlank" ? /* @__PURE__ */ s(t, {
+		return e && e.type === "MaskBlank" ? /* @__PURE__ */ c(t, {
 			disabled: e.disabled,
 			choice: e.choice,
 			instanceId: e.instanceId
@@ -157,27 +158,27 @@ var f = 250, p = e("blank", (e) => (t, n, i) => {
 		};
 	};
 	render() {
-		let { markup: e, duplicates: t, value: r, onChange: a, choicesPosition: o, choices: f, correctResponse: m, disabled: h, feedback: g, showCorrectAnswer: _, emptyResponseAreaWidth: v, emptyResponseAreaHeight: y, layout: b, instanceId: x, language: S } = this.props, C = o || "below", w = {
+		let { markup: e, duplicates: t, value: r, onChange: o, choicesPosition: s, choices: f, correctResponse: m, disabled: h, feedback: g, showCorrectAnswer: _, emptyResponseAreaWidth: v, emptyResponseAreaHeight: y, layout: b, instanceId: x, language: S } = this.props, C = s || "below", w = {
 			display: "flex",
 			minWidth: "100px",
 			...this.getPositionDirection(C)
 		};
-		return /* @__PURE__ */ s(l, {
+		return /* @__PURE__ */ c(u, {
 			onDragStart: this.handleDragStart,
 			onDragEnd: this.handleDragEnd,
 			onDragCancel: this.onDragCancel,
-			collisionDetection: d,
+			collisionDetection: a,
 			keyboardCoordinateGetter: i,
 			keyboardCodes: {
 				start: ["Space", "Enter"],
 				cancel: ["Escape"],
 				end: ["Space", "Enter"]
 			},
-			children: /* @__PURE__ */ c("div", {
+			children: /* @__PURE__ */ l("div", {
 				ref: (e) => this.rootRef = e,
 				style: w,
 				children: [
-					/* @__PURE__ */ s(n, {
+					/* @__PURE__ */ c(n, {
 						choicePosition: C,
 						choices: f,
 						value: r,
@@ -188,13 +189,13 @@ var f = 250, p = e("blank", (e) => (t, n, i) => {
 						onSelectClick: this.onItemClick,
 						onPlacementClick: this.onPlacementClick
 					}),
-					/* @__PURE__ */ s(p, {
+					/* @__PURE__ */ c(p, {
 						elementType: "drag-in-the-blank",
 						markup: e,
 						layout: b,
 						value: r,
 						choices: f,
-						onChange: a,
+						onChange: o,
 						disabled: h,
 						duplicates: t,
 						feedback: g,
@@ -209,7 +210,7 @@ var f = 250, p = e("blank", (e) => (t, n, i) => {
 						onSelectClick: this.onItemClick,
 						onPlacementClick: this.onPlacementClick
 					}),
-					/* @__PURE__ */ s(u, {
+					/* @__PURE__ */ c(d, {
 						style: { pointerEvents: "none" },
 						dropAnimation: this.state.dropAnimation,
 						children: this.renderDragOverlay()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/mask-markup",
-  "version": "4.1.1-next.20261015154938",
+  "version": "4.1.1-next.20261016161500",
   "description": "",
   "repository": {
     "type": "git",