@navikt/ds-react 8.8.0 → 8.9.0

package/cjs/data/drag-and-drop/drag-handler/DragAndDropDragHandler.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { DragAndDropElement } from "../types";
+export interface DragAndDropDragHandlerProps {
+    item: DragAndDropElement;
+}
+/**
+ * DragAndDropDragHandler
+ *
+ * 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 DragAndDropDragHandler: React.ForwardRefExoticComponent<DragAndDropDragHandlerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragAndDropDragHandler = void 0;
+const react_1 = __importDefault(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
+const DragAndDrop_context_1 = require("../root/DragAndDrop.context");
+/**
+ * DragAndDropDragHandler
+ *
+ * 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.DragAndDropDragHandler = react_1.default.forwardRef(({ item }, forwardedRef) => {
+    var _a;
+    const context = (0, DragAndDrop_context_1.useDragAndDropContext)();
+    const active = ((_a = context === null || context === void 0 ? void 0 : context.dragHandlerActive) === null || _a === void 0 ? void 0 : _a.id) === item.id;
+    return (react_1.default.createElement("div", { className: "aksel-data-drag-and-drop__drag-handler", ref: forwardedRef },
+        active && (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("button", { "aria-label": "Dra for \u00E5 flytte", className: "aksel-data-drag-and-drop__drag-handler__button", "data-drag-handler-active": active, onPointerDown: (event) => {
+                event.stopPropagation();
+                context === null || context === void 0 ? void 0 : context.onDragStart(event, item);
+            }, onClick: () => context === null || context === void 0 ? void 0 : context.setDragHandlerActive(item), onKeyDown: (event) => {
+                if ((event.key === "Enter" || event.key === " ") &&
+                    (context === null || context === void 0 ? void 0 : context.dragHandlerActive)) {
+                    // Enter or space, currently active item - end keyboard dragging
+                    event.preventDefault();
+                    context === null || context === void 0 ? void 0 : context.setDragHandlerActive(null);
+                }
+                else if ((event.key === "Enter" || event.key === " ") &&
+                    !(context === null || context === void 0 ? void 0 : context.dragHandlerActive)) {
+                    // Enter or space, not currently active item - start keyboard dragging
+                    event.preventDefault();
+                    context === null || context === void 0 ? void 0 : context.setDragHandlerActive(item);
+                }
+                else if (event.key === "Escape") {
+                    // Cancel dragging
+                    // TODO Handle reset
+                    context === null || context === void 0 ? void 0 : context.setDragHandlerActive(null);
+                }
+                else if (event.key === "ArrowUp") {
+                    // Move item up
+                    context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(-1);
+                }
+                else if (event.key === "ArrowDown") {
+                    // Move item down
+                    context === null || context === void 0 ? void 0 : context.onKeyboardDragEnd(1);
+                }
+            } },
+            react_1.default.createElement(aksel_icons_1.DragVerticalIcon, { "aria-hidden": true, title: "Dra for \u00E5 flytte", fontSize: "1.5rem" })),
+        active && (react_1.default.createElement("span", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "down" },
+            react_1.default.createElement(aksel_icons_1.CaretDownCircleFillIcon, { "aria-hidden": true, fontSize: "1.2rem" })))));
+});
+//# sourceMappingURL=DragAndDropDragHandler.js.map

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

@@ -0,0 +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;AAOpE;;;;;GAKG;AACU,QAAA,sBAAsB,GAAG,eAAK,CAAC,UAAU,CAGpD,CAAC,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE;;IAC3B,MAAM,OAAO,GAAG,IAAA,2CAAqB,GAAE,CAAC;IACxC,MAAM,MAAM,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,0CAAE,EAAE,MAAK,IAAI,CAAC,EAAE,CAAC;IAE1D,OAAO,CACL,uCAAK,SAAS,EAAC,wCAAwC,EAAC,GAAG,EAAE,YAAY;QACtE,MAAM,IAAI,CACT,wCACE,SAAS,EAAC,+CAA+C,oBAC1C,IAAI;YAEnB,8BAAC,mCAAqB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CAClD,CACR;QACD,wDACa,uBAAkB,EAC7B,SAAS,EAAC,gDAAgD,8BAChC,MAAM,EAChC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACpC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,oBAAoB,CAAC,IAAI,CAAC,EAClD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gBACnB,IACE,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;qBAC5C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAA,EAC1B,CAAC;oBACD,gEAAgE;oBAChE,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;gBACtC,CAAC;qBAAM,IACL,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;oBAC5C,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAA,EAC3B,CAAC;oBACD,sEAAsE;oBACtE,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;gBACtC,CAAC;qBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;oBAClC,kBAAkB;oBAClB,oBAAoB;oBACpB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;gBACtC,CAAC;qBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;oBACnC,eAAe;oBACf,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;gBACjC,CAAC;qBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;oBACrC,iBAAiB;oBACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;YAED,8BAAC,8BAAgB,yBAEf,KAAK,EAAC,uBAAkB,EACxB,QAAQ,EAAC,QAAQ,GACjB,CACK;QACR,MAAM,IAAI,CACT,wCACE,SAAS,EAAC,+CAA+C,oBAC1C,MAAM;YAErB,8BAAC,qCAAuB,yBAAa,QAAQ,EAAC,QAAQ,GAAG,CACpD,CACR,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/cjs/data/drag-and-drop/item/DragAndDropItem.d.ts

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

package/cjs/data/drag-and-drop/item/DragAndDropItem.js

@@ -0,0 +1,52 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragAndDropItem = void 0;
+const react_1 = __importDefault(require("react"));
+const stack_1 = require("../../../primitives/stack");
+const helpers_1 = require("../../../utils/helpers");
+const DragAndDropDragHandler_1 = require("../drag-handler/DragAndDropDragHandler");
+const DragAndDrop_context_1 = require("../root/DragAndDrop.context");
+/**
+ * TODO
+ *
+ * @see 🏷️ {@link DragAndDropItemProps}
+ * @example
+ * ```tsx
+ * <DragAndDrop.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
+ *   TODO
+ * </DragAndDrop.Item>
+ * ```
+ */
+const DragAndDropItem = react_1.default.forwardRef((_a, forwardedRef) => {
+    var _b;
+    var { children, id, index, className } = _a, rest = __rest(_a, ["children", "id", "index", "className"]);
+    const ref = react_1.default.useRef(null);
+    const context = (0, DragAndDrop_context_1.useDragAndDropContext)();
+    const item = { id, index };
+    const isDropTarget = ((_b = context === null || context === void 0 ? void 0 : context.dropTarget) === null || _b === void 0 ? void 0 : _b.id) === id;
+    return (react_1.default.createElement(stack_1.HStack, { gap: "space-8", align: "center", wrap: false, asChild: true, ref: forwardedRef, padding: "space-4" },
+        react_1.default.createElement("div", Object.assign({ id: id, ref: ref }, rest, { "data-dnd-id": id, "data-dnd-index": index, role: "button", className: (0, helpers_1.cl)("aksel-data-table__drag-and-drop-item", className), "data-drop-target": isDropTarget, 
+            /*
+            data-keyboard-dragging={keyboardDragging}
+            */
+            tabIndex: -1 }),
+            react_1.default.createElement(DragAndDropDragHandler_1.DragAndDropDragHandler, { item: item }),
+            react_1.default.createElement("div", null, children))));
+});
+exports.DragAndDropItem = DragAndDropItem;
+exports.default = DragAndDropItem;
+//# sourceMappingURL=DragAndDropItem.js.map

