@helsenorge/designsystem-react 13.5.0 → 14.0.0-beta.1

package/lib/src/hooks/useLanguage.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            source: {
+                language: string;
+                code: string;
+            };
+        };
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/src/hooks/useLayoutEvent.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            source: {
+                language: string;
+                code: string;
+            };
+        };
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/src/hooks/useOutsideEvent.d.ts

@@ -0,0 +1,11 @@
+type OutsideEvents = {
+    [K in keyof DocumentEventMap]: DocumentEventMap[K] extends MouseEvent | FocusEvent ? K : never;
+}[keyof DocumentEventMap];
+/**
+ * Custom hook for klikk eller fokus utenfor et gitt element (eller flere elementer)
+ * @param ref Sjekker om det klikkes utenfor dette elementet/elementene
+ * @param callback Callback-funksjon ved klikk utenfor elementet/elementene
+ * @param events Type eventer å lytte på. Default: mousedown
+ */
+export declare const useOutsideEvent: (ref: React.RefObject<HTMLElement | null> | React.RefObject<HTMLElement | null>[], callback: (event: MouseEvent | FocusEvent) => void, events?: OutsideEvents[]) => void;
+export {};

package/lib/src/hooks/useOutsideEvent.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            source: {
+                language: string;
+                code: string;
+            };
+        };
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/src/hooks/usePrevious.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Brukes f.eks. i forbindelse med useState for å kunne sammenlikne ny verdi med gammel.
+ * @param value Verdi du ønsker å ta vare på
+ * @returns Forrige verdi
+ */
+export declare const usePrevious: <T>(value: T) => T | null;

package/lib/src/hooks/usePseudoClasses.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+/**
+ * Få vite når et element hovres over eller mottar fokus.
+ * @param ref Element som skal observeres
+ * @returns Objekt med ref og om objekt er hovered/focused
+ */
+export declare const usePseudoClasses: <T extends HTMLElement | SVGElement | null>(ref?: RefObject<T> | null) => {
+    refObject: RefObject<T | null>;
+    isHovered: boolean;
+    isFocused: boolean;
+    isActive: boolean;
+};

package/lib/src/hooks/usePseudoClasses.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            source: {
+                language: string;
+                code: string;
+            };
+        };
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/src/hooks/useResizeObserver.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Lytt på endringer i størrelse på et element. Bruker ResizeObserver-APIet.
+ *
+ * @param ref Element som skal observeres.
+ * @returns Object med høyde, bredde, x og y til elementet
+ */
+export declare const useResizeObserver: (ref?: React.RefObject<HTMLElement | null>) => DOMRect | undefined;

package/lib/src/hooks/useResizeObserver.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            source: {
+                language: string;
+                code: string;
+            };
+        };
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/src/hooks/useReturnFocusOnUnmount.d.ts

@@ -0,0 +1,5 @@
+/**
+ * A hook that stores the currently focused element when the component mounts,
+ * and returns focus to it when the component unmounts.
+ */
+export declare const useReturnFocusOnUnmount: (ref: React.RefObject<HTMLElement | null>) => void;

package/lib/src/hooks/useReturnFocusOnUnmount.stories.d.ts

@@ -0,0 +1,26 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            story: {
+                inline: boolean;
+                iframeHeight: string;
+            };
+            source: {
+                language: string;
+                code: string;
+            };
+        };
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/src/hooks/useRovingFocus.d.ts

@@ -0,0 +1,9 @@
+export declare const useRovingFocus: (
+/** Function to run when new index is set */
+handleNewIndex: (index: number) => void, 
+/** List of elements that should have rocing focus */
+inputRefList: React.RefObject<React.RefObject<HTMLElement | null>[] | null | undefined>, 
+/** Ref of container that should have the keyboard event handler */
+containerRef: React.RefObject<HTMLElement | null>, 
+/** Indicated wether right/left or up/down arrows should be used for navigation. Default is up/down. */
+leftRightNavigation?: boolean) => void;

package/lib/src/hooks/useRovingFocus.stories.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            source: {
+                language: string;
+                code: string;
+            };
+        };
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLeftRightNavigation: Story;

package/lib/src/hooks/useSize.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Lytt på endringer i størrelse på et element
+ *
+ * @param ref Element som skal observeres.
+ * @returns Object med høyde, bredde, x og y til elementet. Merk at objektet bare oppdates når høyde eller bredde endres, ikke når
+ * posisjonen (x og y) endres.
+ */
+export declare const useSize: (ref?: React.RefObject<HTMLElement | null>) => DOMRect | undefined;

package/lib/src/hooks/useSize.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            source: {
+                language: string;
+                code: string;
+            };
+        };
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/src/hooks/usestopPropagation.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Stopp eventer fra å boble opp videre i DOMen
+ * @param ref Element som skal overvåkes
+ * @param events Navn på eventer som ikke skal boble opp
+ */
+export declare const useStopPropagation: (ref: React.RefObject<HTMLElement | null>, events: string[]) => void;

