@navikt/ds-react 6.4.1 → 6.5.0

package/src/toggle-group/parts/useToggleItem.ts

@@ -0,0 +1,104 @@
+import { useCallback } from "react";
+import { composeEventHandlers } from "../../util/composeEventHandlers";
+import { mergeRefs } from "../../util/hooks/useMergeRefs";
+import {
+  useToggleGroupContext,
+  useToggleGroupDescendant,
+} from "../ToggleGroup.context";
+
+export interface UseToggleItemProps {
+  /**
+   * If `true`, the `ToggleItem` won't be toggleable
+   * @default false
+   */
+  disabled?: boolean;
+  onClick?: React.MouseEventHandler;
+  onFocus?: React.FocusEventHandler;
+  onKeyDown?: React.KeyboardEventHandler;
+  value: string;
+}
+
+export function useToggleItem<P extends UseToggleItemProps>(
+  {
+    value,
+    disabled = false,
+    onFocus: _onFocus,
+    onClick,
+    onKeyDown: _onKeyDown,
+  }: P,
+  ref: React.ForwardedRef<HTMLButtonElement>,
+) {
+  const { setSelectedValue, setFocusedValue, selectedValue, focusedValue } =
+    useToggleGroupContext();
+
+  const { register, descendants } = useToggleGroupDescendant({
+    disabled,
+    value,
+  });
+
+  const isSelected = value === selectedValue;
+
+  const onFocus = () => setFocusedValue(value);
+
+  /**
+   * Implements roving-tabindex for horizontal tabs
+   */
+  const onKeyDown = useCallback(
+    (event: React.KeyboardEvent) => {
+      /**
+       * ToggleGroup.Item is registered with its prop 'value'.
+       * We can then use it to find the current focuses descendant
+       */
+      const idx = descendants
+        .values()
+        .findIndex((x) => x.value === focusedValue);
+
+      const nextTab = () => {
+        const next = descendants.nextEnabled(idx, false);
+        next && next.node?.focus();
+      };
+      const prevTab = () => {
+        const prev = descendants.prevEnabled(idx, false);
+        prev && prev.node?.focus();
+      };
+      const firstTab = () => {
+        const first = descendants.firstEnabled();
+        first && first.node?.focus();
+      };
+      const lastTab = () => {
+        const last = descendants.lastEnabled();
+        last && last.node?.focus();
+      };
+
+      const keyMap: Record<string, React.KeyboardEventHandler> = {
+        ArrowLeft: prevTab,
+        ArrowRight: nextTab,
+        Home: firstTab,
+        End: lastTab,
+      };
+
+      const action = keyMap[event.key];
+
+      if (action) {
+        event.preventDefault();
+        action(event);
+      } else if (event.key === "Tab") {
+        /**
+         * Imperative focus during keydown is risky so we prevent React's batching updates
+         * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
+         */
+        selectedValue && setTimeout(() => setFocusedValue(selectedValue));
+      }
+    },
+    [descendants, focusedValue, selectedValue, setFocusedValue],
+  );
+
+  return {
+    ref: mergeRefs([register, ref]),
+    isSelected,
+    isFocused: focusedValue === value,
+    onClick: composeEventHandlers(onClick, () => setSelectedValue(value)),
+    onFocus: disabled ? undefined : composeEventHandlers(_onFocus, onFocus),
+    onKeyDown: composeEventHandlers(_onKeyDown, onKeyDown),
+  };
+}

package/src/toggle-group/useToggleGroup.ts

@@ -0,0 +1,33 @@
+import { useEffect, useState } from "react";
+import { useControllableState } from "../util/hooks/useControllableState";
+import { ToggleGroupProps } from "./ToggleGroup.types";
+
+export function useToggleGroup({
+  onChange,
+  value,
+  defaultValue = "",
+}: Pick<ToggleGroupProps, "onChange" | "value" | "defaultValue">) {
+  const [focusedValue, setFocusedValue] = useState(defaultValue);
+
+  const [selectedValue, setSelectedValue] = useControllableState({
+    defaultValue,
+    value,
+    onChange,
+  });
+
+  /**
+   * Sync focused `value` with controlled `selectedValue`
+   */
+  useEffect(() => {
+    if (value != null) {
+      setFocusedValue(value);
+    }
+  }, [value]);
+
+  return {
+    selectedValue,
+    setSelectedValue,
+    focusedValue,
+    setFocusedValue,
+  };
+}