package/cjs/data/drag-and-drop/item/DragAndDropItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDropItem.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/item/DragAndDropItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qDAAmD;AACnD,oDAA4C;AAC5C,mFAAgF;AAChF,qEAAoE;AAcpE;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CACtC,CAAC,EAA2C,EAAE,YAAY,EAAE,EAAE;;QAA7D,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAAzC,wCAA2C,CAAF;IACxC,MAAM,GAAG,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,IAAA,2CAAqB,GAAE,CAAC;IACxC,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC;IAC3B,MAAM,YAAY,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,0CAAE,EAAE,MAAK,EAAE,CAAC;IAEpD,OAAO,CACL,8BAAC,cAAM,IACL,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,KAAK,EACX,OAAO,QACP,GAAG,EAAE,YAAY,EACjB,OAAO,EAAC,SAAS;QAGjB,qDACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,IACJ,IAAI,mBACK,EAAE,oBACC,KAAK,EACrB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,YAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,sBAC9C,YAAY;YAC9B;;cAEE;YACF,QAAQ,EAAE,CAAC,CAAC;YAEZ,8BAAC,+CAAsB,IAAC,IAAI,EAAE,IAAI,GAAI;YACtC,2CAAM,QAAQ,CAAO,CACjB,CACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,0CAAe;AADxB,kBAAe,eAAe,CAAC"}

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

