@fremtind/jokul 0.22.0 → 0.22.2

package/build/hooks/useAnimatedHeight/index.d.ts

@@ -0,0 +1,4 @@
+export type { UseAnimatedHeightOptions } from './types';
+export { useAnimatedHeight } from './useAnimatedHeight';
+export { useAnimatedHeightBetween } from './useAnimatedHeightBetween';
+export { useAutoAnimatedHeight, type UseAutoAnimatedHeightOptions } from './useAutoAnimateHeight';

package/build/hooks/useAnimatedHeight/types.d.ts

@@ -0,0 +1,26 @@
+import { RefObject } from 'react';
+import { Easing, Timing } from '../../core';
+export interface UseAnimatedHeightOptions<T extends HTMLElement = HTMLElement> {
+    display?: "block" | "grid" | "flex";
+    /**
+     * Overstyr standard easingfunksjon
+     * @default "standard"
+     */
+    easing?: Easing;
+    /**
+     * Overstyr standard timing
+     * @default "productive"
+     */
+    timing?: Timing;
+    onTransitionStart?: (isOpening: boolean, ref: RefObject<T>) => void;
+    /**
+     * Kalles rett etter at elementet har fått display: block; i stedet for hidden;
+     * Nyttig om du må flytte fokus inn i elementet og ikke vil vente til animasjonen er ferdig.
+     * Her er ikke innholdet _visuelt_ synlig ennå, men det er "synlig" for DOM i den
+     * forstand at det _ikke_ er display: hidden;
+     *
+     * `isOpen` er alltid `true`. Det sendes som første parameter for å ha lik funksjonssignatur som `onTransitionEnd`.
+     */
+    onFirstVisible?: (isOpen: boolean, ref: RefObject<T>) => void;
+    onTransitionEnd?: (isOpen: boolean, ref: RefObject<T>) => void;
+}

package/build/hooks/useAnimatedHeight/useAnimatedHeight.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+import { UseAnimatedHeightOptions } from './types';
+/**
+ * Lar deg animere et element opp til sin maksimale høyde, eller ned til 0.
+ *
+ * @param isOpen Om elementet er åpent eller lukket.
+ * @param options Konfigurer display-property, easing og timing, og eventuelle callbacks for life cycle til animasjonen.
+ * @returns Ref til elementet som skal animeres, og en funksjon for å trigge animasjonen manuelt.
+ */
+export declare function useAnimatedHeight<T extends HTMLElement>(isOpen: boolean, options?: UseAnimatedHeightOptions<T>): [RefObject<T>, () => void];

package/build/hooks/useAnimatedHeight/useAnimatedHeightBetween.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+import { UseAnimatedHeightOptions } from './types';
+/**
+ * Lar deg enklere animere mellom to tilstander, gitt ved å sette `data-expanded` på et element til `true` eller `false`.
+ * Du bestemmer selv hvilke stiler elementet skal ha i de to tilstandene (vha CSS/Sass), og høyden animeres dersom den endrer seg.
+ * @param isExpanded indikerer om elementet skal være utvidet eller ikke
+ * @param options konfigurasjon for animasjonen, og lyttere for når animasjonen starter og slutter
+ * @returns En tuple med referanse til elementet og en funksjon som kan trigge animasjonen
+ */
+export declare function useAnimatedHeightBetween<T extends HTMLElement>(isExpanded: boolean, options?: Omit<UseAnimatedHeightOptions<T>, "display" | "onFirstVisible">): [RefObject<T>, () => void];

package/build/hooks/useAnimatedHeight/useAutoAnimateHeight.d.ts

