@pie-lib/drag 4.1.1 → 4.1.3

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.1.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@4.1.2...@pie-lib/drag@4.1.3) (2026-09-02)
+
+**Note:** Version bump only for package @pie-lib/drag
+
+## [4.1.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@4.1.1...@pie-lib/drag@4.1.2) (2026-08-26)
+
+### Bug Fixes
+
+- **drag:** forward onDragCancel from DragProvider to its internal DndContext PIE-802 ([9e12a9e](https://github.com/pie-framework/pie-lib/commit/9e12a9e5e5fc32f410b6f6d7de124e55d4c9bd80))
+
 ## [4.1.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/drag@4.1.0...@pie-lib/drag@4.1.1) (2026-08-21)
 
 **Note:** Version bump only for package @pie-lib/drag

package/lib/drag-provider.js

@@ -16,6 +16,7 @@ function DragProvider(_ref) {
   var children = _ref.children,
     onDragEnd = _ref.onDragEnd,
     onDragStart = _ref.onDragStart,
+    onDragCancel = _ref.onDragCancel,
     collisionDetection = _ref.collisionDetection,
     modifiers = _ref.modifiers,
     autoScroll = _ref.autoScroll,
@@ -51,10 +52,17 @@ function DragProvider(_ref) {
       onDragEnd(event);
     }
   };
+  var handleDragCancel = function handleDragCancel(event) {
+    setActiveId(null);
+    if (onDragCancel) {
+      onDragCancel(event);
+    }
+  };
   return /*#__PURE__*/_react["default"].createElement(_core.DndContext, {
     sensors: sensors,
     onDragStart: handleDragStart,
     onDragEnd: handleDragEnd,
+    onDragCancel: handleDragCancel,
     collisionDetection: collisionDetection,
     modifiers: modifiers,
     autoScroll: autoScroll,
@@ -65,6 +73,7 @@ DragProvider.propTypes = {
   children: _propTypes["default"].node.isRequired,
   onDragEnd: _propTypes["default"].func,
   onDragStart: _propTypes["default"].func,
+  onDragCancel: _propTypes["default"].func,
   collisionDetection: _propTypes["default"].func,
   modifiers: _propTypes["default"].arrayOf(_propTypes["default"].func),
   autoScroll: _propTypes["default"].object,

package/lib/drag-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag-provider.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DragProvider","_ref","children","onDragEnd","onDragStart","collisionDetection","modifiers","autoScroll","keyboardCoordinateGetter","keyboardCodes","accessibility","_useState","useState","_useState2","_slicedToArray2","activeId","setActiveId","keyboardSensorOptions","coordinateGetter","undefined","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","handleDragStart","event","active","id","handleDragEnd","createElement","DndContext","propTypes","PropTypes","node","isRequired","func","arrayOf","object","shape","start","string","cancel","end","_default","exports"],"sources":["../src/drag-provider.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\n\nexport function DragProvider({\n  children,\n  onDragEnd,\n  onDragStart,\n  collisionDetection,\n  modifiers,\n  autoScroll,\n  keyboardCoordinateGetter,\n  keyboardCodes,\n  accessibility,\n}) {\n  const [activeId, setActiveId] = useState(null);\n\n  // Only build a keyboard sensor options object when a consumer actually customizes\n  // it, so consumers that don't pass these props get dnd-kit's own defaults exactly\n  // as before (arrow-key nudging, Tab ends the drag, etc.).\n  const keyboardSensorOptions =\n    keyboardCoordinateGetter || keyboardCodes ? { coordinateGetter: keyboardCoordinateGetter, keyboardCodes } : undefined;\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),\n    useSensor(KeyboardSensor, keyboardSensorOptions),\n  );\n\n  const handleDragStart = (event) => {\n    setActiveId(event.active.id);\n    if (onDragStart) {\n      onDragStart(event);\n    }\n  };\n\n  const handleDragEnd = (event) => {\n    setActiveId(null);\n    if (onDragEnd) {\n      onDragEnd(event);\n    }\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      collisionDetection={collisionDetection}\n      modifiers={modifiers}\n      autoScroll={autoScroll}\n      accessibility={accessibility}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nDragProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  onDragEnd: PropTypes.func,\n  onDragStart: PropTypes.func,\n  collisionDetection: PropTypes.func,\n  modifiers: PropTypes.arrayOf(PropTypes.func),\n  autoScroll: PropTypes.object,\n  // Custom dnd-kit KeyboardSensor coordinateGetter (e.g. for Tab/Shift+Tab-based placement).\n  // Omit to keep dnd-kit's default keyboard-dragging behavior.\n  keyboardCoordinateGetter: PropTypes.func,\n  // Overrides for dnd-kit's KeyboardSensor keyboardCodes (start/cancel/end).\n  // Omit to keep dnd-kit's defaults.\n  keyboardCodes: PropTypes.shape({\n    start: PropTypes.arrayOf(PropTypes.string),\n    cancel: PropTypes.arrayOf(PropTypes.string),\n    end: PropTypes.arrayOf(PropTypes.string),\n  }),\n  // Passed straight through to dnd-kit's DndContext (screenReaderInstructions,\n  // announcements, container). Omit to keep dnd-kit's defaults.\n  accessibility: PropTypes.object,\n};\n\nexport default DragProvider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"drag-provider.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DragProvider","_ref","children","onDragEnd","onDragStart","onDragCancel","collisionDetection","modifiers","autoScroll","keyboardCoordinateGetter","keyboardCodes","accessibility","_useState","useState","_useState2","_slicedToArray2","activeId","setActiveId","keyboardSensorOptions","coordinateGetter","undefined","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","handleDragStart","event","active","id","handleDragEnd","handleDragCancel","createElement","DndContext","propTypes","PropTypes","node","isRequired","func","arrayOf","object","shape","start","string","cancel","end","_default","exports"],"sources":["../src/drag-provider.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';\n\nexport function DragProvider({\n  children,\n  onDragEnd,\n  onDragStart,\n  onDragCancel,\n  collisionDetection,\n  modifiers,\n  autoScroll,\n  keyboardCoordinateGetter,\n  keyboardCodes,\n  accessibility,\n}) {\n  const [activeId, setActiveId] = useState(null);\n\n  // Only build a keyboard sensor options object when a consumer actually customizes\n  // it, so consumers that don't pass these props get dnd-kit's own defaults exactly\n  // as before (arrow-key nudging, Tab ends the drag, etc.).\n  const keyboardSensorOptions =\n    keyboardCoordinateGetter || keyboardCodes ? { coordinateGetter: keyboardCoordinateGetter, keyboardCodes } : undefined;\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),\n    useSensor(KeyboardSensor, keyboardSensorOptions),\n  );\n\n  const handleDragStart = (event) => {\n    setActiveId(event.active.id);\n    if (onDragStart) {\n      onDragStart(event);\n    }\n  };\n\n  const handleDragEnd = (event) => {\n    setActiveId(null);\n    if (onDragEnd) {\n      onDragEnd(event);\n    }\n  };\n\n  const handleDragCancel = (event) => {\n    setActiveId(null);\n    if (onDragCancel) {\n      onDragCancel(event);\n    }\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n      collisionDetection={collisionDetection}\n      modifiers={modifiers}\n      autoScroll={autoScroll}\n      accessibility={accessibility}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nDragProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  onDragEnd: PropTypes.func,\n  onDragStart: PropTypes.func,\n  onDragCancel: PropTypes.func,\n  collisionDetection: PropTypes.func,\n  modifiers: PropTypes.arrayOf(PropTypes.func),\n  autoScroll: PropTypes.object,\n  // Custom dnd-kit KeyboardSensor coordinateGetter (e.g. for Tab/Shift+Tab-based placement).\n  // Omit to keep dnd-kit's default keyboard-dragging behavior.\n  keyboardCoordinateGetter: PropTypes.func,\n  // Overrides for dnd-kit's KeyboardSensor keyboardCodes (start/cancel/end).\n  // Omit to keep dnd-kit's defaults.\n  keyboardCodes: PropTypes.shape({\n    start: PropTypes.arrayOf(PropTypes.string),\n    cancel: PropTypes.arrayOf(PropTypes.string),\n    end: PropTypes.arrayOf(PropTypes.string),\n  }),\n  // Passed straight through to dnd-kit's DndContext (screenReaderInstructions,\n  // announcements, container). Omit to keep dnd-kit's defaults.\n  accessibility: PropTypes.object,\n};\n\nexport default DragProvider;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/drag",
-  "version": "4.1.1",
+  "version": "4.1.3",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -14,7 +14,7 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-lib/math-rendering": "^5.1.0",
-    "@pie-lib/render-ui": "^7.0.0",
+    "@pie-lib/render-ui": "^7.0.2",
     "classnames": "^2.2.6",
     "lodash-es": "^4.17.23",
     "prop-types": "^15.7.2",
@@ -26,5 +26,5 @@
   "scripts": {},
   "author": "",
   "license": "ISC",
-  "gitHead": "e6b46157ab321f4488117149f21783511f30970c"
+  "gitHead": "b422e915ca538d0fdc66e6583140c53a7df8ebfa"
 }

package/src/__tests__/drag-provider.test.jsx

@@ -1,9 +1,19 @@
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render, screen, fireEvent } from '@testing-library/react';
 import { DragProvider } from '../drag-provider';
 
 jest.mock('@dnd-kit/core', () => ({
-  DndContext: ({ children, onDragStart, onDragEnd, sensors, collisionDetection, modifiers, autoScroll, accessibility }) => (
+  DndContext: ({
+    children,
+    onDragStart,
+    onDragEnd,
+    onDragCancel,
+    sensors,
+    collisionDetection,
+    modifiers,
+    autoScroll,
+    accessibility,
+  }) => (
     <div
       data-testid="dnd-context"
       data-has-sensors={!!sensors}
@@ -13,7 +23,10 @@ jest.mock('@dnd-kit/core', () => ({
       data-has-accessibility={!!accessibility}
       data-on-drag-start={typeof onDragStart === 'function' ? 'function' : 'undefined'}
       data-on-drag-end={typeof onDragEnd === 'function' ? 'function' : 'undefined'}
+      data-on-drag-cancel={typeof onDragCancel === 'function' ? 'function' : 'undefined'}
     >
+      {/* Lets tests simulate dnd-kit itself invoking the handler DragProvider built. */}
+      <button data-testid="simulate-drag-cancel" onClick={() => onDragCancel?.({ active: { id: 'x' } })} />
       {children}
     </div>
   ),
@@ -94,6 +107,29 @@ describe('DragProvider', () => {
       expect(dndContext).toHaveAttribute('data-on-drag-end', 'function');
     });
 
+    it('should always pass an onDragCancel handler to DndContext, even without one of its own', () => {
+      render(<DragProvider {...defaultProps} />);
+      const dndContext = screen.getByTestId('dnd-context');
+      expect(dndContext).toHaveAttribute('data-on-drag-cancel', 'function');
+    });
+
+    it('invokes the given onDragCancel when dnd-kit cancels a drag', () => {
+      const onDragCancel = jest.fn();
+      render(<DragProvider {...defaultProps} onDragCancel={onDragCancel} />);
+
+      fireEvent.click(screen.getByTestId('simulate-drag-cancel'));
+
+      expect(onDragCancel).toHaveBeenCalledWith({ active: { id: 'x' } });
+    });
+
+    it('does not throw when dnd-kit cancels a drag and no onDragCancel was given', () => {
+      render(<DragProvider {...defaultProps} />);
+
+      expect(() => {
+        fireEvent.click(screen.getByTestId('simulate-drag-cancel'));
+      }).not.toThrow();
+    });
+
     it('should pass collisionDetection to DndContext', () => {
       const collisionDetection = jest.fn();
       render(<DragProvider {...defaultProps} collisionDetection={collisionDetection} />);

package/src/drag-provider.jsx

@@ -6,6 +6,7 @@ export function DragProvider({
   children,
   onDragEnd,
   onDragStart,
+  onDragCancel,
   collisionDetection,
   modifiers,
   autoScroll,
@@ -40,11 +41,19 @@ export function DragProvider({
     }
   };
 
+  const handleDragCancel = (event) => {
+    setActiveId(null);
+    if (onDragCancel) {
+      onDragCancel(event);
+    }
+  };
+
   return (
     <DndContext
       sensors={sensors}
       onDragStart={handleDragStart}
       onDragEnd={handleDragEnd}
+      onDragCancel={handleDragCancel}
       collisionDetection={collisionDetection}
       modifiers={modifiers}
       autoScroll={autoScroll}
@@ -59,6 +68,7 @@ DragProvider.propTypes = {
   children: PropTypes.node.isRequired,
   onDragEnd: PropTypes.func,
   onDragStart: PropTypes.func,
+  onDragCancel: PropTypes.func,
   collisionDetection: PropTypes.func,
   modifiers: PropTypes.arrayOf(PropTypes.func),
   autoScroll: PropTypes.object,