@navikt/ds-react 5.13.0 → 5.14.0

package/cjs/table/ExpandableRow.js

@@ -41,34 +41,34 @@ exports.ExpandableRow = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
-const util_1 = require("../util");
-const AnimateHeight_1 = __importDefault(require("../util/AnimateHeight"));
+const composeEventHandlers_1 = require("../util/composeEventHandlers");
+const hooks_1 = require("../util/hooks");
 const useControllableState_1 = require("../util/hooks/useControllableState");
+const AnimateHeight_1 = __importDefault(require("./AnimateHeight"));
 const DataCell_1 = __importDefault(require("./DataCell"));
 const Row_1 = __importDefault(require("./Row"));
 exports.ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false, expandOnRowClick = false, colSpan = 999 } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled", "expandOnRowClick", "colSpan"]);
+    var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false, expandOnRowClick = false, colSpan = 999, onClick } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled", "expandOnRowClick", "colSpan", "onClick"]);
     const [_open, _setOpen] = (0, useControllableState_1.useControllableState)({
         defaultValue: defaultOpen,
         value: open,
         onChange: onOpenChange,
     });
-    const id = (0, util_1.useId)();
+    const id = (0, hooks_1.useId)();
     const expansionHandler = (e) => {
         _setOpen((x) => !x);
         e.stopPropagation();
     };
     const onRowClick = (e) => !isInteractiveTarget(e.target) && expansionHandler(e);