@@ -0,0 +1,20 @@
+import { RefObject } from 'react';
+import { Easing, Timing } from '../../core';
+export type UseAutoAnimatedHeightOptions<T extends HTMLElement> = {
+    easing?: Easing;
+    /**
+     * Overstyr standard timing
+     * @default "expressive"
+     */
+    timing?: Timing;
+    onTransitionStart?: (ref: RefObject<T>) => void;
+    onTransitionEnd?: (ref: RefObject<T>) => void;
+};
+/**
+ * Gjør det enklere å animere høyden på et element når innholdet endrer seg, men kan brukes på mer generelt grunnlag.
+ * Hooken tar inn en triggerverdi, og når denne endrer seg animeres høyden på elementet dersom den har endret seg.
+ * @param trigger verdien som brukes til å trigge animasjonen. Dersom denne endrer seg animeres høyden på elementet.
+ * @param options konfigurasjon for animasjonen, og lyttere for når animasjonen starter og slutter
+ * @returns en referanse til elementet som skal animeres
+ */
+export declare function useAutoAnimatedHeight<T extends HTMLElement = HTMLElement>(trigger: any, options?: UseAutoAnimatedHeightOptions<T>): RefObject<T>;

package/build/hooks/useAriaLiveRegion/index.d.ts

@@ -0,0 +1 @@
+export { useAriaLiveRegion, type UseAriaLiveRegionOptions } from './useAriaLiveRegion';

package/build/hooks/useAriaLiveRegion/useAriaLiveRegion.d.ts

@@ -0,0 +1,15 @@
+export interface UseAriaLiveRegionOptions {
+    /**
+     * @default "polite"
+     */
+    politeness?: "polite" | "assertive" | "off";
+}
+/**
+ * Hjelper for å bare sette aria-live dersom det har skjedd en endring. Unngår at innholdet annonseres ved sidelasting.
+ * @param watch Verdi som indikerer at det har skjedd en endring. For eksempel en boolean som styrer en loader, eller selve teksten som skal bli lest opp.
+ * @param options Bestem om aria-live skal være polite, assertive eller off.
+ * @returns
+ */
+export declare function useAriaLiveRegion(watch: unknown | unknown[], options?: UseAriaLiveRegionOptions): {
+    "aria-live": "polite" | "assertive" | "off" | undefined;
+};

package/build/hooks/useBrowserPreferences/index.d.ts

@@ -0,0 +1 @@
+export { useBrowserPreferences } from './useBrowserPreferences';

package/build/hooks/useBrowserPreferences/useBrowserPreferences.d.ts

@@ -0,0 +1,12 @@
+import { ColorScheme } from '../../core';
+type BrowserPreferences = {
+    prefersReducedMotion: boolean;
+    prefersColorScheme: ColorScheme;
+    forcedColors: boolean;
+};
+/**
+ * Hook som gir informasjon om brukerens foretrukne konfigurasjon.
+ * @returns Objekt med informasjon om brukerens foretrukne tema (lyst vs mørkt), redusert bevegelse, og høykontrast (forced colors).
+ */
+export declare const useBrowserPreferences: () => BrowserPreferences;
+export {};

package/build/hooks/useClickOutside/index.d.ts

@@ -0,0 +1 @@
+export { useClickOutside } from './useClickOutside';

package/build/hooks/useClickOutside/useClickOutside.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+/**
+ * Hook for å sette opp en lytter ved klikk utenfor et element.
+ * @param ref Elementet du ønsker å sjekke om en klikk er utenfor.
+ * @param fn Callback-funksjon som kalles når det klikkes utenfor elementet.
+ */
+export declare function useClickOutside(ref: RefObject<HTMLElement> | null, fn: () => void): void;

package/build/hooks/useElementDimensions/index.d.ts

@@ -0,0 +1 @@
+export { useElementDimensions, type Dimensions } from './useElementDimensions';

package/build/hooks/useElementDimensions/useElementDimensions.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+export type Dimensions = {
+    height: number;
+    width: number;
+};
+/**
+ * Lar deg måle størrelsen på et element, og oppdatere målene når vinduet endrer størrelse.
+ * @param throttleDelay Antall milisekunder som skal gå mellom hver gang dimensjonene oppdateres.
+ * @returns Ref til elementet som skal måles, og dimensjonene til elementet.
+ */
+export declare function useElementDimensions<T extends HTMLElement>(throttleDelay?: number): [RefObject<T>, Dimensions];