package/cjs/tabs/Tab.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "../util/types";
-export interface TabProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "children"> {
-    /**
-     * Tab label
-     */
-    label?: React.ReactNode;
-    /**
-     * Tab Icon
-     */
-    icon?: React.ReactNode;
-    /**
-     * Value for state-handling
-     */
-    value: string;
-}
-export declare const Tab: OverridableComponent<TabProps, HTMLButtonElement>;
-export default Tab;

package/cjs/tabs/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/tabs/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gEAAkD;AAClD,gDAAsB;AACtB,+CAAsD;AACtD,8CAA0C;AAE1C,uCAAwC;AAkB3B,QAAA,GAAG,GACd,IAAA,kBAAU,EACR,CACE,EAAoE,EACpE,GAAG,EACH,EAAE;;QAFF,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,OAAW,EAAN,IAAI,cAAlE,6CAAoE,CAAF;IAGlE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAW,CAAC,CAAC;IAExC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,SAAS,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO;QACtC,8BAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,iBAAiB,EACjB,oBAAoB,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,QAAQ,EAAE,EAC/C,yBAAyB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,EAAE,EAChD,SAAS,EACT;gBACE,4BAA4B,EAAE,IAAI,IAAI,CAAC,KAAK;aAC7C,CACF,IACG,IAAI;YAER,8BAAC,sBAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;gBAElB,IAAI;gBACJ,KAAK,CACI,CACF,CACM,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,WAAG,CAAC"}

package/cjs/tabs/TabList.js

@@ -1,111 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.TabList = void 0;
-const RadixTabs = __importStar(require("@radix-ui/react-tabs"));
-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, useMergeRefs_1.useMergeRefs)(listRef, ref);
-    const [displayScroll, setDisplayScroll] = (0, react_1.useState)({
-        start: false,
-        end: false,
-    });
-    const updateScrollButtonState = (0, react_1.useMemo)(() => (0, util_1.debounce)(() => {
-        if (!(listRef === null || listRef === void 0 ? void 0 : listRef.current))
-            return;
-        const { scrollWidth, clientWidth } = listRef.current;
-        const scrollLeft = listRef.current.scrollLeft;
-        // use 1 for the potential rounding error with browser zooms.
-        const showStartScroll = scrollLeft > 1;
-        const showEndScroll = scrollLeft < scrollWidth - clientWidth - 1;
-        setDisplayScroll((oldDisplayScroll) => showStartScroll === oldDisplayScroll.start &&
-            showEndScroll === oldDisplayScroll.end
-            ? oldDisplayScroll
-            : { start: showStartScroll, end: showEndScroll });
-    }), []);
-    (0, react_1.useEffect)(() => {
-        var _a, _b, _c;
-        const handleResize = () => updateScrollButtonState();
-        const win = (_c = (_b = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : document) !== null && _c !== void 0 ? _c : window;
-        win.addEventListener("resize", handleResize);
-        let resizeObserver;
-        if (typeof ResizeObserver !== "undefined") {
-            resizeObserver = new ResizeObserver(handleResize);
-            resizeObserver.observe(listRef.current);
-        }
-        return () => {
-            win.removeEventListener("resize", handleResize);
-            if (resizeObserver) {
-                resizeObserver.disconnect();
-            }
-        };
-    }, [updateScrollButtonState]);
-    (0, react_1.useEffect)(() => {
-        updateScrollButtonState();
-    });
-    (0, react_1.useEffect)(() => {
-        return () => {
-            updateScrollButtonState.clear();
-        };
-    }, [updateScrollButtonState]);
-    const ScrollButton = ({ dir, hidden, }) => (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-tabs__scroll-button", {
-            "navds-tabs__scroll-button--hidden": hidden,
-        }), onClick: () => {
-            if (!listRef.current)
-                return;
-            listRef.current.scrollLeft += dir * 100;
-        } }, dir === -1 ? (react_1.default.createElement(aksel_icons_1.ChevronLeftIcon, { title: "scroll tilbake" })) : (react_1.default.createElement(aksel_icons_1.ChevronRightIcon, { title: "scroll neste" }))));
-    const showSteppers = displayScroll.end || displayScroll.start;
-    return (react_1.default.createElement("div", { className: "navds-tabs__tablist-wrapper" },
-        showSteppers && (react_1.default.createElement(ScrollButton, { dir: -1, hidden: !displayScroll.start })),
-        react_1.default.createElement(RadixTabs.TabsList, Object.assign({}, rest, { ref: mergedRef, onScroll: updateScrollButtonState, loop: context === null || context === void 0 ? void 0 : context.loop, className: (0, clsx_1.default)("navds-tabs__tablist", className) })),
-        showSteppers && react_1.default.createElement(ScrollButton, { dir: 1, hidden: !displayScroll.end })));
-});
-exports.default = exports.TabList;
-//# sourceMappingURL=TabList.js.map