package/lib/src/index.d.ts

@@ -0,0 +1,18 @@
+export { theme } from './theme';
+export { useBreakpoint, Breakpoint } from './hooks/useBreakpoint';
+export { useFocusToggle } from './hooks/useFocusToggle';
+export { useFocusTrap } from './hooks/useFocusTrap';
+export { usePseudoClasses } from './hooks/usePseudoClasses';
+export { useIntersectionObserver } from './hooks/useIntersectionObserver';
+export { useIsVisible } from './hooks/useIsVisible';
+export { useLayoutEvent } from './hooks/useLayoutEvent';
+export { usePrevious } from './hooks/usePrevious';
+export { useSize } from './hooks/useSize';
+export { useResizeObserver } from './hooks/useResizeObserver';
+export { useToggle } from './hooks/useToggle';
+export { useKeyboardEvent } from './hooks/useKeyboardEvent';
+export { useOutsideEvent } from './hooks/useOutsideEvent';
+export { useLanguage } from './hooks/useLanguage';
+export { isMobileUA } from './utils/mobile';
+export { uuid } from './utils/uuid';
+export * from './constants';

package/lib/src/scss/typography.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj, Meta } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TitleFeature: Story;
+export declare const Title1: Story;
+export declare const Title2: Story;
+export declare const Title3: Story;
+export declare const Title4: Story;
+export declare const Title5: Story;
+export declare const Title6: Story;
+export declare const Preamble: Story;
+export declare const Legend: Story;
+export declare const Label: Story;
+export declare const LabelSubdued: Story;
+export declare const Sublabel: Story;
+export declare const SublabelSubdued: Story;
+export declare const CompactData: Story;
+export declare const TableCell: Story;
+export declare const Strong: Story;
+export declare const ImageCaption: Story;
+export declare const ImageCredit: Story;
+export declare const StatusTimestamp: Story;
+export declare const InputText: Story;
+export declare const InputTextLarge: Story;
+export declare const TextList: Story;
+export declare const DefinitionListType: Story;
+export declare const DefinitionListData: Story;
+export declare const HelpText: Story;
+export declare const HelpTriggerText: Story;
+export declare const AnchorlinkWrapper: Story;
+export declare const ClassExamplesWithComponents: Story;

package/lib/src/utils/component.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren, default as React } from 'react';
+export declare const isComponent: <T>(element: unknown, type: React.ForwardRefExoticComponent<T> | React.FunctionComponent<T>) => element is React.ReactElement<T>;
+export declare const isComponentWithChildren: <T>(element: unknown) => element is React.ReactElement<PropsWithChildren<T>>;
+export declare function isComponentWithDisplayName<T>(element: React.ReactNode, displayName: string): element is React.ReactElement<T>;

package/lib/src/utils/language.d.ts

@@ -0,0 +1,9 @@
+export interface LanguageContextType<T extends string = string> {
+    language: T;
+}
+export interface LanguageProviderProps<T extends string> {
+    children: React.ReactNode;
+    language: T;
+}
+declare const LanguageProvider: <T extends string>({ children, language }: LanguageProviderProps<T>) => React.JSX.Element;
+export default LanguageProvider;

package/lib/src/utils/language.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react-vite';
+import { LanguageLocales } from '../constants';
+declare const meta: {
+    title: string;
+    component: <T extends string>({ children, language }: import('./language').LanguageProviderProps<T>) => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            source: {
+                language: string;
+                code: string;
+            };
+        };
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+    args: {
+        children: undefined;
+        language: LanguageLocales;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/src/utils/refs.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Slår sammen to refs, typisk ref via prop og useRef slik at begge deler kan brukes som en felles ref
+ * Fra https://github.com/gregberge/react-merge-refs
+ * @param refs array med refs som skal slås sammen
+ * @returns refcallback som kan brukes på komponent
+ */
+export declare const mergeRefs: <T>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T> | null | undefined>) => React.RefCallback<T>;
+/**
+ * Sjekker om ref er et objekt (og ikke en funksjon)
+ * @param ref
+ * @returns type predicate
+ */
+export declare const isMutableRefObject: <T>(ref: React.Ref<T> | undefined) => ref is React.MutableRefObject<T>;

package/lib/theme/currys/color.js

@@ -1,6 +1,2 @@
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
 import { n as getHoverColor, t as getColor } from "../../color.js";
 export { getColor, getHoverColor };

package/lib/theme/currys/index.js

@@ -1,8 +1,3 @@
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
 import { n as getHoverColor, t as getColor } from "../../color.js";
 import { n as mapSpacerValue, t as getSpacer } from "../../spacing.js";
-import "../../currys.js";
 export { getColor, getHoverColor, getSpacer, mapSpacerValue };

package/lib/theme/currys/spacing.js

@@ -1,3 +1,2 @@
-import "../../spacers.js";
 import { n as mapSpacerValue, t as getSpacer } from "../../spacing.js";
 export { getSpacer, mapSpacerValue };