package/build/hooks/useFocusOutside/index.d.ts

@@ -0,0 +1 @@
+export { useFocusOutside } from './useFocusOutside';

package/build/hooks/useFocusOutside/useFocusOutside.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+/**
+ * Hook for å lytte etter fokus utenfor et element. Nyttig dersom flere fokuserbare elementer samspiller i en komponent.
+ * @param ref Elementet som skal observeres
+ * @param fn Funksjon som kalles når fokus flyttes utenfor elementet
+ */
+export declare function useFocusOutside(ref: RefObject<HTMLElement> | null, fn: () => void): void;

package/build/hooks/useId/index.d.ts

@@ -0,0 +1 @@
+export { useId } from './useId';

package/build/hooks/useId/useId.d.ts

@@ -0,0 +1,11 @@
+export interface UseIdOptions {
+    /** @default true */
+    generateSuffix?: boolean;
+}
+/**
+ * Hook som genererer en unik ID.
+ * @param id En valgfri eksisterende ID som kan brukes som prefix.
+ * @param options Objekt med innstillinger, dersom du angir et prefix.
+ * @deprecated Bruk useId fra "react" pakka i stedet
+ */
+export declare const useId: (id?: string, options?: UseIdOptions) => string;

package/build/hooks/useIntersectionObserver/index.d.ts

@@ -0,0 +1 @@
+export { useIntersectionObserver } from './useIntersectionObserver';

package/build/hooks/useIntersectionObserver/useIntersectionObserver.d.ts

@@ -0,0 +1,13 @@
+import { RefObject, MutableRefObject } from 'react';
+type ValidElement = HTMLElement | SVGElement;
+type Target = MutableRefObject<ValidElement> | RefObject<ValidElement> | MutableRefObject<NodeListOf<ValidElement>> | RefObject<NodeListOf<ValidElement>> | NodeListOf<ValidElement>;
+/**
+ * Hook som gjør det enkelt å observere om et element er synlig i viewporten.
+ *
+ * @param target Elementet eller elementene som skal observeres. Du kan sende in en React ref til et HTMLElement eller SVG Element, eller en NodeList av samme type elementer (returneres f.eks. av document.querySelectorAll), eller en React ref med en NodeList av samme type elementer.
+ * @param onIntersect Callback-funksjon som utføres når et av elementene som observeres overlapper angitt mål. Se https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver#parameters for mer info.
+ * @param fallback Funksjon som kalles dersom nettleseren ikke støtter IntersectionOpserver-APIet.
+ * @param options Objekt med innstillinger for oberveren. Se https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver#parameters for mer info.
+ */
+export declare const useIntersectionObserver: (target: Target, onIntersect: IntersectionObserverCallback, fallback?: VoidFunction | null, options?: Partial<IntersectionObserverInit>) => void;
+export {};

package/build/hooks/useKeyListener/index.d.ts

@@ -0,0 +1 @@
+export { useKeyListener } from './useKeyListener';

package/build/hooks/useKeyListener/useKeyListener.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+/**
+ * Lar deg sette opp en tastaturlytter på et element.
+ * @param ref Element som skal observeres
+ * @param keys Taster som skal lyttes på
+ * @param fn Funksjon som kalles når en tastetrykk observeres
+ */
+export declare function useKeyListener(ref: RefObject<HTMLElement> | null, keys: string[] | string | null, fn: (event: KeyboardEvent) => void): void;

package/build/hooks/useListNavigation/index.d.ts

@@ -0,0 +1 @@
+export { useListNavigation } from './useListNavigation';

package/build/hooks/useListNavigation/useListNavigation.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+type UseListNavigationProps<T> = {
+    /** Ref til et element med rollen `listbox` */
+    ref: RefObject<T>;
+};
+export declare function useListNavigation<T extends HTMLElement>({ ref }: UseListNavigationProps<T>): void;
+export {};

package/build/hooks/useLocalStorage/index.d.ts

