@pie-lib/drag 4.0.6 → 4.0.7-next.35

package/lib/drag-provider.js

@@ -18,16 +18,27 @@ function DragProvider(_ref) {
     onDragStart = _ref.onDragStart,
     collisionDetection = _ref.collisionDetection,
     modifiers = _ref.modifiers,
-    autoScroll = _ref.autoScroll;
+    autoScroll = _ref.autoScroll,
+    keyboardCoordinateGetter = _ref.keyboardCoordinateGetter,
+    keyboardCodes = _ref.keyboardCodes,
+    accessibility = _ref.accessibility;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     activeId = _useState2[0],
     setActiveId = _useState2[1];
+
+  // Only build a keyboard sensor options object when a consumer actually customizes
+  // it, so consumers that don't pass these props get dnd-kit's own defaults exactly
+  // as before (arrow-key nudging, Tab ends the drag, etc.).
+  var keyboardSensorOptions = keyboardCoordinateGetter || keyboardCodes ? {
+    coordinateGetter: keyboardCoordinateGetter,
+    keyboardCodes: keyboardCodes
+  } : undefined;
   var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor, {
     activationConstraint: {
       distance: 8
     }
-  }), (0, _core.useSensor)(_core.KeyboardSensor));
+  }), (0, _core.useSensor)(_core.KeyboardSensor, keyboardSensorOptions));
   var handleDragStart = function handleDragStart(event) {
     setActiveId(event.active.id);
     if (onDragStart) {
@@ -46,7 +57,8 @@ function DragProvider(_ref) {
     onDragEnd: handleDragEnd,
     collisionDetection: collisionDetection,
     modifiers: modifiers,
-    autoScroll: autoScroll
+    autoScroll: autoScroll,
+    accessibility: accessibility
   }, children);
 }
 DragProvider.propTypes = {
@@ -55,7 +67,20 @@ DragProvider.propTypes = {
   onDragStart: _propTypes["default"].func,
   collisionDetection: _propTypes["default"].func,
   modifiers: _propTypes["default"].arrayOf(_propTypes["default"].func),
-  autoScroll: _propTypes["default"].object
+  autoScroll: _propTypes["default"].object,
+  // Custom dnd-kit KeyboardSensor coordinateGetter (e.g. for Tab/Shift+Tab-based placement).
+  // Omit to keep dnd-kit's default keyboard-dragging behavior.
+  keyboardCoordinateGetter: _propTypes["default"].func,
+  // Overrides for dnd-kit's KeyboardSensor keyboardCodes (start/cancel/end).
+  // Omit to keep dnd-kit's defaults.
+  keyboardCodes: _propTypes["default"].shape({
+    start: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    cancel: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    end: _propTypes["default"].arrayOf(_propTypes["default"].string)
+  }),
+  // Passed straight through to dnd-kit's DndContext (screenReaderInstructions,
+  // announcements, container). Omit to keep dnd-kit's defaults.
+  accessibility: _propTypes["default"].object
 };
 var _default = exports["default"] = DragProvider;
 //# sourceMappingURL=drag-provider.js.map

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","_useState","useState","_useState2","_slicedToArray2","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","KeyboardSensor","handleDragStart","event","active","id","handleDragEnd","createElement","DndContext","propTypes","PropTypes","node","isRequired","func","arrayOf","object","_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({ children, onDragEnd, onDragStart, collisionDetection, modifiers, autoScroll }) {\n  const [activeId, setActiveId] = useState(null);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),\n    useSensor(KeyboardSensor),\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    >\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};\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","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":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/drag",
-  "version": "4.0.6",
+  "version": "4.0.7-next.35+fb8ae2fcd",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -13,8 +13,8 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/math-rendering": "^5.1.0",
-    "@pie-lib/render-ui": "^6.1.3",
+    "@pie-lib/math-rendering": "^5.1.1-next.35+fb8ae2fcd",
+    "@pie-lib/render-ui": "^6.1.4-next.35+fb8ae2fcd",
     "classnames": "^2.2.6",
     "lodash-es": "^4.17.23",
     "prop-types": "^15.7.2",
