@jswork/react-dnd-list 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -2,10 +2,10 @@
2
2
  * name: @jswork/react-dnd-list
3
3
  * description: A lightweight, accessible draggable list component built with dnd-kit.
4
4
  * homepage: https://js.work
5
- * version: 1.0.1
6
- * date: 2026-11-11T05:19:44.128Z
5
+ * version: 1.0.2
6
+ * date: 2026-11-11T12:54:20.265Z
7
7
  * license: MIT
8
8
  */
9
9
 
10
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("tslib"),require("react"),require("classnames"),require("@dnd-kit/core"),require("@dnd-kit/sortable"),require("@dnd-kit/utilities"),require("@jswork/react-list")):"function"==typeof define&&define.amd?define(["exports","tslib","react","classnames","@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","@jswork/react-list"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactDndList={},e.tslib,e.React,e.classNames,e.DndKitCore,e.DndKitSortable,e.DndKitUtilities,e.ReactList)}(this,function(e,t,n,r,i,a,s,o){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(n),u=l(r),c="react-dnd-list";function f(e,t,n,r){var i=t.indexOf(n),s=t.indexOf(r);return i<0||s<0||i===s?null:a.arrayMove(e,i,s)}function m(e){var n=e.id,r=e.item,i=e.index,l=e.data,f=e.slot,m=e.handleOnly,g=e.disabled,b=e.classNames,v=a.useSortable({id:n,disabled:g}),_=v.attributes,y=v.listeners,p=v.setNodeRef,x=v.setActivatorNodeRef,S=v.transform,E=v.transition,N=v.isDragging,D=m?t.__assign(t.__assign(t.__assign({},_),y),{ref:x}):{ref:x},h=m?{}:t.__assign(t.__assign({},_),y);return d.default.createElement("div",t.__assign({ref:p,className:u.default("".concat(c,"__item"),null==b?void 0:b.item,N&&(null==b?void 0:b.dragging)),style:{transform:s.CSS.Transform.toString(S),transition:E}},h),o.renderSlot(f,{item:r,index:i,data:l,dragHandleProps:D,isDragging:N},n))}function g(e){var r,s=e.value,l=e.onChange,g=e.keyExtractor,b=e.slots,v=e.handleOnly,_=void 0!==v&&v,y=e.direction,p=void 0===y?"vertical":y,x=e.disabled,S=void 0!==x&&x,E=e.className,N=e.classNames,D=e.dndContextProps,h=e.sortableContextProps,C=t.__rest(e,["value","onChange","keyExtractor","slots","handleOnly","direction","disabled","className","classNames","dndContextProps","sortableContextProps"]),k=null!=g?g:"id",O=n.useMemo(function(){return s.map(function(e,t){return o.getKey(e,t,s,k)})},[s,k]),P=i.useSensors(i.useSensor(i.PointerSensor),i.useSensor(i.KeyboardSensor,{coordinateGetter:a.sortableKeyboardCoordinates})),L="horizontal"===p?a.horizontalListSortingStrategy:a.verticalListSortingStrategy,j=null!=D?D:{},q=j.onDragEnd,R=t.__rest(j,["onDragEnd"]),K=u.default(c,null==N?void 0:N.root,E,0===s.length&&(null==N?void 0:N.empty)),M=o.ReactList;return 0===s.length?d.default.createElement("div",t.__assign({className:K},C),o.renderSlot(b.empty,{data:s})):d.default.createElement("div",t.__assign({className:K},C),d.default.createElement(i.DndContext,t.__assign({sensors:P,collisionDetection:i.closestCenter},R,{onDragEnd:function(e){if(null==q||q(e),!S&&e.over){var t=f(s,O,e.active.id,e.over.id);t&&(null==l||l(t,e))}}}),d.default.createElement(a.SortableContext,t.__assign({},h,{items:O,strategy:null!==(r=null==h?void 0:h.strategy)&&void 0!==r?r:L}),d.default.createElement(M,{data:s,keyExtractor:k,slots:{item:function(e){return d.default.createElement(m,{id:O[e.index],item:e.item,index:e.index,data:e.data,slot:b.item,handleOnly:_,disabled:S,classNames:N})}}}))))}g.displayName=c,g.version="1.0.1",Object.defineProperty(e,"INDEX",{enumerable:!0,get:function(){return o.INDEX}}),Object.defineProperty(e,"SELF",{enumerable:!0,get:function(){return o.SELF}}),e.ReactDndList=g,e.default=g,e.reorder=f,Object.defineProperty(e,"__esModule",{value:!0})});
10
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("tslib"),require("react"),require("classnames"),require("@dnd-kit/core"),require("@dnd-kit/sortable"),require("@dnd-kit/utilities"),require("@jswork/react-list")):"function"==typeof define&&define.amd?define(["exports","tslib","react","classnames","@dnd-kit/core","@dnd-kit/sortable","@dnd-kit/utilities","@jswork/react-list"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactDndList={},e.tslib,e.React,e.classNames,e.DndKitCore,e.DndKitSortable,e.DndKitUtilities,e.ReactList)}(this,function(e,t,n,r,i,a,s,o){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(n),u=l(r),c="react-dnd-list";function f(e,t,n,r){var i=t.indexOf(n),s=t.indexOf(r);return i<0||s<0||i===s?null:a.arrayMove(e,i,s)}function m(e){var n=e.id,r=e.item,i=e.index,l=e.data,f=e.slot,m=e.handleOnly,g=e.disabled,b=e.classNames,v=a.useSortable({id:n,disabled:g}),_=v.attributes,y=v.listeners,p=v.setNodeRef,x=v.setActivatorNodeRef,S=v.transform,E=v.transition,N=v.isDragging,D=m?t.__assign(t.__assign(t.__assign({},_),y),{ref:x}):{ref:x},h=m?{}:t.__assign(t.__assign({},_),y);return d.default.createElement("div",t.__assign({ref:p,className:u.default("".concat(c,"__item"),null==b?void 0:b.item,N&&(null==b?void 0:b.dragging)),style:{transform:s.CSS.Transform.toString(S),transition:E}},h),o.renderSlot(f,{item:r,index:i,data:l,dragHandleProps:D,isDragging:N},n))}function g(e){var r,s=e.value,l=e.onChange,g=e.keyExtractor,b=e.slots,v=e.handleOnly,_=void 0!==v&&v,y=e.direction,p=void 0===y?"vertical":y,x=e.disabled,S=void 0!==x&&x,E=e.className,N=e.classNames,D=e.dndContextProps,h=e.sortableContextProps,C=t.__rest(e,["value","onChange","keyExtractor","slots","handleOnly","direction","disabled","className","classNames","dndContextProps","sortableContextProps"]),k=null!=g?g:"id",O=n.useMemo(function(){return s.map(function(e,t){return o.getKey(e,t,s,k)})},[s,k]),P=i.useSensors(i.useSensor(i.PointerSensor),i.useSensor(i.KeyboardSensor,{coordinateGetter:a.sortableKeyboardCoordinates})),L="horizontal"===p?a.horizontalListSortingStrategy:a.verticalListSortingStrategy,j=null!=D?D:{},q=j.onDragEnd,R=t.__rest(j,["onDragEnd"]),K=u.default(c,null==N?void 0:N.root,E,0===s.length&&(null==N?void 0:N.empty)),M=o.ReactList;return 0===s.length?d.default.createElement("div",t.__assign({className:K},C),o.renderSlot(b.empty,{data:s})):d.default.createElement("div",t.__assign({className:K},C),d.default.createElement(i.DndContext,t.__assign({sensors:P,collisionDetection:i.closestCenter},R,{onDragEnd:function(e){if(null==q||q(e),!S&&e.over){var t=f(s,O,e.active.id,e.over.id);t&&(null==l||l(t,e))}}}),d.default.createElement(a.SortableContext,t.__assign({},h,{items:O,strategy:null!==(r=null==h?void 0:h.strategy)&&void 0!==r?r:L}),d.default.createElement(M,{data:s,keyExtractor:k,slots:{item:function(e){return d.default.createElement(m,{id:O[e.index],item:e.item,index:e.index,data:e.data,slot:b.item,handleOnly:_,disabled:S,classNames:N})}}}))))}g.displayName=c,g.version="1.0.2",Object.defineProperty(e,"INDEX",{enumerable:!0,get:function(){return o.INDEX}}),Object.defineProperty(e,"SELF",{enumerable:!0,get:function(){return o.SELF}}),e.ReactDndList=g,e.default=g,e.reorder=f,Object.defineProperty(e,"__esModule",{value:!0})});
11
11
  //# sourceMappingURL=index.js.map
package/dist/style.css CHANGED
@@ -1,10 +1,6 @@
1
1
  .react-dnd-list {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- gap: 0;
5
- margin: 0;
6
- padding: 0;
7
- list-style: none;
8
4
  }
9
5
  .react-dnd-list__item {
10
6
  position: relative;
package/dist/style.scss CHANGED
@@ -1,10 +1,6 @@
1
1
  .react-dnd-list {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- gap: 0;
5
- margin: 0;
6
- padding: 0;
7
- list-style: none;
8
4
 
9
5
  &__item {
10
6
  position: relative;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@jswork/react-dnd-list",
3
3
  "homepage": "https://js.work",
4
- "version": "1.0.1",
4
+ "version": "1.0.2",
5
5
  "description": "A lightweight, accessible draggable list component built with dnd-kit.",
6
6
  "license": "MIT",
7
7
  "type": "module",
@@ -1,10 +1,6 @@
1
1
  .react-dnd-list {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- gap: 0;
5
- margin: 0;
6
- padding: 0;
7
- list-style: none;
8
4
 
9
5
  &__item {
10
6
  position: relative;