@@ -0,0 +1 @@
+export { useLocalStorage } from './useLocalStorage';

package/build/hooks/useLocalStorage/useLocalStorage.d.ts

@@ -0,0 +1 @@
+export declare const useLocalStorage: <T>(key: string, defaultValue: T) => [T, (newValue: T) => void];

package/build/hooks/useMutationObserver/index.d.ts

@@ -0,0 +1 @@
+export { useMutationObserver } from './useMutationObserver';

package/build/hooks/useMutationObserver/useMutationObserver.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+/**
+ * Hook som gjør det enklere å sjekke en komponents children for endringer.
+ *
+ * @param targetRef Container som skal observeres. Containeren må ikke rerendres, da vil observereren bli opprettet på nytt.
+ * @param onObservation Callback-funksjon som utføres når en mutasjon observeres.
+ * @param config Parametere til observereren. Se https://developer.mozilla.org/en-US/docs/Web/API/MutationObserverInit#properties for mer info.
+ */
+export declare const useMutationObserver: (targetRef: RefObject<HTMLElement>, onObservation: MutationCallback, config?: Partial<MutationObserverInit>) => void;

package/build/hooks/usePreviousValue/index.d.ts

@@ -0,0 +1 @@
+export { usePreviousValue } from './usePreviousValue';

package/build/hooks/usePreviousValue/usePreviousValue.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Lar deg huske en verdi fra forrige render.
+ * @param value Verdien som skal huskes.
+ * @returns Forrige render av verdien, eller undefined første render.
+ */
+export declare const usePreviousValue: <T>(value: T) => T | undefined;

package/build/hooks/useProgressiveImg/index.d.ts

@@ -0,0 +1 @@
+export { useProgressiveImg, type ProgressiveImageProps } from './useProgressiveImg';

package/build/hooks/useProgressiveImg/useProgressiveImg.d.ts

@@ -0,0 +1,10 @@
+export interface ProgressiveImageProps {
+    lowQualitySrc: string;
+    highQualitySrc: string;
+}
+type ProgressiveImage = {
+    src: string;
+    isBlurred: boolean;
+};
+export declare const useProgressiveImg: ({ lowQualitySrc, highQualitySrc }: ProgressiveImageProps) => ProgressiveImage;
+export {};

package/build/hooks/useScreen/index.d.ts

@@ -0,0 +1,2 @@
+export { useScreen } from './useScreen';
+export { type ScreenState } from './state';

package/build/hooks/useScreen/state.d.ts

@@ -0,0 +1,17 @@
+export interface ScreenState {
+    isSmallDevice: boolean;
+    isMediumDevice: boolean;
+    isLargeDevice: boolean;
+    isXlDevice: boolean;
+    isLandscape: boolean;
+    isPortrait: boolean;
+}
+export declare enum ActionType {
+    orientation = "ORIENTATION_CHANGED",
+    deviceSize = "DEVICE_SIZE_CHANGED"
+}
+export interface ScreenAction {
+    type: ActionType;
+    property: keyof ScreenState;
+}
+export declare const reducer: (state: ScreenState, action: ScreenAction) => ScreenState;

package/build/hooks/useScreen/useScreen.d.ts

@@ -0,0 +1,6 @@
+import { ScreenState } from './state';
+/**
+ * Finn størrelsen og orienteringen til skjermen.
+ * @returns Et objekt med boolean som indikerer om skjermstørrelsen er liten, medium, stor eller ekstra stor, og om skjermen er i portrett- eller landskapsmodus.
+ */
+export declare const useScreen: () => ScreenState;

package/build/hooks/useScrollIntoView/index.d.ts

@@ -0,0 +1 @@
+export { useScrollIntoView, type ScrollIntoViewProps } from './useScrollIntoView';

package/build/hooks/useScrollIntoView/useScrollIntoView.d.ts