package/lib/theme/index.js

@@ -1,5 +1,2 @@
-import "../grid.js";
-import "../palette.js";
-import "../spacers.js";
 import { t as theme } from "../theme.js";
 export { theme };

package/lib/useBreakpoint.js

@@ -28,8 +28,7 @@ const useBreakpoint = () => {
 			const handler = () => {
 				setBreakpoint(getCurrentBreakpoint());
 			};
-			if (mq.addEventListener) mq.addEventListener("change", handler);
-			else if (mq.addListener) mq.addListener(handler);
+			mq.addEventListener("change", handler);
 			return {
 				mq,
 				handler
@@ -37,8 +36,7 @@ const useBreakpoint = () => {
 		});
 		return () => {
 			mediaQueryList.forEach(({ mq, handler }) => {
-				if (mq.removeEventListener) mq.removeEventListener("change", handler);
-				else if (mq.removeListener) mq.removeListener(handler);
+				mq.removeEventListener("change", handler);
 			});
 		};
 	}, []);

package/lib/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","names":[],"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"],"mappings":";;AAIA,IAAY,aAAA,yBAAA,cAAL;AACL,cAAA,aAAA,SAAM,YAAY,OAAA;AAClB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;;;AAGnB,SAAS,uBAAmC;AAa1C,QAVuB,OAAO,QAAQ,OAAO,CAC1C,SAAS,CACT,KAAK,CAAC,MAAM,gBAAgB;AAC3B,SAAO;GACL,YAAY,WAAW;GACvB,IAAI,OAAO,WAAW,WAAW;GAClC;GACD,CAE2B,MAAK,UAAS,MAAM,GAAG,QAAQ,EAC9C,cAAc,WAAW;;AAG3C,MAAa,sBAAkC;CAC7C,MAAM,CAAC,YAAY,iBAAiB,SAAqB,WAAW,IAAI;AAExE,iBAAgB;AAEd,gBAAc,sBAAsB,CAAC;IACpC,EAAE,CAAC;AAEN,iBAAgB;EACd,MAAM,iBAAiB,OAAO,OAAO,OAAO,CAAC,KAAI,eAAc;GAC7D,MAAM,KAAK,OAAO,WAAW,WAAW;GAGxC,MAAM,gBAAsB;AAC1B,kBAAc,sBAAsB,CAAC;;AAGvC,OAAI,GAAG,iBACL,IAAG,iBAAiB,UAAU,QAAQ;YAC7B,GAAG,YACZ,IAAG,YAAY,QAAQ;AAEzB,UAAO;IAAE;IAAI;IAAS;IACtB;AAEF,eAAmB;AACjB,kBAAe,SAAS,EAAE,IAAI,cAAc;AAC1C,QAAI,GAAG,oBACL,IAAG,oBAAoB,UAAU,QAAQ;aAChC,GAAG,eACZ,IAAG,eAAe,QAAQ;KAE5B;;IAEH,EAAE,CAAC;AAEN,QAAO"}
+{"version":3,"file":"useBreakpoint.js","names":[],"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      const handler = (): void => {\n        setBreakpoint(getCurrentBreakpoint());\n      };\n\n      mq.addEventListener('change', handler);\n      return { mq, handler };\n    });\n\n    return (): void => {\n      mediaQueryList.forEach(({ mq, handler }) => {\n        mq.removeEventListener('change', handler);\n      });\n    };\n  }, []);\n\n  return breakpoint;\n};\n"],"mappings":";;AAIA,IAAY,aAAA,yBAAA,cAAL;AACL,cAAA,aAAA,SAAM,YAAY,OAAA;AAClB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;AACjB,cAAA,aAAA,QAAK,YAAY,MAAA;;;AAGnB,SAAS,uBAAmC;AAa1C,QAVuB,OAAO,QAAQ,OAAO,CAC1C,SAAS,CACT,KAAK,CAAC,MAAM,gBAAgB;AAC3B,SAAO;GACL,YAAY,WAAW;GACvB,IAAI,OAAO,WAAW,WAAW;GAClC;GACD,CAE2B,MAAK,UAAS,MAAM,GAAG,QAAQ,EAC9C,cAAc,WAAW;;AAG3C,MAAa,sBAAkC;CAC7C,MAAM,CAAC,YAAY,iBAAiB,SAAqB,WAAW,IAAI;AAExE,iBAAgB;AAEd,gBAAc,sBAAsB,CAAC;IACpC,EAAE,CAAC;AAEN,iBAAgB;EACd,MAAM,iBAAiB,OAAO,OAAO,OAAO,CAAC,KAAI,eAAc;GAC7D,MAAM,KAAK,OAAO,WAAW,WAAW;GACxC,MAAM,gBAAsB;AAC1B,kBAAc,sBAAsB,CAAC;;AAGvC,MAAG,iBAAiB,UAAU,QAAQ;AACtC,UAAO;IAAE;IAAI;IAAS;IACtB;AAEF,eAAmB;AACjB,kBAAe,SAAS,EAAE,IAAI,cAAc;AAC1C,OAAG,oBAAoB,UAAU,QAAQ;KACzC;;IAEH,EAAE,CAAC;AAEN,QAAO"}