@@ -26,5 +26,5 @@
   "scripts": {},
   "author": "",
   "license": "ISC",
-  "gitHead": "53796293aa3d939290388614fd6d4467fb81b178"
+  "gitHead": "fb8ae2fcdb9b694e4d9db31209e59f280e63fab4"
 }

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

@@ -3,13 +3,14 @@ import { render, screen } from '@testing-library/react';
 import { DragProvider } from '../drag-provider';
 
 jest.mock('@dnd-kit/core', () => ({
-  DndContext: ({ children, onDragStart, onDragEnd, sensors, collisionDetection, modifiers, autoScroll }) => (
+  DndContext: ({ children, onDragStart, onDragEnd, sensors, collisionDetection, modifiers, autoScroll, accessibility }) => (
     <div
       data-testid="dnd-context"
       data-has-sensors={!!sensors}
       data-has-collision-detection={!!collisionDetection}
       data-has-modifiers={!!modifiers}
       data-has-auto-scroll={!!autoScroll}
+      data-has-accessibility={!!accessibility}
       data-on-drag-start={typeof onDragStart === 'function' ? 'function' : 'undefined'}
       data-on-drag-end={typeof onDragEnd === 'function' ? 'function' : 'undefined'}
     >
@@ -114,12 +115,20 @@ describe('DragProvider', () => {
       expect(dndContext).toHaveAttribute('data-has-auto-scroll', 'true');
     });
 
+    it('should pass accessibility to DndContext', () => {
+      const accessibility = { screenReaderInstructions: { draggable: 'Press Space or Enter to pick up.' } };
+      render(<DragProvider {...defaultProps} accessibility={accessibility} />);
+      const dndContext = screen.getByTestId('dnd-context');
+      expect(dndContext).toHaveAttribute('data-has-accessibility', 'true');
+    });
+
     it('should pass all props to DndContext', () => {
       const onDragStart = jest.fn();
       const onDragEnd = jest.fn();
       const collisionDetection = jest.fn();
       const modifiers = [jest.fn()];
       const autoScroll = { enabled: true };
+      const accessibility = { screenReaderInstructions: { draggable: 'Press Space or Enter to pick up.' } };
 
       render(
         <DragProvider
@@ -129,6 +138,7 @@ describe('DragProvider', () => {
           collisionDetection={collisionDetection}
           modifiers={modifiers}
           autoScroll={autoScroll}
+          accessibility={accessibility}
         />,
       );
 
@@ -138,6 +148,7 @@ describe('DragProvider', () => {
       expect(dndContext).toHaveAttribute('data-has-collision-detection', 'true');
       expect(dndContext).toHaveAttribute('data-has-modifiers', 'true');
       expect(dndContext).toHaveAttribute('data-has-auto-scroll', 'true');
+      expect(dndContext).toHaveAttribute('data-has-accessibility', 'true');
     });
   });
 
@@ -171,6 +182,12 @@ describe('DragProvider', () => {
       const dndContext = screen.getByTestId('dnd-context');
       expect(dndContext).toHaveAttribute('data-has-auto-scroll', 'false');
     });
+
+    it('should work without accessibility', () => {
+      render(<DragProvider {...defaultProps} />);
+      const dndContext = screen.getByTestId('dnd-context');
+      expect(dndContext).toHaveAttribute('data-has-accessibility', 'false');
+    });
   });
 
   describe('sensors setup', () => {
@@ -181,11 +198,11 @@ describe('DragProvider', () => {
       expect(useSensor).toHaveBeenCalledWith('PointerSensor', { activationConstraint: { distance: 8 } });
     });
 
-    it('should initialize KeyboardSensor', () => {
+    it('should initialize KeyboardSensor with no options by default', () => {
       const { useSensor } = require('@dnd-kit/core');
       render(<DragProvider {...defaultProps} />);
 
-      expect(useSensor).toHaveBeenCalledWith('KeyboardSensor');
+      expect(useSensor).toHaveBeenCalledWith('KeyboardSensor', undefined);
     });
 
     it('should combine sensors with useSensors', () => {
@@ -194,6 +211,35 @@ describe('DragProvider', () => {
 
       expect(useSensors).toHaveBeenCalled();
     });
+
+    it('should initialize KeyboardSensor with a custom coordinateGetter when provided', () => {
+      const { useSensor } = require('@dnd-kit/core');
+      const keyboardCoordinateGetter = jest.fn();
+      render(<DragProvider {...defaultProps} keyboardCoordinateGetter={keyboardCoordinateGetter} />);
+
+      expect(useSensor).toHaveBeenCalledWith('KeyboardSensor', {
+        coordinateGetter: keyboardCoordinateGetter,
+        keyboardCodes: undefined,
+      });
+    });
+
+    it('should initialize KeyboardSensor with custom keyboardCodes when provided', () => {
+      const { useSensor } = require('@dnd-kit/core');
+      const keyboardCodes = { start: ['Space'], cancel: ['Escape'], end: ['Space'] };
+      render(<DragProvider {...defaultProps} keyboardCodes={keyboardCodes} />);
+
+      expect(useSensor).toHaveBeenCalledWith('KeyboardSensor', {
+        coordinateGetter: undefined,
+        keyboardCodes,
+      });
+    });
+
+    it('should not customize KeyboardSensor when only unrelated props are passed', () => {
+      const { useSensor } = require('@dnd-kit/core');
+      render(<DragProvider {...defaultProps} collisionDetection={jest.fn()} />);
+
+      expect(useSensor).toHaveBeenCalledWith('KeyboardSensor', undefined);
+    });
   });
 
   describe('re-rendering', () => {

package/src/drag-provider.jsx

@@ -2,12 +2,28 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
 
-export function DragProvider({ children, onDragEnd, onDragStart, collisionDetection, modifiers, autoScroll }) {
+export function DragProvider({
+  children,
+  onDragEnd,
+  onDragStart,
+  collisionDetection,
+  modifiers,
+  autoScroll,
+  keyboardCoordinateGetter,
+  keyboardCodes,
+  accessibility,
+}) {
   const [activeId, setActiveId] = useState(null);
 
+  // Only build a keyboard sensor options object when a consumer actually customizes
+  // it, so consumers that don't pass these props get dnd-kit's own defaults exactly
+  // as before (arrow-key nudging, Tab ends the drag, etc.).
+  const keyboardSensorOptions =
+    keyboardCoordinateGetter || keyboardCodes ? { coordinateGetter: keyboardCoordinateGetter, keyboardCodes } : undefined;
+
   const sensors = useSensors(
     useSensor(PointerSensor, { activationConstraint: { distance: 8 } }),
-    useSensor(KeyboardSensor),
+    useSensor(KeyboardSensor, keyboardSensorOptions),
   );
 
   const handleDragStart = (event) => {
@@ -32,6 +48,7 @@ export function DragProvider({ children, onDragEnd, onDragStart, collisionDetect
       collisionDetection={collisionDetection}
       modifiers={modifiers}
       autoScroll={autoScroll}
+      accessibility={accessibility}
     >
       {children}
     </DndContext>
@@ -45,6 +62,19 @@ DragProvider.propTypes = {
   collisionDetection: PropTypes.func,
   modifiers: PropTypes.arrayOf(PropTypes.func),
   autoScroll: PropTypes.object,
+  // Custom dnd-kit KeyboardSensor coordinateGetter (e.g. for Tab/Shift+Tab-based placement).
+  // Omit to keep dnd-kit's default keyboard-dragging behavior.
+  keyboardCoordinateGetter: PropTypes.func,
+  // Overrides for dnd-kit's KeyboardSensor keyboardCodes (start/cancel/end).
+  // Omit to keep dnd-kit's defaults.
+  keyboardCodes: PropTypes.shape({
+    start: PropTypes.arrayOf(PropTypes.string),
+    cancel: PropTypes.arrayOf(PropTypes.string),
+    end: PropTypes.arrayOf(PropTypes.string),
+  }),
+  // Passed straight through to dnd-kit's DndContext (screenReaderInstructions,
+  // announcements, container). Omit to keep dnd-kit's defaults.
+  accessibility: PropTypes.object,
 };
 
 export default DragProvider;