@@ -0,0 +1,11 @@
+import { RefObject } from 'react';
+type ValueOf<T> = T[keyof T];
+export interface ScrollIntoViewProps {
+    ref: RefObject<ValueOf<HTMLElementTagNameMap>>;
+    timeout?: number;
+    autoScroll?: boolean;
+    options?: ScrollIntoViewOptions;
+}
+type ScrollFunction = () => void;
+export declare const useScrollIntoView: ({ ref, timeout, autoScroll, options, }: ScrollIntoViewProps) => [ScrollFunction];
+export {};

package/build/hooks/useSwipeGesture/index.d.ts

@@ -0,0 +1 @@
+export { useSwipeGesture, type SwipeChangeHandler } from './useSwipeGesture';

package/build/hooks/useSwipeGesture/useSwipeGesture.d.ts

@@ -0,0 +1,27 @@
+import { MouseEventHandler, PointerEventHandler, MutableRefObject } from 'react';
+export type SwipeChangeHandler<T extends HTMLElement> = (event: React.MouseEvent<T> | React.PointerEvent<T>, pressed: boolean) => void;
+type SwipeGestureOptions<T extends HTMLElement> = {
+    onClick?: MouseEventHandler<T>;
+    onChange?: SwipeChangeHandler<T>;
+    onPointerDown?: PointerEventHandler<T>;
+    onPointerUp?: PointerEventHandler<T>;
+    onPointerMove?: PointerEventHandler<T>;
+    onPointerCancel?: PointerEventHandler<T>;
+};
+/**
+ * Logikk for å håndtere en swipe, for eksempel brukt i toggle switch.
+ *
+ * @param options Callbacks for de ulike stegene i en swipe-gesture
+ * @returns Handlers for de ulike stegene i en swipe-gesture
+ */
+export declare function useSwipeGesture<T extends HTMLElement>(options: SwipeGestureOptions<T>): {
+    swipeHandled: MutableRefObject<"on" | "off" | false>;
+    gestureHandlers: {
+        onClick: MouseEventHandler<T>;
+        onPointerDown: PointerEventHandler<T>;
+        onPointerMove: PointerEventHandler<T>;
+        onPointerUp: PointerEventHandler<T>;
+        onPointerCancel: PointerEventHandler<T>;
+    };
+};
+export {};

package/build/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './core';
+export * from './hooks';
+export * from './utilities';

package/build/utilities/constants/index.d.ts

@@ -0,0 +1,2 @@
+import * as unicode from "./unicode";
+export { unicode };

package/build/utilities/constants/unicode.d.ts

@@ -0,0 +1,13 @@
+export declare const NON_BREAKING_SPACE = "\u00A0";
+export declare const nbsp = "\u00A0";
+export declare const NON_BREAKING_HYPHEN = "\u2011";
+export declare const nbhy = "\u2011";
+export declare const SOFT_HYPHEN = "\u00AD";
+export declare const shy = "\u00AD";
+export declare const COPYRIGHT = "\u00A9";
+export declare const NORTH_EAST_ARROW = "\u2197";
+export declare const LEFTWARDS_ARROW = "\u2190";
+export declare const UPWARDS_ARROW = "\u2191";
+export declare const RIGHTWARDS_ARROW = "\u2192";
+export declare const DOWNWARDS_ARROW = "\u2193";
+export declare const ZERO_WIDTH_SPACE = "\u200B";

package/build/utilities/formatters/avstand/formatAvstand.d.ts

@@ -0,0 +1,23 @@
+import { FormatNumberOptions } from '../util/formatNumber';
+export type LengthUnit = "kilometer" | "meter" | "decimeter" | "centimeter" | "millimeter" | "micrometer" | "nanometer" | "picometer" | "mile" | "yard" | "foot" | "inch" | "point";
+export interface FormatAvstandOptions extends FormatNumberOptions {
+    /**
+     * Lengdeenheten som skal vises for tallet, f.eks. "kilometer" eller "foot".
+     * Hvis du _ikke_ ønsker å vise noen enhet bør du heller bruke `formatNumber` direkte.
+     *
+     * @default "kilometer"
+     */
+    unit?: LengthUnit;
+    /**
+     * Valgfritt suffiks som vises etter lengdeenheten. Ønsker du for eksempel
+     * å vise "km/år" kan du setter "kilometer" som `unit` og "/år" som `suffix`.
+     */
+    suffix?: string;
+}
+/**
+ * Formaterer en avstand med norsk locale på tallverdien.
+ * @param input Verdien som skal formateres
+ * @param options Lengdeenheten som skal vises for tallet, f.eks. "kilometer" eller "foot". Default: "kilometer". Kan også angi en valgfri suffix, f.eks. "/år".
+ * @returns Den formaterte verdien.
+ */
+export declare function formatAvstand(input: string | number, options?: FormatAvstandOptions): string;