package/lib/useElementList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useElementList.js","names":[],"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"],"mappings":";AASA,MAAa,kBACX,KACA,WACA,YACwC;CACxC,MAAM,CAAC,aAAa,kBAAkB,UAAmC;AAEzE,iBAAgB;EACd,MAAM,6BAAmC;GACvC,MAAM,WAAW,IAAI,SAAS,iBAA8B,UAAU;AACtE,kBAAe,SAAS;;EAG1B,MAAM,mBAAmB,IAAI,iBAAiB,qBAAqB;AACnE,MAAI,KAAK,QACP,kBAAiB,QAAQ,IAAI,SAAS;GAAE,SAAS;GAAM,WAAW;GAAM,YAAY;GAAM,GAAG;GAAS,CAAC;AAGzG,wBAAsB;AAEtB,eAAmB;AACjB,oBAAiB,YAAY;;IAE9B,CAAC,KAAK,UAAU,CAAC;AAEpB,QAAO"}
+{"version":3,"file":"useElementList.js","names":[],"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 | null>,\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"],"mappings":";AASA,MAAa,kBACX,KACA,WACA,YACwC;CACxC,MAAM,CAAC,aAAa,kBAAkB,UAAmC;AAEzE,iBAAgB;EACd,MAAM,6BAAmC;GACvC,MAAM,WAAW,IAAI,SAAS,iBAA8B,UAAU;AACtE,kBAAe,SAAS;;EAG1B,MAAM,mBAAmB,IAAI,iBAAiB,qBAAqB;AACnE,MAAI,KAAK,QACP,kBAAiB,QAAQ,IAAI,SAAS;GAAE,SAAS;GAAM,WAAW;GAAM,YAAY;GAAM,GAAG;GAAS,CAAC;AAGzG,wBAAsB;AAEtB,eAAmB;AACjB,oBAAiB,YAAY;;IAE9B,CAAC,KAAK,UAAU,CAAC;AAEpB,QAAO"}

