@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-beta.5

package/hoc/withBreakpoint/index.js

@@ -1,6 +0,0 @@
-import { withBreakpoint } from "./withBreakpoint.js";
-export {
-  withBreakpoint as default,
-  withBreakpoint
-};
-//# sourceMappingURL=index.js.map

package/hoc/withBreakpoint/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/hoc/withBreakpoint/withBreakpoint.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import React__default from "react";
-import { useBreakpoint } from "../../hooks/useBreakpoint.js";
-function withBreakpoint(Component) {
-  return React__default.forwardRef((props, ref) => {
-    const breakpoint = useBreakpoint();
-    return /* @__PURE__ */ jsx(Component, { ref, ...props, breakpoint });
-  });
-}
-export {
-  withBreakpoint as default,
-  withBreakpoint
-};
-//# sourceMappingURL=withBreakpoint.js.map

package/hoc/withBreakpoint/withBreakpoint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withBreakpoint.js","sources":["../../../src/hoc/withBreakpoint/withBreakpoint.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\n\nexport interface BreakpointProps {\n  breakpoint: Breakpoint;\n}\n\n// Hentet fra https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35834#issuecomment-497605842\nexport function withBreakpoint<P extends BreakpointProps, C extends React.ComponentClass<P>>(\n  Component: C & React.ComponentType<P>\n): React.ForwardRefExoticComponent<Omit<React.ComponentPropsWithoutRef<C> & { ref?: React.Ref<InstanceType<C>> }, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps & { ref?: React.Ref<unknown> }>(\n  Component: React.ForwardRefExoticComponent<P>\n): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(\n  Component: React.FunctionComponent<P>\n): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(Component: React.ComponentType<P>) {\n  return React.forwardRef((props, ref) => {\n    const breakpoint = useBreakpoint();\n    return <Component ref={ref} {...(props as P)} breakpoint={breakpoint} />;\n  });\n}\n\nexport default withBreakpoint;\n"],"names":["React"],"mappings":";;;AAqBO,SAAS,eAA0C,WAAmC;AAC3F,SAAOA,eAAM,WAAW,CAAC,OAAO,QAAQ;AACtC,UAAM,aAAa,cAAA;AACnB,WAAO,oBAAC,WAAA,EAAU,KAAW,GAAI,OAAa,YAAwB;AAAA,EACxE,CAAC;AACH;"}

package/hooks/useBreakpoint.js

@@ -1,56 +0,0 @@
-import { useState, useEffect } from "react";
-import { breakpoints, screen } from "../theme/grid.js";
-var Breakpoint = ((Breakpoint2) => {
-  Breakpoint2[Breakpoint2["xxs"] = breakpoints.xxs] = "xxs";
-  Breakpoint2[Breakpoint2["xs"] = breakpoints.xs] = "xs";
-  Breakpoint2[Breakpoint2["sm"] = breakpoints.sm] = "sm";
-  Breakpoint2[Breakpoint2["md"] = breakpoints.md] = "md";
-  Breakpoint2[Breakpoint2["lg"] = breakpoints.lg] = "lg";
-  Breakpoint2[Breakpoint2["xl"] = breakpoints.xl] = "xl";
-  return Breakpoint2;
-})(Breakpoint || {});
-function getCurrentBreakpoint() {
-  const mediaQueryList = Object.entries(screen).reverse().map(([size, mediaQuery]) => {
-    return {
-      breakpoint: Breakpoint[size],
-      mq: window.matchMedia(mediaQuery)
-    };
-  });
-  const matched = mediaQueryList.find((entry) => entry.mq.matches);
-  return (matched == null ? void 0 : matched.breakpoint) ?? Breakpoint.xxs;
-}
-const useBreakpoint = () => {
-  const [breakpoint, setBreakpoint] = useState(Breakpoint.xxs);
-  useEffect(() => {
-    setBreakpoint(getCurrentBreakpoint());
-  }, []);
-  useEffect(() => {
-    const mediaQueryList = Object.values(screen).map((mediaQuery) => {
-      const mq = window.matchMedia(mediaQuery);
-      const handler = () => {
-        setBreakpoint(getCurrentBreakpoint());
-      };
-      if (mq.addEventListener) {
-        mq.addEventListener("change", handler);
-      } else if (mq.addListener) {
-        mq.addListener(handler);
-      }
-      return { mq, handler };
-    });
-    return () => {
-      mediaQueryList.forEach(({ mq, handler }) => {
-        if (mq.removeEventListener) {
-          mq.removeEventListener("change", handler);
-        } else if (mq.removeListener) {
-          mq.removeListener(handler);
-        }
-      });
-    };
-  }, []);
-  return breakpoint;
-};
-export {
-  Breakpoint,
-  useBreakpoint
-};
-//# sourceMappingURL=useBreakpoint.js.map

package/hooks/useBreakpoint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBreakpoint.js","sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport { breakpoints, screen } from '../theme/grid';\n\nexport enum Breakpoint {\n  xxs = breakpoints.xxs,\n  xs = breakpoints.xs,\n  sm = breakpoints.sm,\n  md = breakpoints.md,\n  lg = breakpoints.lg,\n  xl = breakpoints.xl,\n}\n\nfunction getCurrentBreakpoint(): Breakpoint {\n  // We read from largest -> smallest or vice versa\n  // so that the first match is the \"highest\" one that applies\n  const mediaQueryList = Object.entries(screen)\n    .reverse() // e.g. check xl, lg, md, etc. in descending order\n    .map(([size, mediaQuery]) => {\n      return {\n        breakpoint: Breakpoint[size as keyof typeof Breakpoint],\n        mq: window.matchMedia(mediaQuery),\n      };\n    });\n\n  const matched = mediaQueryList.find(entry => entry.mq.matches);\n  return matched?.breakpoint ?? Breakpoint.xxs;\n}\n\nexport const useBreakpoint = (): Breakpoint => {\n  const [breakpoint, setBreakpoint] = useState<Breakpoint>(Breakpoint.xxs);\n\n  useEffect(() => {\n    // Oppdater breakpoint i useEffect for å støtte server side rendering\n    setBreakpoint(getCurrentBreakpoint());\n  }, []);\n\n  useEffect(() => {\n    const mediaQueryList = Object.values(screen).map(mediaQuery => {\n      const mq = window.matchMedia(mediaQuery);\n      // iOS <=13 har ikke støtte for addEventListener/removeEventListener på MediaQueryList,\n      // men har støtte for addListener\n      const handler = (): void => {\n        setBreakpoint(getCurrentBreakpoint());\n      };\n\n      if (mq.addEventListener) {\n        mq.addEventListener('change', handler);\n      } else if (mq.addListener) {\n        mq.addListener(handler);\n      }\n      return { mq, handler };\n    });\n\n    return (): void => {\n      mediaQueryList.forEach(({ mq, handler }) => {\n        if (mq.removeEventListener) {\n          mq.removeEventListener('change', handler);\n        } else if (mq.removeListener) {\n          mq.removeListener(handler);\n        }\n      });\n    };\n  }, []);\n\n  return breakpoint;\n};\n"],"names":["Breakpoint"],"mappings":";;AAIO,IAAK,cAAL,CAAKA,gBAAL;AACLA,cAAAA,YAAA,KAAA,IAAM,YAAY,GAAA,IAAlB;AACAA,cAAAA,YAAA,IAAA,IAAK,YAAY,EAAA,IAAjB;AACAA,cAAAA,YAAA,IAAA,IAAK,YAAY,EAAA,IAAjB;AACAA,cAAAA,YAAA,IAAA,IAAK,YAAY,EAAA,IAAjB;AACAA,cAAAA,YAAA,IAAA,IAAK,YAAY,EAAA,IAAjB;AACAA,cAAAA,YAAA,IAAA,IAAK,YAAY,EAAA,IAAjB;AANU,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AASZ,SAAS,uBAAmC;AAG1C,QAAM,iBAAiB,OAAO,QAAQ,MAAM,EACzC,QAAA,EACA,IAAI,CAAC,CAAC,MAAM,UAAU,MAAM;AAC3B,WAAO;AAAA,MACL,YAAY,WAAW,IAA+B;AAAA,MACtD,IAAI,OAAO,WAAW,UAAU;AAAA,IAAA;AAAA,EAEpC,CAAC;AAEH,QAAM,UAAU,eAAe,KAAK,CAAA,UAAS,MAAM,GAAG,OAAO;AAC7D,UAAO,mCAAS,eAAc,WAAW;AAC3C;AAEO,MAAM,gBAAgB,MAAkB;AAC7C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAqB,WAAW,GAAG;AAEvE,YAAU,MAAM;AAEd,kBAAc,sBAAsB;AAAA,EACtC,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;AACd,UAAM,iBAAiB,OAAO,OAAO,MAAM,EAAE,IAAI,CAAA,eAAc;AAC7D,YAAM,KAAK,OAAO,WAAW,UAAU;AAGvC,YAAM,UAAU,MAAY;AAC1B,sBAAc,sBAAsB;AAAA,MACtC;AAEA,UAAI,GAAG,kBAAkB;AACvB,WAAG,iBAAiB,UAAU,OAAO;AAAA,MACvC,WAAW,GAAG,aAAa;AACzB,WAAG,YAAY,OAAO;AAAA,MACxB;AACA,aAAO,EAAE,IAAI,QAAA;AAAA,IACf,CAAC;AAED,WAAO,MAAY;AACjB,qBAAe,QAAQ,CAAC,EAAE,IAAI,cAAc;AAC1C,YAAI,GAAG,qBAAqB;AAC1B,aAAG,oBAAoB,UAAU,OAAO;AAAA,QAC1C,WAAW,GAAG,gBAAgB;AAC5B,aAAG,eAAe,OAAO;AAAA,QAC3B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SAAO;AACT;"}

package/hooks/useElementList.js

@@ -1,24 +0,0 @@
-import { useState, useEffect } from "react";
-const useElementList = (ref, selectors, options) => {
-  const [elementList, setElementList] = useState();
-  useEffect(() => {
-    const handleMutationChange = () => {
-      var _a;
-      const elements = (_a = ref.current) == null ? void 0 : _a.querySelectorAll(selectors);
-      setElementList(elements);
-    };
-    const mutationObserver = new MutationObserver(handleMutationChange);
-    if (ref == null ? void 0 : ref.current) {
-      mutationObserver.observe(ref.current, { subtree: true, childList: true, attributes: true, ...options });
-    }
-    handleMutationChange();
-    return () => {
-      mutationObserver.disconnect();
-    };
-  }, [ref, selectors]);
-  return elementList;
-};
-export {
-  useElementList
-};
-//# sourceMappingURL=useElementList.js.map

package/hooks/useElementList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useElementList.js","sources":["../../src/hooks/useElementList.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * Hent ut en liste med HTML-elementer. Bruker MutationObserver-APIet.\n * @param ref Element som skal observeres\n * @param selectors Selektorer som sendes til querySelectorAll for å hente ut liste med elementer\n * @param options MutationObserver-options. Default er å lytte på endringer på child-elementer og deres attributter.\n * @returns Liste med HTML-elementer\n */\nexport const useElementList = (\n  ref: React.RefObject<HTMLElement>,\n  selectors: string,\n  options?: MutationObserverInit\n): NodeListOf<HTMLElement> | undefined => {\n  const [elementList, setElementList] = useState<NodeListOf<HTMLElement>>();\n\n  useEffect(() => {\n    const handleMutationChange = (): void => {\n      const elements = ref.current?.querySelectorAll<HTMLElement>(selectors);\n      setElementList(elements);\n    };\n\n    const mutationObserver = new MutationObserver(handleMutationChange);\n    if (ref?.current) {\n      mutationObserver.observe(ref.current, { subtree: true, childList: true, attributes: true, ...options });\n    }\n\n    handleMutationChange();\n\n    return (): void => {\n      mutationObserver.disconnect();\n    };\n  }, [ref, selectors]);\n\n  return elementList;\n};\n"],"names":[],"mappings":";AASO,MAAM,iBAAiB,CAC5B,KACA,WACA,YACwC;AACxC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAA;AAEtC,YAAU,MAAM;AACd,UAAM,uBAAuB,MAAY;;AACvC,YAAM,YAAW,SAAI,YAAJ,mBAAa,iBAA8B;AAC5D,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,mBAAmB,IAAI,iBAAiB,oBAAoB;AAClE,QAAI,2BAAK,SAAS;AAChB,uBAAiB,QAAQ,IAAI,SAAS,EAAE,SAAS,MAAM,WAAW,MAAM,YAAY,MAAM,GAAG,QAAA,CAAS;AAAA,IACxG;AAEA,yBAAA;AAEA,WAAO,MAAY;AACjB,uBAAiB,WAAA;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,KAAK,SAAS,CAAC;AAEnB,SAAO;AACT;"}

package/hooks/useEventListenerState.js

@@ -1,14 +0,0 @@
-import React__default from "react";
-const useEventListenerState = (initial) => {
-  const [value, _setValue] = React__default.useState(initial);
-  const valueRef = React__default.useRef(value);
-  const setValue = (x) => {
-    valueRef.current = x;
-    _setValue(x);
-  };
-  return [valueRef, setValue];
-};
-export {
-  useEventListenerState
-};
-//# sourceMappingURL=useEventListenerState.js.map

package/hooks/useEventListenerState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEventListenerState.js","sources":["../../src/hooks/useEventListenerState.ts"],"sourcesContent":["import React from 'react';\n\nexport const useEventListenerState = <T>(initial?: T): [valueRef: React.MutableRefObject<T | undefined>, setValue: (x: T) => void] => {\n  const [value, _setValue] = React.useState<T | undefined>(initial);\n\n  const valueRef = React.useRef(value);\n\n  const setValue = (x: T): void => {\n    valueRef.current = x;\n    _setValue(x);\n  };\n\n  return [valueRef, setValue];\n};\n"],"names":["React"],"mappings":";AAEO,MAAM,wBAAwB,CAAI,YAA6F;AACpI,QAAM,CAAC,OAAO,SAAS,IAAIA,eAAM,SAAwB,OAAO;AAEhE,QAAM,WAAWA,eAAM,OAAO,KAAK;AAEnC,QAAM,WAAW,CAAC,MAAe;AAC/B,aAAS,UAAU;AACnB,cAAU,CAAC;AAAA,EACb;AAEA,SAAO,CAAC,UAAU,QAAQ;AAC5B;"}

package/hooks/useExpand.js

@@ -1,21 +0,0 @@
-import { useState, useEffect } from "react";
-import { usePrevious } from "./usePrevious.js";
-const useExpand = (expanded, onExpand) => {
-  const [isExpanded, setIsExpanded] = useState(expanded);
-  const previousIsExpanded = usePrevious(isExpanded);
-  useEffect(() => {
-    if (expanded !== isExpanded) {
-      setIsExpanded(expanded);
-    }
-  }, [expanded]);
-  useEffect(() => {
-    if (onExpand && isExpanded !== !!previousIsExpanded) {
-      onExpand(isExpanded);
-    }
-  }, [isExpanded, onExpand]);
-  return [isExpanded, setIsExpanded];
-};
-export {
-  useExpand
-};
-//# sourceMappingURL=useExpand.js.map

package/hooks/useExpand.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useExpand.js","sources":["../../src/hooks/useExpand.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useState } from 'react';\n\nimport { usePrevious } from './usePrevious';\n\nexport const useExpand = (expanded: boolean, onExpand?: (isExpanded: boolean) => void): [boolean, Dispatch<SetStateAction<boolean>>] => {\n  const [isExpanded, setIsExpanded] = useState(expanded);\n  const previousIsExpanded = usePrevious(isExpanded);\n\n  useEffect(() => {\n    if (expanded !== isExpanded) {\n      setIsExpanded(expanded);\n    }\n  }, [expanded]);\n\n  useEffect(() => {\n    if (onExpand && isExpanded !== !!previousIsExpanded) {\n      onExpand(isExpanded);\n    }\n  }, [isExpanded, onExpand]);\n\n  return [isExpanded, setIsExpanded];\n};\n"],"names":[],"mappings":";;AAIO,MAAM,YAAY,CAAC,UAAmB,aAA2F;AACtI,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,QAAQ;AACrD,QAAM,qBAAqB,YAAY,UAAU;AAEjD,YAAU,MAAM;AACd,QAAI,aAAa,YAAY;AAC3B,oBAAc,QAAQ;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,YAAU,MAAM;AACd,QAAI,YAAY,eAAe,CAAC,CAAC,oBAAoB;AACnD,eAAS,UAAU;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,SAAO,CAAC,YAAY,aAAa;AACnC;"}