package/build/utilities/formatters/bytes/formatBytes.d.ts

@@ -0,0 +1,8 @@
+import { FormatNumberOptions } from '../util/formatNumber';
+/**
+ * Formater et antall bytes som en lesbar verdi med enten KB eller MB som enhet.
+ * @param bytes Antall bytes som skal vises i lesbar form
+ * @param options Innstillinger for formateringen. Se https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options for detaljer.
+ * @returns Den formaterte verdien
+ */
+export declare function formatBytes(bytes: number, options?: FormatNumberOptions): string;

package/build/utilities/formatters/date/formatDate.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Formaterer en dato med "dd.mm.yyyy"-format.
+ * @param date Verdien som skal formateres
+ * @returns Verdien i "dd.mm.yyyy"-format
+ */
+export declare function formatDate(date: Date): string;
+export declare const DATE_REGEX: {
+    full: RegExp;
+    partial: RegExp;
+};
+type FormatDateStringOptions = {
+    partial?: boolean;
+};
+export declare function formatDateString(input: string, options?: FormatDateStringOptions): string;
+export {};

package/build/utilities/formatters/fodselsnummer/formatFodselsnummer.d.ts

@@ -0,0 +1,15 @@
+export declare const FODSELSNUMMER_REGEX: {
+    full: RegExp;
+    partial: RegExp;
+};
+type FormatFodselsnummerOptions = {
+    partial?: boolean;
+};
+/**
+ * Formaterer et fødselsnummer. Delene av fødselsnummeret skilles med non-breaking space.
+ * @param input Verdien som skal formateres
+ * @param options Angi at verdien er et ufullstendig fødselsnummer og likevel skal formateres.
+ * @returns Den formaterte verdien
+ */
+export declare function formatFodselsnummer(input: string, options?: FormatFodselsnummerOptions): string;
+export {};

package/build/utilities/formatters/index.d.ts

@@ -0,0 +1,14 @@
+export type { FormatNumberOptions } from './util/formatNumber';
+export { formatNumber } from './util/formatNumber';
+export { parseNumber } from './util/parseNumber';
+export type { Formatter, RegisterWithMaskOptions } from './util/registerWithMask';
+export { registerWithMasks, registerWithFodselsnummerMask, registerWithKontonummerMask, registerWithKortnummerMask, registerWithTelefonnummerMask, } from './util/registerWithMask';
+export { formatAvstand } from './avstand/formatAvstand';
+export { formatBytes } from './bytes/formatBytes';
+export { formatDate } from './date/formatDate';
+export { FODSELSNUMMER_REGEX, formatFodselsnummer } from './fodselsnummer/formatFodselsnummer';
+export { ORGANISASJONSNUMMER_REGEX, formatOrganisasjonsnummer } from './organisasjonsnummer/formatOrganisasjonsnummer';
+export { KONTONUMMER_REGEX, formatKontonummer } from './kontonummer/formatKontonummer';
+export { KORTNUMMER_REGEX, formatKortnummer } from './kortnummer/formatKortnummer';
+export { TELEFONNUMMER_REGEX, formatTelefonnummer } from './telefonnummer/formatTelefonnummer';
+export { formatValuta } from './valuta/formatValuta';

package/build/utilities/formatters/kontonummer/formatKontonummer.d.ts

