@almadar/ui 4.50.17 → 4.50.18

package/dist/avl/index.cjs

@@ -24913,6 +24913,7 @@ function useDataDnd(args) {
     sortable: sortable$1,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField = "id",
     dndRoot,
     items,
@@ -24980,8 +24981,8 @@ function useDataDnd(args) {
   const [activeDrag, setActiveDrag] = React93__namespace.default.useState(null);
   const [overZoneGroup, setOverZoneGroup] = React93__namespace.default.useState(null);
   const meta = React93__namespace.default.useMemo(
-    () => ({ group: ownGroup, dropEvent, reorderEvent, itemIds, rawItems: items, idField: dndItemIdField }),
-    [ownGroup, dropEvent, reorderEvent, itemIds, items, dndItemIdField]
+    () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
+    [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
   React93__namespace.default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
@@ -25067,6 +25068,20 @@ function useDataDnd(args) {
         dndLog.warn("dragEnd:abort:no-zone-resolved", { activeId: active.id, hasSource: !!sourceMeta, hasTarget: !!targetMeta });
         return;
       }
+      const emitPositions = (zoneMeta) => {
+        if (!zoneMeta.positionEvent) {
+          dndLog.debug("dragEnd:positions:no-event", { group: zoneMeta.group });
+          return;
+        }
+        const evt = `UI:${zoneMeta.positionEvent}`;
+        const order = optimisticOrdersRef.current.get(zoneMeta.group) ?? zoneMeta.rawItems;
+        order.forEach((it, idx) => {
+          const id = String(it[zoneMeta.idField]);
+          const position = idx * 1e3;
+          eventBus.emit(evt, { id, position });
+        });
+        dndLog.info("dragEnd:positions:emitted", { event: evt, group: zoneMeta.group, count: order.length });
+      };
       if (sourceMeta.group !== targetMeta.group) {
         if (targetMeta.dropEvent) {
           const evt = `UI:${targetMeta.dropEvent}`;
@@ -25086,6 +25101,8 @@ function useDataDnd(args) {
         } else {
           dndLog.warn("dragEnd:cross-container:no-dropEvent-on-target", { targetGroup: targetMeta.group });
         }
+        emitPositions(sourceMeta);
+        emitPositions(targetMeta);
         return;
       }
       if (oldIndex === newIndex) {
@@ -25108,6 +25125,7 @@ function useDataDnd(args) {
       } else {
         dndLog.debug("dragEnd:reorder:no-reorderEvent", { sourceGroup: sourceMeta.group });
       }
+      emitPositions(sourceMeta);
     },
     [eventBus]
   );
@@ -25412,6 +25430,7 @@ function DataGrid({
   sortable,
   dropEvent,
   reorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -25429,6 +25448,7 @@ function DataGrid({
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });
@@ -25821,6 +25841,7 @@ function DataList({
   sortable: sortableProp,
   dropEvent,
   reorderEvent: dndReorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -25837,6 +25858,7 @@ function DataList({
     sortable: sortableProp,
     dropEvent,
     reorderEvent: dndReorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });

package/dist/avl/index.js

@@ -24867,6 +24867,7 @@ function useDataDnd(args) {
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField = "id",
     dndRoot,
     items,
@@ -24934,8 +24935,8 @@ function useDataDnd(args) {
   const [activeDrag, setActiveDrag] = React93__default.useState(null);
   const [overZoneGroup, setOverZoneGroup] = React93__default.useState(null);
   const meta = React93__default.useMemo(
-    () => ({ group: ownGroup, dropEvent, reorderEvent, itemIds, rawItems: items, idField: dndItemIdField }),
-    [ownGroup, dropEvent, reorderEvent, itemIds, items, dndItemIdField]
+    () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
+    [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
   React93__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
@@ -25021,6 +25022,20 @@ function useDataDnd(args) {
         dndLog.warn("dragEnd:abort:no-zone-resolved", { activeId: active.id, hasSource: !!sourceMeta, hasTarget: !!targetMeta });
         return;
       }
+      const emitPositions = (zoneMeta) => {
+        if (!zoneMeta.positionEvent) {
+          dndLog.debug("dragEnd:positions:no-event", { group: zoneMeta.group });
+          return;
+        }
+        const evt = `UI:${zoneMeta.positionEvent}`;
+        const order = optimisticOrdersRef.current.get(zoneMeta.group) ?? zoneMeta.rawItems;
+        order.forEach((it, idx) => {
+          const id = String(it[zoneMeta.idField]);
+          const position = idx * 1e3;
+          eventBus.emit(evt, { id, position });
+        });
+        dndLog.info("dragEnd:positions:emitted", { event: evt, group: zoneMeta.group, count: order.length });
+      };
       if (sourceMeta.group !== targetMeta.group) {
         if (targetMeta.dropEvent) {
           const evt = `UI:${targetMeta.dropEvent}`;
@@ -25040,6 +25055,8 @@ function useDataDnd(args) {
         } else {
           dndLog.warn("dragEnd:cross-container:no-dropEvent-on-target", { targetGroup: targetMeta.group });
         }
+        emitPositions(sourceMeta);
+        emitPositions(targetMeta);
         return;
       }
       if (oldIndex === newIndex) {
@@ -25062,6 +25079,7 @@ function useDataDnd(args) {
       } else {
         dndLog.debug("dragEnd:reorder:no-reorderEvent", { sourceGroup: sourceMeta.group });
       }
+      emitPositions(sourceMeta);
     },
     [eventBus]
   );
@@ -25366,6 +25384,7 @@ function DataGrid({
   sortable,
   dropEvent,
   reorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -25383,6 +25402,7 @@ function DataGrid({
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });
@@ -25775,6 +25795,7 @@ function DataList({
   sortable: sortableProp,
   dropEvent,
   reorderEvent: dndReorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -25791,6 +25812,7 @@ function DataList({
     sortable: sortableProp,
     dropEvent,
     reorderEvent: dndReorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });

package/dist/components/index.cjs

@@ -20080,6 +20080,7 @@ function useDataDnd(args) {
     sortable: sortable$1,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField = "id",
     dndRoot,
     items,
@@ -20147,8 +20148,8 @@ function useDataDnd(args) {
   const [activeDrag, setActiveDrag] = React75__namespace.default.useState(null);
   const [overZoneGroup, setOverZoneGroup] = React75__namespace.default.useState(null);
   const meta = React75__namespace.default.useMemo(
-    () => ({ group: ownGroup, dropEvent, reorderEvent, itemIds, rawItems: items, idField: dndItemIdField }),
-    [ownGroup, dropEvent, reorderEvent, itemIds, items, dndItemIdField]
+    () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
+    [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
   React75__namespace.default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
@@ -20234,6 +20235,20 @@ function useDataDnd(args) {
         dndLog.warn("dragEnd:abort:no-zone-resolved", { activeId: active.id, hasSource: !!sourceMeta, hasTarget: !!targetMeta });
         return;
       }
+      const emitPositions = (zoneMeta) => {
+        if (!zoneMeta.positionEvent) {
+          dndLog.debug("dragEnd:positions:no-event", { group: zoneMeta.group });
+          return;
+        }
+        const evt = `UI:${zoneMeta.positionEvent}`;
+        const order = optimisticOrdersRef.current.get(zoneMeta.group) ?? zoneMeta.rawItems;
+        order.forEach((it, idx) => {
+          const id = String(it[zoneMeta.idField]);
+          const position = idx * 1e3;
+          eventBus.emit(evt, { id, position });
+        });
+        dndLog.info("dragEnd:positions:emitted", { event: evt, group: zoneMeta.group, count: order.length });
+      };
       if (sourceMeta.group !== targetMeta.group) {
         if (targetMeta.dropEvent) {
           const evt = `UI:${targetMeta.dropEvent}`;
@@ -20253,6 +20268,8 @@ function useDataDnd(args) {
         } else {
           dndLog.warn("dragEnd:cross-container:no-dropEvent-on-target", { targetGroup: targetMeta.group });
         }
+        emitPositions(sourceMeta);
+        emitPositions(targetMeta);
         return;
       }
       if (oldIndex === newIndex) {
@@ -20275,6 +20292,7 @@ function useDataDnd(args) {
       } else {
         dndLog.debug("dragEnd:reorder:no-reorderEvent", { sourceGroup: sourceMeta.group });
       }
+      emitPositions(sourceMeta);
     },
     [eventBus]
   );
@@ -20579,6 +20597,7 @@ function DataGrid({
   sortable,
   dropEvent,
   reorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -20596,6 +20615,7 @@ function DataGrid({
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });
@@ -20988,6 +21008,7 @@ function DataList({
   sortable: sortableProp,
   dropEvent,
   reorderEvent: dndReorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -21004,6 +21025,7 @@ function DataList({
     sortable: sortableProp,
     dropEvent,
     reorderEvent: dndReorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });

package/dist/components/index.js

@@ -20034,6 +20034,7 @@ function useDataDnd(args) {
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField = "id",
     dndRoot,
     items,
@@ -20101,8 +20102,8 @@ function useDataDnd(args) {
   const [activeDrag, setActiveDrag] = React75__default.useState(null);
   const [overZoneGroup, setOverZoneGroup] = React75__default.useState(null);
   const meta = React75__default.useMemo(
-    () => ({ group: ownGroup, dropEvent, reorderEvent, itemIds, rawItems: items, idField: dndItemIdField }),
-    [ownGroup, dropEvent, reorderEvent, itemIds, items, dndItemIdField]
+    () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
+    [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
   React75__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
@@ -20188,6 +20189,20 @@ function useDataDnd(args) {
         dndLog.warn("dragEnd:abort:no-zone-resolved", { activeId: active.id, hasSource: !!sourceMeta, hasTarget: !!targetMeta });
         return;
       }
+      const emitPositions = (zoneMeta) => {
+        if (!zoneMeta.positionEvent) {
+          dndLog.debug("dragEnd:positions:no-event", { group: zoneMeta.group });
+          return;
+        }
+        const evt = `UI:${zoneMeta.positionEvent}`;
+        const order = optimisticOrdersRef.current.get(zoneMeta.group) ?? zoneMeta.rawItems;
+        order.forEach((it, idx) => {
+          const id = String(it[zoneMeta.idField]);
+          const position = idx * 1e3;
+          eventBus.emit(evt, { id, position });
+        });
+        dndLog.info("dragEnd:positions:emitted", { event: evt, group: zoneMeta.group, count: order.length });
+      };
       if (sourceMeta.group !== targetMeta.group) {
         if (targetMeta.dropEvent) {
           const evt = `UI:${targetMeta.dropEvent}`;
@@ -20207,6 +20222,8 @@ function useDataDnd(args) {
         } else {
           dndLog.warn("dragEnd:cross-container:no-dropEvent-on-target", { targetGroup: targetMeta.group });
         }
+        emitPositions(sourceMeta);
+        emitPositions(targetMeta);
         return;
       }
       if (oldIndex === newIndex) {
@@ -20229,6 +20246,7 @@ function useDataDnd(args) {
       } else {
         dndLog.debug("dragEnd:reorder:no-reorderEvent", { sourceGroup: sourceMeta.group });
       }
+      emitPositions(sourceMeta);
     },
     [eventBus]
   );
@@ -20533,6 +20551,7 @@ function DataGrid({
   sortable,
   dropEvent,
   reorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -20550,6 +20569,7 @@ function DataGrid({
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });
@@ -20942,6 +20962,7 @@ function DataList({
   sortable: sortableProp,
   dropEvent,
   reorderEvent: dndReorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -20958,6 +20979,7 @@ function DataList({
     sortable: sortableProp,
     dropEvent,
     reorderEvent: dndReorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });

package/dist/components/molecules/DataGrid.d.ts

@@ -103,7 +103,7 @@ export interface DataGridProps<T extends EntityRow = EntityRow> extends DataDndP
     /** Max items to show before "Show More" button. Defaults to 0 (disabled). */
     pageSize?: number;
 }
-export declare function DataGrid<T extends EntityRow = EntityRow>({ entity, fields, columns, itemActions, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, dndItemIdField, dndRoot, }: DataGridProps<T>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+export declare function DataGrid<T extends EntityRow = EntityRow>({ entity, fields, columns, itemActions, cols, gap, minCardWidth, className, isLoading, error, imageField, selectable, selectionEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable, dropEvent, reorderEvent, positionEvent, dndItemIdField, dndRoot, }: DataGridProps<T>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 export declare namespace DataGrid {
     var displayName: string;
 }

package/dist/components/molecules/DataList.d.ts

@@ -117,7 +117,7 @@ export interface DataListProps<T extends EntityRow = EntityRow> extends DataDndP
     /** Max items to show before "Show More" button. Defaults to 5. Set to 0 to disable. */
     pageSize?: number;
 }
-export declare function DataList<T extends EntityRow = EntityRow>({ entity, fields, columns, itemActions, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, dndItemIdField, dndRoot, }: DataListProps<T>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+export declare function DataList<T extends EntityRow = EntityRow>({ entity, fields, columns, itemActions, gap, variant, groupBy, senderField, currentUser, className, isLoading, error, reorderable: _reorderable, reorderEvent: _reorderEvent, swipeLeftEvent: _swipeLeftEvent, swipeLeftActions: _swipeLeftActions, swipeRightEvent: _swipeRightEvent, swipeRightActions: _swipeRightActions, longPressEvent: _longPressEvent, infiniteScroll, loadMoreEvent, hasMore, children, pageSize, renderItem: schemaRenderItem, dragGroup, accepts, sortable: sortableProp, dropEvent, reorderEvent: dndReorderEvent, positionEvent, dndItemIdField, dndRoot, }: DataListProps<T>): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 export declare namespace DataList {
     var displayName: string;
 }

package/dist/components/molecules/useDataDnd.d.ts

@@ -20,6 +20,14 @@ import React from 'react';
 import { type UniqueIdentifier } from '@dnd-kit/core';
 import type { EntityRow, EventKey } from '@almadar/core';
 export interface DataDndProps {
+    /**
+     * Event emitted N times per drop (one per item in each affected zone) so
+     * the trait can persist new positions for every item — not just the moved
+     * one. Required for stable sort-by-position because setting only the
+     * dragged item's position creates collisions with the (unchanged) others.
+     * Payload: { id : string, position : number }.
+     */
+    positionEvent?: EventKey;
     dragGroup?: string;
     accepts?: string;
     sortable?: boolean;

package/dist/providers/index.cjs

@@ -21325,6 +21325,7 @@ function useDataDnd(args) {
     sortable: sortable$1,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField = "id",
     dndRoot,
     items,
@@ -21392,8 +21393,8 @@ function useDataDnd(args) {
   const [activeDrag, setActiveDrag] = React81__namespace.default.useState(null);
   const [overZoneGroup, setOverZoneGroup] = React81__namespace.default.useState(null);
   const meta = React81__namespace.default.useMemo(
-    () => ({ group: ownGroup, dropEvent, reorderEvent, itemIds, rawItems: items, idField: dndItemIdField }),
-    [ownGroup, dropEvent, reorderEvent, itemIds, items, dndItemIdField]
+    () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
+    [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
   React81__namespace.default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
@@ -21479,6 +21480,20 @@ function useDataDnd(args) {
         dndLog.warn("dragEnd:abort:no-zone-resolved", { activeId: active.id, hasSource: !!sourceMeta, hasTarget: !!targetMeta });
         return;
       }
+      const emitPositions = (zoneMeta) => {
+        if (!zoneMeta.positionEvent) {
+          dndLog.debug("dragEnd:positions:no-event", { group: zoneMeta.group });
+          return;
+        }
+        const evt = `UI:${zoneMeta.positionEvent}`;
+        const order = optimisticOrdersRef.current.get(zoneMeta.group) ?? zoneMeta.rawItems;
+        order.forEach((it, idx) => {
+          const id = String(it[zoneMeta.idField]);
+          const position = idx * 1e3;
+          eventBus.emit(evt, { id, position });
+        });
+        dndLog.info("dragEnd:positions:emitted", { event: evt, group: zoneMeta.group, count: order.length });
+      };
       if (sourceMeta.group !== targetMeta.group) {
         if (targetMeta.dropEvent) {
           const evt = `UI:${targetMeta.dropEvent}`;
@@ -21498,6 +21513,8 @@ function useDataDnd(args) {
         } else {
           dndLog.warn("dragEnd:cross-container:no-dropEvent-on-target", { targetGroup: targetMeta.group });
         }
+        emitPositions(sourceMeta);
+        emitPositions(targetMeta);
         return;
       }
       if (oldIndex === newIndex) {
@@ -21520,6 +21537,7 @@ function useDataDnd(args) {
       } else {
         dndLog.debug("dragEnd:reorder:no-reorderEvent", { sourceGroup: sourceMeta.group });
       }
+      emitPositions(sourceMeta);
     },
     [eventBus]
   );
@@ -21824,6 +21842,7 @@ function DataGrid({
   sortable,
   dropEvent,
   reorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -21841,6 +21860,7 @@ function DataGrid({
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });
@@ -22233,6 +22253,7 @@ function DataList({
   sortable: sortableProp,
   dropEvent,
   reorderEvent: dndReorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -22249,6 +22270,7 @@ function DataList({
     sortable: sortableProp,
     dropEvent,
     reorderEvent: dndReorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });

package/dist/providers/index.js

@@ -21279,6 +21279,7 @@ function useDataDnd(args) {
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField = "id",
     dndRoot,
     items,
@@ -21346,8 +21347,8 @@ function useDataDnd(args) {
   const [activeDrag, setActiveDrag] = React81__default.useState(null);
   const [overZoneGroup, setOverZoneGroup] = React81__default.useState(null);
   const meta = React81__default.useMemo(
-    () => ({ group: ownGroup, dropEvent, reorderEvent, itemIds, rawItems: items, idField: dndItemIdField }),
-    [ownGroup, dropEvent, reorderEvent, itemIds, items, dndItemIdField]
+    () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
+    [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
   React81__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
@@ -21433,6 +21434,20 @@ function useDataDnd(args) {
         dndLog.warn("dragEnd:abort:no-zone-resolved", { activeId: active.id, hasSource: !!sourceMeta, hasTarget: !!targetMeta });
         return;
       }
+      const emitPositions = (zoneMeta) => {
+        if (!zoneMeta.positionEvent) {
+          dndLog.debug("dragEnd:positions:no-event", { group: zoneMeta.group });
+          return;
+        }
+        const evt = `UI:${zoneMeta.positionEvent}`;
+        const order = optimisticOrdersRef.current.get(zoneMeta.group) ?? zoneMeta.rawItems;
+        order.forEach((it, idx) => {
+          const id = String(it[zoneMeta.idField]);
+          const position = idx * 1e3;
+          eventBus.emit(evt, { id, position });
+        });
+        dndLog.info("dragEnd:positions:emitted", { event: evt, group: zoneMeta.group, count: order.length });
+      };
       if (sourceMeta.group !== targetMeta.group) {
         if (targetMeta.dropEvent) {
           const evt = `UI:${targetMeta.dropEvent}`;
@@ -21452,6 +21467,8 @@ function useDataDnd(args) {
         } else {
           dndLog.warn("dragEnd:cross-container:no-dropEvent-on-target", { targetGroup: targetMeta.group });
         }
+        emitPositions(sourceMeta);
+        emitPositions(targetMeta);
         return;
       }
       if (oldIndex === newIndex) {
@@ -21474,6 +21491,7 @@ function useDataDnd(args) {
       } else {
         dndLog.debug("dragEnd:reorder:no-reorderEvent", { sourceGroup: sourceMeta.group });
       }
+      emitPositions(sourceMeta);
     },
     [eventBus]
   );
@@ -21778,6 +21796,7 @@ function DataGrid({
   sortable,
   dropEvent,
   reorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -21795,6 +21814,7 @@ function DataGrid({
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });
@@ -22187,6 +22207,7 @@ function DataList({
   sortable: sortableProp,
   dropEvent,
   reorderEvent: dndReorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -22203,6 +22224,7 @@ function DataList({
     sortable: sortableProp,
     dropEvent,
     reorderEvent: dndReorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });

package/dist/runtime/index.cjs

@@ -21094,6 +21094,7 @@ function useDataDnd(args) {
     sortable: sortable$1,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField = "id",
     dndRoot,
     items,
@@ -21161,8 +21162,8 @@ function useDataDnd(args) {
   const [activeDrag, setActiveDrag] = React80__namespace.default.useState(null);
   const [overZoneGroup, setOverZoneGroup] = React80__namespace.default.useState(null);
   const meta = React80__namespace.default.useMemo(
-    () => ({ group: ownGroup, dropEvent, reorderEvent, itemIds, rawItems: items, idField: dndItemIdField }),
-    [ownGroup, dropEvent, reorderEvent, itemIds, items, dndItemIdField]
+    () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
+    [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
   React80__namespace.default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
@@ -21248,6 +21249,20 @@ function useDataDnd(args) {
         dndLog.warn("dragEnd:abort:no-zone-resolved", { activeId: active.id, hasSource: !!sourceMeta, hasTarget: !!targetMeta });
         return;
       }
+      const emitPositions = (zoneMeta) => {
+        if (!zoneMeta.positionEvent) {
+          dndLog.debug("dragEnd:positions:no-event", { group: zoneMeta.group });
+          return;
+        }
+        const evt = `UI:${zoneMeta.positionEvent}`;
+        const order = optimisticOrdersRef.current.get(zoneMeta.group) ?? zoneMeta.rawItems;
+        order.forEach((it, idx) => {
+          const id = String(it[zoneMeta.idField]);
+          const position = idx * 1e3;
+          eventBus.emit(evt, { id, position });
+        });
+        dndLog.info("dragEnd:positions:emitted", { event: evt, group: zoneMeta.group, count: order.length });
+      };
       if (sourceMeta.group !== targetMeta.group) {
         if (targetMeta.dropEvent) {
           const evt = `UI:${targetMeta.dropEvent}`;
@@ -21267,6 +21282,8 @@ function useDataDnd(args) {
         } else {
           dndLog.warn("dragEnd:cross-container:no-dropEvent-on-target", { targetGroup: targetMeta.group });
         }
+        emitPositions(sourceMeta);
+        emitPositions(targetMeta);
         return;
       }
       if (oldIndex === newIndex) {
@@ -21289,6 +21306,7 @@ function useDataDnd(args) {
       } else {
         dndLog.debug("dragEnd:reorder:no-reorderEvent", { sourceGroup: sourceMeta.group });
       }
+      emitPositions(sourceMeta);
     },
     [eventBus]
   );
@@ -21593,6 +21611,7 @@ function DataGrid({
   sortable,
   dropEvent,
   reorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -21610,6 +21629,7 @@ function DataGrid({
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });
@@ -22002,6 +22022,7 @@ function DataList({
   sortable: sortableProp,
   dropEvent,
   reorderEvent: dndReorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -22018,6 +22039,7 @@ function DataList({
     sortable: sortableProp,
     dropEvent,
     reorderEvent: dndReorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });

package/dist/runtime/index.js

@@ -21048,6 +21048,7 @@ function useDataDnd(args) {
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField = "id",
     dndRoot,
     items,
@@ -21115,8 +21116,8 @@ function useDataDnd(args) {
   const [activeDrag, setActiveDrag] = React80__default.useState(null);
   const [overZoneGroup, setOverZoneGroup] = React80__default.useState(null);
   const meta = React80__default.useMemo(
-    () => ({ group: ownGroup, dropEvent, reorderEvent, itemIds, rawItems: items, idField: dndItemIdField }),
-    [ownGroup, dropEvent, reorderEvent, itemIds, items, dndItemIdField]
+    () => ({ group: ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, rawItems: items, idField: dndItemIdField }),
+    [ownGroup, dropEvent, reorderEvent, positionEvent, itemIds, items, dndItemIdField]
   );
   React80__default.useEffect(() => {
     const target = isRoot ? null : parentRoot;
@@ -21202,6 +21203,20 @@ function useDataDnd(args) {
         dndLog.warn("dragEnd:abort:no-zone-resolved", { activeId: active.id, hasSource: !!sourceMeta, hasTarget: !!targetMeta });
         return;
       }
+      const emitPositions = (zoneMeta) => {
+        if (!zoneMeta.positionEvent) {
+          dndLog.debug("dragEnd:positions:no-event", { group: zoneMeta.group });
+          return;
+        }
+        const evt = `UI:${zoneMeta.positionEvent}`;
+        const order = optimisticOrdersRef.current.get(zoneMeta.group) ?? zoneMeta.rawItems;
+        order.forEach((it, idx) => {
+          const id = String(it[zoneMeta.idField]);
+          const position = idx * 1e3;
+          eventBus.emit(evt, { id, position });
+        });
+        dndLog.info("dragEnd:positions:emitted", { event: evt, group: zoneMeta.group, count: order.length });
+      };
       if (sourceMeta.group !== targetMeta.group) {
         if (targetMeta.dropEvent) {
           const evt = `UI:${targetMeta.dropEvent}`;
@@ -21221,6 +21236,8 @@ function useDataDnd(args) {
         } else {
           dndLog.warn("dragEnd:cross-container:no-dropEvent-on-target", { targetGroup: targetMeta.group });
         }
+        emitPositions(sourceMeta);
+        emitPositions(targetMeta);
         return;
       }
       if (oldIndex === newIndex) {
@@ -21243,6 +21260,7 @@ function useDataDnd(args) {
       } else {
         dndLog.debug("dragEnd:reorder:no-reorderEvent", { sourceGroup: sourceMeta.group });
       }
+      emitPositions(sourceMeta);
     },
     [eventBus]
   );
@@ -21547,6 +21565,7 @@ function DataGrid({
   sortable,
   dropEvent,
   reorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -21564,6 +21583,7 @@ function DataGrid({
     sortable,
     dropEvent,
     reorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });
@@ -21956,6 +21976,7 @@ function DataList({
   sortable: sortableProp,
   dropEvent,
   reorderEvent: dndReorderEvent,
+  positionEvent,
   dndItemIdField,
   dndRoot
 }) {
@@ -21972,6 +21993,7 @@ function DataList({
     sortable: sortableProp,
     dropEvent,
     reorderEvent: dndReorderEvent,
+    positionEvent,
     dndItemIdField,
     dndRoot
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.50.17",
+  "version": "4.50.18",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [