@navikt/ds-react 8.8.0 → 8.9.1

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { DragAndDropElement } from "../types";
+export interface DragAndDropDragHandlerProps {
+    item: DragAndDropElement;
+    itemRef?: React.RefObject<HTMLDivElement | null>;
+}
+/**
+ * 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,59 @@
+"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, itemRef }, forwardedRef) => {
+    var _a;
+    const context = (0, DragAndDrop_context_1.useDragAndDropContext)();
+    const active = (context === null || context === void 0 ? void 0 : context.dragHandlerActive) &&
+        item &&
+        ((_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.startPendingDragStart(event, item, (itemRef === null || itemRef === void 0 ? void 0 : itemRef.current) || null);
+            }, 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":"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"}

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

@@ -0,0 +1,31 @@
+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;
+    /**
+     * Indicates if the item is an overlay
+     */
+    isOverlay?: boolean;
+}
+/**
+ * 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,48 @@
+"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, isOverlay = false } = _a, rest = __rest(_a, ["children", "id", "index", "className", "isOverlay"]);
+    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: isOverlay ? undefined : id, ref: ref }, rest, { "data-dnd-id": isOverlay ? undefined : id, "data-dnd-index": isOverlay ? undefined : index, className: (0, helpers_1.cl)("aksel-data-table__drag-and-drop-item", className), "data-drop-target": isOverlay ? undefined : isDropTarget, "data-overlay": isOverlay, tabIndex: isOverlay ? undefined : -1 }),
+            react_1.default.createElement(DragAndDropDragHandler_1.DragAndDropDragHandler, { item: item, itemRef: ref }),
+            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;AAkBpE;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CACtC,CACE,EAA8D,EAC9D,YAAY,EACZ,EAAE;;QAFF,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,OAAW,EAAN,IAAI,cAA5D,qDAA8D,CAAF;IAG5D,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,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAC9B,GAAG,EAAE,GAAG,IACJ,IAAI,mBACK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,oBACvB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAC7C,SAAS,EAAE,IAAA,YAAE,EAAC,sCAAsC,EAAE,SAAS,CAAC,sBAC9C,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,kBACxC,SAAS,EACvB,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;YAEpC,8BAAC,+CAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,GAAI;YACpD,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,17 @@
+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;
+    startPendingDragStart: (event: React.PointerEvent, item: DragAndDropElement, element?: HTMLElement | null) => void;
+    cancelDragStart: () => 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;AAmBhD,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

@@ -0,0 +1,38 @@
+import React from "react";
+import DragAndDropItem, { DragAndDropItemProps } from "../item/DragAndDropItem";
+interface DragAndDropProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactElement<DragAndDropItemProps>[];
+    setItems: React.Dispatch<React.SetStateAction<any[]>>;
+}
+interface DataDragAndDropRootComponent extends React.ForwardRefExoticComponent<DragAndDropProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link DragAndDropItemProps}
+     * * @example
+     * ```jsx
+     * <DragAndDrop>
+     *   <DragAndDrop.Item id="1" index={0}>
+     *     ...
+     *   </DragAndDrop.Item>
+     * </DragAndDrop>
+     * ```
+     */
+    Item: typeof DragAndDropItem;
+}
+/**
+ * TODO
+ * [x] setItems on root
+ * [x] state : active element
+ * [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] Make overlay same width as the OG item, currently jumps to content width
+ * [ ] Look into adding a cancel listener event
+ * [ ] Make onClick work on drag handler button, currently blocked by pointer down/up listeners
+ * [ ] Talk to design about what should happen on ESC key press, currently just cancels dragging, should it also reset position?
+ * [ ] Make arrow icons into buttons that react to keyboard events, currently just decorative
+ */
+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,219 @@
+"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
+ * [x] setItems on root
+ * [x] state : active element
+ * [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] Make overlay same width as the OG item, currently jumps to content width
+ * [ ] Look into adding a cancel listener event
+ * [ ] Make onClick work on drag handler button, currently blocked by pointer down/up listeners
+ * [ ] Talk to design about what should happen on ESC key press, currently just cancels dragging, should it also reset position?
+ * [ ] Make arrow icons into buttons that react to keyboard events, currently just decorative
+ */
+const DragAndDrop = (0, react_1.forwardRef)(({ setItems, children }, forwardedRef) => {
+    const DRAG_THRESHOLD = 4; // Minimum movement in pixels to start dragging
+    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 [overlayWidth, setOverlayWidth] = react_1.default.useState(null);
+    const activeItemRef = react_1.default.useRef(null);
+    const dropTargetRef = react_1.default.useRef(null);
+    const activeChild = children.find((child) => child.props.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id));
+    const [virtualRef, setVirtualRef] = react_1.default.useState({
+        getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, x: 0, y: 0 }),
+    });
+    const pendingDragStartRef = react_1.default.useRef(null);
+    const startPendingDragStart = (event, item, element) => {
+        pendingDragStartRef.current = {
+            item,
+            element: element || null,
+            pointerId: event.pointerId,
+            startX: event.clientX,
+            startY: event.clientY,
+        };
+    };
+    const cancelDragStart = () => {
+        pendingDragStartRef.current = null;
+    };
+    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)(() => {
+        /* This useEffect is used to toggle a class on the html element when dragging,
+        to prevent cursor issues when dragging over interactive elements,
+        and to prevent text selection during dragging. */
+        if (activeItem) {
+            document.documentElement.setAttribute("data-dragging-cursor", "true");
+            document.body.style.userSelect = "none";
+        }
+        else {
+            document.documentElement.removeAttribute("data-dragging-cursor");
+            document.body.style.userSelect = "";
+        }
+        return () => {
+            document.documentElement.removeAttribute("data-dragging-cursor");
+            document.body.style.userSelect = "";
+        };
+    }, [activeItem]);
+    (0, react_1.useEffect)(() => {
+        const handlePointerMove = (event) => {
+            var _a, _b, _c;
+            const pendingStart = pendingDragStartRef.current;
+            const activeRef = activeItemRef.current;
+            const element = pendingStart === null || pendingStart === void 0 ? void 0 : pendingStart.element;
+            if (!activeRef && pendingStart) {
+                const deltaX = Math.abs(event.clientX - pendingStart.startX);
+                const deltaY = Math.abs(event.clientY - pendingStart.startY);
+                if (deltaX > DRAG_THRESHOLD || deltaY > DRAG_THRESHOLD) {
+                    if (element) {
+                        element.setPointerCapture(pendingStart.pointerId);
+                    }
+                    setOverlayWidth((_a = element === null || element === void 0 ? void 0 : element.getBoundingClientRect().width) !== null && _a !== void 0 ? _a : null);
+                    setCombinedActiveItem(pendingStart.item);
+                    setCombinedDropTarget(pendingStart.item);
+                    pendingDragStartRef.current = null;
+                }
+                return;
+            }
+            const active = activeItemRef.current;
+            if (!active)
+                return;
+            setVirtualRef({
+                getBoundingClientRect: () => DOMRect.fromRect({
+                    width: 0,
+                    height: 0,
+                    x: event.clientX,
+                    y: event.clientY,
+                }),
+            });
+            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 = (_c = (_b = uniqueItemElements.find((el) => el.dataset.dndId !== active.id)) !== null && _b !== void 0 ? _b : uniqueItemElements.find((el) => el.dataset.dndId === active.id)) !== null && _c !== void 0 ? _c : 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 = () => {
+            if (!activeItemRef.current) {
+                pendingDragStartRef.current = null;
+                return;
+            }
+            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;
+                });
+            }
+            setOverlayWidth(null);
+            setDragHandlerActive(null);
+            setCombinedActiveItem(null);
+            setCombinedDropTarget(null);
+            pendingDragStartRef.current = 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);
+        };
+    }, [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 }));
+    };
+    return (react_1.default.createElement(DragAndDrop_context_1.DragAndDropProvider, { activeItem: activeItem, setActiveItem: setCombinedActiveItem, dropTarget: dropTarget, setDropTarget: setCombinedDropTarget, dragHandlerActive: dragHandlerActive, setDragHandlerActive: setDragHandlerActive, onKeyboardDragEnd: onKeyboardDragEnd, startPendingDragStart: startPendingDragStart, cancelDragStart: cancelDragStart },
+        react_1.default.createElement("div", { ref: forwardedRef }, children),
+        activeItem && activeChild && (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",
+                    boxSizing: "border-box",
+                    width: overlayWidth ? `${overlayWidth}px` : "fit-content",
+                } }, react_1.default.cloneElement(activeChild, {
+                isOverlay: 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 { CheckboxInputProps } from "../../../../form/checkbox/checkbox-input/CheckboxInput";
+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: () => CheckboxInputProps;
+    getRowCheckboxProps: (key: string | number) => CheckboxInputProps;
+};
+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 {
+                /* TODO: Add support for label visuallyhidden */
+                /* children: "Select all rows", */
+                onChange: handleToggleAll,
+                checked: (selectedKeys === "all" ||
+                    (Array.isArray(selectedKeys) && selectedKeys.length > 0)) &&
+                    !indeterminate,
+                indeterminate,
+                disabled: disabledKeys.length === totalCount,
+            };
+        },
+        getRowCheckboxProps: (key) => ({
+            /* TODO: Add support for label visuallyhidden */
+            /* children: `Select row with id ${key}`, */
+            onChange: () => handleToggleRow(key),
+            checked: isChecked(key),
+            disabled: disabledKeys.includes(key),
+        }),
+    };
+}
+//# 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,GAAuB,EAAE;YAC9C,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,gDAAgD;gBAChD,kCAAkC;gBAClC,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;aAC7C,CAAC;QACJ,CAAC;QACD,mBAAmB,EAAE,CAAC,GAAoB,EAAsB,EAAE,CAAC,CAAC;YAClE,gDAAgD;YAChD,4CAA4C;YAC5C,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;SACrC,CAAC;KACH,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1,26 @@
+"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) => ({
+            /* TODO: Add support for label visuallyhidden */
+            /* children: `Select row with id ${key}`, */
+            checked: selectedKeys.includes(key),
+            onChange: () => handleSelectionChange(key),
+            disabled: disabledKeys.includes(key),
+            value: key,
+            /* TODO: Make this unique to avoid issue with multipe tables */
+            name: "data-table-single-select",
+        }),
+    };
+}
+//# 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":";;AAmCS,oDAAoB;AA3B7B,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,EAAmB,EAAE,CAAC,CAAC;YAC5D,gDAAgD;YAChD,4CAA4C;YAC5C,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;YACV,+DAA+D;YAC/D,IAAI,EAAE,0BAA0B;SACjC,CAAC;KACH,CAAC;AACJ,CAAC"}