@@ -0,0 +1,16 @@
+import { DragAndDropElement } from "../types";
+interface DragAndDropContextType {
+    activeItem: DragAndDropElement | null;
+    setActiveItem: (id: DragAndDropElement | null) => void;
+    dropTarget: DragAndDropElement | null;
+    setDropTarget: (id: DragAndDropElement | null) => void;
+    dragHandlerActive: DragAndDropElement | null;
+    setDragHandlerActive: (active: DragAndDropElement | null) => void;
+    onKeyboardDragEnd: (diff: number) => void;
+    onDragStart: (event: React.PointerEvent | React.MouseEvent, item: DragAndDropElement) => void;
+}
+export declare const DragAndDropProvider: import("react").FC<DragAndDropContextType & {
+    children: React.ReactNode;
+    ref?: never;
+}>, useDragAndDropContext: <S extends boolean = true>(strict?: S | undefined) => S extends true ? DragAndDropContextType | undefined : DragAndDropContextType | undefined;
+export {};

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

@@ -0,0 +1,10 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDragAndDropContext = exports.DragAndDropProvider = void 0;
+const helpers_1 = require("../../../utils/helpers");
+_a = (0, helpers_1.createStrictContext)({
+    errorMessage: "useDragAndDropContext must be used within a DragAndDropProvider",
+    name: "DragAndDropContext",
+}), exports.DragAndDropProvider = _a.Provider, exports.useDragAndDropContext = _a.useContext;
+//# sourceMappingURL=DragAndDrop.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDrop.context.js","sourceRoot":"","sources":["../../../../src/data/drag-and-drop/root/DragAndDrop.context.tsx"],"names":[],"mappings":";;;;AAAA,oDAA6D;AAiBhD,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/{DataDragAndDropRoot.d.ts → DragAndDropRoot.d.ts}

@@ -1,12 +1,12 @@
 import React from "react";
-import DataDragAndDropItem, { DataDragAndDropItemProps } from "../item/DataDragAndDropItem";
-interface DataDragAndDropProps extends React.HTMLAttributes<HTMLDivElement> {
+import DragAndDropItem, { DragAndDropItemProps } from "../item/DragAndDropItem";
+interface DragAndDropProps extends React.HTMLAttributes<HTMLDivElement> {
     children: any[];
     setItems: React.Dispatch<React.SetStateAction<any[]>>;
 }
-interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<DataDragAndDropProps & React.RefAttributes<HTMLDivElement>> {
+interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<DragAndDropProps & React.RefAttributes<HTMLDivElement>> {
     /**
-     * @see 🏷️ {@link DataDragAndDropItemProps}
+     * @see 🏷️ {@link DragAndDropItemProps}
      * * @example
      * ```jsx
      * <DragAndDrop>
@@ -16,7 +16,7 @@ interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<D
      * </DragAndDrop>
      * ```
      */
-    Item: typeof DataDragAndDropItem;
+    Item: typeof DragAndDropItem;
 }
 /**
  * TODO
@@ -27,8 +27,10 @@ interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<D
  * Keyboard navigation
  * Handle - button, arrows also button
  * UU - announce on drag start, item moved, drag end
+ *
+ * []
  */
-declare const DataDragAndDrop: DataDragAndDropRootComponent;
-export { DataDragAndDrop, DataDragAndDropItem };
-export default DataDragAndDrop;
-export type { DataDragAndDropItemProps, DataDragAndDropProps };
+declare const DragAndDrop: DataDragAndDropRootComponent;
+export { DragAndDrop, DragAndDropItem };
+export default DragAndDrop;
+export type { DragAndDropItemProps, DragAndDropProps };

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

@@ -0,0 +1,187 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragAndDropItem = exports.DragAndDrop = void 0;
+const react_1 = __importStar(require("react"));
+const Floating_1 = require("../../../utils/components/floating/Floating");
+const DragAndDropItem_1 = __importDefault(require("../item/DragAndDropItem"));
+exports.DragAndDropItem = DragAndDropItem_1.default;
+const DragAndDrop_context_1 = require("./DragAndDrop.context");
+/**
+ * TODO
+ * setItems on root
+ * state : active element
+ * pointer over listener / state, onPointerEnter, onPointerLeave
+ * Overlay - Use floating component
+ * Keyboard navigation
+ * Handle - button, arrows also button
+ * UU - announce on drag start, item moved, drag end
+ *
+ * []
+ */
+const DragAndDrop = (0, react_1.forwardRef)(({ setItems, children }, forwardedRef) => {
+    const [activeItem, setActiveItem] = react_1.default.useState(null);
+    const [dropTarget, setDropTarget] = react_1.default.useState(null);
+    const [dragHandlerActive, setDragHandlerActive] = react_1.default.useState(null);
+    const activeItemRef = react_1.default.useRef(null);
+    const dropTargetRef = react_1.default.useRef(null);
+    const [virtualRef, setVirtualRef] = react_1.default.useState({
+        getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, x: 0, y: 0 }),
+    });
+    const setCombinedActiveItem = react_1.default.useCallback((item) => {
+        activeItemRef.current = item;
+        setActiveItem(item);
+    }, []);
+    const setCombinedDropTarget = react_1.default.useCallback((item) => {
+        dropTargetRef.current = item;
+        setDropTarget(item);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (activeItem) {
+            document.documentElement.setAttribute("data-dragging", "true");
+            document.body.style.userSelect = "none";
+        }
+        else {
+            document.documentElement.removeAttribute("data-dragging");
+            document.body.style.userSelect = "";
+        }
+        return () => {
+            document.documentElement.removeAttribute("data-dragging");
+            document.body.style.userSelect = "";
+        };
+    }, [activeItem]);
+    (0, react_1.useEffect)(() => {
+        if (!activeItem)
+            return;
+        const handlePointerMove = (event) => {
+            var _a, _b;
+            setVirtualRef({
+                getBoundingClientRect: () => DOMRect.fromRect({
+                    width: 0,
+                    height: 0,
+                    x: event.clientX,
+                    y: event.clientY,
+                }),
+            });
+            const active = activeItemRef.current;
+            if (!active)
+                return;
+            const elements = document.elementsFromPoint(event.clientX, event.clientY);
+            const matchingElements = elements.filter((el) => el instanceof HTMLElement && Boolean(el.closest("[data-dnd-id]")));
+            const itemElements = matchingElements
+                .map((el) => el.closest("[data-dnd-id]"))
+                .filter((el) => el instanceof HTMLElement);
+            const uniqueItemElements = Array.from(new Set(itemElements));
+            const targetElement = (_b = (_a = uniqueItemElements.find((el) => el.dataset.dndId !== active.id)) !== null && _a !== void 0 ? _a : uniqueItemElements.find((el) => el.dataset.dndId === active.id)) !== null && _b !== void 0 ? _b : null;
+            if (!targetElement) {
+                setCombinedDropTarget(null);
+                return;
+            }
+            const hoveredId = targetElement.dataset.dndId;
+            const hoveredIndex = Number(targetElement.dataset.dndIndex);
+            if (!hoveredId || Number.isNaN(hoveredIndex)) {
+                setCombinedDropTarget(null);
+                return;
+            }
+            setCombinedDropTarget({ id: hoveredId, index: hoveredIndex });
+        };
+        const handlePointerUp = () => {
+            const active = activeItemRef.current;
+            const target = dropTargetRef.current;
+            if (active && target && active.id !== target.id) {
+                setItems((items) => {
+                    const newItems = [...items];
+                    const [movedItem] = newItems.splice(active.index, 1);
+                    newItems.splice(target.index, 0, movedItem);
+                    return newItems;
+                });
+            }
+            setCombinedActiveItem(null);
+            setCombinedDropTarget(null);
+        };
+        // TODO - Look into adding a cancel listener event
+        window.addEventListener("pointermove", handlePointerMove);
+        window.addEventListener("pointerup", handlePointerUp);
+        return () => {
+            window.removeEventListener("pointermove", handlePointerMove);
+            window.removeEventListener("pointerup", handlePointerUp);
+        };
+    }, [activeItem, setCombinedDropTarget, setCombinedActiveItem, setItems]);
+    const onKeyboardDragEnd = (diff) => {
+        if (!dragHandlerActive)
+            return;
+        const targetIndex = dragHandlerActive.index + diff;
+        if (targetIndex < 0 || targetIndex >= children.length) {
+            return;
+        }
+        setItems((items) => {
+            const newItems = [...items];
+            const [movedItem] = newItems.splice(dragHandlerActive.index, 1);
+            newItems.splice(targetIndex, 0, movedItem);
+            return newItems;
+        });
+        setDragHandlerActive(Object.assign(Object.assign({}, dragHandlerActive), { index: targetIndex }));
+    };
+    const onDragStart = (event, item) => {
+        setVirtualRef({
+            getBoundingClientRect: () => DOMRect.fromRect({
+                width: 0,
+                height: 0,
+                x: event.clientX,
+                y: event.clientY,
+            }),
+        });
+        setCombinedActiveItem(item);
+        setCombinedDropTarget(item);
+    };
+    // TODO - Make overlay same width as the OG item, currently jumps to content width
+    return (react_1.default.createElement(DragAndDrop_context_1.DragAndDropProvider, { activeItem: activeItem, setActiveItem: setCombinedActiveItem, dropTarget: dropTarget, setDropTarget: setCombinedDropTarget, dragHandlerActive: dragHandlerActive, setDragHandlerActive: setDragHandlerActive, onKeyboardDragEnd: onKeyboardDragEnd, onDragStart: onDragStart },
+        react_1.default.createElement("div", { ref: forwardedRef }, children),
+        activeItem && (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: { pointerEvents: "none" } }, react_1.default.cloneElement(children[activeItem.index], {
+                "data-dnd-id": undefined,
+                "data-dnd-index": undefined,
+                "data-overlay": true,
+            }))))));
+});
+exports.DragAndDrop = DragAndDrop;
+DragAndDrop.Item = DragAndDropItem_1.default;
+exports.default = DragAndDrop;
+//# sourceMappingURL=DragAndDropRoot.js.map

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

@@ -0,0 +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

@@ -0,0 +1,4 @@
+export interface DragAndDropElement {
+    id: string;
+    index: number;
+}

package/cjs/data/drag-and-drop/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/cjs/data/drag-and-drop/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/data/drag-and-drop/types.ts"],"names":[],"mappings":""}

package/cjs/data/table/helpers/selection/getMultipleSelectProps.d.ts

@@ -0,0 +1,14 @@
+import type { CheckboxProps } from "../../../../form/checkbox/types";
+import type { SelectionT } from "./selection.types";
+type GetMultipleSelectPropsArgs = {
+    selectedKeys: SelectionT;
+    setSelectedKeys: (keys: SelectionT) => void;
+    disabledKeys: (string | number)[];
+    allKeys: (string | number)[];
+    totalCount: number;
+};
+declare function getMultipleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, allKeys, totalCount, }: GetMultipleSelectPropsArgs): {
+    getTheadCheckboxProps: () => CheckboxProps;
+    getRowCheckboxProps: (key: string | number) => CheckboxProps;
+};
+export { getMultipleSelectProps };

package/cjs/data/table/helpers/selection/getMultipleSelectProps.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMultipleSelectProps = getMultipleSelectProps;
+function getMultipleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, allKeys, totalCount, }) {
+    const handleToggleAll = () => {
+        const allSelected = selectedKeys === "all" ||
+            (Array.isArray(selectedKeys) && selectedKeys.length === totalCount);
+        setSelectedKeys(allSelected ? [] : allKeys);
+    };
+    const handleToggleRow = (key) => {
+        if (selectedKeys === "all") {
+            setSelectedKeys(allKeys.filter((id) => id !== key));
+        }
+        else if (selectedKeys.includes(key)) {
+            setSelectedKeys(selectedKeys.filter((k) => k !== key));
+        }
+        else {
+            setSelectedKeys([...selectedKeys, key]);
+        }
+    };
+    const isChecked = (key) => selectedKeys === "all" ||
+        (Array.isArray(selectedKeys) && selectedKeys.includes(key));
+    return {
+        getTheadCheckboxProps: () => {
+            const indeterminate = Array.isArray(selectedKeys) &&
+                selectedKeys.length > 0 &&
+                selectedKeys.length < totalCount;
+            return {
+                children: "Select all rows",
+                onChange: handleToggleAll,
+                checked: (selectedKeys === "all" ||
+                    (Array.isArray(selectedKeys) && selectedKeys.length > 0)) &&
+                    !indeterminate,
+                indeterminate,
+                disabled: disabledKeys.length === totalCount,
+                hideLabel: true,
+            };
+        },
+        getRowCheckboxProps: (key) => ({
+            children: `Select row with id ${key}`,
+            onChange: () => handleToggleRow(key),
+            checked: isChecked(key),
+            disabled: disabledKeys.includes(key),
+            hideLabel: true,
+        }),
+    };
+}
+//# sourceMappingURL=getMultipleSelectProps.js.map

package/cjs/data/table/helpers/selection/getMultipleSelectProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMultipleSelectProps.js","sourceRoot":"","sources":["../../../../../src/data/table/helpers/selection/getMultipleSelectProps.ts"],"names":[],"mappings":";;AAqES,wDAAsB;AA1D/B,SAAS,sBAAsB,CAAC,EAC9B,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,OAAO,EACP,UAAU,GACiB;IAC3B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,WAAW,GACf,YAAY,KAAK,KAAK;YACtB,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC;QAEtE,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,GAAoB,EAAE,EAAE;QAC/C,IAAI,YAAY,KAAK,KAAK,EAAE,CAAC;YAC3B,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;QACtD,CAAC;aAAM,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACtC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACzD,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,CAAC,GAAG,YAAY,EAAE,GAAG,CAAC,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,GAAoB,EAAE,EAAE,CACzC,YAAY,KAAK,KAAK;QACtB,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9D,OAAO;QACL,qBAAqB,EAAE,GAAkB,EAAE;YACzC,MAAM,aAAa,GACjB,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;gBAC3B,YAAY,CAAC,MAAM,GAAG,CAAC;gBACvB,YAAY,CAAC,MAAM,GAAG,UAAU,CAAC;YAEnC,OAAO;gBACL,QAAQ,EAAE,iBAAiB;gBAC3B,QAAQ,EAAE,eAAe;gBACzB,OAAO,EACL,CAAC,YAAY,KAAK,KAAK;oBACrB,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;oBAC3D,CAAC,aAAa;gBAChB,aAAa;gBACb,QAAQ,EAAE,YAAY,CAAC,MAAM,KAAK,UAAU;gBAC5C,SAAS,EAAE,IAAI;aAChB,CAAC;QACJ,CAAC;QACD,mBAAmB,EAAE,CAAC,GAAoB,EAAiB,EAAE,CAAC,CAAC;YAC7D,QAAQ,EAAE,sBAAsB,GAAG,EAAE;YACrC,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC;YACpC,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC;YACvB,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;YACpC,SAAS,EAAE,IAAI;SAChB,CAAC;KACH,CAAC;AACJ,CAAC"}

package/cjs/data/table/helpers/selection/getSingleSelectProps.d.ts

@@ -0,0 +1,10 @@
+import type { RadioProps } from "../../../../form/radio/types";
+type GetSingleSelectPropsArgs = {
+    selectedKeys: (string | number)[];
+    setSelectedKeys: (keys: (string | number)[]) => void;
+    disabledKeys: (string | number)[];
+};
+declare function getSingleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, }: GetSingleSelectPropsArgs): {
+    getRowRadioProps: (key: string | number) => RadioProps;
+};
+export { getSingleSelectProps };

package/cjs/data/table/helpers/selection/getSingleSelectProps.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSingleSelectProps = getSingleSelectProps;
+function getSingleSelectProps({ selectedKeys, setSelectedKeys, disabledKeys, }) {
+    const handleSelectionChange = (key) => {
+        if (selectedKeys.includes(key)) {
+            setSelectedKeys([]);
+        }
+        else {
+            setSelectedKeys([key]);
+        }
+    };
+    return {
+        getRowRadioProps: (key) => ({
+            children: `Select row with id ${key}`,
+            checked: selectedKeys.includes(key),
+            onChange: () => handleSelectionChange(key),
+            disabled: disabledKeys.includes(key),
+            value: key,
+        }),
+    };
+}
+//# sourceMappingURL=getSingleSelectProps.js.map