@@ -0,0 +1,16 @@
+export declare const KONTONUMMER_REGEX: {
+    full: RegExp;
+    partial: RegExp;
+};
+type FormatKontonummerOptions = {
+    partial?: boolean;
+    separator?: string;
+};
+/**
+ * Formaterer et kontonummer, med eller uten punktum som skilletegn. Default er med non-breaking space.
+ * @param input Verdien som skal formateres
+ * @param options Angi at verdien er et ufullstendig kontonummer og likevel skal formateres.
+ * @returns Den formaterte verdien
+ */
+export declare function formatKontonummer(input: string, options?: FormatKontonummerOptions): string;
+export {};

package/build/utilities/formatters/kortnummer/formatKortnummer.d.ts

@@ -0,0 +1,15 @@
+export declare const KORTNUMMER_REGEX: {
+    full: RegExp;
+    partial: RegExp;
+};
+type FormatKortnummerOptions = {
+    partial?: boolean;
+};
+/**
+ * Formaterer et kortnummer. Delene av kortnummeret skilles med non-breaking space.
+ * @param input Verdien som skal formateres
+ * @param options Angi at verdien er et ufullstendig kortnummer og likevel skal formateres.
+ * @returns Den formaterte verdien
+ */
+export declare function formatKortnummer(input: string, options?: FormatKortnummerOptions): string;
+export {};

package/build/utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.d.ts

@@ -0,0 +1,15 @@
+export declare const ORGANISASJONSNUMMER_REGEX: {
+    full: RegExp;
+    partial: RegExp;
+};
+type FormatOrganisasjonsnummerOptions = {
+    partial?: boolean;
+};
+/**
+ * Formaterer et organisasjonsnummer. Delene av organisasjonsnummeret skilles med non-breaking space.
+ * @param input Verdien som skal formateres
+ * @param options Angi at verdien er et ufullstendig organisasjonsnummer og likevel skal formateres.
+ * @returns Den formaterte verdien
+ */
+export declare function formatOrganisasjonsnummer(input: string, options?: FormatOrganisasjonsnummerOptions): string;
+export {};

package/build/utilities/formatters/telefonnummer/formatTelefonnummer.d.ts

@@ -0,0 +1,18 @@
+export declare const TELEFONNUMMER_REGEX: {
+    mobil: RegExp;
+    fast: RegExp;
+    mobilPartial: RegExp;
+    fastPartial: RegExp;
+};
+type FormatTelefonnummerOptions = {
+    partial?: boolean;
+    countryCode?: string;
+};
+/**
+ * Formaterer et telefonnummer etter språkrådets anbefalinger. Delene av telefonnummeret skilles med non-breaking space.
+ * @param input Verdien som skal formateres
+ * @param options Inkluder en valgfri landkode, eller angi at verdien er et ufullstendig telefonnummer og likevel skal formateres.
+ * @returns Den formatererte verdien
+ */
+export declare function formatTelefonnummer(input: string, options?: FormatTelefonnummerOptions): string;
+export {};

package/build/utilities/formatters/util/formatNumber.d.ts

@@ -0,0 +1,14 @@
+export interface FormatNumberOptions extends Intl.NumberFormatOptions {
+    /**
+     * Hvilken lokalisasjon tallet skal formateres med
+     * @default "no-NB"
+     */
+    locale?: string;
+}
+/**
+ * Formaterer et tall med norsk locale.
+ * @param input Verdien som skal formateres
+ * @param options Innstillinger for formateringen. Se https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#options for detaljer.
+ * @returns Den formatererte verdien
+ */
+export declare function formatNumber(input: string | number, options?: FormatNumberOptions): string;

package/build/utilities/formatters/util/parseNumber.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Parser en formatert string til et Number.
+ * @param input Kandidaten som skal parses til et tall
+ * @returns Verdien som et Number
+ */
+export declare function parseNumber(input: string | number): number;

package/build/utilities/formatters/util/registerWithMask.d.ts

