@pie-lib/drag 4.0.3-next.37 → 4.0.3-next.39

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

@@ -1,4 +1,4 @@
-import e from "./placeholder.js";
+import { PlaceHolder as e } from "./placeholder.js";
 import "react";
 import { styled as t } from "@mui/material/styles";
 import n from "prop-types";
@@ -41,4 +41,4 @@ o.propTypes = {
 	instanceId: n.string
 };
 //#endregion
-export { o as default };
+export { o as DragInTheBlankDroppable, o as default };

package/dist/drag-provider.d.ts

@@ -8,22 +8,34 @@
  */
 import React from 'react';
 import PropTypes from 'prop-types';
-export declare function DragProvider({ children, onDragEnd, onDragStart, collisionDetection, modifiers, autoScroll }: {
+export declare function DragProvider({ children, onDragEnd, onDragStart, onDragCancel, collisionDetection, modifiers, autoScroll, keyboardCoordinateGetter, keyboardCodes, accessibility, }: {
     children: any;
     onDragEnd: any;
     onDragStart: any;
+    onDragCancel: any;
     collisionDetection: any;
     modifiers: any;
     autoScroll: any;
+    keyboardCoordinateGetter: any;
+    keyboardCodes: any;
+    accessibility: any;
 }): React.JSX.Element;
 export declare namespace DragProvider {
     var propTypes: {
         children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         onDragEnd: PropTypes.Requireable<(...args: any[]) => any>;
         onDragStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onDragCancel: PropTypes.Requireable<(...args: any[]) => any>;
         collisionDetection: PropTypes.Requireable<(...args: any[]) => any>;
         modifiers: PropTypes.Requireable<(((...args: any[]) => any) | null | undefined)[]>;
         autoScroll: PropTypes.Requireable<object>;
+        keyboardCoordinateGetter: PropTypes.Requireable<(...args: any[]) => any>;
+        keyboardCodes: PropTypes.Requireable<PropTypes.InferProps<{
+            start: PropTypes.Requireable<(string | null | undefined)[]>;
+            cancel: PropTypes.Requireable<(string | null | undefined)[]>;
+            end: PropTypes.Requireable<(string | null | undefined)[]>;
+        }>>;
+        accessibility: PropTypes.Requireable<object>;
     };
 }
 export default DragProvider;

package/dist/drag-provider.js

@@ -3,19 +3,26 @@ import t from "prop-types";
 import { jsx as n } from "react/jsx-runtime";
 import { DndContext as r, KeyboardSensor as i, PointerSensor as a, useSensor as o, useSensors as s } from "@dnd-kit/core";
 //#region src/drag-provider.tsx
-function c({ children: t, onDragEnd: c, onDragStart: l, collisionDetection: u, modifiers: d, autoScroll: f }) {
-	let [p, m] = e(null);
+function c({ children: t, onDragEnd: c, onDragStart: l, onDragCancel: u, collisionDetection: d, modifiers: f, autoScroll: p, keyboardCoordinateGetter: m, keyboardCodes: h, accessibility: g }) {
+	let [_, v] = e(null), y = m || h ? {
+		coordinateGetter: m,
+		keyboardCodes: h
+	} : void 0;
 	return /* @__PURE__ */ n(r, {
-		sensors: s(o(a, { activationConstraint: { distance: 8 } }), o(i)),
+		sensors: s(o(a, { activationConstraint: { distance: 8 } }), o(i, y)),
 		onDragStart: (e) => {
-			m(e.active.id), l && l(e);
+			v(e.active.id), l && l(e);
 		},
 		onDragEnd: (e) => {
-			m(null), c && c(e);
+			v(null), c && c(e);
 		},
-		collisionDetection: u,
-		modifiers: d,
-		autoScroll: f,
+		onDragCancel: (e) => {
+			v(null), u && u(e);
+		},
+		collisionDetection: d,
+		modifiers: f,
+		autoScroll: p,
+		accessibility: g,
 		children: t
 	});
 }
@@ -23,9 +30,17 @@ c.propTypes = {
 	children: t.node.isRequired,
 	onDragEnd: t.func,
 	onDragStart: t.func,
+	onDragCancel: t.func,
 	collisionDetection: t.func,
 	modifiers: t.arrayOf(t.func),
-	autoScroll: t.object
+	autoScroll: t.object,
+	keyboardCoordinateGetter: t.func,
+	keyboardCodes: t.shape({
+		start: t.arrayOf(t.string),
+		cancel: t.arrayOf(t.string),
+		end: t.arrayOf(t.string)
+	}),
+	accessibility: t.object
 };
 //#endregion
-export { c as default };
+export { c as DragProvider, c as default };

package/dist/draggable-choice.js

@@ -60,4 +60,4 @@ o.propTypes = {
 	id: t.string
 };
 //#endregion
-export { o as default };
+export { o as DraggableChoice, o as default };

package/dist/droppable-placeholder.js

@@ -1,4 +1,4 @@
-import e from "./placeholder.js";
+import { PlaceHolder as e } from "./placeholder.js";
 import "react";
 import t from "prop-types";
 import { jsx as n } from "react/jsx-runtime";
@@ -33,4 +33,4 @@ a.propTypes = {
 	minHeight: t.number
 };
 //#endregion
-export { a as default };
+export { a as DroppablePlaceholder, a as default };

package/dist/ica-dp.js

@@ -1,4 +1,4 @@
-import e from "./droppable-placeholder.js";
+import { DroppablePlaceholder as e } from "./droppable-placeholder.js";
 import "react";
 import t from "prop-types";
 import { jsx as n } from "react/jsx-runtime";
@@ -17,4 +17,4 @@ r.propTypes = {
 	disabled: t.bool
 };
 //#endregion
-export { r as default };
+export { r as ICADroppable, r as default };

package/dist/index.js

@@ -1,9 +1,9 @@
-import e from "./placeholder.js";
-import t from "./draggable-choice.js";
-import n from "./drag-provider.js";
+import { PlaceHolder as e } from "./placeholder.js";
+import { DraggableChoice as t } from "./draggable-choice.js";
+import { DragProvider as n } from "./drag-provider.js";
 import r from "./swap.js";
 import { uid_context_exports as i } from "./uid-context.js";
-import a from "./match-list-dp.js";
-import o from "./drag-in-the-blank-dp.js";
-import s from "./ica-dp.js";
+import { MatchListDroppable as a } from "./match-list-dp.js";
+import { DragInTheBlankDroppable as o } from "./drag-in-the-blank-dp.js";
+import { ICADroppable as s } from "./ica-dp.js";
 export { o as DragDroppablePlaceholder, n as DragProvider, t as DraggableChoice, s as ICADroppablePlaceholder, a as MatchDroppablePlaceholder, e as PlaceHolder, r as swap, i as uid };

package/dist/match-list-dp.js

@@ -1,4 +1,4 @@
-import e from "./droppable-placeholder.js";
+import { DroppablePlaceholder as e } from "./droppable-placeholder.js";
 import "react";
 import t from "prop-types";
 import { jsx as n } from "react/jsx-runtime";
@@ -18,4 +18,4 @@ r.propTypes = {
 	onRemoveAnswer: t.func
 };
 //#endregion
-export { r as default };
+export { r as MatchListDroppable, r as default };

package/dist/node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js

@@ -13,4 +13,4 @@ function t() {
 	return i;
 }
 //#endregion
-export { t as default };
+export { t as clsx, t as default };

package/dist/placeholder.js

@@ -1,4 +1,4 @@
-import e from "./node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "./node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import "react";
 import { styled as t } from "@mui/material/styles";
 import n from "prop-types";
@@ -25,7 +25,7 @@ var o = t("div")(({ theme: e }) => ({
 		padding: e.spacing(1),
 		border: `2px dashed ${r.black()}`
 	},
-	"&.disabled": {
+	"&.placeholderDisabled": {
 		boxShadow: "none",
 		background: e.palette.background.paper
 	},
@@ -60,7 +60,7 @@ var o = t("div")(({ theme: e }) => ({
 		flexFlow: "column wrap"
 	}
 })), s = (t) => {
-	let { children: n, className: i, isOver: s, type: c, grid: l, disabled: u, choiceBoard: d, isCategorize: f, isVerticalPool: p, minHeight: m, extraStyles: h } = t, g = e("placeholder", u && "disabled", s && "over", c, i), _ = {};
+	let { children: n, className: i, isOver: s, type: c, grid: l, disabled: u, choiceBoard: d, isCategorize: f, isVerticalPool: p, minHeight: m, extraStyles: h } = t, g = e("placeholder", u && "placeholderDisabled", s && "over", c, i), _ = {};
 	if (l && l.columns && (_.gridTemplateColumns = `repeat(${l.columns}, 1fr)`), l && l.rows) {
 		let e = l.rowsRepeatValue || "1fr";
 		_.gridTemplateRows = `repeat(${l.rows}, ${e})`;
@@ -95,4 +95,4 @@ s.propTypes = {
 	minHeight: n.number
 };
 //#endregion
-export { s as default };
+export { s as PlaceHolder, s as default };

package/dist/uid-context.js

@@ -12,4 +12,4 @@ var r = /* @__PURE__ */ e({
 	uid: r
 }) });
 //#endregion
-export { r as uid_context_exports };
+export { i as Consumer, a as Provider, o as generateId, r as uid_context_exports, s as withUid };

package/package.json

@@ -1,20 +1,25 @@
 {
   "name": "@pie-lib/drag",
-  "version": "4.0.3-next.37",
+  "version": "4.0.3-next.39",
   "description": "",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pie-framework/pie-elements-ng.git",
+    "directory": "packages/lib-react/drag"
+  },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@emotion/react": "^11.14.0",
-    "@emotion/style": "^0.8.0",
+    "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/render-ui": "6.1.1-next.37",
+    "@pie-lib/render-ui": "6.1.1-next.39",
     "prop-types": "^15.7.2",
     "clsx": "^2.1.1",
     "@pie-element/shared-math-rendering-mathjax": "0.1.1-next.0",
-    "@pie-element/shared-lodash": "0.1.1-next.0"
+    "@pie-element/shared-lodash": "0.1.1-next.1"
   },
   "type": "module",
   "main": "./dist/index.js",