+    const handleRowClick = (e) => {
+        !expansionDisabled && expandOnRowClick && onRowClick(e);
+    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Row_1.default, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-table__expandable-row", className, {
                 "navds-table__expandable-row--open": _open,
                 "navds-table__expandable-row--expansion-disabled": expansionDisabled,
                 "navds-table__expandable-row--clickable": expandOnRowClick,
-            }), onClick: (e) => {
-                var _a;
-                !expansionDisabled && expandOnRowClick && onRowClick(e);
-                (_a = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, e);
-            } }),
+            }), onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleRowClick) }),
             togglePlacement === "right" && children,
             react_1.default.createElement(DataCell_1.default, { className: (0, clsx_1.default)("navds-table__toggle-expand-cell", {
                     "navds-table__toggle-expand-cell--open": _open,

package/cjs/table/HeaderCell.js

@@ -41,9 +41,10 @@ exports.HeaderCell = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 exports.HeaderCell = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, children, align } = _a, rest = __rest(_a, ["className", "children", "align"]);
+    var { className, children, align, textSize } = _a, rest = __rest(_a, ["className", "children", "align", "textSize"]);
     return (react_1.default.createElement("th", Object.assign({ ref: ref, className: (0, clsx_1.default)("navds-table__header-cell", "navds-label", className, {
             [`navds-table__header-cell--align-${align}`]: align,
+            "navds-label--small": textSize === "small",
         }) }, rest), children));
 });
 exports.default = exports.HeaderCell;

package/cjs/tabs/TabList.js

@@ -43,12 +43,13 @@ const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
 const util_1 = require("../util");
+const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
 const context_1 = require("./context");
 exports.TabList = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     const context = (0, react_1.useContext)(context_1.TabsContext);
     const listRef = (0, react_1.useRef)(null);
-    const mergedRef = (0, react_1.useMemo)(() => (0, util_1.mergeRefs)([listRef, ref]), [ref]);
+    const mergedRef = (0, useMergeRefs_1.useMergeRefs)(listRef, ref);
     const [displayScroll, setDisplayScroll] = (0, react_1.useState)({
         start: false,
         end: false,

package/cjs/tag/Tag.js

@@ -53,7 +53,9 @@ const typography_1 = require("../typography");
  * ```
  */
 exports.Tag = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, variant, size = "medium" } = _a, rest = __rest(_a, ["className", "variant", "size"]);
-    return (react_1.default.createElement(typography_1.BodyShort, Object.assign({}, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: (0, clsx_1.default)("navds-tag", className, `navds-tag--${variant}`, `navds-tag--${size}`) })));
+    var { children, className, variant, size = "medium", icon } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "icon"]);
+    return (react_1.default.createElement(typography_1.BodyShort, Object.assign({}, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: (0, clsx_1.default)("navds-tag", className, `navds-tag--${variant}`, `navds-tag--${size}`) }),
+        icon && react_1.default.createElement("span", { className: "navds-tag__icon--left" }, icon),
+        children));
 });
 exports.default = exports.Tag;

package/cjs/timeline/Pin.js

@@ -38,7 +38,7 @@ exports.Pin = void 0;
 const react_1 = require("@floating-ui/react");
 const date_fns_1 = require("date-fns");
 const react_2 = __importStar(require("react"));
-const util_1 = require("../util");
+const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
 const useTimelineContext_1 = require("./hooks/useTimelineContext");
 const calc_1 = require("./utils/calc");
 exports.Pin = (0, react_2.forwardRef)((_a, ref) => {
@@ -73,7 +73,7 @@ exports.Pin = (0, react_2.forwardRef)((_a, ref) => {
         dismiss,
         role,
     ]);
-    const mergedRef = (0, react_2.useMemo)(() => (0, util_1.mergeRefs)([refs.setReference, ref]), [ref, refs.setReference]);
+    const mergedRef = (0, useMergeRefs_1.useMergeRefs)(refs.setReference, ref);
     const staticSide = {
         top: "bottom",
         right: "left",

package/cjs/timeline/period/ClickablePeriod.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("@floating-ui/react");
 const clsx_1 = __importDefault(require("clsx"));
 const react_2 = __importStar(require("react"));
-const util_1 = require("../../util");
+const useMergeRefs_1 = require("../../util/hooks/useMergeRefs");
 const usePeriodContext_1 = require("../hooks/usePeriodContext");
 const useRowContext_1 = require("../hooks/useRowContext");
 const useTimelineContext_1 = require("../hooks/useTimelineContext");
@@ -67,7 +67,7 @@ const ClickablePeriod = react_2.default.memo(({ onSelectPeriod, start, end, stat
         dismiss,
         role,
     ]);
-    const mergedRef = (0, react_2.useMemo)(() => (0, util_1.mergeRefs)([refs.setReference, periodRef]), [periodRef, refs.setReference]);
+    const mergedRef = (0, useMergeRefs_1.useMergeRefs)(refs.setReference, periodRef);
     const staticSide = {
         top: "bottom",
         right: "left",

package/cjs/toggle-group/ToggleGroup.js

@@ -42,7 +42,7 @@ const RadixToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const typography_1 = require("../typography");
-const util_1 = require("../util");
+const hooks_1 = require("../util/hooks");
 const ToggleItem_1 = __importDefault(require("./ToggleItem"));
 const context_1 = require("./context");
 /**
@@ -63,7 +63,7 @@ const context_1 = require("./context");
 exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, onChange, size = "medium", label, value, defaultValue, "aria-describedby": desc, variant = "action" } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "aria-describedby", "variant"]);
     const [groupValue, setGroupValue] = (0, react_1.useState)(defaultValue);
-    const labelId = (0, util_1.useId)();
+    const labelId = (0, hooks_1.useId)();
     const handleValueChange = (v) => {
         if (v !== "") {
             setGroupValue(v);

package/cjs/tooltip/Tooltip.js

@@ -44,8 +44,9 @@ const react_2 = __importStar(require("react"));
 const ModalContext_1 = require("../modal/ModalContext");
 const provider_1 = require("../provider");
 const typography_1 = require("../typography");
-const util_1 = require("../util");
+const hooks_1 = require("../util/hooks");
 const useControllableState_1 = require("../util/hooks/useControllableState");
+const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
 /**
  * A component that displays a tooltip when the user hovers over its child element.
  *
@@ -96,9 +97,9 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
         (0, react_1.useFocus)(context),
         (0, react_1.useDismiss)(context),
     ]);
-    const ariaId = (0, util_1.useId)(id);
-    const mergedRef = (0, react_2.useMemo)(() => (0, util_1.mergeRefs)([ref, refs.setFloating]), [refs.setFloating, ref]);
-    const childMergedRef = (0, react_2.useMemo)(() => (0, util_1.mergeRefs)([children.ref, refs.setReference]), [children, refs.setReference]);
+    const ariaId = (0, hooks_1.useId)(id);
+    const mergedRef = (0, useMergeRefs_1.useMergeRefs)(ref, refs.setFloating);
+    const childMergedRef = (0, useMergeRefs_1.useMergeRefs)(children.ref, refs.setReference);
     if (!children ||
         (children === null || children === void 0 ? void 0 : children.type) === react_2.default.Fragment ||
         children === react_2.default.Fragment) {
@@ -120,7 +121,7 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
                 visibility: referenceHidden ? "hidden" : "visible",
             }, role: "tooltip", id: ariaId, className: (0, clsx_1.default)("navds-tooltip", "navds-detail navds-detail--small", className) })), { "data-side": placement }),
             content,
-            keys && (react_2.default.createElement("span", { className: "navds-tooltip__keys" }, keys.map((key) => (react_2.default.createElement(typography_1.Detail, { size: "small", as: "kbd", key: key, className: "navds-tooltip__key" }, key))))),
+            keys && (react_2.default.createElement("span", { className: "navds-tooltip__keys" }, keys.map((key) => (react_2.default.createElement(typography_1.Detail, { as: "kbd", key: key, className: "navds-tooltip__key" }, key))))),
             _arrow && (react_2.default.createElement("div", { ref: (node) => {
                     arrowRef.current = node;
                 }, className: "navds-tooltip__arrow", style: {

package/cjs/util/Slot.js

@@ -33,19 +33,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Slot = void 0;
 // https://github.com/radix-ui/primitives/blob/main/packages/react/slot/src/Slot.tsx
 const React = __importStar(require("react"));
-const mergeRefs_1 = __importDefault(require("./mergeRefs"));
+const useMergeRefs_1 = require("./hooks/useMergeRefs");
 exports.Slot = React.forwardRef((props, forwardedRef) => {
     const { children } = props, slotProps = __rest(props, ["children"]);
     if (React.isValidElement(children)) {
         return React.cloneElement(children, Object.assign(Object.assign({}, mergeProps(slotProps, children.props)), { ref: forwardedRef
-                ? (0, mergeRefs_1.default)([forwardedRef, children.ref])
+                ? (0, useMergeRefs_1.mergeRefs)([forwardedRef, children.ref])
                 : children.ref }));
     }
     if (React.Children.count(children) > 1) {

package/cjs/util/TextareaAutoSize.js

@@ -40,7 +40,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /* https://github.com/mui/material-ui/blob/master/packages/mui-base/src/TextareaAutosize/TextareaAutosize.tsx */
 const react_1 = __importStar(require("react"));
 const react_dom_1 = __importDefault(require("react-dom"));
-const util_1 = require("../util");
+const hooks_1 = require("../util/hooks");
+const debounce_1 = __importDefault(require("./debounce"));
+const useMergeRefs_1 = require("./hooks/useMergeRefs");
 const updateState = (prevState, newState, renders) => {
     const { outerHeightStyle, overflow } = newState;
     // Need a large enough difference to update the height.
@@ -81,7 +83,7 @@ const TextareaAutosize = (0, react_1.forwardRef)((_a, ref) => {
     var { className, onChange, maxRows, minRows = 1, autoScrollbar, style, value } = _a, other = __rest(_a, ["className", "onChange", "maxRows", "minRows", "autoScrollbar", "style", "value"]);
     const { current: isControlled } = (0, react_1.useRef)(value != null);
     const inputRef = (0, react_1.useRef)(null);
-    const handleRef = (0, react_1.useMemo)(() => (0, util_1.mergeRefs)([inputRef, ref]), [ref]);
+    const handleRef = (0, useMergeRefs_1.useMergeRefs)(inputRef, ref);
     const shadowRef = (0, react_1.useRef)(null);
     const renders = (0, react_1.useRef)(0);
     const [state, setState] = (0, react_1.useState)({ outerHeightStyle: 0 });
@@ -133,7 +135,7 @@ const TextareaAutosize = (0, react_1.forwardRef)((_a, ref) => {
         }
         setState((prevState) => updateState(prevState, newState, renders));
     }, [getUpdatedState]);
-    (0, util_1.useClientLayoutEffect)(() => {
+    (0, hooks_1.useClientLayoutEffect)(() => {
         const syncHeightWithFlushSync = () => {
             const newState = getUpdatedState();
             if (isEmpty(newState)) {
@@ -160,7 +162,7 @@ const TextareaAutosize = (0, react_1.forwardRef)((_a, ref) => {
             }
             syncHeightWithFlushSync();
         };
-        const debounceHandleResize = (0, util_1.debounce)(handleResize);
+        const debounceHandleResize = (0, debounce_1.default)(handleResize);
         const input = inputRef.current;
         const containerWindow = ownerWindow(input);
         containerWindow.addEventListener("resize", debounceHandleResize);
@@ -177,7 +179,7 @@ const TextareaAutosize = (0, react_1.forwardRef)((_a, ref) => {
             }
         };
     }, [getUpdatedState]);
-    (0, util_1.useClientLayoutEffect)(() => {
+    (0, hooks_1.useClientLayoutEffect)(() => {
         syncHeight();
     });
     (0, react_1.useEffect)(() => {

package/cjs/util/composeEventHandlers.js

@@ -0,0 +1,17 @@
+"use strict";
+/* https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx#L1 */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.composeEventHandlers = void 0;
+/**
+ * Utility to consistently call original eventhandler, often from props and internal eventhandler
+ * @internal
+ */
+function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
+    return function handleEvent(event) {
+        originalEventHandler === null || originalEventHandler === void 0 ? void 0 : originalEventHandler(event);
+        if (checkForDefaultPrevented === false || !event.defaultPrevented) {
+            return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
+        }
+    };
+}
+exports.composeEventHandlers = composeEventHandlers;

package/cjs/util/hooks/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrevious = exports.useMedia = exports.useId = exports.useEventListener = exports.useMergeRefs = exports.useControllableState = exports.useClientLayoutEffect = exports.useCallbackRef = void 0;
+var useCallbackRef_1 = require("./useCallbackRef");
+Object.defineProperty(exports, "useCallbackRef", { enumerable: true, get: function () { return useCallbackRef_1.useCallbackRef; } });
+var useClientLayoutEffect_1 = require("./useClientLayoutEffect");
+Object.defineProperty(exports, "useClientLayoutEffect", { enumerable: true, get: function () { return useClientLayoutEffect_1.useClientLayoutEffect; } });
+var useControllableState_1 = require("./useControllableState");
+Object.defineProperty(exports, "useControllableState", { enumerable: true, get: function () { return useControllableState_1.useControllableState; } });
+var useMergeRefs_1 = require("./useMergeRefs");
+Object.defineProperty(exports, "useMergeRefs", { enumerable: true, get: function () { return useMergeRefs_1.useMergeRefs; } });
+var useEventListener_1 = require("./useEventListener");
+Object.defineProperty(exports, "useEventListener", { enumerable: true, get: function () { return useEventListener_1.useEventListener; } });
+var useId_1 = require("./useId");
+Object.defineProperty(exports, "useId", { enumerable: true, get: function () { return useId_1.useId; } });
+var useMedia_1 = require("./useMedia");
+Object.defineProperty(exports, "useMedia", { enumerable: true, get: function () { return useMedia_1.useMedia; } });
+var usePrevious_1 = require("./usePrevious");
+Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return usePrevious_1.usePrevious; } });

package/cjs/util/hooks/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../../esm/util/hooks/index.js",
+  "types": "../../../esm/util/hooks/index.d.ts"
+}

package/cjs/util/hooks/useClientLayoutEffect.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClientLayoutEffect = void 0;
+const react_1 = require("react");
+exports.useClientLayoutEffect = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
+    ? react_1.useLayoutEffect
+    : () => { };

package/cjs/util/hooks/useMergeRefs.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMergeRefs = exports.mergeRefs = void 0;
+/* https://github.com/radix-ui/primitives/blob/main/packages/react/compose-refs/src/composeRefs.tsx */
+const react_1 = __importDefault(require("react"));
+// https://github.com/gregberge/react-merge-refs
+/**
+ * Use `useMergeRefs`
+ * @internal
+ */
+function mergeRefs(refs) {
+    return (value) => {
+        refs.forEach((ref) => {
+            if (typeof ref === "function") {
+                ref(value);
+            }
+            else if (ref !== null && ref !== undefined) {
+                ref.current = value;
+            }
+        });
+    };
+}
+exports.mergeRefs = mergeRefs;
+/**
+ * Merges refs within useCallback
+ * @internal
+ * @param ...refs: React.Ref<T> | undefined
+ * @returns React.useCallback(mergeRefs(refs), refs)
+ */
+function useMergeRefs(...refs) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return react_1.default.useCallback(mergeRefs(refs), refs);
+}
+exports.useMergeRefs = useMergeRefs;

package/cjs/util/{usePrevious.js → hooks/usePrevious.js}

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrevious = void 0;
 const react_1 = require("react");
 /*
  * usePrevious hook
@@ -15,4 +16,4 @@ const usePrevious = (value) => {
     }, [value]);
     return ref.current;
 };
-exports.default = usePrevious;
+exports.usePrevious = usePrevious;

package/cjs/util/index.js

@@ -17,13 +17,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeRefs = exports.debounce = void 0;
-__exportStar(require("./OverridableComponent"), exports);
+exports.useId = exports.useEventListener = exports.useClientLayoutEffect = exports.debounce = void 0;
 var debounce_1 = require("./debounce");
 Object.defineProperty(exports, "debounce", { enumerable: true, get: function () { return __importDefault(debounce_1).default; } });
-var mergeRefs_1 = require("./mergeRefs");
-Object.defineProperty(exports, "mergeRefs", { enumerable: true, get: function () { return __importDefault(mergeRefs_1).default; } });
 __exportStar(require("./omit"), exports);
-__exportStar(require("./useClientLayoutEffect"), exports);
-__exportStar(require("./useEventListener"), exports);
-__exportStar(require("./useId"), exports);
+var useClientLayoutEffect_1 = require("./hooks/useClientLayoutEffect");
+Object.defineProperty(exports, "useClientLayoutEffect", { enumerable: true, get: function () { return useClientLayoutEffect_1.useClientLayoutEffect; } });
+var useEventListener_1 = require("./hooks/useEventListener");
+Object.defineProperty(exports, "useEventListener", { enumerable: true, get: function () { return useEventListener_1.useEventListener; } });
+var useId_1 = require("./hooks/useId");
+Object.defineProperty(exports, "useId", { enumerable: true, get: function () { return useId_1.useId; } });

package/cjs/util/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/util/types/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../../esm/util/types/index.js",
+  "types": "../../../esm/util/types/index.d.ts"
+}

package/esm/accordion/AccordionHeader.js

@@ -13,6 +13,7 @@ import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
 import { ChevronDownIcon } from "@navikt/aksel-icons";
 import { Heading } from "../typography";
+import { composeEventHandlers } from "../util/composeEventHandlers";
 import { AccordionContext } from "./AccordionContext";
 import { AccordionItemContext } from "./AccordionItem";
 const AccordionHeader = forwardRef((_a, ref) => {
@@ -24,10 +25,7 @@ const AccordionHeader = forwardRef((_a, ref) => {
         console.error("<Accordion.Header> has to be used within an <Accordion.Item>, which in turn must be within an <Accordion>");
         return null;
     }
-    return (React.createElement("button", Object.assign({ ref: ref }, rest, { className: cl("navds-accordion__header", className), onClick: (e) => {
-            itemContext.toggleOpen();
-            onClick && onClick(e);
-        }, "aria-expanded": itemContext.open, type: "button" }),
+    return (React.createElement("button", Object.assign({ ref: ref }, rest, { className: cl("navds-accordion__header", className), onClick: composeEventHandlers(onClick, itemContext.toggleOpen), "aria-expanded": itemContext.open, type: "button" }),
         React.createElement("span", { className: "navds-accordion__icon-wrapper" },
             React.createElement(ChevronDownIcon, { className: "navds-accordion__header-chevron", title: "Vis mer", "aria-hidden": true })),
         React.createElement(Heading, { size: (_b = accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.headingSize) !== null && _b !== void 0 ? _b : "small", as: "span", className: "navds-accordion__header-content" }, children)));

package/esm/accordion/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,CAAC,CAAkD,EAAE,EAAE;YAC9D,WAAW,CAAC,UAAU,EAAE,CAAC;YACzB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC,mBACc,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,8BAAM,SAAS,EAAC,+BAA+B;YAC7C,oBAAC,eAAe,IACd,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,SAAS,wBAEf,CACG;QACP,oBAAC,OAAO,IACN,IAAI,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,EAC9C,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,iCAAiC,IAE1C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,mBAC/C,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,8BAAM,SAAS,EAAC,+BAA+B;YAC7C,oBAAC,eAAe,IACd,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,SAAS,wBAEf,CACG;QACP,oBAAC,OAAO,IACN,IAAI,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,EAC9C,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,iCAAiC,IAE1C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util";
+import { OverridableComponent } from "../util/types";
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Button content

package/esm/button/Button.js

@@ -10,10 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import cl from "clsx";
-import React, { forwardRef, useMemo, useRef, useState } from "react";
+import React, { forwardRef, useRef, useState } from "react";
 import { Loader } from "../loader";
 import { Label } from "../typography";
-import { mergeRefs, omit, useClientLayoutEffect, } from "../util";
+import { omit } from "../util";
+import { composeEventHandlers } from "../util/composeEventHandlers";
+import { useClientLayoutEffect } from "../util/hooks";
+import { useMergeRefs } from "../util/hooks/useMergeRefs";
 /**
  * A button component
  * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/button)
@@ -28,7 +31,7 @@ export const Button = forwardRef((_a, ref) => {
     var { as: Component = "button", variant = "primary", className, children, size = "medium", loading = false, disabled, style, icon, iconPosition = "left" } = _a, rest = __rest(_a, ["as", "variant", "className", "children", "size", "loading", "disabled", "style", "icon", "iconPosition"]);
     const buttonRef = useRef(null);
     const [widthOverride, setWidthOverride] = useState();
-    const mergedRef = useMemo(() => mergeRefs([buttonRef, ref]), [ref]);
+    const mergedRef = useMergeRefs(buttonRef, ref);
     useClientLayoutEffect(() => {
         if (loading) {
             const requestID = window.requestAnimationFrame(() => {
@@ -42,16 +45,12 @@ export const Button = forwardRef((_a, ref) => {
         }
     }, [loading, children]);
     const filterProps = (disabled !== null && disabled !== void 0 ? disabled : widthOverride) ? omit(rest, ["href"]) : rest;
-    return (React.createElement(Component, Object.assign({}, (Component !== "button" ? { role: "button" } : {}), filterProps, { ref: mergedRef, onKeyUp: (e) => {
-            var _a;
-            (_a = filterProps.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(filterProps, e);
-            if (e.key === " " &&
-                !disabled &&
-                !widthOverride &&
-                !e.isDefaultPrevented()) {
-                e.currentTarget.click();
-            }
-        }, className: cl(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`, {
+    const handleKeyUp = (e) => {
+        if (e.key === " " && !disabled && !widthOverride) {
+            e.currentTarget.click();
+        }
+    };
+    return (React.createElement(Component, Object.assign({}, (Component !== "button" ? { role: "button" } : {}), filterProps, { ref: mergedRef, onKeyUp: composeEventHandlers(filterProps.onKeyUp, handleKeyUp), className: cl(className, "navds-button", `navds-button--${variant}`, `navds-button--${size}`, {
             "navds-button--loading": widthOverride,
             "navds-button--icon-only": !!icon && !children,
             "navds-button--disabled": disabled !== null && disabled !== void 0 ? disabled : widthOverride,

package/esm/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"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"}

package/esm/chips/Chips.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../util";
+import { OverridableComponent } from "../util/types";
 import { RemovableChipsProps } from "./Removable";
 import { ToggleChipsProps } from "./Toggle";
 export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {

package/esm/chips/Removable.js

@@ -12,13 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import cl from "clsx";
 import React, { forwardRef } from "react";
 import { XMarkIcon } from "@navikt/aksel-icons";
+import { composeEventHandlers } from "../util/composeEventHandlers";
 export const RemovableChips = forwardRef((_a, ref) => {
-    var { className, children, variant = "action", removeLabel = "slett", onDelete, type = "button" } = _a, rest = __rest(_a, ["className", "children", "variant", "removeLabel", "onDelete", "type"]);
-    return (React.createElement("button", Object.assign({}, rest, { ref: ref, type: type, className: cl("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${removeLabel}`, onClick: (e) => {
-            var _a;
-            onDelete === null || onDelete === void 0 ? void 0 : onDelete();
-            (_a = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, e);
-        } }),
+    var { className, children, variant = "action", removeLabel = "slett", onDelete, type = "button", onClick } = _a, rest = __rest(_a, ["className", "children", "variant", "removeLabel", "onDelete", "type", "onClick"]);
+    return (React.createElement("button", Object.assign({}, rest, { ref: ref, type: type, className: cl("navds-chips__chip navds-chips__removable navds-chips--icon-right", className, `navds-chips__removable--${variant}`), "aria-label": `${children} ${removeLabel}`, onClick: composeEventHandlers(onClick, onDelete) }),
         React.createElement("span", { className: "navds-chips__chip-text" }, children),
         React.createElement("span", { className: "navds-chips__removable-icon" },
             React.createElement(XMarkIcon, { "aria-hidden": true }))));

package/esm/chips/Removable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAqBhD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAItC,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,WAAW,GAAG,OAAO,EACrB,QAAQ,EACR,IAAI,GAAG,QAAQ,OAEhB,EADI,IAAI,cAPT,uEAQC,CADQ;IAIT,OAAO,CACL,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,EACT,2BAA2B,OAAO,EAAE,CACrC,gBACW,GAAG,QAAQ,IAAI,WAAW,EAAE,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;;YACb,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,CAAC,CAAC,CAAC;QACrB,CAAC;QAED,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;QAC1D,8BAAM,SAAS,EAAC,6BAA6B;YAC3C,oBAAC,SAAS,0BAAe,CACpB,CACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"Removable.js","sourceRoot":"","sources":["../../src/chips/Removable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAqBpE,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAItC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,QAAQ,EAClB,WAAW,GAAG,OAAO,EACrB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,OAAO,OAER,EADI,IAAI,cART,kFASC,CADQ;IAIT,OAAO,CACL,gDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,EACT,2BAA2B,OAAO,EAAE,CACrC,gBACW,GAAG,QAAQ,IAAI,WAAW,EAAE,EACxC,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,QAAQ,CAAC;QAEhD,8BAAM,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAQ;QAC1D,8BAAM,SAAS,EAAC,6BAA6B;YAC3C,oBAAC,SAAS,0BAAe,CACpB,CACA,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/chips/Toggle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util";
+import { OverridableComponent } from "../util/types";
 export interface ToggleChipsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children: string;
     /**

package/esm/copybutton/CopyButton.js

@@ -13,6 +13,7 @@ import cl from "clsx";
 import React, { forwardRef, useEffect, useRef, useState, } from "react";
 import { CheckmarkIcon, FilesIcon } from "@navikt/aksel-icons";
 import { Label } from "../typography";
+import { composeEventHandlers } from "../util/composeEventHandlers";
 import copy from "../util/copy";
 /**
  * A button component that copies text to the clipboard when clicked.
@@ -26,7 +27,7 @@ import copy from "../util/copy";
  * ```
  */
 export const CopyButton = forwardRef((_a, ref) => {
-    var { className, copyText, text, activeText = "Kopiert!", variant = "neutral", size = "medium", onActiveChange, icon, activeIcon, activeDuration = 2000, title = "Kopier", activeTitle = "Kopiert", iconPosition = "left" } = _a, rest = __rest(_a, ["className", "copyText", "text", "activeText", "variant", "size", "onActiveChange", "icon", "activeIcon", "activeDuration", "title", "activeTitle", "iconPosition"]);
+    var { className, copyText, text, activeText = "Kopiert!", variant = "neutral", size = "medium", onActiveChange, icon, activeIcon, activeDuration = 2000, title = "Kopier", activeTitle = "Kopiert", iconPosition = "left", onClick } = _a, rest = __rest(_a, ["className", "copyText", "text", "activeText", "variant", "size", "onActiveChange", "icon", "activeIcon", "activeDuration", "title", "activeTitle", "iconPosition", "onClick"]);
     const [active, setActive] = useState(false);
     const timeoutRef = useRef();
     useEffect(() => {
@@ -34,13 +35,11 @@ export const CopyButton = forwardRef((_a, ref) => {
             timeoutRef.current && clearTimeout(timeoutRef.current);
         };
     }, []);
-    const handleClick = (event) => {
-        var _a;
+    const handleClick = () => {
         timeoutRef.current && clearTimeout(timeoutRef.current);
         copy(copyText);
         setActive(true);
         onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(true);
-        (_a = rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, event);
         timeoutRef.current = window.setTimeout(() => {
             setActive(false);
             onActiveChange === null || onActiveChange === void 0 ? void 0 : onActiveChange(false);
@@ -53,7 +52,7 @@ export const CopyButton = forwardRef((_a, ref) => {
             "navds-copybutton--icon-only": !text,
             "navds-copybutton--icon-right": iconPosition === "right",
             "navds-copybutton--active": active,
-        }), onClick: handleClick }),
+        }), onClick: composeEventHandlers(onClick, handleClick) }),
         React.createElement("span", { className: "navds-copybutton__content" },
             iconPosition === "left" && copyIcon,
             text &&

package/esm/copybutton/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/copybutton/CopyButton.tsx"],"names":[],"mappings":"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"}