package/hooks/useFocusToggle.js

@@ -1,31 +0,0 @@
-import { useEffect } from "react";
-import { useElementList } from "./useElementList.js";
-import { FOCUSABLE_SELECTORS } from "./useFocusableElements.js";
-const useFocusToggle = (ref, allowFocus) => {
-  const focusableElementList = useElementList(ref, FOCUSABLE_SELECTORS, { attributes: false });
-  useEffect(() => {
-    const TABINDEX_ATTRIBUTE_NAME = "tabindex";
-    const PREVIOUS_TABINDEX_ATTRIBUTE_NAME = "data-tabindex";
-    if (allowFocus) {
-      focusableElementList == null ? void 0 : focusableElementList.forEach((el) => {
-        const prevTabIndex = el.getAttribute(PREVIOUS_TABINDEX_ATTRIBUTE_NAME);
-        if (prevTabIndex) {
-          el.setAttribute(TABINDEX_ATTRIBUTE_NAME, prevTabIndex);
-        } else {
-          el.removeAttribute(TABINDEX_ATTRIBUTE_NAME);
-        }
-      });
-    } else {
-      focusableElementList == null ? void 0 : focusableElementList.forEach((el) => {
-        if (el.hasAttribute(TABINDEX_ATTRIBUTE_NAME)) {
-          el.setAttribute(PREVIOUS_TABINDEX_ATTRIBUTE_NAME, `${el.tabIndex}`);
-        }
-        el.tabIndex = -1;
-      });
-    }
-  }, [ref, allowFocus, focusableElementList]);
-};
-export {
-  useFocusToggle
-};
-//# sourceMappingURL=useFocusToggle.js.map