package/lib/useExpand.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExpand.js","names":[],"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"],"mappings":";;AAIA,MAAa,aAAa,UAAmB,aAA2F;CACtI,MAAM,CAAC,YAAY,iBAAiB,SAAS,SAAS;CACtD,MAAM,qBAAqB,YAAY,WAAW;AAElD,iBAAgB;AACd,MAAI,aAAa,WACf,eAAc,SAAS;IAExB,CAAC,SAAS,CAAC;AAEd,iBAAgB;AACd,MAAI,YAAY,eAAe,CAAC,CAAC,mBAC/B,UAAS,WAAW;IAErB,CAAC,YAAY,SAAS,CAAC;AAE1B,QAAO,CAAC,YAAY,cAAc"}
+{"version":3,"file":"useExpand.js","names":[],"sources":["../src/hooks/useExpand.ts"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react';\nimport { 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"],"mappings":";;AAKA,MAAa,aAAa,UAAmB,aAA2F;CACtI,MAAM,CAAC,YAAY,iBAAiB,SAAS,SAAS;CACtD,MAAM,qBAAqB,YAAY,WAAW;AAElD,iBAAgB;AACd,MAAI,aAAa,WACf,eAAc,SAAS;IAExB,CAAC,SAAS,CAAC;AAEd,iBAAgB;AACd,MAAI,YAAY,eAAe,CAAC,CAAC,mBAC/B,UAAS,WAAW;IAErB,CAAC,YAAY,SAAS,CAAC;AAE1B,QAAO,CAAC,YAAY,cAAc"}

package/lib/useFocusToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusToggle.js","names":[],"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"],"mappings":";;;AAYA,MAAa,kBAAkB,KAAmC,eAA+B;CAE/F,MAAM,uBAAuB,eAAe,KAAK,qBAAqB,EAAE,YAAY,OAAO,CAAC;AAE5F,iBAAgB;EACd,MAAM,0BAA0B;EAChC,MAAM,mCAAmC;AACzC,MAAI,WACF,uBAAsB,SAAQ,OAAM;GAGlC,MAAM,eAAe,GAAG,aAAa,iCAAiC;AACtE,OAAI,aACF,IAAG,aAAa,yBAAyB,aAAa;OAEtD,IAAG,gBAAgB,wBAAwB;IAE7C;MAEF,uBAAsB,SAAQ,OAAM;AAGlC,OAAI,GAAG,aAAa,wBAAwB,CAC1C,IAAG,aAAa,kCAAkC,GAAG,GAAG,WAAW;AAErE,MAAG,WAAW;IACd;IAEH;EAAC;EAAK;EAAY;EAAqB,CAAC"}
+{"version":3,"file":"useFocusToggle.js","names":[],"sources":["../src/hooks/useFocusToggle.ts"],"sourcesContent":["import { 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 | null>, 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"],"mappings":";;;AAYA,MAAa,kBAAkB,KAA0C,eAA+B;CAEtG,MAAM,uBAAuB,eAAe,KAAK,qBAAqB,EAAE,YAAY,OAAO,CAAC;AAE5F,iBAAgB;EACd,MAAM,0BAA0B;EAChC,MAAM,mCAAmC;AACzC,MAAI,WACF,uBAAsB,SAAQ,OAAM;GAGlC,MAAM,eAAe,GAAG,aAAa,iCAAiC;AACtE,OAAI,aACF,IAAG,aAAa,yBAAyB,aAAa;OAEtD,IAAG,gBAAgB,wBAAwB;IAE7C;MAEF,uBAAsB,SAAQ,OAAM;AAGlC,OAAI,GAAG,aAAa,wBAAwB,CAC1C,IAAG,aAAa,kCAAkC,GAAG,GAAG,WAAW;AAErE,MAAG,WAAW;IACd;IAEH;EAAC;EAAK;EAAY;EAAqB,CAAC"}

package/lib/useFocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.js","names":[],"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"],"mappings":";;;AAUA,MAAa,gBAAgB,KAAmC,YAAY,SAAe;CACzF,MAAM,uBAAuB,qBAAqB,IAAI;CAEtD,MAAM,uBAAuB,MAA2B;AACtD,MAAI,aAAa,IAAI,WAAW,sBAAsB,UAAU,EAAE,QAAQ,OAAO;GAC/E,MAAM,gBAAgB,yBAAyB,IAAI,QAAQ;GAC3D,MAAM,eAAe,qBAAqB;GAC1C,MAAM,cAAc,qBAAqB,WAAW,IAAI,eAAe,qBAAqB,qBAAqB,SAAS;AAE1H,OAAI,EAAE,YAAY,kBAAkB,cAAc;AAEhD,gBAAY,OAAO;AACnB,MAAE,gBAAgB;cACT,CAAC,EAAE,YAAY,kBAAkB,aAAa;AAEvD,iBAAa,OAAO;AACpB,MAAE,gBAAgB;;;;AAKxB,iBAAgB;AACd,MAAI,SAAS,iBAAiB,WAAW,oBAAoB;AAE7D,eAAmB;AACjB,OAAI,SAAS,oBAAoB,WAAW,oBAAoB;;IAEjE;EAAC;EAAK;EAAW;EAAqB,CAAC;;AAG5C,IAAA,uBAAe"}
+{"version":3,"file":"useFocusTrap.js","names":[],"sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { 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 | null>, 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"],"mappings":";;;AAUA,MAAa,gBAAgB,KAA0C,YAAY,SAAe;CAChG,MAAM,uBAAuB,qBAAqB,IAAI;CAEtD,MAAM,uBAAuB,MAA2B;AACtD,MAAI,aAAa,IAAI,WAAW,sBAAsB,UAAU,EAAE,QAAQ,OAAO;GAC/E,MAAM,gBAAgB,yBAAyB,IAAI,QAAQ;GAC3D,MAAM,eAAe,qBAAqB;GAC1C,MAAM,cAAc,qBAAqB,WAAW,IAAI,eAAe,qBAAqB,qBAAqB,SAAS;AAE1H,OAAI,EAAE,YAAY,kBAAkB,cAAc;AAEhD,gBAAY,OAAO;AACnB,MAAE,gBAAgB;cACT,CAAC,EAAE,YAAY,kBAAkB,aAAa;AAEvD,iBAAa,OAAO;AACpB,MAAE,gBAAgB;;;;AAKxB,iBAAgB;AACd,MAAI,SAAS,iBAAiB,WAAW,oBAAoB;AAE7D,eAAmB;AACjB,OAAI,SAAS,oBAAoB,WAAW,oBAAoB;;IAEjE;EAAC;EAAK;EAAW;EAAqB,CAAC;;AAG5C,IAAA,uBAAe"}

package/lib/useFocusableElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusableElements.js","names":[],"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"],"mappings":";AAGA,MAAa,sBAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,KAAK,IAAI;AAQX,MAAa,wBAAwB,QACnC,eAAe,KAAK,qBAAqB,EAAE,iBAAiB;CAAC;CAAQ;CAAY;CAAQ;CAAY;CAAY;CAAkB,EAAE,CAAC"}
+{"version":3,"file":"useFocusableElements.js","names":[],"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 | null>): NodeListOf<HTMLElement> | undefined =>\n  useElementList(ref, FOCUSABLE_SELECTORS, { attributeFilter: ['href', 'tabindex', 'type', 'disabled', 'controls', 'contenteditable'] });\n"],"mappings":";AAGA,MAAa,sBAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,KAAK,IAAI;AAQX,MAAa,wBAAwB,QACnC,eAAe,KAAK,qBAAqB,EAAE,iBAAiB;CAAC;CAAQ;CAAY;CAAQ;CAAY;CAAY;CAAkB,EAAE,CAAC"}