package/cjs/data/table/helpers/selection/getSingleSelectProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSingleSelectProps.js","sourceRoot":"","sources":["../../../../../src/data/table/helpers/selection/getSingleSelectProps.ts"],"names":[],"mappings":";;AAgCS,oDAAoB;AAxB7B,SAAS,oBAAoB,CAAC,EAC5B,YAAY,EACZ,eAAe,EACf,YAAY,GACa;IACzB,MAAM,qBAAqB,GAAG,CAAC,GAAoB,EAAE,EAAE;QACrD,IAAI,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B,eAAe,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,gBAAgB,EAAE,CAAC,GAAoB,EAAc,EAAE,CAAC,CAAC;YACvD,QAAQ,EAAE,sBAAsB,GAAG,EAAE;YACrC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;YACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,CAAC;YAC1C,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;YACpC,KAAK,EAAE,GAAG;SACX,CAAC;KACH,CAAC;AACJ,CAAC"}

package/cjs/data/table/helpers/selection/selection.types.d.ts

@@ -0,0 +1,42 @@
+import type { CheckboxProps } from "../../../../form/checkbox/types";
+import type { RadioProps } from "../../../../form/radio/types";
+type SelectionT = (string | number)[] | "all";
+type SelectionProps = {
+    /**
+     * Enables selection of rows.
+     *
+     * When set to "single", only one row can be selected at a time (renders radio buttons).
+     *
+     * When set to "multiple", multiple rows can be selected (renders checkboxes).
+     *
+     * @default "none"
+     */
+    selectionMode?: "none" | "single" | "multiple";
+    selectedKeys?: SelectionT;
+    defaultSelectedKeys?: SelectionT;
+    onSelectionChange?: (keys: SelectionT) => void;
+    disabledKeys?: (string | number)[];
+};
+type NoneSelection = {
+    selectionMode: "none";
+    allKeys: (string | number)[];
+    selectedKeys: (string | number)[];
+    disabledKeys: (string | number)[];
+};
+type SingleSelection = {
+    selectionMode: "single";
+    allKeys: (string | number)[];
+    selectedKeys: (string | number)[];
+    disabledKeys: (string | number)[];
+    getRowRadioProps: (key: string | number) => RadioProps;
+};
+type MultipleSelection = {
+    selectionMode: "multiple";
+    allKeys: (string | number)[];
+    selectedKeys: SelectionT;
+    disabledKeys: (string | number)[];
+    getTheadCheckboxProps: () => CheckboxProps;
+    getRowCheckboxProps: (key: string | number) => CheckboxProps;
+};
+type TableSelection = NoneSelection | SingleSelection | MultipleSelection;
+export type { MultipleSelection, NoneSelection, SelectionProps, SelectionT, SingleSelection, TableSelection, };

package/cjs/data/table/helpers/selection/selection.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=selection.types.js.map

package/cjs/data/table/helpers/selection/selection.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.types.js","sourceRoot":"","sources":["../../../../../src/data/table/helpers/selection/selection.types.ts"],"names":[],"mappings":""}

package/cjs/data/table/{root → hooks}/useTableKeyboardNav.js

@@ -7,7 +7,7 @@ const table_cell_1 = require("../helpers/table-cell");
 const table_focus_1 = require("../helpers/table-focus");
 const table_grid_nav_1 = require("../helpers/table-grid-nav");
 const table_keyboard_1 = require("../helpers/table-keyboard");
-const useGridCache_1 = require("../hooks/useGridCache");
+const useGridCache_1 = require("./useGridCache");
 function useTableKeyboardNav(tableRef, { enabled, shouldBlockNavigation: customBlockFn }) {
     const { getTableGrid, activeCell, setActiveCell } = (0, useGridCache_1.useGridCache)(tableRef, enabled);
     /**

package/cjs/data/table/hooks/useTableKeyboardNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableKeyboardNav.js","sourceRoot":"","sources":["../../../../src/data/table/hooks/useTableKeyboardNav.ts"],"names":[],"mappings":"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"}