package/hooks/useFocusToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusToggle.js","sources":["../../src/hooks/useFocusToggle.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { useElementList } from './useElementList';\nimport { FOCUSABLE_SELECTORS } from './useFocusableElements';\n\n/**\n * Skru av og på fokus på fokuserbare elementer slik at de kan være en del av DOMen, men samtidig\n * ikke kunne fokuseres/tabbes til med tastaturet.\n * @param ref Alle barn av dette elementet vil sjekkes for om de er fokuserbare\n * @param allowFocus Om elementene skal være fokuserbare eller ikke\n * @returns void\n */\nexport const useFocusToggle = (ref: React.RefObject<HTMLElement>, allowFocus?: boolean): void => {\n  // Kan ikke lytte på endringer i attributter, fordi det vil føre til en loop når vi endrer dem etterpå\n  const focusableElementList = useElementList(ref, FOCUSABLE_SELECTORS, { attributes: false });\n\n  useEffect(() => {\n    const TABINDEX_ATTRIBUTE_NAME = 'tabindex';\n    const PREVIOUS_TABINDEX_ATTRIBUTE_NAME = 'data-tabindex';\n    if (allowFocus) {\n      focusableElementList?.forEach(el => {\n        // Sett tabIndex tilbake til verdien den hadde før, eller fjern tabIndex\n        // slik at elementet kan tabbes til igjen.\n        const prevTabIndex = el.getAttribute(PREVIOUS_TABINDEX_ATTRIBUTE_NAME);\n        if (prevTabIndex) {\n          el.setAttribute(TABINDEX_ATTRIBUTE_NAME, prevTabIndex);\n        } else {\n          el.removeAttribute(TABINDEX_ATTRIBUTE_NAME);\n        }\n      });\n    } else {\n      focusableElementList?.forEach(el => {\n        // Hvis elementet allerede har tabIndex, ta vare på den før vi gjør det umulig å\n        // tabbe til det.\n        if (el.hasAttribute(TABINDEX_ATTRIBUTE_NAME)) {\n          el.setAttribute(PREVIOUS_TABINDEX_ATTRIBUTE_NAME, `${el.tabIndex}`);\n        }\n        el.tabIndex = -1;\n      });\n    }\n  }, [ref, allowFocus, focusableElementList]);\n};\n"],"names":[],"mappings":";;;AAYO,MAAM,iBAAiB,CAAC,KAAmC,eAA+B;AAE/F,QAAM,uBAAuB,eAAe,KAAK,qBAAqB,EAAE,YAAY,OAAO;AAE3F,YAAU,MAAM;AACd,UAAM,0BAA0B;AAChC,UAAM,mCAAmC;AACzC,QAAI,YAAY;AACd,mEAAsB,QAAQ,CAAA,OAAM;AAGlC,cAAM,eAAe,GAAG,aAAa,gCAAgC;AACrE,YAAI,cAAc;AAChB,aAAG,aAAa,yBAAyB,YAAY;AAAA,QACvD,OAAO;AACL,aAAG,gBAAgB,uBAAuB;AAAA,QAC5C;AAAA,MACF;AAAA,IACF,OAAO;AACL,mEAAsB,QAAQ,CAAA,OAAM;AAGlC,YAAI,GAAG,aAAa,uBAAuB,GAAG;AAC5C,aAAG,aAAa,kCAAkC,GAAG,GAAG,QAAQ,EAAE;AAAA,QACpE;AACA,WAAG,WAAW;AAAA,MAChB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,YAAY,oBAAoB,CAAC;AAC5C;"}

package/hooks/useFocusTrap.js

@@ -1,33 +0,0 @@
-import { useEffect } from "react";
-import { useFocusableElements } from "./useFocusableElements.js";
-import { getDocumentActiveElement } from "../utils/focus.js";
-const useFocusTrap = (ref, trapFocus = true) => {
-  const focusableElementList = useFocusableElements(ref);
-  const handleKeyboardEvent = (e) => {
-    if (trapFocus && ref.current && (focusableElementList == null ? void 0 : focusableElementList.length) && e.key === "Tab") {
-      const activeElement = getDocumentActiveElement(ref.current);
-      const firstElement = focusableElementList[0];
-      const lastElement = focusableElementList.length === 1 ? firstElement : focusableElementList[focusableElementList.length - 1];
-      if (e.shiftKey && activeElement === firstElement) {
-        lastElement.focus();
-        e.preventDefault();
-      } else if (!e.shiftKey && activeElement === lastElement) {
-        firstElement.focus();
-        e.preventDefault();
-      }
-    }
-  };
-  useEffect(() => {
-    var _a;
-    (_a = ref.current) == null ? void 0 : _a.addEventListener("keydown", handleKeyboardEvent);
-    return () => {
-      var _a2;
-      (_a2 = ref.current) == null ? void 0 : _a2.removeEventListener("keydown", handleKeyboardEvent);
-    };
-  }, [ref, trapFocus, focusableElementList]);
-};
-export {
-  useFocusTrap as default,
-  useFocusTrap
-};
-//# sourceMappingURL=useFocusTrap.js.map

package/hooks/useFocusTrap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { useFocusableElements } from './useFocusableElements';\nimport { getDocumentActiveElement } from '../utils/focus';\n\n/**\n * Lås fokus til et bestemt element. Bruker vil bare kunne tabbe mellom fokuserbare elementer innenfor elementet.\n * @param ref Alle barn av dette elementet vil være fokuserbare, elementer utenfor vil ikke det\n * @param trapFocus Om fokus skal \"trappes\" innenfor elementet eller ikke. Default=true.\n */\nexport const useFocusTrap = (ref: React.RefObject<HTMLElement>, trapFocus = true): void => {\n  const focusableElementList = useFocusableElements(ref);\n\n  const handleKeyboardEvent = (e: KeyboardEvent): void => {\n    if (trapFocus && ref.current && focusableElementList?.length && e.key === 'Tab') {\n      const activeElement = getDocumentActiveElement(ref.current);\n      const firstElement = focusableElementList[0];\n      const lastElement = focusableElementList.length === 1 ? firstElement : focusableElementList[focusableElementList.length - 1];\n\n      if (e.shiftKey && activeElement === firstElement) {\n        /* shift + tab */\n        lastElement.focus();\n        e.preventDefault();\n      } else if (!e.shiftKey && activeElement === lastElement) {\n        /* tab */\n        firstElement.focus();\n        e.preventDefault();\n      }\n    }\n  };\n\n  useEffect(() => {\n    ref.current?.addEventListener('keydown', handleKeyboardEvent);\n\n    return (): void => {\n      ref.current?.removeEventListener('keydown', handleKeyboardEvent);\n    };\n  }, [ref, trapFocus, focusableElementList]); // focusableElementList må være med som dependency for at handleKeyboardEvent skal få oppdatert state\n};\n\nexport default useFocusTrap;\n"],"names":["_a"],"mappings":";;;AAUO,MAAM,eAAe,CAAC,KAAmC,YAAY,SAAe;AACzF,QAAM,uBAAuB,qBAAqB,GAAG;AAErD,QAAM,sBAAsB,CAAC,MAA2B;AACtD,QAAI,aAAa,IAAI,YAAW,6DAAsB,WAAU,EAAE,QAAQ,OAAO;AAC/E,YAAM,gBAAgB,yBAAyB,IAAI,OAAO;AAC1D,YAAM,eAAe,qBAAqB,CAAC;AAC3C,YAAM,cAAc,qBAAqB,WAAW,IAAI,eAAe,qBAAqB,qBAAqB,SAAS,CAAC;AAE3H,UAAI,EAAE,YAAY,kBAAkB,cAAc;AAEhD,oBAAY,MAAA;AACZ,UAAE,eAAA;AAAA,MACJ,WAAW,CAAC,EAAE,YAAY,kBAAkB,aAAa;AAEvD,qBAAa,MAAA;AACb,UAAE,eAAA;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,YAAU,MAAM;;AACd,cAAI,YAAJ,mBAAa,iBAAiB,WAAW;AAEzC,WAAO,MAAY;;AACjB,OAAAA,MAAA,IAAI,YAAJ,gBAAAA,IAAa,oBAAoB,WAAW;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,KAAK,WAAW,oBAAoB,CAAC;AAC3C;"}

package/hooks/useFocusableElements.js

@@ -1,21 +0,0 @@
-import { useElementList } from "./useElementList.js";
-const FOCUSABLE_SELECTORS = [
-  'a[href]:not([tabindex^="-"])',
-  'area[href]:not([tabindex^="-"])',
-  'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
-  'input[type="radio"]:not([disabled]):not([tabindex^="-"])',
-  'select:not([disabled]):not([tabindex^="-"])',
-  'textarea:not([disabled]):not([tabindex^="-"])',
-  'button:not([disabled]):not([tabindex^="-"])',
-  'iframe:not([tabindex^="-"])',
-  'audio[controls]:not([tabindex^="-"])',
-  'video[controls]:not([tabindex^="-"])',
-  '[contenteditable]:not([tabindex^="-"])',
-  '[tabindex]:not([tabindex^="-"])'
-].join(",");
-const useFocusableElements = (ref) => useElementList(ref, FOCUSABLE_SELECTORS, { attributeFilter: ["href", "tabindex", "type", "disabled", "controls", "contenteditable"] });
-export {
-  FOCUSABLE_SELECTORS,
-  useFocusableElements
-};
-//# sourceMappingURL=useFocusableElements.js.map

package/hooks/useFocusableElements.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusableElements.js","sources":["../../src/hooks/useFocusableElements.ts"],"sourcesContent":["import { useElementList } from './useElementList';\n\n// Fra https://github.com/KittyGiraudel/focusable-selectors\nexport const FOCUSABLE_SELECTORS = [\n  'a[href]:not([tabindex^=\"-\"])',\n  'area[href]:not([tabindex^=\"-\"])',\n  'input:not([type=\"hidden\"]):not([type=\"radio\"]):not([disabled]):not([tabindex^=\"-\"])',\n  'input[type=\"radio\"]:not([disabled]):not([tabindex^=\"-\"])',\n  'select:not([disabled]):not([tabindex^=\"-\"])',\n  'textarea:not([disabled]):not([tabindex^=\"-\"])',\n  'button:not([disabled]):not([tabindex^=\"-\"])',\n  'iframe:not([tabindex^=\"-\"])',\n  'audio[controls]:not([tabindex^=\"-\"])',\n  'video[controls]:not([tabindex^=\"-\"])',\n  '[contenteditable]:not([tabindex^=\"-\"])',\n  '[tabindex]:not([tabindex^=\"-\"])',\n].join(',');\n\n/**\n * Overvåk et element og finn alle fokuserbare elementer inne i elementet. Bruker MutationObserver slik at eventuelle\n * nye elementer som legges til også vil inkluderes i listen.\n * @param ref Element som skal observeres\n * @returns Liste med fokuserbare HTML-elementer\n */\nexport const useFocusableElements = (ref: React.RefObject<HTMLElement>): NodeListOf<HTMLElement> | undefined =>\n  useElementList(ref, FOCUSABLE_SELECTORS, { attributeFilter: ['href', 'tabindex', 'type', 'disabled', 'controls', 'contenteditable'] });\n"],"names":[],"mappings":";AAGO,MAAM,sBAAsB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAQH,MAAM,uBAAuB,CAAC,QACnC,eAAe,KAAK,qBAAqB,EAAE,iBAAiB,CAAC,QAAQ,YAAY,QAAQ,YAAY,YAAY,iBAAiB,GAAG;"}

package/hooks/useIcons.js

@@ -1,23 +0,0 @@
-import { I as Icon } from "../Icon.js";
-import { L as LazyIcon } from "../LazyIcon.js";
-import { isComponent } from "../utils/component.js";
-const useIcons = (children) => {
-  let leftIcon = null;
-  let rightIcon = null;
-  const firstChild = children[0];
-  if (isComponent(firstChild, Icon) || isComponent(firstChild, LazyIcon)) {
-    leftIcon = firstChild;
-    children.shift();
-  }
-  const lastChild = children[children.length - 1];
-  if (isComponent(lastChild, Icon) || isComponent(lastChild, LazyIcon)) {
-    rightIcon = lastChild;
-    children.pop();
-  }
-  const restChildren = children.filter((child) => child);
-  return [leftIcon, rightIcon, restChildren.length > 0 ? restChildren : null];
-};
-export {
-  useIcons
-};
-//# sourceMappingURL=useIcons.js.map

package/hooks/useIcons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIcons.js","sources":["../../src/hooks/useIcons.ts"],"sourcesContent":["import Icon, { BaseIconProps, IconProps } from '../components/Icon';\nimport LazyIcon, { LazyIconProps } from '../components/LazyIcon';\nimport { isComponent } from '../utils/component';\n\nexport type BaseIconElement = React.ReactElement<BaseIconProps>;\n\nexport const useIcons = (children: React.ReactNode[]): [BaseIconElement | null, BaseIconElement | null, React.ReactNode[] | null] => {\n  let leftIcon: BaseIconElement | null = null;\n  let rightIcon: BaseIconElement | null = null;\n\n  const firstChild = children[0];\n  if (isComponent<IconProps>(firstChild, Icon) || isComponent<LazyIconProps>(firstChild, LazyIcon)) {\n    leftIcon = firstChild;\n    children.shift();\n  }\n\n  const lastChild = children[children.length - 1];\n  if (isComponent<IconProps>(lastChild, Icon) || isComponent<LazyIconProps>(lastChild, LazyIcon)) {\n    rightIcon = lastChild;\n    children.pop();\n  }\n  const restChildren = children.filter(child => child);\n\n  return [leftIcon, rightIcon, restChildren.length > 0 ? restChildren : null];\n};\n"],"names":[],"mappings":";;;AAMO,MAAM,WAAW,CAAC,aAA4G;AACnI,MAAI,WAAmC;AACvC,MAAI,YAAoC;AAExC,QAAM,aAAa,SAAS,CAAC;AAC7B,MAAI,YAAuB,YAAY,IAAI,KAAK,YAA2B,YAAY,QAAQ,GAAG;AAChG,eAAW;AACX,aAAS,MAAA;AAAA,EACX;AAEA,QAAM,YAAY,SAAS,SAAS,SAAS,CAAC;AAC9C,MAAI,YAAuB,WAAW,IAAI,KAAK,YAA2B,WAAW,QAAQ,GAAG;AAC9F,gBAAY;AACZ,aAAS,IAAA;AAAA,EACX;AACA,QAAM,eAAe,SAAS,OAAO,CAAA,UAAS,KAAK;AAEnD,SAAO,CAAC,UAAU,WAAW,aAAa,SAAS,IAAI,eAAe,IAAI;AAC5E;"}

package/hooks/useIdWithFallback.js

@@ -1,9 +0,0 @@
-import { useId } from "react";
-const useIdWithFallback = (initial) => {
-  const fallbackId = useId();
-  return initial || fallbackId;
-};
-export {
-  useIdWithFallback
-};
-//# sourceMappingURL=useIdWithFallback.js.map

package/hooks/useIdWithFallback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIdWithFallback.js","sources":["../../src/hooks/useIdWithFallback.ts"],"sourcesContent":["import { useId } from 'react';\n\n/**\n * Returner unik id som ikke endrer seg for hver render\n * @param initial id som vil overstyre react sin useId\n * @returns stable id-string\n */\nexport const useIdWithFallback = (initial?: string): string => {\n  const fallbackId = useId();\n\n  return initial || fallbackId;\n};\n"],"names":[],"mappings":";AAOO,MAAM,oBAAoB,CAAC,YAA6B;AAC7D,QAAM,aAAa,MAAA;AAEnB,SAAO,WAAW;AACpB;"}

package/hooks/useIntersectionObserver.js

@@ -1,20 +0,0 @@
-import { useEffect } from "react";
-const useIntersectionObserver = (ref, callback, options) => {
-  useEffect(() => {
-    const intersectionObserver = new IntersectionObserver(callback, options);
-    if (ref == null ? void 0 : ref.current) {
-      intersectionObserver.observe(ref.current);
-    }
-    return () => {
-      if (ref == null ? void 0 : ref.current) {
-        intersectionObserver.unobserve(ref.current);
-      } else {
-        intersectionObserver.disconnect();
-      }
-    };
-  }, [ref, options]);
-};
-export {
-  useIntersectionObserver
-};
-//# sourceMappingURL=useIntersectionObserver.js.map

package/hooks/useIntersectionObserver.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIntersectionObserver.js","sources":["../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Lytt på endringer i synligheten (intersection) til et HTML-element. F.eks. kan du bruke denne til å kalle en callback\n * når elementet er i ferd med å forsvinne ut av vinduet.\n *\n * @param ref Element som skal observeres\n * @param callback Kalles når en endring i intersection er observert\n * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres\n */\n\nexport const useIntersectionObserver = (\n  ref: React.RefObject<Element>,\n  callback: IntersectionObserverCallback,\n  options?: IntersectionObserverInit\n): void => {\n  useEffect(() => {\n    const intersectionObserver = new IntersectionObserver(callback, options);\n\n    if (ref?.current) {\n      intersectionObserver.observe(ref.current);\n    }\n\n    return (): void => {\n      if (ref?.current) {\n        intersectionObserver.unobserve(ref.current);\n      } else {\n        intersectionObserver.disconnect();\n      }\n    };\n  }, [ref, options]);\n};\n"],"names":[],"mappings":";AAWO,MAAM,0BAA0B,CACrC,KACA,UACA,YACS;AACT,YAAU,MAAM;AACd,UAAM,uBAAuB,IAAI,qBAAqB,UAAU,OAAO;AAEvE,QAAI,2BAAK,SAAS;AAChB,2BAAqB,QAAQ,IAAI,OAAO;AAAA,IAC1C;AAEA,WAAO,MAAY;AACjB,UAAI,2BAAK,SAAS;AAChB,6BAAqB,UAAU,IAAI,OAAO;AAAA,MAC5C,OAAO;AACL,6BAAqB,WAAA;AAAA,MACvB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,KAAK,OAAO,CAAC;AACnB;"}

package/hooks/useInterval.js

@@ -1,13 +0,0 @@
-import { useEffect } from "react";
-const useInterval = (callback, frequency = 10) => {
-  useEffect(() => {
-    const timer = setInterval(callback, frequency);
-    return () => {
-      clearInterval(timer);
-    };
-  }, [callback, frequency]);
-};
-export {
-  useInterval
-};
-//# sourceMappingURL=useInterval.js.map

package/hooks/useInterval.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInterval.js","sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Kjør en funksjon ved intervaller basert på ønsket frequency.\n *\n * @param callback Funksjon som skal kjøres\n * @param frequency Hvor ofte vi skal kjøre funksjonen\n * @returns void\n */\nexport const useInterval = (callback: () => void, frequency = 10): void => {\n  useEffect(() => {\n    const timer = setInterval(callback, frequency);\n\n    return (): void => {\n      clearInterval(timer);\n    };\n  }, [callback, frequency]);\n};\n"],"names":[],"mappings":";AASO,MAAM,cAAc,CAAC,UAAsB,YAAY,OAAa;AACzE,YAAU,MAAM;AACd,UAAM,QAAQ,YAAY,UAAU,SAAS;AAE7C,WAAO,MAAY;AACjB,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,UAAU,SAAS,CAAC;AAC1B;"}

package/hooks/useIsMobileBreakpoint.js

@@ -1,10 +0,0 @@
-import { useBreakpoint } from "./useBreakpoint.js";
-import { breakpoints } from "../theme/grid.js";
-const useIsMobileBreakpoint = () => {
-  const breakpoint = useBreakpoint();
-  return breakpoint < breakpoints.md;
-};
-export {
-  useIsMobileBreakpoint
-};
-//# sourceMappingURL=useIsMobileBreakpoint.js.map

package/hooks/useIsMobileBreakpoint.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsMobileBreakpoint.js","sources":["../../src/hooks/useIsMobileBreakpoint.ts"],"sourcesContent":["import { useBreakpoint } from './useBreakpoint';\nimport { breakpoints } from '../theme/grid';\n\nexport const useIsMobileBreakpoint = (): boolean => {\n  const breakpoint = useBreakpoint();\n  return breakpoint < breakpoints.md;\n};\n"],"names":[],"mappings":";;AAGO,MAAM,wBAAwB,MAAe;AAClD,QAAM,aAAa,cAAA;AACnB,SAAO,aAAa,YAAY;AAClC;"}

package/hooks/useIsServerSide.js

@@ -1,12 +0,0 @@
-import { useState, useEffect } from "react";
-const useIsServerSide = () => {
-  const [isServerSide, setIsServerSide] = useState(true);
-  useEffect(() => {
-    setIsServerSide(false);
-  }, []);
-  return isServerSide;
-};
-export {
-  useIsServerSide
-};
-//# sourceMappingURL=useIsServerSide.js.map

package/hooks/useIsServerSide.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsServerSide.js","sources":["../../src/hooks/useIsServerSide.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * Sjekk om React kjører på server, eller ikke. (useEffect kjører ikke på server)\n *\n * @returns true dersom koden kjører på server\n */\nexport const useIsServerSide = (): boolean => {\n  const [isServerSide, setIsServerSide] = useState(true);\n\n  useEffect(() => {\n    setIsServerSide(false);\n  }, []);\n\n  return isServerSide;\n};\n"],"names":[],"mappings":";AAOO,MAAM,kBAAkB,MAAe;AAC5C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,IAAI;AAErD,YAAU,MAAM;AACd,oBAAgB,KAAK;AAAA,EACvB,GAAG,CAAA,CAAE;AAEL,SAAO;AACT;"}

package/hooks/useIsVisible.js

@@ -1,14 +0,0 @@
-import { useState } from "react";
-import { useIntersectionObserver } from "./useIntersectionObserver.js";
-const useIsVisible = (ref, threshold = 1, options, initial = false) => {
-  const [isVisible, setIsVisible] = useState(initial);
-  const handleIntersectChange = (entries) => {
-    setIsVisible(threshold === 0 ? entries[0].intersectionRatio !== threshold : entries[0].intersectionRatio >= threshold);
-  };
-  useIntersectionObserver(ref, handleIntersectChange, { threshold, ...options });
-  return isVisible;
-};
-export {
-  useIsVisible
-};
-//# sourceMappingURL=useIsVisible.js.map

package/hooks/useIsVisible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsVisible.js","sources":["../../src/hooks/useIsVisible.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIntersectionObserver } from './useIntersectionObserver';\n\n/**\n * Sjekk om et HTML-element er synlig i vinduet, eller ikke.\n *\n * @param ref Element som skal observeres\n * @param threshold Hvor synlig må elementet være? Default = 1 (helt synlig)\n * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres\n * @param initial Om elementet default skal antas å være synlig eller ikke. Default: ikke synlig\n * @returns true hvis objektet er synlig lik threshold eller mer, false hvis ikke\n */\nexport const useIsVisible = (\n  ref: React.RefObject<Element>,\n  threshold = 1,\n  options?: IntersectionObserverInit,\n  initial = false\n): boolean => {\n  const [isVisible, setIsVisible] = useState(initial);\n\n  const handleIntersectChange: IntersectionObserverCallback = entries => {\n    setIsVisible(threshold === 0 ? entries[0].intersectionRatio !== threshold : entries[0].intersectionRatio >= threshold);\n  };\n\n  useIntersectionObserver(ref, handleIntersectChange, { threshold, ...options });\n\n  return isVisible;\n};\n"],"names":[],"mappings":";;AAaO,MAAM,eAAe,CAC1B,KACA,YAAY,GACZ,SACA,UAAU,UACE;AACZ,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,OAAO;AAElD,QAAM,wBAAsD,CAAA,YAAW;AACrE,iBAAa,cAAc,IAAI,QAAQ,CAAC,EAAE,sBAAsB,YAAY,QAAQ,CAAC,EAAE,qBAAqB,SAAS;AAAA,EACvH;AAEA,0BAAwB,KAAK,uBAAuB,EAAE,WAAW,GAAG,SAAS;AAE7E,SAAO;AACT;"}

package/hooks/useKeyboardEvent.js

@@ -1,24 +0,0 @@
-import { useEffect } from "react";
-const useKeyboardEvent = (ref, callback, key, events = ["keydown"]) => {
-  useEffect(() => {
-    const handleKeyboardEvent = (event) => {
-      if (event.key === key || Array.isArray(key) && key.includes(event.key)) {
-        callback(event);
-      }
-    };
-    events.forEach((eventName) => {
-      var _a;
-      return (_a = ref.current) == null ? void 0 : _a.addEventListener(eventName, handleKeyboardEvent);
-    });
-    return () => {
-      events.forEach((eventName) => {
-        var _a;
-        return (_a = ref.current) == null ? void 0 : _a.removeEventListener(eventName, handleKeyboardEvent);
-      });
-    };
-  }, [ref, callback, events, key]);
-};
-export {
-  useKeyboardEvent
-};
-//# sourceMappingURL=useKeyboardEvent.js.map

package/hooks/useKeyboardEvent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardEvent.js","sources":["../../src/hooks/useKeyboardEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype KeyboardEvents = keyof PickByValue<HTMLElementEventMap, KeyboardEvent>;\n\n/**\n * Kjør en callback når bruker skriver på tastaturet.\n * @param ref Element som skal lyttes på.\n * @param callback Callback som kjøres når det skjer en event.\n * @param key Knapp, eller liste med knapper, som skal trigge callback\n * @param events Liste med keyboard-events som skal trigge callback. Default: \"keydown\"\n */\nexport const useKeyboardEvent = (\n  ref: React.RefObject<HTMLElement>,\n  callback: (event: HTMLElementEventMap[KeyboardEvents]) => void,\n  key: string | string[],\n  events: KeyboardEvents[] = ['keydown']\n): void => {\n  useEffect(() => {\n    const handleKeyboardEvent = (event: HTMLElementEventMap[KeyboardEvents]): void => {\n      if (event.key === key || (Array.isArray(key) && key.includes(event.key))) {\n        callback(event);\n      }\n    };\n\n    events.forEach(eventName => ref.current?.addEventListener(eventName, handleKeyboardEvent));\n\n    return (): void => {\n      events.forEach(eventName => ref.current?.removeEventListener(eventName, handleKeyboardEvent));\n    };\n  }, [ref, callback, events, key]);\n};\n"],"names":[],"mappings":";AAWO,MAAM,mBAAmB,CAC9B,KACA,UACA,KACA,SAA2B,CAAC,SAAS,MAC5B;AACT,YAAU,MAAM;AACd,UAAM,sBAAsB,CAAC,UAAqD;AAChF,UAAI,MAAM,QAAQ,OAAQ,MAAM,QAAQ,GAAG,KAAK,IAAI,SAAS,MAAM,GAAG,GAAI;AACxE,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF;AAEA,WAAO,QAAQ,CAAA,cAAA;;AAAa,uBAAI,YAAJ,mBAAa,iBAAiB,WAAW;AAAA,KAAoB;AAEzF,WAAO,MAAY;AACjB,aAAO,QAAQ,CAAA,cAAA;;AAAa,yBAAI,YAAJ,mBAAa,oBAAoB,WAAW;AAAA,OAAoB;AAAA,IAC9F;AAAA,EACF,GAAG,CAAC,KAAK,UAAU,QAAQ,GAAG,CAAC;AACjC;"}

package/hooks/useLayoutEvent.js

@@ -1,18 +0,0 @@
-import { useEffect } from "react";
-import { debounce } from "../utils/debounce.js";
-const useLayoutEvent = (callback, events = ["layoutchange", "resize", "orientationchange"], debounceMs = 10) => {
-  useEffect(() => {
-    if (typeof window !== "object") return;
-    const [debouncedCallback, teardown] = debounce(callback, debounceMs);
-    events.forEach((eventName) => window.addEventListener(eventName, debouncedCallback));
-    debouncedCallback();
-    return () => {
-      teardown();
-      events.forEach((eventName) => window.removeEventListener(eventName, debouncedCallback));
-    };
-  }, []);
-};
-export {
-  useLayoutEvent
-};
-//# sourceMappingURL=useLayoutEvent.js.map

package/hooks/useLayoutEvent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLayoutEvent.js","sources":["../../src/hooks/useLayoutEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.\n *\n * @param callback Kalles for hver event\n * @param events Liste med events som skal lyttes på\n * @param debounceMs Begrens kall til callback til x antall ms\n */\nexport const useLayoutEvent = (callback: () => void, events = ['layoutchange', 'resize', 'orientationchange'], debounceMs = 10): void => {\n  useEffect(() => {\n    if (typeof window !== 'object') return;\n    const [debouncedCallback, teardown] = debounce(callback, debounceMs);\n\n    events.forEach(eventName => window.addEventListener(eventName, debouncedCallback));\n\n    debouncedCallback();\n\n    return (): void => {\n      teardown();\n      events.forEach(eventName => window.removeEventListener(eventName, debouncedCallback));\n    };\n  }, []);\n};\n"],"names":[],"mappings":";;AAWO,MAAM,iBAAiB,CAAC,UAAsB,SAAS,CAAC,gBAAgB,UAAU,mBAAmB,GAAG,aAAa,OAAa;AACvI,YAAU,MAAM;AACd,QAAI,OAAO,WAAW,SAAU;AAChC,UAAM,CAAC,mBAAmB,QAAQ,IAAI,SAAS,UAAU,UAAU;AAEnE,WAAO,QAAQ,CAAA,cAAa,OAAO,iBAAiB,WAAW,iBAAiB,CAAC;AAEjF,sBAAA;AAEA,WAAO,MAAY;AACjB,eAAA;AACA,aAAO,QAAQ,CAAA,cAAa,OAAO,oBAAoB,WAAW,iBAAiB,CAAC;AAAA,IACtF;AAAA,EACF,GAAG,CAAA,CAAE;AACP;"}

package/hooks/useOutsideEvent.js

@@ -1,19 +0,0 @@
-import { useEffect } from "react";
-const useOutsideEvent = (ref, callback, events = ["mousedown"]) => {
-  const refArray = Array.isArray(ref) ? ref : [ref];
-  const handleOutsideEvent = (event) => {
-    if (refArray.every((ref2) => ref2.current && !event.composedPath().includes(ref2.current))) {
-      callback(event);
-    }
-  };
-  useEffect(() => {
-    events.forEach((eventName) => document.addEventListener(eventName, handleOutsideEvent));
-    return () => {
-      events.forEach((eventName) => document.removeEventListener(eventName, handleOutsideEvent));
-    };
-  }, [refArray, callback, events]);
-};
-export {
-  useOutsideEvent
-};
-//# sourceMappingURL=useOutsideEvent.js.map

package/hooks/useOutsideEvent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOutsideEvent.js","sources":["../../src/hooks/useOutsideEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype OutsideEvents = keyof PickByValue<HTMLElementEventMap, MouseEvent | FocusEvent>;\n\n/**\n * Custom hook for klikk eller fokus utenfor et gitt element (eller flere elementer)\n * @param ref Sjekker om det klikkes utenfor dette elementet/elementene\n * @param callback Callback-funksjon ved klikk utenfor elementet/elementene\n * @param events Type eventer å lytte på. Default: mousedown\n */\nexport const useOutsideEvent = (\n  ref: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n  callback: (event: HTMLElementEventMap[OutsideEvents]) => void,\n  events: OutsideEvents[] = ['mousedown']\n): void => {\n  const refArray = Array.isArray(ref) ? ref : [ref];\n\n  const handleOutsideEvent = (event: HTMLElementEventMap[OutsideEvents]): void => {\n    if (refArray.every(ref => ref.current && !event.composedPath().includes(ref.current))) {\n      callback(event);\n    }\n  };\n\n  useEffect(() => {\n    events.forEach(eventName => document.addEventListener(eventName, handleOutsideEvent));\n\n    return (): void => {\n      events.forEach(eventName => document.removeEventListener(eventName, handleOutsideEvent));\n    };\n  }, [refArray, callback, events]);\n};\n"],"names":["ref"],"mappings":";AAUO,MAAM,kBAAkB,CAC7B,KACA,UACA,SAA0B,CAAC,WAAW,MAC7B;AACT,QAAM,WAAW,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,GAAG;AAEhD,QAAM,qBAAqB,CAAC,UAAoD;AAC9E,QAAI,SAAS,MAAM,CAAAA,SAAOA,KAAI,WAAW,CAAC,MAAM,aAAA,EAAe,SAASA,KAAI,OAAO,CAAC,GAAG;AACrF,eAAS,KAAK;AAAA,IAChB;AAAA,EACF;AAEA,YAAU,MAAM;AACd,WAAO,QAAQ,CAAA,cAAa,SAAS,iBAAiB,WAAW,kBAAkB,CAAC;AAEpF,WAAO,MAAY;AACjB,aAAO,QAAQ,CAAA,cAAa,SAAS,oBAAoB,WAAW,kBAAkB,CAAC;AAAA,IACzF;AAAA,EACF,GAAG,CAAC,UAAU,UAAU,MAAM,CAAC;AACjC;"}

package/hooks/usePrevious.js

@@ -1,12 +0,0 @@
-import { useRef, useEffect } from "react";
-const usePrevious = (value) => {
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-};
-export {
-  usePrevious
-};
-//# sourceMappingURL=usePrevious.js.map

package/hooks/usePrevious.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePrevious.js","sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Brukes f.eks. i forbindelse med useState for å kunne sammenlikne ny verdi med gammel.\n * @param value Verdi du ønsker å ta vare på\n * @returns Forrige verdi\n */\nexport const usePrevious = <T>(value: T): T | undefined => {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n};\n"],"names":[],"mappings":";AAOO,MAAM,cAAc,CAAI,UAA4B;AACzD,QAAM,MAAM,OAAA;AAEZ,YAAU,MAAM;AACd,QAAI,UAAU;AAAA,EAChB,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO,IAAI;AACb;"}

package/hooks/usePseudoClasses.js

@@ -1,44 +0,0 @@
-import { useRef, useState, useEffect } from "react";
-const usePseudoClasses = (ref) => {
-  const internalRef = useRef(null);
-  const refObject = ref ?? internalRef;
-  const [isHovered, setIsHovered] = useState(false);
-  const [isFocused, setIsFocused] = useState(false);
-  const [isActive, setIsActive] = useState(false);
-  useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const handleMouseEnter = () => setIsHovered(true);
-    const handleMouseLeave = () => setIsHovered(false);
-    const handleFocusIn = () => setIsFocused(true);
-    const handleFocusOut = () => setIsFocused(false);
-    const handlePointerDown = () => setIsActive(true);
-    const handlePointerUp = () => setIsActive(false);
-    const handlePointerLeave = () => setIsActive(false);
-    (_a = refObject.current) == null ? void 0 : _a.addEventListener("mouseenter", handleMouseEnter);
-    (_b = refObject.current) == null ? void 0 : _b.addEventListener("mouseleave", handleMouseLeave);
-    (_c = refObject.current) == null ? void 0 : _c.addEventListener("pointerenter", handleMouseEnter);
-    (_d = refObject.current) == null ? void 0 : _d.addEventListener("pointerleave", handleMouseLeave);
-    (_e = refObject.current) == null ? void 0 : _e.addEventListener("focusin", handleFocusIn);
-    (_f = refObject.current) == null ? void 0 : _f.addEventListener("focusout", handleFocusOut);
-    (_g = refObject.current) == null ? void 0 : _g.addEventListener("pointerdown", handlePointerDown);
-    (_h = refObject.current) == null ? void 0 : _h.addEventListener("pointerup", handlePointerUp);
-    (_i = refObject.current) == null ? void 0 : _i.addEventListener("pointerleave", handlePointerLeave);
-    return () => {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
-      (_a2 = refObject.current) == null ? void 0 : _a2.removeEventListener("mouseenter", handleMouseEnter);
-      (_b2 = refObject.current) == null ? void 0 : _b2.removeEventListener("mouseleave", handleMouseLeave);
-      (_c2 = refObject.current) == null ? void 0 : _c2.removeEventListener("pointerenter", handleMouseEnter);
-      (_d2 = refObject.current) == null ? void 0 : _d2.removeEventListener("pointerleave", handleMouseLeave);
-      (_e2 = refObject.current) == null ? void 0 : _e2.removeEventListener("focusin", handleFocusIn);
-      (_f2 = refObject.current) == null ? void 0 : _f2.removeEventListener("focusout", handleFocusOut);
-      (_g2 = refObject.current) == null ? void 0 : _g2.removeEventListener("pointerdown", handlePointerDown);
-      (_h2 = refObject.current) == null ? void 0 : _h2.removeEventListener("pointerup", handlePointerUp);
-      (_i2 = refObject.current) == null ? void 0 : _i2.removeEventListener("pointerleave", handlePointerLeave);
-    };
-  }, [refObject]);
-  return { refObject, isHovered, isFocused, isActive };
-};
-export {
-  usePseudoClasses
-};
-//# sourceMappingURL=usePseudoClasses.js.map