package/cjs/tabs/TabList.js.map

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

package/cjs/tabs/TabPanel.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Tab panel content
-     */
-    children: React.ReactNode;
-    /**
-     * Value for state-handling
-     */
-    value: string;
-}
-declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
-export default TabPanel;

package/cjs/tabs/TabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../src/tabs/TabPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gEAAkD;AAClD,gDAAsB;AACtB,+CAA0C;AAa1C,MAAM,QAAQ,GAAG,IAAA,kBAAU,EACzB,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CAC/B,8BAAC,SAAS,CAAC,WAAW,oBAChB,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACH,CAAA;CAAA,CACF,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/cjs/tabs/context.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface TabsContextProps {
-    size: "medium" | "small";
-    loop: boolean;
-    iconPosition: "left" | "top";
-}
-export declare const TabsContext: import("react").Context<TabsContextProps | null>;
-export {};

package/cjs/tabs/context.js

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

package/cjs/tabs/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/tabs/context.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAQzB,QAAA,WAAW,GAAG,IAAA,qBAAa,EAA0B,IAAI,CAAC,CAAC"}

package/cjs/toggle-group/ToggleItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+EAAiE;AACjE,gDAAsB;AACtB,+CAAsD;AACtD,uDAAoD;AACpD,uCAA+C;AAc/C,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAkB,CAAC,CAAC;IAE/C,OAAO,CACL,8BAAC,gBAAgB,CAAC,IAAI,oBAChB,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC;QAEtD,8BAAC,qBAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,IAElB,QAAQ,CACC,CACU,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/cjs/toggle-group/context.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface ToggleContextProps {
-    size: "medium" | "small";
-}
-export declare const ToggleGroupContext: import("react").Context<ToggleContextProps | null>;
-export {};

package/cjs/toggle-group/context.js

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

package/cjs/toggle-group/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/toggle-group/context.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAMzB,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAC7C,IAAI,CACL,CAAC"}

package/esm/tabs/Tab.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import { OverridableComponent } from "../util/types/index.js";
-export interface TabProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "children"> {
-    /**
-     * Tab label
-     */
-    label?: React.ReactNode;
-    /**
-     * Tab Icon
-     */
-    icon?: React.ReactNode;
-    /**
-     * Value for state-handling
-     */
-    value: string;
-}
-export declare const Tab: OverridableComponent<TabProps, HTMLButtonElement>;
-export default Tab;

package/esm/tabs/Tab.js

@@ -1,34 +0,0 @@
-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 * as RadixTabs from "@radix-ui/react-tabs";
-import cl from "clsx";
-import React, { forwardRef, useContext } from "react";
-import { BodyShort } from "../typography/index.js";
-import { TabsContext } from "./context.js";
-export const Tab = forwardRef((_a, ref) => {
-    var _b;
-    var { className, as: Component = "button", label, icon, value } = _a, rest = __rest(_a, ["className", "as", "label", "icon", "value"]);
-    const context = useContext(TabsContext);
-    if (!label && !icon) {
-        console.error("<Tabs.Tab/> needs label/icon");
-        return null;
-    }
-    return (React.createElement(RadixTabs.Trigger, { value: value, asChild: true },
-        React.createElement(Component, Object.assign({ ref: ref, className: cl("navds-tabs__tab", `navds-tabs__tab--${(_b = context === null || context === void 0 ? void 0 : context.size) !== null && _b !== void 0 ? _b : "medium"}`, `navds-tabs__tab-icon--${context === null || context === void 0 ? void 0 : context.iconPosition}`, className, {
-                "navds-tabs__tab--icon-only": icon && !label,
-            }) }, rest),
-            React.createElement(BodyShort, { as: "span", className: "navds-tabs__tab-inner", size: context === null || context === void 0 ? void 0 : context.size },
-                icon,
-                label))));
-});
-export default Tab;
-//# sourceMappingURL=Tab.js.map