package/lib/useIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIcons.js","names":["leftIcon: BaseIconElement | null","rightIcon: BaseIconElement | null"],"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"],"mappings":";;;AAMA,MAAa,YAAY,aAA4G;CACnI,IAAIA,WAAmC;CACvC,IAAIC,YAAoC;CAExC,MAAM,aAAa,SAAS;AAC5B,KAAI,YAAuB,YAAY,aAAK,IAAI,YAA2B,YAAY,iBAAS,EAAE;AAChG,aAAW;AACX,WAAS,OAAO;;CAGlB,MAAM,YAAY,SAAS,SAAS,SAAS;AAC7C,KAAI,YAAuB,WAAW,aAAK,IAAI,YAA2B,WAAW,iBAAS,EAAE;AAC9F,cAAY;AACZ,WAAS,KAAK;;CAEhB,MAAM,eAAe,SAAS,QAAO,UAAS,MAAM;AAEpD,QAAO;EAAC;EAAU;EAAW,aAAa,SAAS,IAAI,eAAe;EAAK"}
+{"version":3,"file":"useIcons.js","names":["leftIcon: BaseIconElement | null","rightIcon: BaseIconElement | null"],"sources":["../src/hooks/useIcons.ts"],"sourcesContent":["import type { BaseIconProps, IconProps } from '../components/Icon';\nimport type { LazyIconProps } from '../components/LazyIcon';\n\nimport Icon from '../components/Icon';\nimport LazyIcon 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"],"mappings":";;;AASA,MAAa,YAAY,aAA4G;CACnI,IAAIA,WAAmC;CACvC,IAAIC,YAAoC;CAExC,MAAM,aAAa,SAAS;AAC5B,KAAI,YAAuB,YAAY,aAAK,IAAI,YAA2B,YAAY,iBAAS,EAAE;AAChG,aAAW;AACX,WAAS,OAAO;;CAGlB,MAAM,YAAY,SAAS,SAAS,SAAS;AAC7C,KAAI,YAAuB,WAAW,aAAK,IAAI,YAA2B,WAAW,iBAAS,EAAE;AAC9F,cAAY;AACZ,WAAS,KAAK;;CAEhB,MAAM,eAAe,SAAS,QAAO,UAAS,MAAM;AAEpD,QAAO;EAAC;EAAU;EAAW,aAAa,SAAS,IAAI,eAAe;EAAK"}

package/lib/useIntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.js","names":[],"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"],"mappings":";AAWA,MAAa,2BACX,KACA,UACA,YACS;AACT,iBAAgB;EACd,MAAM,uBAAuB,IAAI,qBAAqB,UAAU,QAAQ;AAExE,MAAI,KAAK,QACP,sBAAqB,QAAQ,IAAI,QAAQ;AAG3C,eAAmB;AACjB,OAAI,KAAK,QACP,sBAAqB,UAAU,IAAI,QAAQ;OAE3C,sBAAqB,YAAY;;IAGpC,CAAC,KAAK,QAAQ,CAAC"}
+{"version":3,"file":"useIntersectionObserver.js","names":[],"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 | null>,\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"],"mappings":";AAWA,MAAa,2BACX,KACA,UACA,YACS;AACT,iBAAgB;EACd,MAAM,uBAAuB,IAAI,qBAAqB,UAAU,QAAQ;AAExE,MAAI,KAAK,QACP,sBAAqB,QAAQ,IAAI,QAAQ;AAG3C,eAAmB;AACjB,OAAI,KAAK,QACP,sBAAqB,UAAU,IAAI,QAAQ;OAE3C,sBAAqB,YAAY;;IAGpC,CAAC,KAAK,QAAQ,CAAC"}

package/lib/useIsVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsVisible.js","names":["handleIntersectChange: IntersectionObserverCallback"],"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"],"mappings":";;AAaA,MAAa,gBACX,KACA,YAAY,GACZ,SACA,UAAU,UACE;CACZ,MAAM,CAAC,WAAW,gBAAgB,SAAS,QAAQ;CAEnD,MAAMA,yBAAsD,YAAW;AACrE,eAAa,cAAc,IAAI,QAAQ,GAAG,sBAAsB,YAAY,QAAQ,GAAG,qBAAqB,UAAU;;AAGxH,yBAAwB,KAAK,uBAAuB;EAAE;EAAW,GAAG;EAAS,CAAC;AAE9E,QAAO"}
+{"version":3,"file":"useIsVisible.js","names":["handleIntersectChange: IntersectionObserverCallback"],"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 | null>,\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"],"mappings":";;AAaA,MAAa,gBACX,KACA,YAAY,GACZ,SACA,UAAU,UACE;CACZ,MAAM,CAAC,WAAW,gBAAgB,SAAS,QAAQ;CAEnD,MAAMA,yBAAsD,YAAW;AACrE,eAAa,cAAc,IAAI,QAAQ,GAAG,sBAAsB,YAAY,QAAQ,GAAG,qBAAqB,UAAU;;AAGxH,yBAAwB,KAAK,uBAAuB;EAAE;EAAW,GAAG;EAAS,CAAC;AAE9E,QAAO"}

