@navikt/ds-react 8.8.0 → 8.9.1

package/cjs/form/radio/Radio.js

@@ -38,20 +38,22 @@ const react_1 = __importStar(require("react"));
 const typography_1 = require("../../typography");
 const utils_external_1 = require("../../utils-external");
 const helpers_1 = require("../../utils/helpers");
+const RadioInput_1 = require("./radio-input/RadioInput");
 const useRadio_1 = require("./useRadio");
-exports.Radio = (0, react_1.forwardRef)((props, ref) => {
+exports.Radio = (0, react_1.forwardRef)((props, forwardedRef) => {
     const { inputProps, size, hasError, readOnly } = (0, useRadio_1.useRadio)(props);
     const descriptionId = (0, utils_external_1.useId)();
-    return (react_1.default.createElement("div", { className: (0, helpers_1.cl)(props.className, "aksel-radio", `aksel-radio--${size}`, {
+    const { className, description, children } = props;
+    return (react_1.default.createElement("div", { className: (0, helpers_1.cl)(className, "aksel-radio", `aksel-radio--${size}`, {
             "aksel-radio--error": hasError,
             "aksel-radio--disabled": inputProps.disabled,
             "aksel-radio--readonly": readOnly,
         }), "data-color": hasError ? "danger" : props["data-color"] },
-        react_1.default.createElement("input", Object.assign({}, (0, utils_external_1.omit)(props, ["children", "size", "description", "readOnly"]), (0, utils_external_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { "aria-describedby": (0, helpers_1.cl)(inputProps["aria-describedby"], {
-                [descriptionId]: props.description,
-            }) || undefined, className: "aksel-radio__input", ref: ref })),
-        react_1.default.createElement(typography_1.BodyShort, { as: "label", htmlFor: inputProps.id, className: "aksel-radio__label", size: size }, props.children),
-        props.description && (react_1.default.createElement(typography_1.BodyShort, { id: descriptionId, size: size, className: "aksel-form-field__subdescription aksel-radio__description" }, props.description))));
+        react_1.default.createElement(RadioInput_1.RadioInput, Object.assign({ ref: forwardedRef }, (0, utils_external_1.omit)(props, ["children", "size", "description", "readOnly"]), (0, utils_external_1.omit)(inputProps, ["aria-invalid", "aria-describedby"]), { "aria-describedby": (0, helpers_1.cl)(inputProps["aria-describedby"], {
+                [descriptionId]: description,
+            }) || undefined, standalone: false })),
+        react_1.default.createElement(typography_1.BodyShort, { as: "label", htmlFor: inputProps.id, className: "aksel-radio__label", size: size }, children),
+        description && (react_1.default.createElement(typography_1.BodyShort, { id: descriptionId, size: size, className: "aksel-form-field__subdescription aksel-radio__description" }, description))));
 });
 exports.default = exports.Radio;
 //# sourceMappingURL=Radio.js.map

package/cjs/form/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA6C;AAC7C,yDAAmD;AACnD,iDAAyC;AAEzC,yCAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,IAAA,sBAAK,GAAE,CAAC;IAE9B,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,KAAK,CAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YACpE,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;YAC5C,uBAAuB,EAAE,QAAQ;SAClC,CAAC,gBACU,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;QAErD,yDACM,IAAA,qBAAI,EAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,EAC5D,IAAA,qBAAI,EAAC,UAAU,EAAE,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,wBAExD,IAAA,YAAE,EAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE;gBACjC,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW;aACnC,CAAC,IAAI,SAAS,EAEjB,SAAS,EAAC,oBAAoB,EAC9B,GAAG,EAAE,GAAG,IACR;QACF,8BAAC,sBAAS,IACR,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,IAAI,IAET,KAAK,CAAC,QAAQ,CACL;QACX,KAAK,CAAC,WAAW,IAAI,CACpB,8BAAC,sBAAS,IACR,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,2DAA2D,IAEpE,KAAK,CAAC,WAAW,CACR,CACb,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,aAAK,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/form/radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,iDAA6C;AAC7C,yDAAmD;AACnD,iDAAyC;AACzC,yDAAsD;AAEtD,yCAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CAAC,KAAiB,EAAE,YAAY,EAAE,EAAE;IAClC,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,IAAA,sBAAK,GAAE,CAAC;IAE9B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,IAAI,EAAE,EAAE;YAC9D,oBAAoB,EAAE,QAAQ;YAC9B,uBAAuB,EAAE,UAAU,CAAC,QAAQ;YAC5C,uBAAuB,EAAE,QAAQ;SAClC,CAAC,gBACU,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;QAErD,8BAAC,uBAAU,kBACT,GAAG,EAAE,YAAY,IACb,IAAA,qBAAI,EAAC,KAAK,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,EAC5D,IAAA,qBAAI,EAAC,UAAU,EAAE,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,wBAExD,IAAA,YAAE,EAAC,UAAU,CAAC,kBAAkB,CAAC,EAAE;gBACjC,CAAC,aAAa,CAAC,EAAE,WAAW;aAC7B,CAAC,IAAI,SAAS,EAEjB,UAAU,EAAE,KAAK,IACjB;QACF,8BAAC,sBAAS,IACR,EAAE,EAAC,OAAO,EACV,OAAO,EAAE,UAAU,CAAC,EAAE,EACtB,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,IAAI,IAET,QAAQ,CACC;QACX,WAAW,IAAI,CACd,8BAAC,sBAAS,IACR,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,2DAA2D,IAEpE,WAAW,CACF,CACb,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAK,CAAC"}

package/cjs/form/radio/radio-input/RadioInput.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+type RadioInputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    children?: never;
+    standalone?: boolean;
+    /**
+     * Reduces pseudo-element target-size.
+     */
+    compact?: boolean;
+};
+declare const RadioInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    children?: never;
+    standalone?: boolean;
+    /**
+     * Reduces pseudo-element target-size.
+     */
+    compact?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+export { RadioInput };
+export type { RadioInputProps };

package/cjs/{data/drag-and-drop/root/DataDragAndDropRoot.js → form/radio/radio-input/RadioInput.js}

@@ -32,30 +32,24 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataDragAndDropItem = exports.DataDragAndDrop = void 0;
+exports.RadioInput = void 0;
 const react_1 = __importStar(require("react"));
-const DataDragAndDropItem_1 = __importDefault(require("../item/DataDragAndDropItem"));
-exports.DataDragAndDropItem = DataDragAndDropItem_1.default;
-const DataDragAndDrop_context_1 = require("./DataDragAndDrop.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 DataDragAndDrop = (0, react_1.forwardRef)(({ children }, forwardedRef) => {
-    return (react_1.default.createElement(DataDragAndDrop_context_1.DataDragAndDropProvider, { inputMethod: null },
-        react_1.default.createElement("div", { ref: forwardedRef }, children)));
+const helpers_1 = require("../../../utils/helpers");
+const RadioInput = (0, react_1.forwardRef)((_a, forwardedRef) => {
+    var { className, standalone = true, compact } = _a, rest = __rest(_a, ["className", "standalone", "compact"]);
+    return (react_1.default.createElement("input", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-radio__input", className), "data-standalone": standalone, "data-compact": compact, type: "radio" })));
 });
-exports.DataDragAndDrop = DataDragAndDrop;
-DataDragAndDrop.Item = DataDragAndDropItem_1.default;
-exports.default = DataDragAndDrop;
-//# sourceMappingURL=DataDragAndDropRoot.js.map
+exports.RadioInput = RadioInput;
+//# sourceMappingURL=RadioInput.js.map

package/cjs/form/radio/radio-input/RadioInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioInput.js","sourceRoot":"","sources":["../../../../src/form/radio/radio-input/RadioInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAW5C,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CACE,EAAmE,EACnE,YAAY,EACZ,EAAE;QAFF,EAAE,SAAS,EAAE,UAAU,GAAG,IAAI,EAAE,OAAO,OAA4B,EAAvB,IAAI,cAAhD,sCAAkD,CAAF;IAGhD,OAAO,CACL,yDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,oBAAoB,EAAE,SAAS,CAAC,qBAC7B,UAAU,kBACb,OAAO,EACrB,IAAI,EAAC,OAAO,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,gCAAU"}

package/cjs/internal-header/InternalHeaderButton.d.ts

@@ -5,6 +5,11 @@ export interface InternalHeaderButtonProps extends React.ButtonHTMLAttributes<HT
      * Application Button
      */
     children: React.ReactNode;
+    /**
+     * Active state for element.
+     * @default false
+     */
+    isActive?: boolean;
 }
 export declare const InternalHeaderButton: OverridableComponent<InternalHeaderButtonProps, HTMLButtonElement>;
 export default InternalHeaderButton;

package/cjs/internal-header/InternalHeaderButton.js

@@ -48,8 +48,8 @@ exports.InternalHeaderButton = void 0;
 const react_1 = __importStar(require("react"));
 const helpers_1 = require("../utils/helpers");
 exports.InternalHeaderButton = (0, react_1.forwardRef)((_a, ref) => {
-    var { as: Component = "button", className } = _a, rest = __rest(_a, ["as", "className"]);
-    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, helpers_1.cl)("aksel-internalheader__button", className) })));
+    var { as: Component = "button", className, isActive = false } = _a, rest = __rest(_a, ["as", "className", "isActive"]);
+    return (react_1.default.createElement(Component, Object.assign({ "aria-current": isActive || undefined }, rest, { ref: ref, className: (0, helpers_1.cl)("aksel-internalheader__button", className), "data-active": isActive })));
 });
 exports.default = exports.InternalHeaderButton;
 //# sourceMappingURL=InternalHeaderButton.js.map

package/cjs/internal-header/InternalHeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalHeaderButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,8CAAsC;AAQzB,QAAA,oBAAoB,GAG7B,IAAA,kBAAU,EAAC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,mBAAgD,CAAF;IAC5D,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,8BAA8B,EAAE,SAAS,CAAC,IACxD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,4BAAoB,CAAC"}
+{"version":3,"file":"InternalHeaderButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,8CAAsC;AAazB,QAAA,oBAAoB,GAG7B,IAAA,kBAAU,EACZ,CAAC,EAAkE,EAAE,GAAG,EAAE,EAAE;QAA3E,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,OAAW,EAAN,IAAI,cAAhE,+BAAkE,CAAF;IAC/D,OAAO,CACL,8BAAC,SAAS,kCACM,QAAQ,IAAI,SAAS,IAC/B,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,8BAA8B,EAAE,SAAS,CAAC,iBAC3C,QAAQ,IACrB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,4BAAoB,CAAC"}

package/cjs/utils/components/Listbox/group/ListboxGroup.js

@@ -5,11 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListboxGroup = ListboxGroup;
 const react_1 = __importDefault(require("react"));
+const typography_1 = require("../../../../typography");
 const utils_external_1 = require("../../../../utils-external");
 function ListboxGroup({ label, children }) {
     const labelId = (0, utils_external_1.useId)();
     return (react_1.default.createElement("div", { role: "group", className: "aksel-listbox__group", "aria-labelledby": labelId },
-        react_1.default.createElement("div", { id: labelId, "aria-hidden": true }, label),
+        react_1.default.createElement(typography_1.Label, { as: "div", size: "small", id: labelId, "aria-hidden": true, className: "aksel-listbox__group-label" }, label),
         children));
 }
 //# sourceMappingURL=ListboxGroup.js.map

package/cjs/utils/components/Listbox/group/ListboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListboxGroup.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/group/ListboxGroup.tsx"],"names":[],"mappings":";;;;;AAyBS,oCAAY;AAzBrB,kDAA0B;AAC1B,+DAAmD;AAOnD,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAqB;IAC1D,MAAM,OAAO,GAAG,IAAA,sBAAK,GAAE,CAAC;IAExB,OAAO,CACL,uCACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,sBAAsB,qBACf,OAAO;QAExB,uCAAK,EAAE,EAAE,OAAO,yBACb,KAAK,CACF;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ListboxGroup.js","sourceRoot":"","sources":["../../../../../src/utils/components/Listbox/group/ListboxGroup.tsx"],"names":[],"mappings":";;;;;AAgCS,oCAAY;AAhCrB,kDAA0B;AAC1B,uDAA+C;AAC/C,+DAAmD;AAOnD,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAqB;IAC1D,MAAM,OAAO,GAAG,IAAA,sBAAK,GAAE,CAAC;IAExB,OAAO,CACL,uCACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,sBAAsB,qBACf,OAAO;QAExB,8BAAC,kBAAK,IACJ,EAAE,EAAC,KAAK,EACR,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,OAAO,uBAEX,SAAS,EAAC,4BAA4B,IAErC,KAAK,CACA;QACP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { DragAndDropElement } from "../types.js";
+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/esm/data/drag-and-drop/drag-handler/DragAndDropDragHandler.js

@@ -0,0 +1,53 @@
+import React from "react";
+import { CaretDownCircleFillIcon, CaretUpCircleFillIcon, DragVerticalIcon, } from "@navikt/aksel-icons";
+import { useDragAndDropContext } from "../root/DragAndDrop.context.js";
+/**
+ * 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 const DragAndDropDragHandler = React.forwardRef(({ item, itemRef }, forwardedRef) => {
+    var _a;
+    const context = 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.createElement("div", { className: "aksel-data-drag-and-drop__drag-handler", ref: forwardedRef },
+        active && (React.createElement("span", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "up" },
+            React.createElement(CaretUpCircleFillIcon, { "aria-hidden": true, fontSize: "1.2rem" }))),
+        React.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.createElement(DragVerticalIcon, { "aria-hidden": true, title: "Dra for \u00E5 flytte", fontSize: "1.5rem" })),
+        active && (React.createElement("span", { className: "aksel-data-drag-and-drop__drag-handler__arrow", "data-direction": "down" },
+            React.createElement(CaretDownCircleFillIcon, { "aria-hidden": true, fontSize: "1.2rem" })))));
+});
+//# sourceMappingURL=DragAndDropDragHandler.js.map

package/esm/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/esm/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/esm/data/drag-and-drop/item/DragAndDropItem.js

@@ -0,0 +1,42 @@
+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;
+};
+import React from "react";
+import { HStack } from "../../../primitives/stack/index.js";
+import { cl } from "../../../utils/helpers/index.js";
+import { DragAndDropDragHandler } from "../drag-handler/DragAndDropDragHandler.js";
+import { useDragAndDropContext } from "../root/DragAndDrop.context.js";
+/**
+ * TODO
+ *
+ * @see 🏷️ {@link DragAndDropItemProps}
+ * @example
+ * ```tsx
+ * <DragAndDrop.Item numOfSelectedRows={selectedRows.length} onClear={handleClear}>
+ *   TODO
+ * </DragAndDrop.Item>
+ * ```
+ */
+const DragAndDropItem = React.forwardRef((_a, forwardedRef) => {
+    var _b;
+    var { children, id, index, className, isOverlay = false } = _a, rest = __rest(_a, ["children", "id", "index", "className", "isOverlay"]);
+    const ref = React.useRef(null);
+    const context = 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.createElement(HStack, { gap: "space-8", align: "center", wrap: false, asChild: true, ref: forwardedRef, padding: "space-4" },
+        React.createElement("div", Object.assign({ id: isOverlay ? undefined : id, ref: ref }, rest, { "data-dnd-id": isOverlay ? undefined : id, "data-dnd-index": isOverlay ? undefined : index, className: cl("aksel-data-table__drag-and-drop-item", className), "data-drop-target": isOverlay ? undefined : isDropTarget, "data-overlay": isOverlay, tabIndex: isOverlay ? undefined : -1 }),
+            React.createElement(DragAndDropDragHandler, { item: item, itemRef: ref }),
+            React.createElement("div", null, children))));
+});
+export default DragAndDropItem;
+export { DragAndDropItem };
+//# sourceMappingURL=DragAndDropItem.js.map

package/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAkBpE;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,KAAK,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,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,qBAAqB,EAAE,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,oBAAC,MAAM,IACL,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,KAAK,EACX,OAAO,QACP,GAAG,EAAE,YAAY,EACjB,OAAO,EAAC,SAAS;QAGjB,2CACE,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,EAAE,CAAC,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,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,GAAI;YACpD,iCAAM,QAAQ,CAAO,CACjB,CACC,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,17 @@
+import { DragAndDropElement } from "../types.js";
+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/esm/data/drag-and-drop/root/DragAndDrop.context.js

@@ -0,0 +1,6 @@
+import { createStrictContext } from "../../../utils/helpers/index.js";
+export const { Provider: DragAndDropProvider, useContext: useDragAndDropContext, } = createStrictContext({
+    errorMessage: "useDragAndDropContext must be used within a DragAndDropProvider",
+    name: "DragAndDropContext",
+});
+//# sourceMappingURL=DragAndDrop.context.js.map

package/esm/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,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAmB7D,MAAM,CAAC,MAAM,EACX,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,qBAAqB,GAClC,GAAG,mBAAmB,CAAqC;IAC1D,YAAY,EACV,iEAAiE;IACnE,IAAI,EAAE,oBAAoB;CAC3B,CAAC,CAAC"}

package/esm/data/drag-and-drop/root/DragAndDropRoot.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+import DragAndDropItem, { DragAndDropItemProps } from "../item/DragAndDropItem.js";
+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/esm/data/drag-and-drop/root/DragAndDropRoot.js

@@ -0,0 +1,179 @@
+import React, { forwardRef, useEffect } from "react";
+import { Floating } from "../../../utils/components/floating/Floating.js";
+import DragAndDropItem from "../item/DragAndDropItem.js";
+import { DragAndDropProvider } from "./DragAndDrop.context.js";
+/**
+ * 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 = forwardRef(({ setItems, children }, forwardedRef) => {
+    const DRAG_THRESHOLD = 4; // Minimum movement in pixels to start dragging
+    const [activeItem, setActiveItem] = React.useState(null);
+    const [dropTarget, setDropTarget] = React.useState(null);
+    const [dragHandlerActive, setDragHandlerActive] = React.useState(null);
+    const [overlayWidth, setOverlayWidth] = React.useState(null);
+    const activeItemRef = React.useRef(null);
+    const dropTargetRef = React.useRef(null);
+    const activeChild = children.find((child) => child.props.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id));
+    const [virtualRef, setVirtualRef] = React.useState({
+        getBoundingClientRect: () => DOMRect.fromRect({ width: 0, height: 0, x: 0, y: 0 }),
+    });
+    const pendingDragStartRef = React.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.useCallback((item) => {
+        activeItemRef.current = item;
+        setActiveItem(item);
+    }, []);
+    const setCombinedDropTarget = React.useCallback((item) => {
+        dropTargetRef.current = item;
+        setDropTarget(item);
+    }, []);
+    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]);
+    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.createElement(DragAndDropProvider, { activeItem: activeItem, setActiveItem: setCombinedActiveItem, dropTarget: dropTarget, setDropTarget: setCombinedDropTarget, dragHandlerActive: dragHandlerActive, setDragHandlerActive: setDragHandlerActive, onKeyboardDragEnd: onKeyboardDragEnd, startPendingDragStart: startPendingDragStart, cancelDragStart: cancelDragStart },
+        React.createElement("div", { ref: forwardedRef }, children),
+        activeItem && activeChild && (React.createElement(Floating, null,
+            React.createElement(Floating.Anchor, { virtualRef: virtualRef },
+                React.createElement("span", null)),
+            React.createElement(Floating.Content, { align: "start", updatePositionStrategy: "always", style: {
+                    pointerEvents: "none",
+                    boxSizing: "border-box",
+                    width: overlayWidth ? `${overlayWidth}px` : "fit-content",
+                } }, React.cloneElement(activeChild, {
+                isOverlay: true,
+            }))))));
+});
+DragAndDrop.Item = DragAndDropItem;
+export { DragAndDrop, DragAndDropItem };
+export default DragAndDrop;
+//# sourceMappingURL=DragAndDropRoot.js.map

package/esm/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/esm/data/drag-and-drop/types.d.ts

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

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/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/esm/data/table/helpers/selection/getMultipleSelectProps.d.ts

@@ -0,0 +1,14 @@
+import type { CheckboxInputProps } from "../../../../form/checkbox/checkbox-input/CheckboxInput.js";
+import type { SelectionT } from "./selection.types.js";
+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 };