@@ -0,0 +1,42 @@
+import { FieldValues, Path, RegisterOptions, UseFormRegisterReturn, UseFormReturn } from 'react-hook-form';
+import { formatDateString } from '../date/formatDate';
+import { formatFodselsnummer } from '../fodselsnummer/formatFodselsnummer';
+import { formatKontonummer } from '../kontonummer/formatKontonummer';
+import { formatKortnummer } from '../kortnummer/formatKortnummer';
+import { formatOrganisasjonsnummer } from '../organisasjonsnummer/formatOrganisasjonsnummer';
+import { formatTelefonnummer } from '../telefonnummer/formatTelefonnummer';
+import { formatNumber } from './formatNumber';
+declare const formatters: {
+    date: typeof formatDateString;
+    fodselsnummer: typeof formatFodselsnummer;
+    kortnummer: typeof formatKortnummer;
+    kontonummer: typeof formatKontonummer;
+    telefonnummer: typeof formatTelefonnummer;
+    number: typeof formatNumber;
+    organisasjonsnummer: typeof formatOrganisasjonsnummer;
+};
+export type Formatter = keyof typeof formatters;
+export type RegisterWithMaskOptions<T extends FieldValues> = Omit<RegisterOptions<T>, "setValueAs">;
+/** @deprecated Bruk `registerWithMasks` i stedet */
+export declare const registerWithFodselsnummerMask: <T extends FieldValues>(form: UseFormReturn<T>, name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn<Path<T>> & Record<string, unknown>;
+/** @deprecated Bruk `registerWithMasks` i stedet */
+export declare const registerWithKortnummerMask: <T extends FieldValues>(form: UseFormReturn<T>, name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn<Path<T>> & Record<string, unknown>;
+/** @deprecated Bruk `registerWithMasks` i stedet */
+export declare const registerWithKontonummerMask: <T extends FieldValues>(form: UseFormReturn<T>, name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn<Path<T>> & Record<string, unknown>;
+/** @deprecated Bruk `registerWithMasks` i stedet */
+export declare const registerWithTelefonnummerMask: <T extends FieldValues>(form: UseFormReturn<T>, name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn<Path<T>> & Record<string, unknown>;
+/**
+ * Hjelpefunksjon for React Hook Form som lar deg bruke formateringsfunksjonene i denne pakken som inputmasker.
+ */
+export declare const registerWithMasks: <T extends FieldValues>(form: UseFormReturn<T>) => {
+    registerWithFodselsnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithKortnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithKontonummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithTelefonnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithOrganisasjonsnummerMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithDateMask: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn;
+    registerWithNumber: (name: Path<T>, options?: RegisterWithMaskOptions<T> | undefined) => UseFormRegisterReturn & {
+        align: "right";
+    };
+};
+export {};

package/build/utilities/formatters/valuta/formatValuta.d.ts

@@ -0,0 +1,18 @@
+import { FormatNumberOptions } from '../util/formatNumber';
+interface FormatValutaOptions extends FormatNumberOptions {
+    prefix?: string;
+    /**
+     * For å fjerne suffix, send inn en tom streng
+     * @default "kr"
+     */
+    suffix?: string;
+}
+/**
+ * Formaterer et gitt tall som valuta. Som standard vises suffikset "kr" og tallet formateres med norsk lokalisasjon
+ *
+ * @param input Tallet som skal formateres til valuta
+ * @param options Valgene fra formatNumber, pluss valg for prefix og suffix
+ * @returns Formatert beløp
+ */
+export declare function formatValuta(input: string | number, options?: FormatValutaOptions): string;
+export {};

package/build/utilities/getThemeAndDensity.d.ts

@@ -0,0 +1,4 @@
+export declare const getThemeAndDensity: (element: Element | undefined) => {
+    theme?: string | undefined;
+    density?: string | undefined;
+};

package/build/utilities/index.d.ts

@@ -0,0 +1,7 @@
+export * from './constants';
+export * from './formatters';
+export * from './getThemeAndDensity';
+export * from './polymorphism';
+export * from './validators';
+export * from './tabListener';
+export * from './valuePair';