package/lib/useKeyboardEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardEvent.js","names":[],"sources":["../src/hooks/useKeyboardEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype KeyboardEvents = {\n  [K in keyof HTMLElementEventMap]: HTMLElementEventMap[K] extends KeyboardEvent ? K : never;\n}[keyof HTMLElementEventMap];\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: KeyboardEvent) => void,\n  key: string | string[],\n  events: KeyboardEvents[] = ['keydown']\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) {\n      return;\n    }\n\n    const handleKeyboardEvent = (event: KeyboardEvent): void => {\n      if (event.key === key || (Array.isArray(key) && key.includes(event.key))) {\n        callback(event);\n      }\n    };\n\n    events.forEach(eventName => element.addEventListener(eventName, handleKeyboardEvent));\n\n    return (): void => {\n      events.forEach(eventName => element.removeEventListener(eventName, handleKeyboardEvent));\n    };\n  }, [ref, callback, events, key]);\n};\n"],"mappings":";AAaA,MAAa,oBACX,KACA,UACA,KACA,SAA2B,CAAC,UAAU,KAC7B;AACT,iBAAgB;EACd,MAAM,UAAU,IAAI;AACpB,MAAI,CAAC,QACH;EAGF,MAAM,uBAAuB,UAA+B;AAC1D,OAAI,MAAM,QAAQ,OAAQ,MAAM,QAAQ,IAAI,IAAI,IAAI,SAAS,MAAM,IAAI,CACrE,UAAS,MAAM;;AAInB,SAAO,SAAQ,cAAa,QAAQ,iBAAiB,WAAW,oBAAoB,CAAC;AAErF,eAAmB;AACjB,UAAO,SAAQ,cAAa,QAAQ,oBAAoB,WAAW,oBAAoB,CAAC;;IAEzF;EAAC;EAAK;EAAU;EAAQ;EAAI,CAAC"}
+{"version":3,"file":"useKeyboardEvent.js","names":[],"sources":["../src/hooks/useKeyboardEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype KeyboardEvents = {\n  [K in keyof HTMLElementEventMap]: HTMLElementEventMap[K] extends KeyboardEvent ? K : never;\n}[keyof HTMLElementEventMap];\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 | null>,\n  callback: (event: KeyboardEvent) => void,\n  key: string | string[],\n  events: KeyboardEvents[] = ['keydown']\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) {\n      return;\n    }\n\n    const handleKeyboardEvent = (event: KeyboardEvent): void => {\n      if (event.key === key || (Array.isArray(key) && key.includes(event.key))) {\n        callback(event);\n      }\n    };\n\n    events.forEach(eventName => element.addEventListener(eventName, handleKeyboardEvent));\n\n    return (): void => {\n      events.forEach(eventName => element.removeEventListener(eventName, handleKeyboardEvent));\n    };\n  }, [ref, callback, events, key]);\n};\n"],"mappings":";AAaA,MAAa,oBACX,KACA,UACA,KACA,SAA2B,CAAC,UAAU,KAC7B;AACT,iBAAgB;EACd,MAAM,UAAU,IAAI;AACpB,MAAI,CAAC,QACH;EAGF,MAAM,uBAAuB,UAA+B;AAC1D,OAAI,MAAM,QAAQ,OAAQ,MAAM,QAAQ,IAAI,IAAI,IAAI,SAAS,MAAM,IAAI,CACrE,UAAS,MAAM;;AAInB,SAAO,SAAQ,cAAa,QAAQ,iBAAiB,WAAW,oBAAoB,CAAC;AAErF,eAAmB;AACjB,UAAO,SAAQ,cAAa,QAAQ,oBAAoB,WAAW,oBAAoB,CAAC;;IAEzF;EAAC;EAAK;EAAU;EAAQ;EAAI,CAAC"}

package/lib/useLanguage.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const LanguageContext = createContext(void 0);
+const useLanguage = (fallbackLanguage) => {
+	const context = useContext(LanguageContext);
+	if (!context) return { language: fallbackLanguage };
+	return context;
+};
+export { useLanguage as n, LanguageContext as t };
+
+//# sourceMappingURL=useLanguage.js.map

