npm - @navikt/ds-react - Versions diffs - 8.10.4 → 8.10.5 - Mend

@navikt/ds-react 8.10.4 → 8.10.5

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.

Files changed (128) hide show

package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js CHANGED Viewed

@@ -25,28 +25,26 @@ exports.DragAndDropDragHandler = react_1.default.forwardRef(({ item, itemRef, is
             react_1.default.createElement(aksel_icons_1.DragVerticalIcon, { fontSize: "1.5rem" })));
     }
     return (react_1.default.createElement("div", { className: "aksel-data-drag-and-drop__drag-handler", ref: forwardedRef },
-        active && (react_1.default.createElement("button", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "up", onClick: () => context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(-1), onMouseDown: (e) => e.preventDefault(), disabled: ((_b = context === null || context === void 0 ? void 0 : context.dragHandlerActive) === null || _b === void 0 ? void 0 : _b.index) === 0, type: "button" },
+        active && (react_1.default.createElement("button", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "up", onClick: () => context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(-1, itemLabel), onMouseDown: (e) => e.preventDefault(), disabled: ((_b = context === null || context === void 0 ? void 0 : context.dragHandlerActive) === null || _b === void 0 ? void 0 : _b.index) === 0, type: "button" },
             react_1.default.createElement(aksel_icons_1.CaretUpCircleFillIcon, { "aria-hidden": true, fontSize: "1.8rem" }))),
-        react_1.default.createElement("button", { "aria-label": active
-                ? `Flytt element ${itemLabel || item.index + 1}. Bruk piltastene for å flytte elementet.`
-                : `Flytt element ${itemLabel || item.index + 1}. Trykk Enter eller Mellomrom for å aktivere flytting.`, "aria-pressed": Boolean(active), "aria-roledescription": "draggable", type: "button", className: "aksel-data-drag-and-drop__drag-handler__button", "data-drag-handler-active": active, onPointerDown: (event) => {
+        react_1.default.createElement("button", { "aria-label": `${itemLabel}. Plass ${item.index + 1}.`, "aria-pressed": Boolean(active), "aria-roledescription": "draggable", type: "button", className: "aksel-data-drag-and-drop__drag-handler__button", "data-drag-handler-active": active, onPointerDown: (event) => {
                 if (active)
                     return;
                 event.stopPropagation();
                 context === null || context === void 0 ? void 0 : context.startPendingDrag(event, item, (itemRef === null || itemRef === void 0 ? void 0 : itemRef.current) || null);
             }, onClick: (event) => {
                 if (!active) {
-                    context === null || context === void 0 ? void 0 : context.setDragHandlerActive(item);
+                    context === null || context === void 0 ? void 0 : context.onKeyboardDragStart(item);
                     event.currentTarget.focus();
                 }
                 else {
-                    context === null || context === void 0 ? void 0 : context.setDragHandlerActive(null);
+                    context === null || context === void 0 ? void 0 : context.onKeyboardDragStart(null);
                 }
-            }, onBlur: () => context === null || context === void 0 ? void 0 : context.setDragHandlerActive(null), onKeyDown: (event) => {
+            }, onBlur: () => context === null || context === void 0 ? void 0 : context.cancelDrag(), onKeyDown: (event) => {
                 if (event.key === "Enter" || event.key === " ") {
                     // Enter or space, currently active item - end keyboard dragging
                     event.preventDefault();
-                    context === null || context === void 0 ? void 0 : context.setDragHandlerActive(active ? null : item);
+                    context === null || context === void 0 ? void 0 : context.onKeyboardDragStart(active ? null : item);
                     return;
                 }
                 if (!active)
@@ -55,24 +53,25 @@ exports.DragAndDropDragHandler = react_1.default.forwardRef(({ item, itemRef, is
                     // Cancel dragging
                     // TODO Handle reset
                     event.preventDefault();
-                    context === null || context === void 0 ? void 0 : context.setDragHandlerActive(null);
+                    context === null || context === void 0 ? void 0 : context.setAnnouncer(`Flytting av ${itemLabel} avbrutt.`);
+                    context === null || context === void 0 ? void 0 : context.cancelDrag(true);
                     return;
                 }
                 else if (event.key === "ArrowUp") {
                     // Move item up
                     event.preventDefault();
-                    context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(-1);
+                    context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(-1, itemLabel);
                     return;
                 }
                 else if (event.key === "ArrowDown") {
                     // Move item down
                     event.preventDefault();
-                    context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(1);
+                    context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(1, itemLabel);
                     return;
                 }
             } },
             react_1.default.createElement(aksel_icons_1.DragVerticalIcon, { "aria-hidden": true, fontSize: "1.5rem" })),
-        active && (react_1.default.createElement("button", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "down", type: "button", onClick: () => context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(1), onMouseDown: (e) => e.preventDefault(), disabled: ((_c = context === null || context === void 0 ? void 0 : context.dragHandlerActive) === null || _c === void 0 ? void 0 : _c.index) === (context === null || context === void 0 ? void 0 : context.itemAmount) - 1 },
+        active && (react_1.default.createElement("button", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "down", type: "button", onClick: () => context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(1, itemLabel), onMouseDown: (e) => e.preventDefault(), disabled: ((_c = context === null || context === void 0 ? void 0 : context.dragHandlerActive) === null || _c === void 0 ? void 0 : _c.index) === (context === null || context === void 0 ? void 0 : context.itemAmount) - 1 },
             react_1.default.createElement(aksel_icons_1.CaretDownCircleFillIcon, { "aria-hidden": true, fontSize: "1.8rem" })))));
 });
 //# sourceMappingURL=DragAndDropDragHandler.js.map

package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragAndDropDragHandler.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAI6B;AAC7B,qEAAoE;AAUpE;;;;;GAKG;AACU,QAAA,sBAAsB,GAAG,eAAK,CAAC,UAAU,CAGpD,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,EAAE;;IAC1D,MAAM,OAAO,GAAG,IAAA,2CAAqB,GAAE,CAAC;IACxC,MAAM,MAAM,GACV,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB;QAC1B,IAAI;QACJ,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,0CAAE,EAAE,MAAK,IAAI,CAAC,EAAE,CAAC;IAE7C,IAAI,SAAS,EAAE,CAAC;QACd,gHAAgH;QAChH,OAAO,CACL,uCACE,SAAS,EAAC,wCAAwC,EAClD,GAAG,EAAE,YAAY;YAGjB,8BAAC,8BAAgB,IAAC,QAAQ,EAAC,QAAQ,GAAG,CAClC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,wCAAwC,EAAC,GAAG,EAAE,YAAY;QACtE,MAAM,IAAI,CACT,0CACE,SAAS,EAAC,+CAA+C,oBAC1C,IAAI,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,~~EAC7C~~,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACtC,QAAQ,EAAE,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,0CAAE,KAAK,MAAK,CAAC,EACjD,IAAI,EAAC,QAAQ;YAEb,8BAAC,mCAAqB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CAChD,CACV;QACD,~~wDAII~~,~~MAAM;gBACJ~~,~~CAAC,CAAC,iBAAiB,~~SAAS,~~IAAI~~,IAAI,CAAC,KAAK,GAAG,CAAC,~~2CAA2C;gBACzF,CAAC,CAAC,iBAAiB,SAAS,IAAI,IAAI,CAAC,KAAK,~~GAAG,~~CAAC~~,~~wDAAwD,kBAE5F,~~OAAO,CAAC,MAAM,CAAC,0BACR,WAAW,EAChC,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gDAAgD,8BAChC,MAAM,EAChC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,IAAI,MAAM;oBAAE,OAAO;gBACnB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,CAAC,KAAK,EAAE,IAAI,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,IAAI,CAAC,CAAC;YACnE,CAAC,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,~~oBAAoB~~,CAAC,IAAI,CAAC,CAAC;~~oBACpC~~,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;gBAC9B,CAAC;qBAAM,CAAC;oBACN,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,~~oBAAoB~~,CAAC,IAAI,CAAC,CAAC;~~gBACtC~~,CAAC;YACH,CAAC,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,~~oBAAoB~~,~~CAAC~~,~~IAAI~~,~~CAAC,EACjD,~~SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gBACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;oBAC/C,gEAAgE;oBAChE,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,~~oBAAoB~~,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;~~oBACpD~~,OAAO;gBACT,CAAC;gBAED,IAAI,CAAC,MAAM;oBAAE,OAAO;gBAEpB,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;oBAC3B,kBAAkB;oBAClB,oBAAoB;oBACpB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,~~oBAAoB~~,CAAC,IAAI,CAAC,CAAC;~~oBACpC~~,OAAO;gBACT,CAAC;qBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;oBACnC,eAAe;oBACf,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;~~oBAC/B~~,OAAO;gBACT,CAAC;qBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;oBACrC,iBAAiB;oBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;~~oBAC9B~~,OAAO;gBACT,CAAC;YACH,CAAC;YAED,8BAAC,8BAAgB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CAC3C;QACR,MAAM,IAAI,CACT,0CACE,SAAS,EAAC,+CAA+C,oBAC1C,MAAM,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAC,CAAC,CAAC,~~EAC5C~~,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACtC,QAAQ,EACN,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,0CAAE,KAAK,MAAK,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,IAAG,CAAC;YAG/D,8BAAC,qCAAuB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CAClD,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
1	+ {"version":3,"file":"DragAndDropDragHandler.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/drag-handler/DragAndDropDragHandler.tsx"],"names":[],"mappings":"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"}

package/cjs/data/drag-and-drop/root/DragAndDrop.context.d.ts CHANGED Viewed

@@ -5,10 +5,12 @@ interface DragAndDropContextType {
     dropTarget: DragAndDropElement | null;
     setDropTarget: (id: DragAndDropElement | null) => void;
     dragHandlerActive: DragAndDropElement | null;
-    setDragHandlerActive: (active: DragAndDropElement | null) => void;
-    onKeyboardDragEnd: (diff: number) => void;
+    onKeyboardDragStart: (active: DragAndDropElement | null) => void;
+    onKeyboardDragEnd: (diff: number, label: string) => void;
     startPendingDrag: (event: React.PointerEvent, item: DragAndDropElement, element?: HTMLElement | null) => void;
     itemAmount: number;
+    cancelDrag: (resetOrder?: boolean) => void;
+    setAnnouncer: (message: string) => void;
 }
 export declare const DragAndDropProvider: import("react").FC<DragAndDropContextType & {
     children: React.ReactNode;

package/cjs/data/drag-and-drop/root/DragAndDrop.context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragAndDrop.context.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDrop.context.tsx"],"names":[],"mappings":";;;;AAAA,oDAA6D;~~AAmBhD~~,KAGT,IAAA,6BAAmB,EAAqC;IAC1D,YAAY,EACV,iEAAiE;IACnE,IAAI,EAAE,oBAAoB;CAC3B,CAAC,EANU,2BAAmB,gBACjB,6BAAqB,iBAKhC"}
1	+ {"version":3,"file":"DragAndDrop.context.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDrop.context.tsx"],"names":[],"mappings":";;;;AAAA,oDAA6D;AAqBhD,KAGT,IAAA,6BAAmB,EAAqC;IAC1D,YAAY,EACV,iEAAiE;IACnE,IAAI,EAAE,oBAAoB;CAC3B,CAAC,EANU,2BAAmB,gBACjB,6BAAqB,iBAKhC"}

package/cjs/data/drag-and-drop/root/DragAndDropRoot.d.ts CHANGED Viewed

@@ -2,12 +2,12 @@
 import React from "react";
 import { ColumnDefinition, ColumnDefinitions } from "../../table/root/DataTable.types";
 import DragAndDropItem, { DragAndDropItemProps } from "../item/DragAndDropItem";
-interface DragAndDropProps<T> extends React.HTMLAttributes<HTMLUListElement> {
-    items: ColumnDefinitions<T>;
-    setItems: React.Dispatch<React.SetStateAction<ColumnDefinitions<T>>>;
-    renderItem: (item: ColumnDefinition<T>, index: number) => React.ReactNode;
+interface DragAndDropProps<T, DetailsT extends Record<string, any>> extends React.HTMLAttributes<HTMLUListElement> {
+    items: ColumnDefinitions<T, DetailsT>;
+    setItems: React.Dispatch<React.SetStateAction<ColumnDefinitions<T, DetailsT>>>;
+    renderItem: (item: ColumnDefinition<T, DetailsT>, index: number) => React.ReactNode;
 }
-declare const DragAndDrop: <T>(props: DragAndDropProps<T> & React.RefAttributes<HTMLUListElement>) => React.ReactElement | null;
+declare const DragAndDrop: <T, DetailsT extends Record<string, any>>(props: DragAndDropProps<T, DetailsT> & React.RefAttributes<HTMLUListElement>) => React.ReactElement | null;
 export { DragAndDrop, DragAndDropItem };
 export default DragAndDrop;
 export type { DragAndDropItemProps, DragAndDropProps };

package/cjs/data/drag-and-drop/root/DragAndDropRoot.js CHANGED Viewed

@@ -50,7 +50,7 @@ const DragAndDrop_context_1 = require("./DragAndDrop.context");
  * [x] pointer over listener / state, onPointerEnter, onPointerLeave
  * [x] Overlay - Use floating component
  * [x] Keyboard navigation
- * [ ] UU - announce on drag start, item moved, drag end
+ * [x] UU - announce on drag start, item moved, drag end
  * [x] Make overlay same width as the OG item, currently jumps to content width
  * [x] Look into adding a cancel listener event
  * [x] Make onClick work on drag handler button, currently blocked by pointer down/up listeners
@@ -58,25 +58,31 @@ const DragAndDrop_context_1 = require("./DragAndDrop.context");
  * [x] Make arrow icons into buttons that react to keyboard events, currently just decorative
  * [x] Keep handler focus after clicking arrows for dragging
  * [x] Look into data-based API vs component-based API
- * [ ] Should we have hidden instructions for screen readers on how to use the drag and drop, and should we announce the position of the item while dragging?
+ * [x] Should we have hidden instructions for screen readers on how to use the drag and drop, and should we announce the position of the item while dragging?
  * [x] Discuss if this component should be generic for drag and drop, or if it should be specifically for tables - just for table for now
  * [x] Discuss items type
- * [ ] Discuss how to implement label best
+ * [x] Discuss how to implement label best
  * [ ] Quick nav (< > samtidig) - få piltastene til å fungere
  * [x] Implement new type for items - ColumnDefinitions<T>
- * [ ] Remove announcer div and use a live region component instead
- * [ ] Make ESC reset position, not just cancel dragging
- * [ ] Make instructions for keyboard users (visible?)
+ * [x] Remove announcer div and use a live region component instead
+ * [x] Make ESC reset position, not just cancel dragging
+ * [x] Make instructions for keyboard users (visible?)
  * [ ] Ask design about visible keyboard instructions
+ * [ ] Update design from Figma
+ * [ ] Look at instructions text
+ * [x] Remove default ul styling
+ * [x] Fix setItems type
  *
  */
 const DRAG_THRESHOLD = 4; // Minimum movement in pixels to start dragging
+const SR_INSTRUCTIONS_ID = "drag-and-drop-instructions-id";
 function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
     const [activeItem, setActiveItem] = (0, react_1.useState)(null);
     const [dropTarget, setDropTarget] = (0, react_1.useState)(null);
     const [dragHandlerActive, setDragHandlerActive] = (0, react_1.useState)(null);
     const [overlayWidth, setOverlayWidth] = (0, react_1.useState)(null);
-    const [announcement, setAnnouncement] = (0, react_1.useState)("");
+    const [announcer, setAnnouncer] = (0, react_1.useState)("");
+    const initialItemsRef = (0, react_1.useRef)(null);
     const activeData = items.find((item) => item.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id));
     const activeItemRef = (0, react_1.useRef)(null);
     const dropTargetRef = (0, react_1.useRef)(null);
@@ -84,6 +90,18 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
         getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, x: 0, y: 0 }),
     });
     const pendingDragStartRef = (0, react_1.useRef)(null);