package/esm/tabs/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/tabs/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAkBxC,MAAM,CAAC,MAAM,GAAG,GACd,UAAU,CACR,CACE,EAAoE,EACpE,GAAG,EACH,EAAE;;QAFF,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,OAAW,EAAN,IAAI,cAAlE,6CAAoE,CAAF;IAGlE,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAExC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,SAAS,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO;QACtC,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,oBAAoB,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,QAAQ,EAAE,EAC/C,yBAAyB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,EAAE,EAChD,SAAS,EACT;gBACE,4BAA4B,EAAE,IAAI,IAAI,CAAC,KAAK;aAC7C,CACF,IACG,IAAI;YAER,oBAAC,SAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI;gBAElB,IAAI;gBACJ,KAAK,CACI,CACF,CACM,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,GAAG,CAAC"}

package/esm/tabs/TabList.js

@@ -1,82 +0,0 @@
-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 * as RadixTabs from "@radix-ui/react-tabs";
-import cl from "clsx";
-import React, { forwardRef, useContext, useEffect, useMemo, useRef, useState, } from "react";
-import { ChevronLeftIcon, ChevronRightIcon } from "@navikt/aksel-icons";
-import { debounce } from "../util/index.js";
-import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
-import { TabsContext } from "./context.js";
-export const TabList = forwardRef((_a, ref) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    const context = useContext(TabsContext);
-    const listRef = useRef(null);
-    const mergedRef = useMergeRefs(listRef, ref);
-    const [displayScroll, setDisplayScroll] = useState({
-        start: false,
-        end: false,
-    });
-    const updateScrollButtonState = useMemo(() => debounce(() => {
-        if (!(listRef === null || listRef === void 0 ? void 0 : listRef.current))
-            return;
-        const { scrollWidth, clientWidth } = listRef.current;
-        const scrollLeft = listRef.current.scrollLeft;
-        // use 1 for the potential rounding error with browser zooms.
-        const showStartScroll = scrollLeft > 1;
-        const showEndScroll = scrollLeft < scrollWidth - clientWidth - 1;
-        setDisplayScroll((oldDisplayScroll) => showStartScroll === oldDisplayScroll.start &&
-            showEndScroll === oldDisplayScroll.end
-            ? oldDisplayScroll
-            : { start: showStartScroll, end: showEndScroll });
-    }), []);
-    useEffect(() => {
-        var _a, _b, _c;
-        const handleResize = () => updateScrollButtonState();
-        const win = (_c = (_b = (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.ownerDocument) !== null && _b !== void 0 ? _b : document) !== null && _c !== void 0 ? _c : window;
-        win.addEventListener("resize", handleResize);
-        let resizeObserver;
-        if (typeof ResizeObserver !== "undefined") {
-            resizeObserver = new ResizeObserver(handleResize);
-            resizeObserver.observe(listRef.current);
-        }
-        return () => {
-            win.removeEventListener("resize", handleResize);
-            if (resizeObserver) {
-                resizeObserver.disconnect();
-            }
-        };
-    }, [updateScrollButtonState]);
-    useEffect(() => {
-        updateScrollButtonState();
-    });
-    useEffect(() => {
-        return () => {
-            updateScrollButtonState.clear();
-        };
-    }, [updateScrollButtonState]);
-    const ScrollButton = ({ dir, hidden, }) => (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React.createElement("div", { className: cl("navds-tabs__scroll-button", {
-            "navds-tabs__scroll-button--hidden": hidden,
-        }), onClick: () => {
-            if (!listRef.current)
-                return;
-            listRef.current.scrollLeft += dir * 100;
-        } }, dir === -1 ? (React.createElement(ChevronLeftIcon, { title: "scroll tilbake" })) : (React.createElement(ChevronRightIcon, { title: "scroll neste" }))));
-    const showSteppers = displayScroll.end || displayScroll.start;
-    return (React.createElement("div", { className: "navds-tabs__tablist-wrapper" },
-        showSteppers && (React.createElement(ScrollButton, { dir: -1, hidden: !displayScroll.start })),
-        React.createElement(RadixTabs.TabsList, Object.assign({}, rest, { ref: mergedRef, onScroll: updateScrollButtonState, loop: context === null || context === void 0 ? void 0 : context.loop, className: cl("navds-tabs__tablist", className) })),
-        showSteppers && React.createElement(ScrollButton, { dir: 1, hidden: !displayScroll.end })));
-});
-export default TabList;
-//# sourceMappingURL=TabList.js.map