package/lib/useLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLanguage.js","names":[],"sources":["../src/hooks/useLanguage.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { LanguageContextType } from '../utils/language';\n\nexport const LanguageContext = createContext<LanguageContextType | undefined>(undefined);\n\n/**\n * Hent nåværende språk fra context\n * @param fallbackLanguage Språk som brukes som fallback dersom hooken brukes utenfor contexten\n * @returns LanguageContext\n */\nexport const useLanguage = <T extends string>(fallbackLanguage: T): LanguageContextType<T> => {\n  const context = useContext(LanguageContext as unknown as React.Context<LanguageContextType<T>>);\n\n  if (!context) {\n    return { language: fallbackLanguage };\n  }\n\n  return context;\n};\n"],"mappings":";AAIA,MAAa,kBAAkB,cAA+C,KAAA,EAAU;AAOxF,MAAa,eAAiC,qBAAgD;CAC5F,MAAM,UAAU,WAAW,gBAAoE;AAE/F,KAAI,CAAC,QACH,QAAO,EAAE,UAAU,kBAAkB;AAGvC,QAAO"}

package/lib/useOutsideEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideEvent.js","names":[],"sources":["../src/hooks/useOutsideEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype OutsideEvents = {\n  [K in keyof DocumentEventMap]: DocumentEventMap[K] extends MouseEvent | FocusEvent ? K : never;\n}[keyof DocumentEventMap];\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: MouseEvent | FocusEvent) => void,\n  events: OutsideEvents[] = ['mousedown']\n): void => {\n  const refArray = Array.isArray(ref) ? ref : [ref];\n\n  const handleOutsideEvent = (event: MouseEvent | FocusEvent): void => {\n    if (refArray.every(r => r.current && !event.composedPath().includes(r.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"],"mappings":";AAYA,MAAa,mBACX,KACA,UACA,SAA0B,CAAC,YAAY,KAC9B;CACT,MAAM,WAAW,MAAM,QAAQ,IAAI,GAAG,MAAM,CAAC,IAAI;CAEjD,MAAM,sBAAsB,UAAyC;AACnE,MAAI,SAAS,OAAM,MAAK,EAAE,WAAW,CAAC,MAAM,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAC7E,UAAS,MAAM;;AAInB,iBAAgB;AACd,SAAO,SAAQ,cAAa,SAAS,iBAAiB,WAAW,mBAAmB,CAAC;AAErF,eAAmB;AACjB,UAAO,SAAQ,cAAa,SAAS,oBAAoB,WAAW,mBAAmB,CAAC;;IAEzF;EAAC;EAAU;EAAU;EAAO,CAAC"}
+{"version":3,"file":"useOutsideEvent.js","names":[],"sources":["../src/hooks/useOutsideEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype OutsideEvents = {\n  [K in keyof DocumentEventMap]: DocumentEventMap[K] extends MouseEvent | FocusEvent ? K : never;\n}[keyof DocumentEventMap];\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 | null> | React.RefObject<HTMLElement | null>[],\n  callback: (event: MouseEvent | FocusEvent) => void,\n  events: OutsideEvents[] = ['mousedown']\n): void => {\n  const refArray = Array.isArray(ref) ? ref : [ref];\n\n  const handleOutsideEvent = (event: MouseEvent | FocusEvent): void => {\n    if (refArray.every(r => r.current && !event.composedPath().includes(r.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"],"mappings":";AAYA,MAAa,mBACX,KACA,UACA,SAA0B,CAAC,YAAY,KAC9B;CACT,MAAM,WAAW,MAAM,QAAQ,IAAI,GAAG,MAAM,CAAC,IAAI;CAEjD,MAAM,sBAAsB,UAAyC;AACnE,MAAI,SAAS,OAAM,MAAK,EAAE,WAAW,CAAC,MAAM,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,CAC7E,UAAS,MAAM;;AAInB,iBAAgB;AACd,SAAO,SAAQ,cAAa,SAAS,iBAAiB,WAAW,mBAAmB,CAAC;AAErF,eAAmB;AACjB,UAAO,SAAQ,cAAa,SAAS,oBAAoB,WAAW,mBAAmB,CAAC;;IAEzF;EAAC;EAAU;EAAU;EAAO,CAAC"}

package/lib/usePrevious.js

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from "react";
 const usePrevious = (value) => {
-	const ref = useRef();
+	const ref = useRef(null);
 	useEffect(() => {
 		ref.current = value;
 	}, [value]);

package/lib/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.js","names":[],"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"],"mappings":";AAOA,MAAa,eAAkB,UAA4B;CACzD,MAAM,MAAM,QAAW;AAEvB,iBAAgB;AACd,MAAI,UAAU;IACb,CAAC,MAAM,CAAC;AAEX,QAAO,IAAI"}
+{"version":3,"file":"usePrevious.js","names":[],"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 | null => {\n  const ref = useRef<T | null>(null);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n};\n"],"mappings":";AAOA,MAAa,eAAkB,UAAuB;CACpD,MAAM,MAAM,OAAiB,KAAK;AAElC,iBAAgB;AACd,MAAI,UAAU;IACb,CAAC,MAAM,CAAC;AAEX,QAAO,IAAI"}