package/hooks/usePseudoClasses.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePseudoClasses.js","sources":["../../src/hooks/usePseudoClasses.ts"],"sourcesContent":["import { useRef, useEffect, useState, RefObject, MutableRefObject } from 'react';\n\n/**\n * Få vite når et element hovres over eller mottar fokus.\n * @param ref Element som skal observeres\n * @returns Objekt med ref og om objekt er hovered/focused\n */\nexport const usePseudoClasses = <T extends HTMLElement | SVGElement>(\n  ref?: RefObject<T> | MutableRefObject<T> | null\n): { refObject: RefObject<T> | MutableRefObject<T>; isHovered: boolean; isFocused: boolean; isActive: boolean } => {\n  const internalRef = useRef<T | null>(null);\n  const refObject = ref ?? internalRef;\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n\n  useEffect(() => {\n    const handleMouseEnter = (): void => setIsHovered(true);\n    const handleMouseLeave = (): void => setIsHovered(false);\n    const handleFocusIn = (): void => setIsFocused(true);\n    const handleFocusOut = (): void => setIsFocused(false);\n    const handlePointerDown = (): void => setIsActive(true);\n    const handlePointerUp = (): void => setIsActive(false);\n    const handlePointerLeave = (): void => setIsActive(false);\n\n    refObject.current?.addEventListener('mouseenter', handleMouseEnter);\n    refObject.current?.addEventListener('mouseleave', handleMouseLeave);\n    refObject.current?.addEventListener('pointerenter', handleMouseEnter);\n    refObject.current?.addEventListener('pointerleave', handleMouseLeave);\n    refObject.current?.addEventListener('focusin', handleFocusIn);\n    refObject.current?.addEventListener('focusout', handleFocusOut);\n    refObject.current?.addEventListener('pointerdown', handlePointerDown);\n    refObject.current?.addEventListener('pointerup', handlePointerUp);\n    refObject.current?.addEventListener('pointerleave', handlePointerLeave);\n\n    return (): void => {\n      refObject.current?.removeEventListener('mouseenter', handleMouseEnter);\n      refObject.current?.removeEventListener('mouseleave', handleMouseLeave);\n      refObject.current?.removeEventListener('pointerenter', handleMouseEnter);\n      refObject.current?.removeEventListener('pointerleave', handleMouseLeave);\n      refObject.current?.removeEventListener('focusin', handleFocusIn);\n      refObject.current?.removeEventListener('focusout', handleFocusOut);\n      refObject.current?.removeEventListener('pointerdown', handlePointerDown);\n      refObject.current?.removeEventListener('pointerup', handlePointerUp);\n      refObject.current?.removeEventListener('pointerleave', handlePointerLeave);\n    };\n  }, [refObject]);\n\n  return { refObject, isHovered, isFocused, isActive };\n};\n"],"names":["_a","_b","_c","_d","_e","_f","_g","_h","_i"],"mappings":";AAOO,MAAM,mBAAmB,CAC9B,QACiH;AACjH,QAAM,cAAc,OAAiB,IAAI;AACzC,QAAM,YAAY,OAAO;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;;AACd,UAAM,mBAAmB,MAAY,aAAa,IAAI;AACtD,UAAM,mBAAmB,MAAY,aAAa,KAAK;AACvD,UAAM,gBAAgB,MAAY,aAAa,IAAI;AACnD,UAAM,iBAAiB,MAAY,aAAa,KAAK;AACrD,UAAM,oBAAoB,MAAY,YAAY,IAAI;AACtD,UAAM,kBAAkB,MAAY,YAAY,KAAK;AACrD,UAAM,qBAAqB,MAAY,YAAY,KAAK;AAExD,oBAAU,YAAV,mBAAmB,iBAAiB,cAAc;AAClD,oBAAU,YAAV,mBAAmB,iBAAiB,cAAc;AAClD,oBAAU,YAAV,mBAAmB,iBAAiB,gBAAgB;AACpD,oBAAU,YAAV,mBAAmB,iBAAiB,gBAAgB;AACpD,oBAAU,YAAV,mBAAmB,iBAAiB,WAAW;AAC/C,oBAAU,YAAV,mBAAmB,iBAAiB,YAAY;AAChD,oBAAU,YAAV,mBAAmB,iBAAiB,eAAe;AACnD,oBAAU,YAAV,mBAAmB,iBAAiB,aAAa;AACjD,oBAAU,YAAV,mBAAmB,iBAAiB,gBAAgB;AAEpD,WAAO,MAAY;;AACjB,OAAAA,MAAA,UAAU,YAAV,gBAAAA,IAAmB,oBAAoB,cAAc;AACrD,OAAAC,MAAA,UAAU,YAAV,gBAAAA,IAAmB,oBAAoB,cAAc;AACrD,OAAAC,MAAA,UAAU,YAAV,gBAAAA,IAAmB,oBAAoB,gBAAgB;AACvD,OAAAC,MAAA,UAAU,YAAV,gBAAAA,IAAmB,oBAAoB,gBAAgB;AACvD,OAAAC,MAAA,UAAU,YAAV,gBAAAA,IAAmB,oBAAoB,WAAW;AAClD,OAAAC,MAAA,UAAU,YAAV,gBAAAA,IAAmB,oBAAoB,YAAY;AACnD,OAAAC,MAAA,UAAU,YAAV,gBAAAA,IAAmB,oBAAoB,eAAe;AACtD,OAAAC,MAAA,UAAU,YAAV,gBAAAA,IAAmB,oBAAoB,aAAa;AACpD,OAAAC,MAAA,UAAU,YAAV,gBAAAA,IAAmB,oBAAoB,gBAAgB;AAAA,IACzD;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO,EAAE,WAAW,WAAW,WAAW,SAAA;AAC5C;"}