package/esm/tabs/TabList.js.map

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

package/esm/tabs/TabPanel.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Tab panel content
-     */
-    children: React.ReactNode;
-    /**
-     * Value for state-handling
-     */
-    value: string;
-}
-declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<HTMLDivElement>>;
-export default TabPanel;

package/esm/tabs/TabPanel.js

@@ -1,20 +0,0 @@
-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 * as RadixTabs from "@radix-ui/react-tabs";
-import cl from "clsx";
-import React, { forwardRef } from "react";
-const TabPanel = forwardRef((_a, ref) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (React.createElement(RadixTabs.TabsContent, Object.assign({}, rest, { ref: ref, className: cl("navds-tabs__tabpanel", className) })));
-});
-export default TabPanel;
-//# sourceMappingURL=TabPanel.js.map

package/esm/tabs/TabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.js","sourceRoot":"","sources":["../../src/tabs/TabPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAa1C,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CAC/B,oBAAC,SAAS,CAAC,WAAW,oBAChB,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACH,CAAA;CAAA,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/esm/tabs/context.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface TabsContextProps {
-    size: "medium" | "small";
-    loop: boolean;
-    iconPosition: "left" | "top";
-}
-export declare const TabsContext: import("react").Context<TabsContextProps | null>;
-export {};

package/esm/tabs/context.js

@@ -1,3 +0,0 @@
-import { createContext } from "react";
-export const TabsContext = createContext(null);
-//# sourceMappingURL=context.js.map

package/esm/tabs/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/tabs/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC"}

package/esm/toggle-group/ToggleItem.js

@@ -1,24 +0,0 @@
-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 * as RadixToggleGroup from "@radix-ui/react-toggle-group";
-import cl from "clsx";
-import React, { forwardRef, useContext } from "react";
-import { BodyShort } from "../typography/BodyShort.js";
-import { ToggleGroupContext } from "./context.js";
-const ToggleItem = forwardRef((_a, ref) => {
-    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
-    const context = useContext(ToggleGroupContext);
-    return (React.createElement(RadixToggleGroup.Item, Object.assign({}, rest, { ref: ref, className: cl("navds-toggle-group__button", className) }),
-        React.createElement(BodyShort, { as: "span", className: "navds-toggle-group__button-inner", size: context === null || context === void 0 ? void 0 : context.size }, children)));
-});
-export default ToggleItem;
-//# sourceMappingURL=ToggleItem.js.map

package/esm/toggle-group/ToggleItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAc/C,MAAM,UAAU,GAAG,UAAU,CAC3B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/C,OAAO,CACL,oBAAC,gBAAgB,CAAC,IAAI,oBAChB,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC;QAEtD,oBAAC,SAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,IAElB,QAAQ,CACC,CACU,CACzB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/toggle-group/context.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface ToggleContextProps {
-    size: "medium" | "small";
-}
-export declare const ToggleGroupContext: import("react").Context<ToggleContextProps | null>;
-export {};

package/esm/toggle-group/context.js

@@ -1,3 +0,0 @@
-import { createContext } from "react";
-export const ToggleGroupContext = createContext(null);
-//# sourceMappingURL=context.js.map

package/esm/toggle-group/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/toggle-group/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAMtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC7C,IAAI,CACL,CAAC"}