+    const saveInitialItems = (0, react_1.useCallback)(() => {
+        initialItemsRef.current = items;
+    }, [items]);
+    const keyboardDragStart = (item) => {
+        if (item) {
+            saveInitialItems();
+        }
+        else {
+            initialItemsRef.current = null;
+        }
+        setDragHandlerActive(item);
+    };
     const startPendingDrag = (event, item, element) => {
         pendingDragStartRef.current = {
             item,
@@ -109,6 +127,17 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
             return newItems;
         });
     }, [setItems]);
+    const cancelDrag = (0, react_1.useCallback)((resetOrder = false) => {
+        if (resetOrder && initialItemsRef.current) {
+            setItems(initialItemsRef.current);
+        }
+        setOverlayWidth(null);
+        setDragHandlerActive(null);
+        setCombinedActiveItem(null);
+        setCombinedDropTarget(null);
+        pendingDragStartRef.current = null;
+        initialItemsRef.current = null;
+    }, [setItems, setCombinedActiveItem, setCombinedDropTarget]);
     (0, react_1.useEffect)(() => {
         /* This useEffect is used to toggle a class on the html element when dragging,
           to prevent cursor issues when dragging over interactive elements,
@@ -140,6 +169,7 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
                         element.setPointerCapture(pendingStart.pointerId);
                     }
                     setOverlayWidth((_a = element === null || element === void 0 ? void 0 : element.getBoundingClientRect().width) !== null && _a !== void 0 ? _a : null);
+                    saveInitialItems();
                     setCombinedActiveItem(pendingStart.item);
                     setCombinedDropTarget(pendingStart.item);
                     pendingDragStartRef.current = null;
@@ -185,21 +215,10 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
             const target = dropTargetRef.current;
             if (active && target && active.id !== target.id) {
                 reorderItems(active.index, target.index);
-                setAnnouncement(`Element flyttet til posisjon ${(target === null || target === void 0 ? void 0 : target.index) + 1} av ${items.length}`); // TODO - Bedre formulering?
             }
-            setOverlayWidth(null);
-            setDragHandlerActive(null);
-            setCombinedActiveItem(null);
-            setCombinedDropTarget(null);
-            pendingDragStartRef.current = null;
-        };
-        const handlePointerCancel = () => {
-            setOverlayWidth(null);
-            setDragHandlerActive(null);
-            setCombinedActiveItem(null);
-            setCombinedDropTarget(null);
-            pendingDragStartRef.current = null;
+            cancelDrag();
         };
+        const handlePointerCancel = () => cancelDrag(true);
         window.addEventListener("pointermove", handlePointerMove);
         window.addEventListener("pointerup", handlePointerUp);
         window.addEventListener("pointercancel", handlePointerCancel);
@@ -212,33 +231,35 @@ function DragAndDropInner({ items, setItems, renderItem }, forwardedRef) {
         setCombinedDropTarget,
         setCombinedActiveItem,
         reorderItems,
-        items.length,
+        saveInitialItems,
+        cancelDrag,
     ]);
-    const onKeyboardDragEnd = (diff) => {
+    const onKeyboardDragEnd = (diff, label) => {
         if (!dragHandlerActive)
             return;
         const targetIndex = dragHandlerActive.index + diff;
         if (targetIndex < 0 || targetIndex >= items.length) {
             return;
         }
+        setAnnouncer(`${label}. Plass ${targetIndex + 1} av ${items.length}.`);
         reorderItems(dragHandlerActive.index, targetIndex);
         setDragHandlerActive(Object.assign(Object.assign({}, dragHandlerActive), { index: targetIndex }));
-        setAnnouncement(`Element flyttet til posisjon ${targetIndex + 1} av ${items.length}`); // TODO - Bedre formulering?
     };
-    return (react_1.default.createElement(DragAndDrop_context_1.DragAndDropProvider, { activeItem: activeItem, setActiveItem: setCombinedActiveItem, dropTarget: dropTarget, setDropTarget: setCombinedDropTarget, dragHandlerActive: dragHandlerActive, setDragHandlerActive: setDragHandlerActive, onKeyboardDragEnd: onKeyboardDragEnd, startPendingDrag: startPendingDrag, itemAmount: items.length },
-        react_1.default.createElement("ul", { ref: forwardedRef, "aria-label": "Dra og slipp elementer" }, items.map((item, index) => {
+    return (react_1.default.createElement(DragAndDrop_context_1.DragAndDropProvider, { activeItem: activeItem, setActiveItem: setCombinedActiveItem, dropTarget: dropTarget, setDropTarget: setCombinedDropTarget, dragHandlerActive: dragHandlerActive, onKeyboardDragStart: keyboardDragStart, onKeyboardDragEnd: onKeyboardDragEnd, startPendingDrag: startPendingDrag, cancelDrag: cancelDrag, setAnnouncer: setAnnouncer, itemAmount: items.length },
+        react_1.default.createElement("span", { id: SR_INSTRUCTIONS_ID, className: "sr-only" }, "Bruk Tab for \u00E5 fokusere p\u00E5 en kolonne. Trykk mellomrom eller enter for \u00E5 starte flytting, bruk piltastene for \u00E5 flytte kolonnen, trykk mellomrom eller enter for \u00E5 slippe, eller Escape for \u00E5 avbryte."),
+        react_1.default.createElement("div", { "aria-live": "assertive", className: "sr-only", "aria-atomic": true }, announcer),
+        react_1.default.createElement("ul", { ref: forwardedRef, "aria-label": "Kolonneinnstillinger", "aria-describedby": SR_INSTRUCTIONS_ID, className: "aksel-data-table__drag-and-drop-root" }, items.map((item, index) => {
             return (react_1.default.createElement(DragAndDropItem_1.default, { key: item.id, id: item.id, index: index, itemLabel: item.label }, renderItem(item, index)));
         })),
         activeItem && activeData && (react_1.default.createElement(Floating_1.Floating, null,
             react_1.default.createElement(Floating_1.Floating.Anchor, { virtualRef: virtualRef },
                 react_1.default.createElement("span", null)),
-            react_1.default.createElement(Floating_1.Floating.Content, { align: "start", updatePositionStrategy: "always", style: {
+            react_1.default.createElement(Floating_1.Floating.Content, { align: "start", updatePositionStrategy: "always", "aria-hidden": true, style: {
                     pointerEvents: "none",
                     boxSizing: "border-box",
                     width: overlayWidth ? `${overlayWidth}px` : "fit-content",
                 } },
-                react_1.default.createElement(DragAndDropItem_1.default, { id: activeItem.id, index: activeItem.index, isOverlay: true, itemLabel: activeData.label }, renderItem(activeData, activeItem.index))))),
-        react_1.default.createElement("div", { "aria-live": "assertive", className: "sr-only", "aria-atomic": "true" }, announcement)));
+                react_1.default.createElement(DragAndDropItem_1.default, { id: activeItem.id, index: activeItem.index, isOverlay: true, itemLabel: activeData.label }, renderItem(activeData, activeItem.index)))))));
 }
 const DragAndDrop = (0, react_1.forwardRef)(DragAndDropInner);
 exports.DragAndDrop = DragAndDrop;

package/cjs/data/drag-and-drop/root/DragAndDropRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragAndDropRoot.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDropRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mHAAmH;AACnH,+CAMe;AACf,0EAAuE;AAKvE,8EAAgF;~~AAmU1D~~,~~0BAnUf~~,yBAAe,~~CAmUe~~;~~AAjUrC~~,+DAA4D;~~AAQ5D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG~~;AAEH,MAAM,cAAc,GAAG,CAAC,CAAC,CAAC,+CAA+C;~~AAEzE~~,SAAS,gBAAgB,CACvB,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,~~EAAuB~~,~~EACpD~~,YAAkD;IAElD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAA4B,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAA4B,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAC7C,IAAA,gBAAQ,EAA4B,IAAI,CAAC,CAAC;IAC5C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,~~YAAY~~,EAAE,~~eAAe~~,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;~~IACrD~~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~~gBACzC~~,~~eAAe,CACb,gCAAgC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,IAAG,~~CAAC~~,OAAO,KAAK,CAAC,MAAM,EAAE,CACvE,CAAC,CAAC,4BAA4B~~;~~YACjC,CAAC;~~YAED,~~eAAe~~,~~CAAC~~,~~IAAI,~~CAAC~~,CAAC~~;~~YACtB~~,~~oBAAoB,~~CAAC,~~IAAI,~~CAAC~~,CAAC~~;~~YAC3B,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC;QACrC,CAAC,CAAC;~~QAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE~~;YAC/B~~,~~eAAe,~~CAAC,~~IAAI~~,CAAC,~~CAAC;YACtB,oBAAoB,CAAC,~~IAAI,CAAC,CAAC;~~YAC3B~~,~~qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC;QACrC,CAAC,CAAC;QAEF,~~MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QAC1D,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;QAE9D,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;YAC7D,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;YACzD,MAAM,CAAC,mBAAmB,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;QACnE,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,qBAAqB;QACrB,qBAAqB;QACrB,YAAY;QACZ,~~KAAK~~,~~CAAC,MAAM~~;~~KACb~~,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;~~QACzC~~,IAAI,CAAC,iBAAiB;YAAE,OAAO;QAE/B,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC;QACnD,IAAI,WAAW,GAAG,CAAC,IAAI,WAAW,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACnD,OAAO;QACT,CAAC;QAED,YAAY,CAAC,~~iBAAiB~~,CAAC,KAAK,~~EAAE~~,~~WAAW~~,CAAC,CAAC;~~QACnD~~,~~oBAAoB~~,~~iCAAM~~,iBAAiB,~~KAAE~~,KAAK,EAAE,WAAW,~~IAAG~~,CAAC;~~QACnE~~,~~eAAe~~,~~CACb~~,~~gCAAgC~~,~~WAAW~~,~~GAAG,CAAC,OAAO,~~KAAK,~~CAAC,MAAM,~~EAAE,~~CACrE~~,~~CAAC~~,CAAC~~,4BAA4B~~;~~IACjC~~,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,yCAAmB,IAClB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,qBAAqB,EACpC,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,qBAAqB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,~~oBAAoB~~,EAAE,~~oBAAoB~~,~~EAC1C~~,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,KAAK,CAAC,MAAM;QAExB,~~sCAAI~~,GAAG,EAAE,YAAY,~~gBAAa~~,~~wBAAwB~~,~~IACvD~~,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,OAAO,CACL,8BAAC,yBAAe,IACd,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CAAC,KAAK,IAEpB,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CACR,CACnB,CAAC;QACJ,CAAC,CAAC,CACC;QACJ,UAAU,IAAI,UAAU,IAAI,CAC3B,8BAAC,mBAAQ;YACP,8BAAC,mBAAQ,CAAC,MAAM,IAAC,UAAU,EAAE,UAAU;gBACrC,2CAAQ,CACQ;YAClB,8BAAC,mBAAQ,CAAC,OAAO,IACf,KAAK,EAAC,OAAO,EACb,sBAAsB,EAAC,QAAQ,~~EAC~~/B,KAAK,EAAE;oBACL,aAAa,EAAE,MAAM;oBACrB,SAAS,EAAE,YAAY;oBACvB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,aAAa;iBAC1D;gBAED,8BAAC,yBAAe,IACd,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,SAAS,QACT,SAAS,EAAE,UAAU,CAAC,KAAK,IAE1B,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,KAAK,CAAC,CACzB,CACD,CACV,CACZ~~;QACD~~,~~oDAAe~~,~~WAAW,EAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,IAC9D,YAAY,CACT,CACc,~~CACvB,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,gBAAgB,~~CAEjB~~,CAAC;AAEtB,kCAAW;AACpB,kBAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"DragAndDropRoot.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDropRoot.tsx"],"names":[],"mappings":"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"}

package/cjs/data/drag-and-drop/types.d.ts CHANGED Viewed

@@ -2,7 +2,3 @@ export interface DragAndDropElement {
     id: string;
     index: number;
 }
-export interface DragAndDropItemData {
-    id: string;
-    label: string;
-}

package/cjs/data/{drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.d.ts → drag-and-drop-legacy/drag-handler/DragAndDropDragHandlerLegacy.d.ts} RENAMED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-export interface DataDragAndDropDragHandlerProps {
+export interface DragAndDropDragHandlerLegacyProps {
     /**
      * Whether the drag handler is disabled
      */
@@ -14,9 +14,9 @@ export interface DataDragAndDropDragHandlerProps {
     alt?: boolean;
 }
 /**
- * DataDragAndDropDragHandler
+ * DragAndDropDragHandlerLegacy
  *
  * A button component that serves as a drag handle for drag and drop operations.
  * Can be used to initiate dragging of elements in a data table or list.
  */
-export declare const DataDragAndDropDragHandler: React.ForwardRefExoticComponent<DataDragAndDropDragHandlerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DragAndDropDragHandlerLegacy: React.ForwardRefExoticComponent<DragAndDropDragHandlerLegacyProps & React.RefAttributes<HTMLButtonElement>>;

package/cjs/data/{drag-and-drop-old/drag-handler/DataDragAndDropDragHandler.js → drag-and-drop-legacy/drag-handler/DragAndDropDragHandlerLegacy.js} RENAMED Viewed

@@ -3,19 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataDragAndDropDragHandler = void 0;
+exports.DragAndDropDragHandlerLegacy = void 0;
 const react_1 = __importDefault(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
 const Floating_1 = require("../../../utils/components/floating/Floating");
 /**
- * DataDragAndDropDragHandler
+ * DragAndDropDragHandlerLegacy
  *
  * A button component that serves as a drag handle for drag and drop operations.
  * Can be used to initiate dragging of elements in a data table or list.
  */
-exports.DataDragAndDropDragHandler = react_1.default.forwardRef(({ keyboardDragging, handleRef, alt }) => {
+exports.DragAndDropDragHandlerLegacy = react_1.default.forwardRef(({ keyboardDragging, handleRef, alt }) => {
     if (alt) {
-        return (react_1.default.createElement("div", { className: "aksel-data-drag-and-drop__drag-handler__alt" },
+        return (react_1.default.createElement("div", { className: "aksel-data-drag-and-drop__drag-handler__legacy" },
             keyboardDragging && (react_1.default.createElement("span", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "up" },
                 react_1.default.createElement(aksel_icons_1.CaretUpCircleFillIcon, { "aria-hidden": true, fontSize: "1.2rem" }))),
             react_1.default.createElement("div", { ref: handleRef, className: "aksel-data-drag-and-drop__drag-handler__button" },
@@ -32,4 +32,4 @@ exports.DataDragAndDropDragHandler = react_1.default.forwardRef(({ keyboardDragg
         keyboardDragging && (react_1.default.createElement(Floating_1.Floating.Content, { avoidCollisions: false, updatePositionStrategy: "always", className: "aksel-data-drag-and-drop__drag-handler__arrow" },
             react_1.default.createElement(aksel_icons_1.CaretDownCircleFillIcon, { "aria-hidden": true, fontSize: "1.2rem" })))));
 });
-//# sourceMappingURL=DataDragAndDropDragHandler.js.map
+//# sourceMappingURL=DragAndDropDragHandlerLegacy.js.map

package/cjs/data/drag-and-drop-legacy/drag-handler/DragAndDropDragHandlerLegacy.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DragAndDropDragHandlerLegacy.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop-legacy/drag-handler/DragAndDropDragHandlerLegacy.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAI6B;AAC7B,0EAAuE;AAmBvE;;;;;GAKG;AACU,QAAA,4BAA4B,GAAG,eAAK,CAAC,UAAU,CAG1D,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,EAAE;IACzC,IAAI,GAAG,EAAE,CAAC;QACR,OAAO,CACL,uCAAK,SAAS,EAAC,gDAAgD;YAC5D,gBAAgB,IAAI,CACnB,wCACE,SAAS,EAAC,+CAA+C,oBAC1C,IAAI;gBAEnB,8BAAC,mCAAqB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CAClD,CACR;YACD,uCACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,gDAAgD;gBAE1D,8BAAC,8BAAgB,yBAEf,KAAK,EAAC,uBAAkB,EACxB,QAAQ,EAAC,QAAQ,GACjB,CACE;YACL,gBAAgB,IAAI,CACnB,wCACE,SAAS,EAAC,+CAA+C,oBAC1C,MAAM;gBAErB,8BAAC,qCAAuB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CACpD,CACR,CACG,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAC,mBAAQ;QACN,gBAAgB,IAAI,CACnB,8BAAC,mBAAQ,CAAC,OAAO,IACf,IAAI,EAAC,KAAK,EACV,eAAe,EAAE,KAAK,EACtB,sBAAsB,EAAC,QAAQ,EAC/B,SAAS,EAAC,+CAA+C;YAEzD,8BAAC,mCAAqB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CACtC,CACpB;QACD,8BAAC,mBAAQ,CAAC,MAAM,IAAC,OAAO;YACtB,uCACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,gDAAgD;gBAE1D,8BAAC,8BAAgB,yBAEf,KAAK,EAAC,uBAAkB,EACxB,QAAQ,EAAC,QAAQ,GACjB,CACE,CACU;QACjB,gBAAgB,IAAI,CACnB,8BAAC,mBAAQ,CAAC,OAAO,IACf,eAAe,EAAE,KAAK,EACtB,sBAAsB,EAAC,QAAQ,EAC/B,SAAS,EAAC,+CAA+C;YAEzD,8BAAC,qCAAuB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CACxC,CACpB,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/cjs/data/drag-and-drop-legacy/item/DragAndDropItemLegacy.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import React from "react";
+interface DragAndDropItemLegacyProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /**
+     * Unique id
+     */
+    id: string;
+    /**
+     * Index of the item being dragged
+     */
+    index: number;
+}
+/**
+ * TODO
+ *
+ * @see 🏷️ {@link DragAndDropItemLegacyProps}
+ * @example
+ * ```tsx
+ * <DragAndDropLegacy.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
+ *   TODO
+ * </DragAndDropLegacy.Item>
+ * ```
+ */
+declare const DragAndDropItemLegacy: React.ForwardRefExoticComponent<DragAndDropItemLegacyProps & React.RefAttributes<HTMLDivElement>>;
+export default DragAndDropItemLegacy;
+export { DragAndDropItemLegacy };
+export type { DragAndDropItemLegacyProps };

package/cjs/data/{drag-and-drop-old/item/DataDragAndDropItem.js → drag-and-drop-legacy/item/DragAndDropItemLegacy.js} RENAMED Viewed

@@ -44,26 +44,26 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataDragAndDropItem = void 0;
+exports.DragAndDropItemLegacy = void 0;
 const sortable_1 = require("@dnd-kit/react/sortable");
 const react_1 = __importStar(require("react"));
 const stack_1 = require("../../../primitives/stack");
 const helpers_1 = require("../../../utils/helpers");
 const hooks_1 = require("../../../utils/hooks");
-const DataDragAndDropDragHandler_1 = require("../drag-handler/DataDragAndDropDragHandler");
-const DataDragAndDrop_context_1 = require("../root/DataDragAndDrop.context");
+const DragAndDropDragHandlerLegacy_1 = require("../drag-handler/DragAndDropDragHandlerLegacy");
+const DragAndDropLegacy_context_1 = require("../root/DragAndDropLegacy.context");
 /**
  * TODO
  *
- * @see 🏷️ {@link DataDragAndDropItemProps}
+ * @see 🏷️ {@link DragAndDropItemLegacyProps}
  * @example
  * ```tsx
- * <DragAndDrop.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
+ * <DragAndDropLegacy.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
  *   TODO
- * </DragAndDrop.Item>
+ * </DragAndDropLegacy.Item>
  * ```
  */
-const DataDragAndDropItem = react_1.default.forwardRef((_a, forwardedRef) => {
+const DragAndDropItemLegacy = react_1.default.forwardRef((_a, forwardedRef) => {
     var { children, id, index, className } = _a, rest = __rest(_a, ["children", "id", "index", "className"]);
     const handleRef = (0, react_1.useRef)(null);
     const { ref, isDragging, isDropTarget } = (0, sortable_1.useSortable)({
@@ -72,15 +72,15 @@ const DataDragAndDropItem = react_1.default.forwardRef((_a, forwardedRef) => {
         handle: handleRef,
     });
     const mergedRef = (0, hooks_1.useMergeRefs)(ref, forwardedRef);
-    const context = react_1.default.useContext(DataDragAndDrop_context_1.DataDragAndDropContext);
+    const context = react_1.default.useContext(DragAndDropLegacy_context_1.DragAndDropLegacyContext);
     const mouseDragging = isDragging && (context === null || context === void 0 ? void 0 : context.inputMethod) === "mouse";
     const mouseDropTarget = isDropTarget && (context === null || context === void 0 ? void 0 : context.inputMethod) === "mouse";
     const keyboardDragging = isDragging && (context === null || context === void 0 ? void 0 : context.inputMethod) === "keyboard";
     return (react_1.default.createElement(stack_1.HStack, { gap: "space-8", align: "center", wrap: false, asChild: true },
         react_1.default.createElement("div", Object.assign({ ref: mergedRef }, rest, { className: (0, helpers_1.cl)("aksel-data-table__drag-and-drop-item", className), "data-dragging": isDragging, "data-mouse-dragging": mouseDragging, "data-keyboard-dragging": keyboardDragging, "data-drop-target": mouseDropTarget, tabIndex: -1 }),
-            react_1.default.createElement(DataDragAndDropDragHandler_1.DataDragAndDropDragHandler, { handleRef: handleRef, keyboardDragging: keyboardDragging, alt: true }),
+            react_1.default.createElement(DragAndDropDragHandlerLegacy_1.DragAndDropDragHandlerLegacy, { handleRef: handleRef, keyboardDragging: keyboardDragging, alt: true }),
             react_1.default.createElement("div", null, children))));
 });
-exports.DataDragAndDropItem = DataDragAndDropItem;
-exports.default = DataDragAndDropItem;
-//# sourceMappingURL=DataDragAndDropItem.js.map
+exports.DragAndDropItemLegacy = DragAndDropItemLegacy;
+exports.default = DragAndDropItemLegacy;
+//# sourceMappingURL=DragAndDropItemLegacy.js.map

package/cjs/data/drag-and-drop-legacy/item/DragAndDropItemLegacy.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DragAndDropItemLegacy.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop-legacy/item/DragAndDropItemLegacy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAAsD;AACtD,+CAAsC;AACtC,qDAAmD;AACnD,oDAA4C;AAC5C,gDAAoD;AACpD,+FAA4F;AAC5F,iFAA6E;AAc7E;;;;;;;;;;GAUG;AACH,MAAM,qBAAqB,GAAG,eAAK,CAAC,UAAU,CAG5C,CAAC,EAA2C,EAAE,YAAY,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAAzC,wCAA2C,CAAF;IAC1C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAA,sBAAW,EAAC;QACpD,EAAE;QACF,KAAK;QACL,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,oDAAwB,CAAC,CAAC;IAC3D,MAAM,aAAa,GAAG,UAAU,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,OAAO,CAAC;IACrE,MAAM,eAAe,GAAG,YAAY,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,OAAO,CAAC;IACzE,MAAM,gBAAgB,GAAG,UAAU,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,UAAU,CAAC;IAE3E,OAAO,CACL,8BAAC,cAAM,IAAC,GAAG,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO;QAEvD,qDACE,GAAG,EAAE,SAAS,IACV,IAAI,IACR,SAAS,EAAE,IAAA,YAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,mBACjD,UAAU,yBACJ,aAAa,4BACV,gBAAgB,sBACtB,eAAe,EACjC,QAAQ,EAAE,CAAC,CAAC;YAEZ,8BAAC,2DAA4B,IAC3B,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,SACH;YACF,2CAAM,QAAQ,CAAO,CACjB,CACC,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,sDAAqB;AAD9B,kBAAe,qBAAqB,CAAC"}

package/cjs/data/drag-and-drop-legacy/root/DragAndDropLegacy.context.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+interface DragAndDropContextLegacyType {
+    inputMethod: "mouse" | "keyboard" | null;
+}
+export declare const DragAndDropLegacyContext: import("react").Context<DragAndDropContextLegacyType | undefined>;
+export {};

package/cjs/data/drag-and-drop-legacy/root/DragAndDropLegacy.context.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragAndDropLegacyContext = void 0;
+const react_1 = require("react");
+exports.DragAndDropLegacyContext = (0, react_1.createContext)(undefined);
+//# sourceMappingURL=DragAndDropLegacy.context.js.map

package/cjs/data/drag-and-drop-legacy/root/DragAndDropLegacy.context.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DragAndDropLegacy.context.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop-legacy/root/DragAndDropLegacy.context.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AAQzB,QAAA,wBAAwB,GAAG,IAAA,qBAAa,EAEnD,SAAS,CAAC,CAAC"}

package/cjs/data/drag-and-drop-legacy/root/DragAndDropLegacyRoot.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import React from "react";
+import DragAndDropItemLegacy from "../item/DragAndDropItemLegacy";
+interface DragAndDropLegacyProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: any[];
+    setItems: React.Dispatch<React.SetStateAction<any[]>>;
+}
+interface DragAndDropLegacyRootComponent extends React.ForwardRefExoticComponent<DragAndDropLegacyProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link DragAndDropItemLegacyProps}
+     * * @example
+     * ```jsx
+     * <DragAndDropLegacy>
+     *   <DragAndDropLegacy.Item id="1" index={0}>
+     *     ...
+     *   </DragAndDropLegacy.Item>
+     * </DragAndDropLegacy>
+     * ```
+     */
+    Item: typeof DragAndDropItemLegacy;
+}
+declare const DragAndDropLegacy: DragAndDropLegacyRootComponent;
+export { DragAndDropLegacy, DragAndDropItemLegacy };
+export default DragAndDropLegacy;
+export type { DragAndDropLegacyProps };

package/cjs/data/{drag-and-drop-old/root/DataDragAndDropRoot.js → drag-and-drop-legacy/root/DragAndDropLegacyRoot.js} RENAMED Viewed

@@ -47,15 +47,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataDragAndDropItem = exports.DataDragAndDrop = void 0;
+exports.DragAndDropItemLegacy = exports.DragAndDropLegacy = void 0;
 const react_1 = require("@dnd-kit/react");
 const sortable_1 = require("@dnd-kit/react/sortable");
 const react_2 = __importStar(require("react"));
 const stack_1 = require("../../../primitives/stack");
-const DataDragAndDropItem_1 = __importDefault(require("../item/DataDragAndDropItem"));
-exports.DataDragAndDropItem = DataDragAndDropItem_1.default;
-const DataDragAndDrop_context_1 = require("./DataDragAndDrop.context");
-const DataDragAndDrop = (0, react_2.forwardRef)((_a, forwardedRef) => {
+const DragAndDropItemLegacy_1 = __importDefault(require("../item/DragAndDropItemLegacy"));
+exports.DragAndDropItemLegacy = DragAndDropItemLegacy_1.default;
+const DragAndDropLegacy_context_1 = require("./DragAndDropLegacy.context");
+const DragAndDropLegacy = (0, react_2.forwardRef)((_a, forwardedRef) => {
     var { setItems, children } = _a, rest = __rest(_a, ["setItems", "children"]);
     const [inputMethod, setInputMethod] = react_2.default.useState(null);
     const setItemOrder = (initalIndex, targetIndex) => {
@@ -66,7 +66,7 @@ const DataDragAndDrop = (0, react_2.forwardRef)((_a, forwardedRef) => {
             return newItems;
         });
     };
-    return (react_2.default.createElement(DataDragAndDrop_context_1.DataDragAndDropContext.Provider, { value: { inputMethod } },
+    return (react_2.default.createElement(DragAndDropLegacy_context_1.DragAndDropLegacyContext.Provider, { value: { inputMethod } },
         react_2.default.createElement(react_1.DragDropProvider
         // TODO Look into overriding default keybinds, might eliminate context need
         , {
@@ -102,7 +102,7 @@ const DataDragAndDrop = (0, react_2.forwardRef)((_a, forwardedRef) => {
                 return null;
             }))));
 });
-exports.DataDragAndDrop = DataDragAndDrop;
-DataDragAndDrop.Item = DataDragAndDropItem_1.default;
-exports.default = DataDragAndDrop;
-//# sourceMappingURL=DataDragAndDropRoot.js.map
+exports.DragAndDropLegacy = DragAndDropLegacy;
+DragAndDropLegacy.Item = DragAndDropItemLegacy_1.default;
+exports.default = DragAndDropLegacy;
+//# sourceMappingURL=DragAndDropLegacyRoot.js.map

package/cjs/data/drag-and-drop-legacy/root/DragAndDropLegacyRoot.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DragAndDropLegacyRoot.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop-legacy/root/DragAndDropLegacyRoot.tsx"],"names":[],"mappings":"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"}

package/cjs/data/stories/Data.test-data.js CHANGED Viewed

@@ -11,7 +11,6 @@ const columnDef_TEST_DATA = [
         id: "id",
         label: "Id",
         cell: (row) => row.id,
-        align: "right",
         autoWidth: true,
         details: {
             visible: true,