@fremtind/jokul 0.12.1 → 0.13.0

package/build/components/table/TableHeader.d.ts

@@ -0,0 +1,22 @@
+import { default as React, ThHTMLAttributes } from 'react';
+import { Density } from '../..';
+import { TableSortProps } from './utils';
+export type TableSortDirection = "asc" | "desc";
+export interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    bold?: boolean;
+    density?: Density;
+    /**
+     * Velg mellom venstrejustering og høyrejustering av innholdet. Typisk skal header følge innholdet i radene.
+     * @default "left"
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * Si om headeren gjelder for en kolonne eller en rad
+     * @default "col"
+     */
+    scope?: "col" | "row";
+    srOnly?: boolean;
+    sortable?: TableSortProps;
+}
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
+export { TableHeader };

package/build/components/table/TablePagination.d.ts

@@ -0,0 +1,43 @@
+import { default as React, ChangeEventHandler } from 'react';
+import { Density } from '../..';
+export interface TablePaginationProps {
+    className?: string;
+    id?: string;
+    density?: Density;
+    /**
+     * @default 0
+     */
+    activePage?: number;
+    /**
+     * Null eller negativt tall tolkes som "vis alle".
+     */
+    rowsPerPage: number;
+    rowsPerPageItems: Array<number | {
+        label: string;
+        value: number;
+    }>;
+    totalNumberOfRows: number;
+    /**
+     * Viser et valgfritt inputfelt for å hoppe raskt til en spesifik side.
+     * Du kan også sende inn en custom label hvis du ønsker det, ellers bruke
+     * true for default label
+     * @default false
+     */
+    withGoToPage?: boolean | {
+        gotoLabel: string;
+    };
+    onChange: (e: React.SyntheticEvent, toPage: number, fromPage: number) => void;
+    onChangeRowsPerPage: ChangeEventHandler<HTMLSelectElement>;
+    /**
+     * Dersom du ønsker å ha custom labels kan du sende inn disse. "rowsPerPage"
+     * vises alltid på skjerm mens "next" og "previous" brukes som hint til
+     * skjermlesere for ikon-knappene til Neste/Forrige side
+     * @default { rowsPerPage: "Rader per side", previous: "Forrige", next: "Neste" }
+     */
+    labels?: {
+        rowsPerPage: string;
+        previous: string;
+        next: string;
+    };
+}
+export declare const TablePagination: React.ForwardRefExoticComponent<TablePaginationProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/table/TableRow.d.ts

@@ -0,0 +1,15 @@
+import { default as React, HTMLAttributes } from 'react';
+export interface ClickableRowProps {
+    markClickedRows?: boolean;
+    /** Lar deg kontrollere radens tilstand untenfra */
+    isClicked?: boolean;
+    onClick: (e: React.MouseEvent<HTMLTableRowElement, MouseEvent> | React.KeyboardEvent<HTMLTableRowElement>) => void;
+}
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    /**
+     * Gir raden interaktivitet og en click-handler.
+     */
+    clickable?: ClickableRowProps;
+}
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+export { TableRow };

package/build/components/table/index.d.ts

@@ -0,0 +1,34 @@
+export { DataTable } from './DataTable';
+export { Table } from './Table';
+export { TableBody } from './TableBody';
+export { TableCaption } from './TableCaption';
+export { TableCell } from './TableCell';
+export { TableColumn } from './TableColumn';
+export { TableColumnGroup } from './TableColumnGroup';
+export { useTableContext, TableContextProvider } from './tableContext';
+export { useTableSectionContext, TableSectionContextProvider } from './tableSectionContext';
+export { TableFooter } from './TableFooter';
+export { TableHead } from './TableHead';
+export { TableHeader } from './TableHeader';
+export { TablePagination } from './TablePagination';
+export { TableRow } from './TableRow';
+export { ExpandableTableRow } from './ExpandableTableRow';
+export { ExpandableTableRowController } from './ExpandableTableRowController';
+export { useSortableTableHeader } from './utils';
+export type { DataTableProps } from './DataTable';
+export type { TableProps } from './Table';
+export type { TableBodyProps } from './TableBody';
+export type { TableCaptionProps } from './TableCaption';
+export type { TableCellProps } from './TableCell';
+export type { TableColumnProps } from './TableColumn';
+export type { TableColumnGroupProps } from './TableColumnGroup';
+export type { TableContextProviderProps } from './tableContext';
+export type { TableSectionContextProviderProps } from './tableSectionContext';
+export type { TableFooterProps } from './TableFooter';
+export type { TableHeadProps } from './TableHead';
+export type { TableHeaderProps, TableSortDirection } from './TableHeader';
+export type { TablePaginationProps } from './TablePagination';
+export type { TableRowProps } from './TableRow';
+export type { ExpandableTableRowProps } from './ExpandableTableRow';
+export type { ExpandableTableRowControllerProps } from './ExpandableTableRowController';
+export type { TableSortProps } from './utils';

package/build/components/table/tableContext.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Density, WithChildren } from '../..';
+type TableContext = {
+    density?: Density;
+    collapseToList: boolean;
+};
+export declare const useTableContext: () => TableContext;
+export interface TableContextProviderProps extends WithChildren {
+    state: TableContext;
+}
+export declare const TableContextProvider: React.FC<TableContextProviderProps>;
+export {};

package/build/components/table/tableSectionContext.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { WithChildren } from '../..';
+type TableSectionContext = {
+    isTableHead: boolean;
+    isTableBody: boolean;
+    isTableFooter: boolean;
+};
+export declare const useTableSectionContext: () => TableSectionContext;
+export interface TableSectionContextProviderProps extends WithChildren {
+    state: TableSectionContext;
+}
+export declare const TableSectionContextProvider: React.FC<TableSectionContextProviderProps>;
+export {};

package/build/components/table/utils.d.ts

@@ -0,0 +1,10 @@
+import { TableSortDirection } from './TableHeader';
+export type TableSortProps = ReturnType<ReturnType<typeof useSortableTableHeader>["getSortProps"]>["sortable"];
+export declare const useSortableTableHeader: (activeSortKey: string, activeSortDirection: TableSortDirection, onChange: (newSortKey: string, newSortDirection: TableSortDirection) => void) => {
+    getSortProps: (sortKey: string) => {
+        sortable: {
+            onClick: () => void;
+            direction: TableSortDirection | undefined;
+        };
+    };
+};

package/build/components/tabs/NavTab.d.ts

@@ -0,0 +1,25 @@
+import { default as React, ElementType, AnchorHTMLAttributes } from 'react';
+export interface NavTabProps<T extends object = Record<string, unknown>> extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Sett til true for den nåværende fanen. False på resten. */
+    "aria-selected": boolean;
+    className?: string;
+    id?: string;
+    /**
+     * Overstyr hvilken komponent som skal brukes, for eksempel hvis du har en Link-komponent fra en router.
+     * @default "a"
+     */
+    component?: ElementType;
+    /** Send inn custom props til `component`. Nyttig om routeren din har noe fancy custom greier. */
+    componentProps?: T;
+    /** Vanlig alternativ til `href` i routere. */
+    to?: string;
+    href?: string;
+    /**
+     * Hook for å kunne stoppe default oppførsel ved tastaturnavigasjon.
+     *
+     * Om default oppførsel ikke fungerer for deg og du mister tastaturfokus etter
+     * navigasjon kan du returnere `false` her og sørge for korrekt oppførsel selv.
+     */
+    onBeforeKeyboardNavigation?: (from: HTMLAnchorElement, to: HTMLAnchorElement) => boolean | void;
+}
+export declare const NavTab: React.ForwardRefExoticComponent<NavTabProps<Record<string, unknown>> & React.RefAttributes<HTMLAnchorElement>>;

package/build/components/tabs/NavTabs.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Density, WithChildren } from '../..';
+export interface NavTabsProps extends WithChildren {
+    "aria-label"?: string;
+    className?: string;
+    density?: Density;
+    id?: string;
+}
+export declare const NavTabs: ({ "aria-label": ariaLabel, children, className, density, ...rest }: NavTabsProps) => React.JSX.Element;

package/build/components/tabs/Tab.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { WithChildren } from '../..';
+export interface TabProps extends WithChildren {
+    className?: string;
+}
+/**
+ * En Tab til bruk som element i TabList. Ikke funksjonell utenfor et TabList element.
+ *
+ * Docs: https://jokul.fremtind.no/komponenter/tabs
+ */
+export declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement>>;

package/build/components/tabs/TabList.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { WithChildren } from '../..';
+export interface TabListProps extends WithChildren {
+    "aria-label"?: string;
+    className?: string;
+}
+export interface InjectedProps {
+    activeIndex: number;
+    setActiveIndex: React.Dispatch<React.SetStateAction<number>>;
+    tabIDs: string[];
+    tabPanelIDs: string[];
+}
+/**
+ * Konteiner for elementer av typen Tab. Ikke funksjonell utenfor et Tabs element.
+ *
+ * Docs: https://jokul.fremtind.no/komponenter/tabs
+ */
+export declare const TabList: ({ children, className, ...injected }: TabListProps) => React.JSX.Element;

package/build/components/tabs/TabPanel.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { WithChildren } from '../..';
+export interface TabPanelProps extends WithChildren {
+    className?: string;
+}
+/**
+ * Konteiner for innhold i et tabbet brukergrensesnitt. Ikke funksjonell utenfor et Tabs element.
+ *
+ * Docs: https://jokul.fremtind.no/komponenter/tabs
+ */
+export declare const TabPanel: ({ children, ...props }: TabPanelProps) => React.JSX.Element;

package/build/components/tabs/Tabs.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { Density, WithChildren } from '../..';
+export interface TabsProps extends WithChildren {
+    className?: string;
+    density?: Density;
+    onChange?: (tabIndex: number) => void;
+    defaultTab?: number;
+}
+/**
+ * Konteiner for et grensesnitt hvor man kan tabbe mellom innhold.
+ * Må inneholde en TabList etterfulgt av en eller flere TabPanel.
+ *
+ * Docs: https://jokul.fremtind.no/komponenter/tabs
+ */
+export declare const Tabs: ({ onChange, defaultTab, density, ...props }: TabsProps) => React.JSX.Element;

package/build/components/tabs/index.d.ts

@@ -0,0 +1,6 @@
+export * from './NavTab';
+export * from './NavTabs';
+export * from './Tabs';
+export * from './TabList';
+export * from './Tab';
+export * from './TabPanel';

package/build/components/tabs/tabsContext.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Density, WithChildren } from '../..';
+type TabsContext = {
+    density?: Density;
+};
+export declare const useTabsContext: () => TabsContext;
+interface Props extends WithChildren {
+    state: TabsContext;
+}
+export declare const TabsContextProvider: React.FC<Props>;
+export {};

package/build/components/toast/Toast.d.ts

@@ -0,0 +1,11 @@
+import { AriaToastProps } from '@react-aria/toast';
+import { QueuedToast, ToastState } from '@react-stately/toast';
+import { default as React } from 'react';
+import { ToastContent, ToastOptions } from './types';
+interface ToastProps<T extends ToastContent> extends AriaToastProps<T> {
+    className?: string;
+    state: ToastState<T>;
+    toast: QueuedToast<T> & ToastOptions;
+}
+export declare function Toast<T extends ToastContent>({ className, state, ...props }: ToastProps<T>): React.JSX.Element;
+export {};

package/build/components/toast/ToastRegion.d.ts

@@ -0,0 +1,7 @@
+import { ToastQueue } from '@react-stately/toast';
+import { default as React } from 'react';
+import { ToastContent } from './types';
+export declare function ToastRegion({ queue, placement }: {
+    queue: ToastQueue<ToastContent>;
+    placement: "center" | "left";
+}): React.ReactPortal | null;

package/build/components/toast/index.d.ts

@@ -0,0 +1,2 @@
+export { ToastProvider, useToast } from './toastContext';
+export { type ToastContent } from './types';

package/build/components/toast/toastContext.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { WithChildren } from '../..';
+import { ToastContent, ToastOptions } from './types';
+interface ToastContextProviderProps extends WithChildren {
+    maxVisibleToasts?: number;
+    /**
+     * @default "center"
+     */
+    placement?: "center" | "left";
+}
+type ToastContext = {
+    add: (toast: ToastContent, options?: ToastOptions) => string;
+};
+export declare const useToast: () => ToastContext;
+export declare const ToastProvider: FC<ToastContextProviderProps>;
+export {};

package/build/components/toast/types.d.ts

@@ -0,0 +1,10 @@
+import { ToastOptions as StatelyToastOptions } from '@react-stately/toast';
+import { ReactNode } from 'react';
+export type ToastContent = {
+    content: ReactNode;
+    title?: string;
+} | string;
+export type ToastOptions = Omit<StatelyToastOptions, "timeout"> & {
+    variant?: "info" | "success" | "warning" | "error";
+    timeout?: number | null | "off";
+};

package/build/components/toggle-switch/ToggleSlider.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { Density, WithChildren } from '../..';
+interface Props extends WithChildren {
+    labels: [string, string];
+    onToggle: (value: string) => void;
+    defaultValue?: string;
+    className?: string;
+    hideLegend?: boolean;
+    density?: Density;
+}
+export declare const ToggleSlider: FC<Props>;
+export {};

package/build/components/toggle-switch/ToggleSwitch.d.ts

@@ -0,0 +1,32 @@
+import { default as React, ButtonHTMLAttributes } from 'react';
+import { Density } from '../..';
+import { SwipeChangeHandler } from '../../hooks';
+export type ToggleChangeHandler<T extends HTMLElement> = SwipeChangeHandler<T>;
+export type ToggleProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
+    density?: Density;
+    /**
+     * Handler for å håndtere toggling av knappen. Tar inn en boolean som indikerer om knappen er er togglet på
+     * eller ikke, samt en MouseEvent eller en PointerEvent avhengig av om togglingen skjedde via klikk eller swipe.
+     * @example
+     * ```js
+     * function handleChange(event, pressed) {
+     *    console.log(`ToggleSwitch er ${pressed ? "på" : "av"}`);
+     * }
+     * ```
+     */
+    onChange?: ToggleChangeHandler<HTMLButtonElement>;
+};
+export declare const ToggleSwitch: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
+    density?: Density | undefined;
+    /**
+     * Handler for å håndtere toggling av knappen. Tar inn en boolean som indikerer om knappen er er togglet på
+     * eller ikke, samt en MouseEvent eller en PointerEvent avhengig av om togglingen skjedde via klikk eller swipe.
+     * @example
+     * ```js
+     * function handleChange(event, pressed) {
+     *    console.log(`ToggleSwitch er ${pressed ? "på" : "av"}`);
+     * }
+     * ```
+     */
+    onChange?: ToggleChangeHandler<HTMLButtonElement> | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/build/components/toggle-switch/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleSwitch, type ToggleChangeHandler } from './ToggleSwitch';
+export { ToggleSlider } from './ToggleSlider';

package/build/components/toggle-switch/usePillStyles.d.ts

@@ -0,0 +1,5 @@
+import { RefObject } from 'react';
+export declare const usePillStyles: (ref: RefObject<HTMLLabelElement>, shouldTransform: boolean, dependencies: unknown[]) => {
+    width: number;
+    transform: string;
+};

package/build/es/components/description-list/DescriptionList.js

@@ -0,0 +1,2 @@
+import{jsx as s}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";const e=({children:e,className:c,...l})=>s("dl",{...l,className:i("jkl-description-list",c),children:e}),c=({children:e,className:c,...l})=>s("dt",{...l,className:i("jkl-description-list__term",c),children:e}),l=({children:e,className:c,...l})=>s("dd",{...l,className:i("jkl-description-list__detail",c),children:e});export{l as DescriptionDetail,e as DescriptionList,c as DescriptionTerm};
+//# sourceMappingURL=DescriptionList.js.map

package/build/es/components/description-list/DescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.js","sources":["../../../../src/components/description-list/DescriptionList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { WithChildren } from \"../..\";\n\nexport interface DescriptionListProps extends WithChildren {\n    className?: string;\n}\n\nexport const DescriptionList: FC<DescriptionListProps> = ({ children, className, ...rest }) => {\n    return (\n        <dl {...rest} className={clsx(\"jkl-description-list\", className)}>\n            {children}\n        </dl>\n    );\n};\n\nexport interface DescriptionTermProps extends WithChildren {\n    className?: string;\n}\n\nexport const DescriptionTerm: FC<DescriptionTermProps> = ({ children, className, ...rest }) => {\n    return (\n        <dt {...rest} className={clsx(\"jkl-description-list__term\", className)}>\n            {children}\n        </dt>\n    );\n};\n\nexport interface DescriptionDetailProps extends WithChildren {\n    className?: string;\n}\n\nexport const DescriptionDetail: FC<DescriptionDetailProps> = ({ children, className, ...rest }) => {\n    return (\n        <dd {...rest} className={clsx(\"jkl-description-list__detail\", className)}>\n            {children}\n        </dd>\n    );\n};\n"],"names":["DescriptionList","children","className","rest","jsx","clsx","DescriptionTerm","DescriptionDetail"],"mappings":"sFAQO,MAAMA,EAA4C,EAAGC,SAAAA,EAAUC,UAAAA,KAAcC,KAE5EC,EAAC,SAAOD,EAAMD,UAAWG,EAAK,uBAAwBH,GACjDD,SAAAA,IASAK,EAA4C,EAAGL,SAAAA,EAAUC,UAAAA,KAAcC,KAE5EC,EAAC,SAAOD,EAAMD,UAAWG,EAAK,6BAA8BH,GACvDD,SAAAA,IASAM,EAAgD,EAAGN,SAAAA,EAAUC,UAAAA,KAAcC,KAEhFC,EAAC,SAAOD,EAAMD,UAAWG,EAAK,+BAAgCH,GACzDD,SAAAA"}

package/build/es/components/description-list/index.js

@@ -0,0 +1,2 @@
+import{DescriptionDetail as i,DescriptionList as s,DescriptionTerm as t}from"./DescriptionList.js";export{i as DescriptionDetail,s as DescriptionList,t as DescriptionTerm};
+//# sourceMappingURL=index.js.map

package/build/es/components/description-list/index.js.map

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

package/build/es/components/expander/ExpandSection.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import{useState as a,useEffect as n}from"react";import{useAnimatedDetails as i}from"../../hooks/useAnimatedDetails/useAnimatedDetails.js";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import{E as o}from"../../../ExpandableTableRow-BJSqC_Jo.js";const r=({children:r,className:d,expandButtonProps:c,isExpanded:m=!1,density:l,onClick:p,title:u,useAnimatedHeightOptions:x,...f})=>{const[j,k]=a(m);n((()=>{k(m)}),[m]);const{detailsRef:h,summaryRef:E,contentRef:_,onSummaryClick:y}=i({onOpenChange:(e,s)=>{k(e),p&&p(s,e)},isExpanded:m});return e("details",{"data-testid":"jkl-expand-section",className:t("jkl-expand-section",d),...f,ref:h,children:[s(o,{as:"summary",...c,density:l,isExpanded:j,onClick:y,ref:E,children:u}),s("div",{"data-testid":"jkl-expand-section__content-wrapper",className:"jkl-expand-section__content-wrapper",ref:_,children:s("div",{className:"jkl-expand-section__content",children:r})})]})};export{r as ExpandSection};
+//# sourceMappingURL=ExpandSection.js.map

package/build/es/components/expander/ExpandSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandSection.js","sources":["../../../../src/components/expander/ExpandSection.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { Density } from \"../..\";\nimport { UseAnimatedHeightOptions, useAnimatedDetails } from \"../../hooks\";\nimport type { ExpanderProps } from \"./Expander\";\nimport { Expander } from \"./Expander\";\n\nexport interface ExpandSectionProps {\n    /**\n     * Innholdet som skal kunne ekspanderes og skjules.\n     * Om du ikke trenger at komponenten tar seg av visning og skjuling av\n     * innholdet skal du bruke `ExpandButton` direkte. Det sparer deg for\n     * å laste inn unødvendige avhengigheter.\n     */\n    children: ReactNode;\n    title: string;\n    className?: string;\n    density?: Density;\n    onClick?: (e: React.MouseEvent<HTMLElement>, isExpanded: boolean) => void;\n    expandButtonProps?: Omit<ExpanderProps, \"id\" | \"isExpanded\" | \"onClick\" | \"hideLabel\">;\n    useAnimatedHeightOptions?: UseAnimatedHeightOptions;\n    /** Om du ønsker å styre komponenten utenfra */\n    isExpanded?: boolean;\n}\n\nexport const ExpandSection = ({\n    children,\n    className,\n    expandButtonProps,\n    isExpanded = false,\n    density,\n    onClick,\n    title,\n    useAnimatedHeightOptions,\n    ...rest\n}: ExpandSectionProps): JSX.Element => {\n    const [expanded, setIsExpanded] = useState(isExpanded);\n\n    useEffect(() => {\n        setIsExpanded(isExpanded);\n    }, [isExpanded]);\n\n    const { detailsRef, summaryRef, contentRef, onSummaryClick } = useAnimatedDetails({\n        onOpenChange: (open, e) => {\n            setIsExpanded(open);\n            if (onClick) {\n                onClick(e, open);\n            }\n        },\n        isExpanded,\n    });\n\n    return (\n        <details\n            data-testid={\"jkl-expand-section\"}\n            className={clsx(\"jkl-expand-section\", className)}\n            {...rest}\n            ref={detailsRef}\n        >\n            <Expander\n                as={\"summary\"}\n                {...expandButtonProps}\n                density={density}\n                isExpanded={expanded}\n                onClick={onSummaryClick}\n                ref={summaryRef}\n            >\n                {title}\n            </Expander>\n            <div\n                data-testid=\"jkl-expand-section__content-wrapper\"\n                className=\"jkl-expand-section__content-wrapper\"\n                ref={contentRef}\n            >\n                <div className=\"jkl-expand-section__content\">{children}</div>\n            </div>\n        </details>\n    );\n};\n"],"names":["ExpandSection","children","className","expandButtonProps","isExpanded","density","onClick","title","useAnimatedHeightOptions","rest","expanded","setIsExpanded","useState","useEffect","detailsRef","summaryRef","contentRef","onSummaryClick","useAnimatedDetails","onOpenChange","open","e","jsxs","clsx","ref","jsx","Expander","as"],"mappings":"oXAyBO,MAAMA,EAAgB,EACzBC,SAAAA,EACAC,UAAAA,EACAC,kBAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,yBAAAA,KACGC,MAEH,MAAOC,EAAUC,GAAiBC,EAASR,GAE3CS,GAAU,KACNF,EAAcP,EAAU,GACzB,CAACA,IAEE,MAAEU,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GAAmBC,EAAmB,CAC9EC,aAAc,CAACC,EAAMC,KACjBV,EAAcS,GACVd,GACAA,EAAQe,EAAGD,EAAI,EAGvBhB,WAAAA,IAIA,OAAAkB,EAAC,UAAA,CACG,cAAa,qBACbpB,UAAWqB,EAAK,qBAAsBrB,MAClCO,EACJe,IAAKV,EAELb,SAAA,CAAAwB,EAACC,EAAA,CACGC,GAAI,aACAxB,EACJE,QAAAA,EACAD,WAAYM,EACZJ,QAASW,EACTO,IAAKT,EAEJd,SAAAM,IAELkB,EAAC,MAAA,CACG,cAAY,sCACZvB,UAAU,sCACVsB,IAAKR,EAELf,SAACwB,EAAA,MAAA,CAAIvB,UAAU,8BAA+BD,SAAAA,QAClD"}

package/build/es/components/expander/Expander.js

@@ -0,0 +1,2 @@
+import"react/jsx-runtime";import"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import"../../hooks/useId/useId.js";import"../icon/Icon.js";import"../icon/icons/animated/ArrowVerticalAnimated.js";import"../icon/icons/animated/ArrowHorizontalAnimated.js";import"../icon/icons/animated/PlusRemoveAnimated.js";import"../icon/icons/ArrowDownIcon.js";import"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.js";import"../icon/icons/ArrowRightIcon.js";import"../icon/icons/ArrowUpIcon.js";import"../icon/icons/CalendarIcon.js";import"../icon/icons/CheckIcon.js";import"../icon/icons/ChevronDownIcon.js";import"../icon/icons/ChevronLeftIcon.js";import"../icon/icons/ChevronRightIcon.js";import"../icon/icons/ChevronUpIcon.js";import"../icon/icons/CloseIcon.js";import"../icon/icons/CopyIcon.js";import"../icon/icons/DotsIcon.js";import"../icon/icons/DragIcon.js";import"../icon/icons/ErrorIcon.js";import"../icon/icons/GreenCheckIcon.js";import"../icon/icons/HamburgerIcon.js";import"../icon/icons/InfoIcon.js";import"../icon/icons/LinkIcon.js";import"../icon/icons/PlusIcon.js";import"../icon/icons/QuestionIcon.js";import"../icon/icons/RedCrossIcon.js";import"../icon/icons/SearchIcon.js";import"../icon/icons/SuccessIcon.js";import"../icon/icons/WarningIcon.js";import"../icon/icons/MinusIcon.js";import"../icon/icons/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/PenIcon.js";import"../button/Button.js";import"../card/Card.js";import"../card/CardImage.js";import"../card/NavCard.js";import"../checkbox/Checkbox.js";import"../combobox/Combobox.js";import"../cookie-consent/CookieConsentContext.js";import"react-dom";import"../modal/Modal.js";import"react-a11y-dialog";import"../list/List.js";import"../list/ListItem.js";import"../datepicker/DatePicker.js";import"../feedback/feedbackContext.js";import"../message/Message.js";import"../message/FormErrorMessage.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipContent.js";import"../tooltip/TooltipTrigger.js";import"../input-group/InputGroup.js";import"../feedback/followup/followupContext.js";import"../feedback/main-question/mainQuestionContext.js";import"../radio-button/RadioButton.js";import"../radio-button/radioGroupContext.js";import"../radio-button/BaseRadioButton.js";import"../text-input/BaseTextArea.js";import"../text-input/BaseTextInput.js";import"../text-input/TextArea.js";import"../text-input/TextInput.js";import"../../utilities/polymorphism/SlotComponent.js";import{E as o}from"../../../ExpandableTableRow-BJSqC_Jo.js";import"../icon-button/IconButton.js";import"../link/Link.js";import"../link/NavLink.js";import"../link-list/LinkList.js";import"../logo/text-paths/ForsikringLevertAvFremtind.js";import"../logo/text-paths/FraSB1ogDNB.js";import"../logo/text-paths/InnovasjonFraFremtind.js";import"../logo/text-paths/TeknologiFraFremtind.js";import"../logo/text-paths/VartEgetForsikringsselskap.js";import"../logo/text-paths/VartForsikringsselskap.js";import"../popover/Popover.js";import"../system-message/SystemMessage.js";import"../table/DataTable.js";import"../table/Table.js";import"../table/TableBody.js";import"../table/TableCaption.js";import"../table/TableCell.js";import"../table/TableColumn.js";import"../table/TableColumnGroup.js";import"../table/tableContext.js";import"../table/tableSectionContext.js";import"../table/TableFooter.js";import"../table/TableHead.js";import"../table/TableHeader.js";import"../table/TableRow.js";import"../tabs/NavTab.js";import"../tabs/tabsContext.js";import"../tabs/Tab.js";import"../tag/Tag.js";import"../toast/toastContext.js";import"../toggle-switch/ToggleSwitch.js";import"../ScreenReaderOnly.js";export{o as Expander};
+//# sourceMappingURL=Expander.js.map

package/build/es/components/expander/Expander.js.map

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

package/build/es/components/expander/index.js

@@ -0,0 +1,2 @@
+import{E as a}from"../../../ExpandableTableRow-BJSqC_Jo.js";import{ExpandSection as o}from"./ExpandSection.js";export{o as ExpandSection,a as Expander};
+//# sourceMappingURL=index.js.map

package/build/es/components/expander/index.js.map

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

package/build/es/components/feedback/followup/Followup.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as t,useRef as s,useEffect as n,createElement as e}from"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import{PrimaryButton as r,SecondaryButton as c,TertiaryButton as m}from"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import{useFeedbackContext as p}from"../feedbackContext.js";import{FeedbackSuccess as a}from"../FeedbackSuccess.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import{FollowUpProvider as l}from"./followupContext.js";import"../main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{getQuestionFromType as j}from"../utils.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../popover/Popover.js";import"../../../../NativeSelect-CfNZEQF0.js";import"../../tag/Tag.js";import{useFollowup as u}from"./useFollowup.js";const d={title:"Takk, igjen!",children:"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."},k=({questions:k,successMessage:I=d,onSubmit:b})=>{const[h,g]=t(!1),f=s(null),x=u(k,b),{handleAbort:C,handleNext:v,step:w,submitted:S}=x,{followupStarted:N,setFollowupStarted:T,setFollowupSubmitted:A,contactSubmitted:y}=p();n((()=>{0!==w.number&&f.current&&f.current.focus()}),[w]),n((()=>{A(S)}),[S,A]);const F=j(k[w.number].type),L=w.isLast?r:c;return h?null:o("div",{"aria-live":"polite",children:i(l,{state:x,children:[!N&&i("div",{className:"jkl-feedback__fade-in",children:[o("p",{className:"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom",children:"Har du tid til å svare på noen flere spørsmål?"}),o("p",{className:"jkl-body jkl-spacing-xl--bottom",children:"Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg."}),o(r,{onClick:()=>T(!0),className:"jkl-spacing-xl--right",children:"Jeg har tid!"}),o(m,{onClick:()=>g(!0),children:"Nei takk"})]}),!S&&N&&i("form",{onSubmit:v,className:"jkl-feedback__fade-in",children:[i("p",{className:"jkl-feedback__step-counter",ref:f,children:["Steg ",w.number+1," av ",k.length]}),e(F,{...k[w.number],autoFocus:!0,key:w.number}),i("div",{className:"jkl-spacing-xl--top","aria-live":"off",children:[o(L,{type:"submit",children:w.isLast?"Send inn":"Neste"}),o(m,{onClick:C,className:"jkl-spacing-xl--left",children:"Avbryt"})]})]}),S&&!y&&o(a,{...I})]})})};export{k as Followup};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useState as i,useRef as s,useEffect as e,createElement as r}from"react";import"../../../hooks/useScreen/useScreen.js";import"../../../hooks/useId/useId.js";import"../../icon/Icon.js";import"../../icon/icons/animated/ArrowVerticalAnimated.js";import"../../icon/icons/animated/ArrowHorizontalAnimated.js";import"../../icon/icons/animated/PlusRemoveAnimated.js";import"../../icon/icons/ArrowDownIcon.js";import"../../icon/icons/ArrowLeftIcon.js";import"../../icon/icons/ArrowNorthEastIcon.js";import"../../icon/icons/ArrowRightIcon.js";import"../../icon/icons/ArrowUpIcon.js";import"../../icon/icons/CalendarIcon.js";import"../../icon/icons/CheckIcon.js";import"../../icon/icons/ChevronDownIcon.js";import"../../icon/icons/ChevronLeftIcon.js";import"../../icon/icons/ChevronRightIcon.js";import"../../icon/icons/ChevronUpIcon.js";import"../../icon/icons/CloseIcon.js";import"../../icon/icons/CopyIcon.js";import"../../icon/icons/DotsIcon.js";import"../../icon/icons/DragIcon.js";import"../../icon/icons/ErrorIcon.js";import"../../icon/icons/GreenCheckIcon.js";import"../../icon/icons/HamburgerIcon.js";import"../../icon/icons/InfoIcon.js";import"../../icon/icons/LinkIcon.js";import"../../icon/icons/PlusIcon.js";import"../../icon/icons/QuestionIcon.js";import"../../icon/icons/RedCrossIcon.js";import"../../icon/icons/SearchIcon.js";import"../../icon/icons/SuccessIcon.js";import"../../icon/icons/WarningIcon.js";import"../../icon/icons/MinusIcon.js";import"../../icon/icons/ThumbDownIcon.js";import"../../icon/icons/ThumbUpIcon.js";import"../../icon/icons/TrashCanIcon.js";import"../../icon/icons/PenIcon.js";import{PrimaryButton as n,SecondaryButton as a,TertiaryButton as c}from"../../button/Button.js";import"../../card/Card.js";import"../../card/CardImage.js";import"../../card/NavCard.js";import"../../checkbox/Checkbox.js";import"../../combobox/Combobox.js";import"../../cookie-consent/CookieConsentContext.js";import"react-dom";import"../../modal/Modal.js";import"react-a11y-dialog";import"../../list/List.js";import"../../list/ListItem.js";import"../../datepicker/DatePicker.js";import{useFeedbackContext as p}from"../feedbackContext.js";import{FeedbackSuccess as m}from"../FeedbackSuccess.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipContent.js";import"../../tooltip/TooltipTrigger.js";import"../../input-group/InputGroup.js";import{FollowUpProvider as l}from"./followupContext.js";import"../main-question/mainQuestionContext.js";import"../../radio-button/RadioButton.js";import"../../radio-button/radioGroupContext.js";import"../../radio-button/BaseRadioButton.js";import"../../text-input/BaseTextArea.js";import"../../text-input/BaseTextInput.js";import"../../text-input/TextArea.js";import"../../text-input/TextInput.js";import"../../../utilities/polymorphism/SlotComponent.js";import{getQuestionFromType as j}from"../utils.js";import"../../../../ExpandableTableRow-BJSqC_Jo.js";import"../../icon-button/IconButton.js";import"../../link/Link.js";import"../../link/NavLink.js";import"../../link-list/LinkList.js";import"../../logo/text-paths/ForsikringLevertAvFremtind.js";import"../../logo/text-paths/FraSB1ogDNB.js";import"../../logo/text-paths/InnovasjonFraFremtind.js";import"../../logo/text-paths/TeknologiFraFremtind.js";import"../../logo/text-paths/VartEgetForsikringsselskap.js";import"../../logo/text-paths/VartForsikringsselskap.js";import"../../message/Message.js";import"../../message/FormErrorMessage.js";import"../../popover/Popover.js";import"../../system-message/SystemMessage.js";import"../../table/DataTable.js";import"../../table/Table.js";import"../../table/TableBody.js";import"../../table/TableCaption.js";import"../../table/TableCell.js";import"../../table/TableColumn.js";import"../../table/TableColumnGroup.js";import"../../table/tableContext.js";import"../../table/tableSectionContext.js";import"../../table/TableFooter.js";import"../../table/TableHead.js";import"../../table/TableHeader.js";import"../../table/TableRow.js";import"../../tabs/NavTab.js";import"../../tabs/tabsContext.js";import"../../tabs/Tab.js";import"../../tag/Tag.js";import"../../toast/toastContext.js";import"../../toggle-switch/ToggleSwitch.js";import{useFollowup as u}from"./useFollowup.js";const d={title:"Takk, igjen!",children:"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem."},b=({questions:b,successMessage:g=d,onSubmit:k})=>{const[h,I]=i(!1),x=s(null),C=u(b,k),{handleAbort:f,handleNext:T,step:v,submitted:w}=C,{followupStarted:F,setFollowupStarted:S,setFollowupSubmitted:N,contactSubmitted:y}=p();e((()=>{0!==v.number&&x.current&&x.current.focus()}),[v]),e((()=>{N(w)}),[w,N]);const A=j(b[v.number].type),B=v.isLast?n:a;return h?null:o("div",{"aria-live":"polite",children:t(l,{state:C,children:[!F&&t("div",{className:"jkl-feedback__fade-in",children:[o("p",{className:"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom",children:"Har du tid til å svare på noen flere spørsmål?"}),o("p",{className:"jkl-body jkl-spacing-xl--bottom",children:"Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg."}),o(n,{onClick:()=>S(!0),className:"jkl-spacing-xl--right",children:"Jeg har tid!"}),o(c,{onClick:()=>I(!0),children:"Nei takk"})]}),!w&&F&&t("form",{onSubmit:T,className:"jkl-feedback__fade-in",children:[t("p",{className:"jkl-feedback__step-counter",ref:x,children:["Steg ",v.number+1," av ",b.length]}),r(A,{...b[v.number],autoFocus:!0,key:v.number}),t("div",{className:"jkl-spacing-xl--top","aria-live":"off",children:[o(B,{type:"submit",children:v.isLast?"Send inn":"Neste"}),o(c,{onClick:f,className:"jkl-spacing-xl--left",children:"Avbryt"})]})]}),w&&!y&&o(m,{...g})]})})};export{b as Followup};
 //# sourceMappingURL=Followup.js.map

package/build/es/components/feedback/followup/Followup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Followup.js","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState, FC } from \"react\";\nimport { PrimaryButton, SecondaryButton, TertiaryButton } from \"../..\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess\";\nimport { FeedbackAnswer, FollowupQuestion } from \"../types\";\nimport { getQuestionFromType } from \"../utils\";\nimport { FollowUpProvider } from \"./followupContext\";\nimport { useFollowup } from \"./useFollowup\";\n\nconst defaultSuccessMessage = {\n    title: \"Takk, igjen!\",\n    children:\n        \"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n    /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text */\n    questions: FollowupQuestion[];\n    /** Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene.  */\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n    onSubmit: (values: FeedbackAnswer[]) => void;\n}\n\nexport const Followup: FC<Props> = ({ questions, successMessage = defaultSuccessMessage, onSubmit }) => {\n    const [noThanks, setNoThanks] = useState(false);\n    const focusRef = useRef<HTMLParagraphElement>(null);\n    const followupState = useFollowup(questions, onSubmit);\n    const { handleAbort, handleNext, step, submitted } = followupState;\n    const { followupStarted, setFollowupStarted, setFollowupSubmitted, contactSubmitted } = useFeedbackContext();\n\n    useEffect(() => {\n        if (step.number === 0) {\n            return;\n        }\n        focusRef.current && focusRef.current.focus();\n    }, [step]);\n\n    useEffect(() => {\n        setFollowupSubmitted(submitted);\n    }, [submitted, setFollowupSubmitted]);\n\n    const QuestionComponent = getQuestionFromType(questions[step.number].type);\n    const Button = step.isLast ? PrimaryButton : SecondaryButton;\n\n    if (noThanks) {\n        return null;\n    }\n\n    return (\n        <div aria-live=\"polite\">\n            <FollowUpProvider state={followupState}>\n                {!followupStarted && (\n                    <div className=\"jkl-feedback__fade-in\">\n                        <p className=\"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom\">\n                            Har du tid til å svare på noen flere spørsmål?\n                        </p>\n                        <p className=\"jkl-body jkl-spacing-xl--bottom\">\n                            Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg.\n                        </p>\n                        <PrimaryButton onClick={() => setFollowupStarted(true)} className=\"jkl-spacing-xl--right\">\n                            Jeg har tid!\n                        </PrimaryButton>\n                        <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n                    </div>\n                )}\n                {!submitted && followupStarted && (\n                    <form onSubmit={handleNext} className=\"jkl-feedback__fade-in\">\n                        <p className=\"jkl-feedback__step-counter\" ref={focusRef}>\n                            Steg {step.number + 1} av {questions.length}\n                        </p>\n                        {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                        <QuestionComponent {...questions[step.number]} autoFocus key={step.number} />\n                        <div className=\"jkl-spacing-xl--top\" aria-live=\"off\">\n                            <Button type=\"submit\">{step.isLast ? \"Send inn\" : \"Neste\"}</Button>\n                            <TertiaryButton onClick={handleAbort} className=\"jkl-spacing-xl--left\">\n                                Avbryt\n                            </TertiaryButton>\n                        </div>\n                    </form>\n                )}\n                {submitted && !contactSubmitted && <FeedbackSuccess {...successMessage} />}\n            </FollowUpProvider>\n        </div>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","Followup","questions","successMessage","onSubmit","noThanks","setNoThanks","useState","focusRef","useRef","followupState","useFollowup","handleAbort","handleNext","step","submitted","followupStarted","setFollowupStarted","setFollowupSubmitted","contactSubmitted","useFeedbackContext","useEffect","number","current","focus","QuestionComponent","getQuestionFromType","type","Button","isLast","PrimaryButton","SecondaryButton","jsxs","FollowUpProvider","state","className","jsx","onClick","TertiaryButton","ref","length","createElement","autoFocus","key","FeedbackSuccess"],"mappings":"0sGASA,MAAMA,EAAwB,CAC1BC,MAAO,eACPC,SACI,yJAcKC,EAAsB,EAAGC,UAAAA,EAAWC,eAAAA,EAAiBL,EAAuBM,SAAAA,MACrF,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAWC,EAA6B,MACxCC,EAAgBC,EAAYT,EAAWE,IACrCQ,YAAAA,EAAaC,WAAAA,EAAYC,KAAAA,EAAMC,UAAAA,GAAcL,GAC7CM,gBAAAA,EAAiBC,mBAAAA,EAAoBC,qBAAAA,EAAsBC,iBAAAA,GAAqBC,IAExFC,GAAU,KACc,IAAhBP,EAAKQ,QAGAd,EAAAe,SAAWf,EAASe,QAAQC,OAAM,GAC5C,CAACV,IAEJO,GAAU,KACNH,EAAqBH,EAAS,GAC/B,CAACA,EAAWG,IAETO,MAAAA,EAAoBC,EAAoBxB,EAAUY,EAAKQ,QAAQK,MAC/DC,EAASd,EAAKe,OAASC,EAAgBC,EAE7C,OAAI1B,EACO,OAIN,MAAI,CAAA,YAAU,SACXL,SAACgC,EAAAC,EAAA,CAAiBC,MAAOxB,EACpBV,SAAA,EAACgB,GACEgB,EAAC,MAAI,CAAAG,UAAU,wBACXnC,SAAA,CAACoC,EAAA,IAAA,CAAED,UAAU,2DAA2DnC,SAExE,mDACCoC,EAAA,IAAA,CAAED,UAAU,kCAAkCnC,SAE/C,0EACAoC,EAACN,GAAcO,QAAS,IAAMpB,GAAmB,GAAOkB,UAAU,wBAAwBnC,SAE1F,mBACCsC,EAAe,CAAAD,QAAS,IAAM/B,GAAY,GAAON,SAAQ,iBAGhEe,GAAaC,GACXgB,EAAC,QAAK5B,SAAUS,EAAYsB,UAAU,wBAClCnC,SAAA,CAAAgC,EAAC,IAAE,CAAAG,UAAU,6BAA6BI,IAAK/B,EAAUR,SAAA,CAAA,QAC/Cc,EAAKQ,OAAS,EAAE,OAAKpB,EAAUsC,UAGzCC,EAAChB,EAAmB,IAAGvB,EAAUY,EAAKQ,QAASoB,WAAS,EAACC,IAAK7B,EAAKQ,SAClEU,EAAA,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CnC,SAAA,CAAAoC,EAACR,GAAOD,KAAK,SAAU3B,SAAKc,EAAAe,OAAS,WAAa,YACjDS,EAAe,CAAAD,QAASzB,EAAauB,UAAU,uBAAuBnC,SAEvE,iBAIXe,IAAcI,GAAqBiB,EAAAQ,EAAA,IAAoBzC,QAEhE"}
+{"version":3,"file":"Followup.js","sources":["../../../../../src/components/feedback/followup/Followup.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState, FC } from \"react\";\nimport { PrimaryButton, SecondaryButton, TertiaryButton } from \"../..\";\nimport { useFeedbackContext } from \"../feedbackContext\";\nimport { FeedbackSuccess } from \"../FeedbackSuccess\";\nimport { FeedbackAnswer, FollowupQuestion } from \"../types\";\nimport { getQuestionFromType } from \"../utils\";\nimport { FollowUpProvider } from \"./followupContext\";\nimport { useFollowup } from \"./useFollowup\";\n\nconst defaultSuccessMessage = {\n    title: \"Takk, igjen!\",\n    children:\n        \"Vi setter pris på at du tok deg tid til å svare på flere spørsmål. Det hjelper oss med å gjøre nettsidene bedre for deg og alle andre som bruker dem.\",\n};\n\ninterface Props {\n    /** Spørsmålet/ene som skal stilles. Kan være av typen radio, checkbox eller text */\n    questions: FollowupQuestion[];\n    /** Lar deg tilpasse meldingen som kommer når brukeren har svart på spørsmålene.  */\n    successMessage?: {\n        title: string;\n        children: ReactNode;\n    };\n    onSubmit: (values: FeedbackAnswer[]) => void;\n}\n\nexport const Followup: FC<Props> = ({ questions, successMessage = defaultSuccessMessage, onSubmit }) => {\n    const [noThanks, setNoThanks] = useState(false);\n    const focusRef = useRef<HTMLParagraphElement>(null);\n    const followupState = useFollowup(questions, onSubmit);\n    const { handleAbort, handleNext, step, submitted } = followupState;\n    const { followupStarted, setFollowupStarted, setFollowupSubmitted, contactSubmitted } = useFeedbackContext();\n\n    useEffect(() => {\n        if (step.number === 0) {\n            return;\n        }\n        focusRef.current && focusRef.current.focus();\n    }, [step]);\n\n    useEffect(() => {\n        setFollowupSubmitted(submitted);\n    }, [submitted, setFollowupSubmitted]);\n\n    const QuestionComponent = getQuestionFromType(questions[step.number].type);\n    const Button = step.isLast ? PrimaryButton : SecondaryButton;\n\n    if (noThanks) {\n        return null;\n    }\n\n    return (\n        <div aria-live=\"polite\">\n            <FollowUpProvider state={followupState}>\n                {!followupStarted && (\n                    <div className=\"jkl-feedback__fade-in\">\n                        <p className=\"jkl-heading-4 jkl-spacing-xl--top jkl-spacing-xs--bottom\">\n                            Har du tid til å svare på noen flere spørsmål?\n                        </p>\n                        <p className=\"jkl-body jkl-spacing-xl--bottom\">\n                            Det tar kun et minutt, og hjelper oss å lage bedre løsninger for deg.\n                        </p>\n                        <PrimaryButton onClick={() => setFollowupStarted(true)} className=\"jkl-spacing-xl--right\">\n                            Jeg har tid!\n                        </PrimaryButton>\n                        <TertiaryButton onClick={() => setNoThanks(true)}>Nei takk</TertiaryButton>\n                    </div>\n                )}\n                {!submitted && followupStarted && (\n                    <form onSubmit={handleNext} className=\"jkl-feedback__fade-in\">\n                        <p className=\"jkl-feedback__step-counter\" ref={focusRef}>\n                            Steg {step.number + 1} av {questions.length}\n                        </p>\n                        {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                        <QuestionComponent {...questions[step.number]} autoFocus key={step.number} />\n                        <div className=\"jkl-spacing-xl--top\" aria-live=\"off\">\n                            <Button type=\"submit\">{step.isLast ? \"Send inn\" : \"Neste\"}</Button>\n                            <TertiaryButton onClick={handleAbort} className=\"jkl-spacing-xl--left\">\n                                Avbryt\n                            </TertiaryButton>\n                        </div>\n                    </form>\n                )}\n                {submitted && !contactSubmitted && <FeedbackSuccess {...successMessage} />}\n            </FollowUpProvider>\n        </div>\n    );\n};\n"],"names":["defaultSuccessMessage","title","children","Followup","questions","successMessage","onSubmit","noThanks","setNoThanks","useState","focusRef","useRef","followupState","useFollowup","handleAbort","handleNext","step","submitted","followupStarted","setFollowupStarted","setFollowupSubmitted","contactSubmitted","useFeedbackContext","useEffect","number","current","focus","QuestionComponent","getQuestionFromType","type","Button","isLast","PrimaryButton","SecondaryButton","jsxs","FollowUpProvider","state","className","jsx","onClick","TertiaryButton","ref","length","createElement","autoFocus","key","FeedbackSuccess"],"mappings":"srIASA,MAAMA,EAAwB,CAC1BC,MAAO,eACPC,SACI,yJAcKC,EAAsB,EAAGC,UAAAA,EAAWC,eAAAA,EAAiBL,EAAuBM,SAAAA,MACrF,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAWC,EAA6B,MACxCC,EAAgBC,EAAYT,EAAWE,IACrCQ,YAAAA,EAAaC,WAAAA,EAAYC,KAAAA,EAAMC,UAAAA,GAAcL,GAC7CM,gBAAAA,EAAiBC,mBAAAA,EAAoBC,qBAAAA,EAAsBC,iBAAAA,GAAqBC,IAExFC,GAAU,KACc,IAAhBP,EAAKQ,QAGAd,EAAAe,SAAWf,EAASe,QAAQC,OAAM,GAC5C,CAACV,IAEJO,GAAU,KACNH,EAAqBH,EAAS,GAC/B,CAACA,EAAWG,IAETO,MAAAA,EAAoBC,EAAoBxB,EAAUY,EAAKQ,QAAQK,MAC/DC,EAASd,EAAKe,OAASC,EAAgBC,EAE7C,OAAI1B,EACO,OAIN,MAAI,CAAA,YAAU,SACXL,SAACgC,EAAAC,EAAA,CAAiBC,MAAOxB,EACpBV,SAAA,EAACgB,GACEgB,EAAC,MAAI,CAAAG,UAAU,wBACXnC,SAAA,CAACoC,EAAA,IAAA,CAAED,UAAU,2DAA2DnC,SAExE,mDACCoC,EAAA,IAAA,CAAED,UAAU,kCAAkCnC,SAE/C,0EACAoC,EAACN,GAAcO,QAAS,IAAMpB,GAAmB,GAAOkB,UAAU,wBAAwBnC,SAE1F,mBACCsC,EAAe,CAAAD,QAAS,IAAM/B,GAAY,GAAON,SAAQ,iBAGhEe,GAAaC,GACXgB,EAAC,QAAK5B,SAAUS,EAAYsB,UAAU,wBAClCnC,SAAA,CAAAgC,EAAC,IAAE,CAAAG,UAAU,6BAA6BI,IAAK/B,EAAUR,SAAA,CAAA,QAC/Cc,EAAKQ,OAAS,EAAE,OAAKpB,EAAUsC,UAGzCC,EAAChB,EAAmB,IAAGvB,EAAUY,EAAKQ,QAASoB,WAAS,EAACC,IAAK7B,EAAKQ,SAClEU,EAAA,MAAA,CAAIG,UAAU,sBAAsB,YAAU,MAC3CnC,SAAA,CAAAoC,EAACR,GAAOD,KAAK,SAAU3B,SAAKc,EAAAe,OAAS,WAAa,YACjDS,EAAe,CAAAD,QAASzB,EAAauB,UAAU,uBAAuBnC,SAEvE,iBAIXe,IAAcI,GAAqBiB,EAAAQ,EAAA,IAAoBzC,QAEhE"}

package/build/es/components/index.js

@@ -1,2 +1,2 @@
-import{AccordionItem as o}from"./accordion/AccordionItem.js";import{Accordion as s}from"./accordion/Accordion.js";import{Breadcrumb as a}from"./breadcrumb/Breadcrumb.js";import{BreadcrumbItem as r}from"./breadcrumb/BreadcrumbItem.js";import{Button as n,PrimaryButton as e,SecondaryButton as t,TertiaryButton as i}from"./button/Button.js";import{Card as c}from"./card/Card.js";import{CardImage as m}from"./card/CardImage.js";import{InfoBlock as p,NavCard as d}from"./card/NavCard.js";import{TaskCard as l}from"./card/TaskCard.js";import{InfoCard as I}from"./card/InfoCard.js";import{Checkbox as u}from"./checkbox/Checkbox.js";import{Combobox as f,getComboboxValuePair as j}from"./combobox/Combobox.js";import{CookieConsent as k}from"./cookie-consent/CookieConsent.js";import{CookieConsentProvider as C,useCookieConsent as g}from"./cookie-consent/CookieConsentContext.js";import{isCorrectFormat as T,isWithinLowerBound as b,isWithinUpperBound as S}from"./datepicker/validation.js";import{dayMonthYearRegex as h,formatInput as B,isBlurTargetOutside as A,parseDateString as L}from"./datepicker/utils.js";import{DatePicker as M}from"./datepicker/DatePicker.js";import{Feedback as x}from"./feedback/Feedback.js";import{PRESETS as w}from"./feedback/presets.js";import{Icon as R}from"./icon/Icon.js";import{ArrowVerticalAnimated as v}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as P}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as D}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as E}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as y}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as G}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as U}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as N}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as F}from"./icon/icons/CalendarIcon.js";import{CheckIcon as W}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as H}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as O}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as V}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as z}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as Q}from"./icon/icons/CloseIcon.js";import{CopyIcon as Y}from"./icon/icons/CopyIcon.js";import{DotsIcon as q}from"./icon/icons/DotsIcon.js";import{DragIcon as J}from"./icon/icons/DragIcon.js";import{ErrorIcon as K}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as X}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as Z}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as $}from"./icon/icons/InfoIcon.js";import{LinkIcon as _}from"./icon/icons/LinkIcon.js";import{PlusIcon as oo}from"./icon/icons/PlusIcon.js";import{QuestionIcon as so}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as ao}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as ro}from"./icon/icons/SearchIcon.js";import{SuccessIcon as no}from"./icon/icons/SuccessIcon.js";import{WarningIcon as eo}from"./icon/icons/WarningIcon.js";import{MinusIcon as to}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as io}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as co}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as mo}from"./icon/icons/TrashCanIcon.js";import{PenIcon as po}from"./icon/icons/PenIcon.js";import{IconButton as lo}from"./icon-button/IconButton.js";import{Image as Io}from"./image/Image.js";import{FieldGroup as uo}from"./input-group/FieldGroup.js";import{InputGroup as fo}from"./input-group/InputGroup.js";import{Label as jo}from"./input-group/Label.js";import{SupportLabel as ko}from"./input-group/SupportLabel.js";import{Link as Co}from"./link/Link.js";import{NavLink as go}from"./link/NavLink.js";import{LinkList as To}from"./link-list/LinkList.js";import{List as bo,OrderedList as So,UnorderedList as ho}from"./list/List.js";import{CheckListItem as Bo,CrossListItem as Ao,ListItem as Lo}from"./list/ListItem.js";import{Loader as Mo}from"./loader/Loader.js";import{SkeletonAnimation as xo}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as wo}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Ro}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as vo}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as Po}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Do}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Eo,SkeletonTableHeader as yo,SkeletonTableRow as Go}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Uo}from"./loader/skeletons/SkeletonTextArea.js";import{ErrorMessage as No,InfoMessage as Fo,SuccessMessage as Wo,WarningMessage as Ho}from"./message/Message.js";import{FormErrorMessage as Oo}from"./message/FormErrorMessage.js";import{Modal as Vo,ModalActions as zo,ModalBody as Qo,ModalCloseButton as Yo,ModalContainer as qo,ModalHeader as Jo,ModalOverlay as Ko,ModalTitle as Xo}from"./modal/Modal.js";import{useModal as Zo}from"./modal/useModal.js";import{default as $o}from"./popover/Popover.js";import{RadioButton as _o}from"./radio-button/RadioButton.js";import{RadioButtonGroup as os}from"./radio-button/RadioButtonGroup.js";import{BaseRadioButton as ss}from"./radio-button/BaseRadioButton.js";import{N as as,S as rs}from"../../NativeSelect-CfNZEQF0.js";import{ErrorTag as ns,InfoTag as es,SuccessTag as ts,Tag as is,WarningTag as cs}from"./tag/Tag.js";import{BaseTextArea as ms}from"./text-input/BaseTextArea.js";import{BaseTextInput as ps}from"./text-input/BaseTextInput.js";import{TextArea as ds}from"./text-input/TextArea.js";import{TextInput as ls}from"./text-input/TextInput.js";import{Tooltip as Is}from"./tooltip/Tooltip.js";import{TooltipContent as us}from"./tooltip/TooltipContent.js";import{TooltipTrigger as fs}from"./tooltip/TooltipTrigger.js";import{PopupTip as js}from"./tooltip/PopupTip.js";import{ScreenReaderOnly as ks}from"./ScreenReaderOnly.js";export{s as Accordion,o as AccordionItem,E as ArrowDownIcon,P as ArrowHorizontalAnimated,y as ArrowLeftIcon,G as ArrowNorthEastIcon,U as ArrowRightIcon,N as ArrowUpIcon,v as ArrowVerticalAnimated,ss as BaseRadioButton,ms as BaseTextArea,ps as BaseTextInput,a as Breadcrumb,r as BreadcrumbItem,n as Button,F as CalendarIcon,c as Card,m as CardImage,W as CheckIcon,Bo as CheckListItem,u as Checkbox,H as ChevronDownIcon,O as ChevronLeftIcon,V as ChevronRightIcon,z as ChevronUpIcon,Q as CloseIcon,f as Combobox,k as CookieConsent,C as CookieConsentProvider,Y as CopyIcon,Ao as CrossListItem,M as DatePicker,q as DotsIcon,J as DragIcon,K as ErrorIcon,No as ErrorMessage,ns as ErrorTag,x as Feedback,uo as FieldGroup,Oo as FormErrorMessage,X as GreenCheckIcon,Z as HamburgerIcon,R as Icon,lo as IconButton,Io as Image,p as InfoBlock,I as InfoCard,$ as InfoIcon,Fo as InfoMessage,es as InfoTag,fo as InputGroup,jo as Label,Co as Link,_ as LinkIcon,To as LinkList,bo as List,Lo as ListItem,Mo as Loader,to as MinusIcon,Vo as Modal,zo as ModalActions,Qo as ModalBody,Yo as ModalCloseButton,qo as ModalContainer,Jo as ModalHeader,Ko as ModalOverlay,Xo as ModalTitle,as as NativeSelect,d as NavCard,go as NavLink,So as OrderedList,w as PRESETS,po as PenIcon,oo as PlusIcon,D as PlusRemoveAnimated,$o as Popover,js as PopupTip,e as PrimaryButton,so as QuestionIcon,_o as RadioButton,os as RadioButtonGroup,ao as RedCrossIcon,ks as ScreenReaderOnly,ro as SearchIcon,t as SecondaryButton,rs as Select,xo as SkeletonAnimation,wo as SkeletonButton,Ro as SkeletonCheckboxGroup,vo as SkeletonElement,Po as SkeletonInput,Do as SkeletonRadioButtonGroup,Eo as SkeletonTable,yo as SkeletonTableHeader,Go as SkeletonTableRow,Uo as SkeletonTextArea,no as SuccessIcon,Wo as SuccessMessage,ts as SuccessTag,ko as SupportLabel,is as Tag,l as TaskCard,i as TertiaryButton,ds as TextArea,ls as TextInput,io as ThumbDownIcon,co as ThumbUpIcon,Is as Tooltip,us as TooltipContent,fs as TooltipTrigger,mo as TrashCanIcon,ho as UnorderedList,eo as WarningIcon,Ho as WarningMessage,cs as WarningTag,h as dayMonthYearRegex,B as formatInput,j as getComboboxValuePair,A as isBlurTargetOutside,T as isCorrectFormat,b as isWithinLowerBound,S as isWithinUpperBound,L as parseDateString,g as useCookieConsent,Zo as useModal};
+import{AccordionItem as o}from"./accordion/AccordionItem.js";import{Accordion as a}from"./accordion/Accordion.js";import{Breadcrumb as s}from"./breadcrumb/Breadcrumb.js";import{BreadcrumbItem as r}from"./breadcrumb/BreadcrumbItem.js";import{Button as e,PrimaryButton as t,SecondaryButton as n,TertiaryButton as i}from"./button/Button.js";import{Card as m}from"./card/Card.js";import{CardImage as c}from"./card/CardImage.js";import{InfoBlock as l,NavCard as p}from"./card/NavCard.js";import{TaskCard as d}from"./card/TaskCard.js";import{InfoCard as u}from"./card/InfoCard.js";import{Checkbox as b}from"./checkbox/Checkbox.js";import{Combobox as f,getComboboxValuePair as T}from"./combobox/Combobox.js";import{CookieConsent as I}from"./cookie-consent/CookieConsent.js";import{CookieConsentProvider as g,useCookieConsent as j}from"./cookie-consent/CookieConsentContext.js";import{isCorrectFormat as C,isWithinLowerBound as k,isWithinUpperBound as S}from"./datepicker/validation.js";import{dayMonthYearRegex as B,formatInput as h,isBlurTargetOutside as x,parseDateString as L}from"./datepicker/utils.js";import{DatePicker as A}from"./datepicker/DatePicker.js";import{Feedback as v}from"./feedback/Feedback.js";import{PRESETS as w}from"./feedback/presets.js";import{DescriptionDetail as M,DescriptionList as R,DescriptionTerm as F}from"./description-list/DescriptionList.js";import{a as y,b as P,E as D,N as E,S as G,T as N}from"../../ExpandableTableRow-BJSqC_Jo.js";import{ExpandSection as H}from"./expander/ExpandSection.js";import{Icon as U}from"./icon/Icon.js";import{ArrowVerticalAnimated as W}from"./icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as V}from"./icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as O}from"./icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as z}from"./icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as Q}from"./icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as Y}from"./icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as q}from"./icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as J}from"./icon/icons/ArrowUpIcon.js";import{CalendarIcon as K}from"./icon/icons/CalendarIcon.js";import{CheckIcon as X}from"./icon/icons/CheckIcon.js";import{ChevronDownIcon as Z}from"./icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as $}from"./icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as _}from"./icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as oo}from"./icon/icons/ChevronUpIcon.js";import{CloseIcon as ao}from"./icon/icons/CloseIcon.js";import{CopyIcon as so}from"./icon/icons/CopyIcon.js";import{DotsIcon as ro}from"./icon/icons/DotsIcon.js";import{DragIcon as eo}from"./icon/icons/DragIcon.js";import{ErrorIcon as to}from"./icon/icons/ErrorIcon.js";import{GreenCheckIcon as no}from"./icon/icons/GreenCheckIcon.js";import{HamburgerIcon as io}from"./icon/icons/HamburgerIcon.js";import{InfoIcon as mo}from"./icon/icons/InfoIcon.js";import{LinkIcon as co}from"./icon/icons/LinkIcon.js";import{PlusIcon as lo}from"./icon/icons/PlusIcon.js";import{QuestionIcon as po}from"./icon/icons/QuestionIcon.js";import{RedCrossIcon as uo}from"./icon/icons/RedCrossIcon.js";import{SearchIcon as bo}from"./icon/icons/SearchIcon.js";import{SuccessIcon as fo}from"./icon/icons/SuccessIcon.js";import{WarningIcon as To}from"./icon/icons/WarningIcon.js";import{MinusIcon as Io}from"./icon/icons/MinusIcon.js";import{ThumbDownIcon as go}from"./icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as jo}from"./icon/icons/ThumbUpIcon.js";import{TrashCanIcon as Co}from"./icon/icons/TrashCanIcon.js";import{PenIcon as ko}from"./icon/icons/PenIcon.js";import{IconButton as So}from"./icon-button/IconButton.js";import{Image as Bo}from"./image/Image.js";import{FieldGroup as ho}from"./input-group/FieldGroup.js";import{InputGroup as xo}from"./input-group/InputGroup.js";import{Label as Lo}from"./input-group/Label.js";import{SupportLabel as Ao}from"./input-group/SupportLabel.js";import{Link as vo}from"./link/Link.js";import{NavLink as wo}from"./link/NavLink.js";import{LinkList as Mo}from"./link-list/LinkList.js";import{List as Ro,OrderedList as Fo,UnorderedList as yo}from"./list/List.js";import{CheckListItem as Po,CrossListItem as Do,ListItem as Eo}from"./list/ListItem.js";import{Loader as Go}from"./loader/Loader.js";import{SkeletonAnimation as No}from"./loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Ho}from"./loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Uo}from"./loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Wo}from"./loader/skeletons/SkeletonElement.js";import{SkeletonInput as Vo}from"./loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Oo}from"./loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as zo,SkeletonTableHeader as Qo,SkeletonTableRow as Yo}from"./loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as qo}from"./loader/skeletons/SkeletonTextArea.js";import{Logo as Jo}from"./logo/Logo.js";import{LogoStamp as Ko}from"./logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Xo}from"./logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as Zo}from"./logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as $o}from"./logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as _o}from"./logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as oa}from"./logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as aa}from"./logo/text-paths/VartForsikringsselskap.js";import{ErrorMessage as sa,InfoMessage as ra,SuccessMessage as ea,WarningMessage as ta}from"./message/Message.js";import{FormErrorMessage as na}from"./message/FormErrorMessage.js";import{Modal as ia,ModalActions as ma,ModalBody as ca,ModalCloseButton as la,ModalContainer as pa,ModalHeader as da,ModalOverlay as ua,ModalTitle as ba}from"./modal/Modal.js";import{useModal as fa}from"./modal/useModal.js";import{default as Ta}from"./popover/Popover.js";import{Countdown as Ia}from"./progress-bar/Countdown.js";import{ProgressBar as ga}from"./progress-bar/ProgressBar.js";import{RadioButton as ja}from"./radio-button/RadioButton.js";import{RadioButtonGroup as Ca}from"./radio-button/RadioButtonGroup.js";import{BaseRadioButton as ka}from"./radio-button/BaseRadioButton.js";import{SummaryTable as Sa}from"./summary-table/SummaryTable.js";import{SummaryTableRow as Ba}from"./summary-table/SummaryTableRow.js";import{ErrorSystemMessage as ha,InfoSystemMessage as xa,SuccessSystemMessage as La,WarningSystemMessage as Aa}from"./system-message/SystemMessage.js";import{DataTable as va}from"./table/DataTable.js";import{Table as wa}from"./table/Table.js";import{TableBody as Ma}from"./table/TableBody.js";import{TableCaption as Ra}from"./table/TableCaption.js";import{TableCell as Fa}from"./table/TableCell.js";import{TableColumn as ya}from"./table/TableColumn.js";import{TableColumnGroup as Pa}from"./table/TableColumnGroup.js";import{TableContextProvider as Da,useTableContext as Ea}from"./table/tableContext.js";import{TableSectionContextProvider as Ga,useTableSectionContext as Na}from"./table/tableSectionContext.js";import{TableFooter as Ha}from"./table/TableFooter.js";import{TableHead as Ua}from"./table/TableHead.js";import{TableHeader as Wa}from"./table/TableHeader.js";import{TableRow as Va}from"./table/TableRow.js";import{useSortableTableHeader as Oa}from"./table/utils.js";import{NavTab as za}from"./tabs/NavTab.js";import{NavTabs as Qa}from"./tabs/NavTabs.js";import{Tabs as Ya}from"./tabs/Tabs.js";import{TabList as qa}from"./tabs/TabList.js";import{Tab as Ja}from"./tabs/Tab.js";import{TabPanel as Ka}from"./tabs/TabPanel.js";import{ErrorTag as Xa,InfoTag as Za,SuccessTag as $a,Tag as _a,WarningTag as os}from"./tag/Tag.js";import{BaseTextArea as as}from"./text-input/BaseTextArea.js";import{BaseTextInput as ss}from"./text-input/BaseTextInput.js";import{TextArea as rs}from"./text-input/TextArea.js";import{TextInput as es}from"./text-input/TextInput.js";import{ToastProvider as ts,useToast as ns}from"./toast/toastContext.js";import{ToggleSwitch as is}from"./toggle-switch/ToggleSwitch.js";import{ToggleSlider as ms}from"./toggle-switch/ToggleSlider.js";import{Tooltip as cs}from"./tooltip/Tooltip.js";import{TooltipContent as ls}from"./tooltip/TooltipContent.js";import{TooltipTrigger as ps}from"./tooltip/TooltipTrigger.js";import{PopupTip as ds}from"./tooltip/PopupTip.js";import{ScreenReaderOnly as us}from"./ScreenReaderOnly.js";export{a as Accordion,o as AccordionItem,z as ArrowDownIcon,V as ArrowHorizontalAnimated,Q as ArrowLeftIcon,Y as ArrowNorthEastIcon,q as ArrowRightIcon,J as ArrowUpIcon,W as ArrowVerticalAnimated,ka as BaseRadioButton,as as BaseTextArea,ss as BaseTextInput,s as Breadcrumb,r as BreadcrumbItem,e as Button,K as CalendarIcon,m as Card,c as CardImage,X as CheckIcon,Po as CheckListItem,b as Checkbox,Z as ChevronDownIcon,$ as ChevronLeftIcon,_ as ChevronRightIcon,oo as ChevronUpIcon,ao as CloseIcon,f as Combobox,I as CookieConsent,g as CookieConsentProvider,so as CopyIcon,Ia as Countdown,Do as CrossListItem,va as DataTable,A as DatePicker,M as DescriptionDetail,R as DescriptionList,F as DescriptionTerm,ro as DotsIcon,eo as DragIcon,to as ErrorIcon,sa as ErrorMessage,ha as ErrorSystemMessage,Xa as ErrorTag,H as ExpandSection,y as ExpandableTableRow,P as ExpandableTableRowController,D as Expander,v as Feedback,ho as FieldGroup,na as FormErrorMessage,Xo as ForsikringLevertAvFremtind,Zo as FraSB1ogDNB,no as GreenCheckIcon,io as HamburgerIcon,U as Icon,So as IconButton,Bo as Image,l as InfoBlock,u as InfoCard,mo as InfoIcon,ra as InfoMessage,xa as InfoSystemMessage,Za as InfoTag,$o as InnovasjonFraFremtind,xo as InputGroup,Lo as Label,vo as Link,co as LinkIcon,Mo as LinkList,Ro as List,Eo as ListItem,Go as Loader,Jo as Logo,Ko as LogoStamp,Io as MinusIcon,ia as Modal,ma as ModalActions,ca as ModalBody,la as ModalCloseButton,pa as ModalContainer,da as ModalHeader,ua as ModalOverlay,ba as ModalTitle,E as NativeSelect,p as NavCard,wo as NavLink,za as NavTab,Qa as NavTabs,Fo as OrderedList,w as PRESETS,ko as PenIcon,lo as PlusIcon,O as PlusRemoveAnimated,Ta as Popover,ds as PopupTip,t as PrimaryButton,ga as ProgressBar,po as QuestionIcon,ja as RadioButton,Ca as RadioButtonGroup,uo as RedCrossIcon,us as ScreenReaderOnly,bo as SearchIcon,n as SecondaryButton,G as Select,No as SkeletonAnimation,Ho as SkeletonButton,Uo as SkeletonCheckboxGroup,Wo as SkeletonElement,Vo as SkeletonInput,Oo as SkeletonRadioButtonGroup,zo as SkeletonTable,Qo as SkeletonTableHeader,Yo as SkeletonTableRow,qo as SkeletonTextArea,fo as SuccessIcon,ea as SuccessMessage,La as SuccessSystemMessage,$a as SuccessTag,Sa as SummaryTable,Ba as SummaryTableRow,Ao as SupportLabel,Ja as Tab,qa as TabList,Ka as TabPanel,wa as Table,Ma as TableBody,Ra as TableCaption,Fa as TableCell,ya as TableColumn,Pa as TableColumnGroup,Da as TableContextProvider,Ha as TableFooter,Ua as TableHead,Wa as TableHeader,N as TablePagination,Va as TableRow,Ga as TableSectionContextProvider,Ya as Tabs,_a as Tag,d as TaskCard,_o as TeknologiFraFremtind,i as TertiaryButton,rs as TextArea,es as TextInput,go as ThumbDownIcon,jo as ThumbUpIcon,ts as ToastProvider,ms as ToggleSlider,is as ToggleSwitch,cs as Tooltip,ls as TooltipContent,ps as TooltipTrigger,Co as TrashCanIcon,yo as UnorderedList,oa as VartEgetForsikringsselskap,aa as VartForsikringsselskap,To as WarningIcon,ta as WarningMessage,Aa as WarningSystemMessage,os as WarningTag,B as dayMonthYearRegex,h as formatInput,T as getComboboxValuePair,x as isBlurTargetOutside,C as isCorrectFormat,k as isWithinLowerBound,S as isWithinUpperBound,L as parseDateString,j as useCookieConsent,fa as useModal,Oa as useSortableTableHeader,Ea as useTableContext,Na as useTableSectionContext,ns as useToast};
 //# sourceMappingURL=index.js.map

package/build/es/components/logo/Logo.js

@@ -0,0 +1,2 @@
+import{jsxs as l,jsx as e}from"react/jsx-runtime";import{c as o}from"../../../clsx-BeLtu-UY.js";import"react";import"../../hooks/useScreen/useScreen.js";import{useId as r}from"../../hooks/useId/useId.js";const s=({className:s,id:t,centered:c=!0,isSymbol:a=!1,animated:n=!1,title:i="Fremtind",...h})=>{const m=r(t||"jkl-logo",{generateSuffix:!t});return l("svg",{...h,className:o("jkl-logo",s,{"jkl-logo--animated":n,"jkl-logo--symbol-only":a,"jkl-logo--centered":c&&a}),"aria-labelledby":m,role:"img",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",stroke:"currentColor",viewBox:n||!a||c?"32 27 581 120":"31 60 150 83",children:[e("title",{id:m,children:i}),l("g",{fill:"none",className:"jkl-logo__F",strokeWidth:"8",transform:""+(a?"rotate(45) translate(90, -70)":""),children:[e("line",{x1:"34.3",x2:"104.846844",y1:"32.563024",y2:"32.563024",className:"jkl-logo__F-line",transform:a?"scale(1.45, 1) translate(-10, 6)":""}),e("line",{x1:"35.12226",x2:"91.504088",y1:"80.105318",y2:"80.105318"}),e("line",{x1:"-10.820058",x2:"87.38984",y1:"84.219561",y2:"84.219561",transform:"rotate(90, 38.2849, 84.2196)"})]}),!(a&&!n)&&e("path",{strokeWidth:".57975",d:"M145.752 58.979c-10.21 0-20.201 6.854-23.793 16.133l-.157-15.179-.002-.224h-6.907v73.723h7.782V98.038c0-11.791 2.998-31.572 23.077-31.572 2.89 0 5.153.23 7.12.724l.283.07v-7.806l-.187-.035c-2.363-.44-4.831-.44-7.216-.44M170.88 91.357c.1-15.2 10.325-26.21 24.387-26.21 15.08 0 23.29 13.146 23.658 26.21H170.88zm24.387-33.554c-10.228 0-18.904 4.44-25.092 12.84-4.925 6.7-7.22 15.031-7.22 26.218 0 11.088 3.262 20.766 9.433 27.99 6.099 6.954 13.994 10.481 23.466 10.481 8.097 0 15.596-3.04 21.115-8.559 4.522-4.364 7.305-9.583 8.269-15.515l.044-.262h-8.075l-.038.182c-.77 3.876-2.52 7.146-5.503 10.292-3.968 4.11-9.583 6.375-15.812 6.375-7.332 0-13.239-2.586-17.557-7.684-4.619-5.48-7.37-13.341-7.563-21.602h55.97v-.227c0-.877.038-1.659.074-2.415.037-.758.076-1.543.076-2.426 0-9.44-2.952-18.247-8.313-24.797-5.831-7.126-13.88-10.891-23.274-10.891h0zM324.782 57.803c-10.833 0-19.176 5.465-23.558 15.41-2.377-7.168-8.339-15.41-23.183-15.41-9.606 0-17.811 5.162-22.111 13.86l-.813-11.743-.016-.211h-6.89v73.723h7.78V96.568c0-12.182 2.933-21.098 8.72-26.501 3.425-3.265 7.76-4.92 12.885-4.92 11.845 0 17.362 6.4 17.362 20.142v48.143h7.923V91.736c0-8.853 2.965-16.346 8.573-21.666 3.682-3.36 7.777-4.924 12.89-4.924 11.741 0 17.21 6.4 17.21 20.143v48.143h7.783V84.844c0-17.438-8.721-27.041-24.555-27.041M387.105 37.665l-7.782 1.873v20.17h-14.656v7.195h14.656v45.933c0 14.145 6.615 21.622 19.133 21.622 3.964 0 7.73-.804 11.72-1.657l.668-.142v-6.91l-.267.05c-3.606.666-7.465 1.315-11.54 1.315-8.364 0-11.932-4.357-11.932-14.571v-45.64h43.533v66.529h8.22V59.709h-51.753V37.665M499.748 57.803c-10.364 0-20.339 5.951-24.596 14.576l-.83-12.67h-6.893v73.723h7.781V96.568c0-6.054.932-14.697 5.367-21.487 4.18-6.398 10.483-9.64 18.734-9.64 12.565 0 18.674 6.492 18.674 19.848v48.143h7.781V84.844c0-17.185-9.482-27.041-26.018-27.041M434.672 28.547a5.9 5.9 0 0 0-5.894 5.893 5.9 5.9 0 0 0 5.894 5.895 5.9 5.9 0 0 0 5.895-5.895 5.9 5.9 0 0 0-5.895-5.893M592.914 121.901c-4.007 3.85-8.984 5.801-14.793 5.801-5.777 0-10.472-1.658-14.354-5.068-6.188-5.519-9.597-14.775-9.597-26.066 0-10.31 2.89-19.102 8.139-24.751 4.135-4.291 9.212-6.376 15.52-6.376 6.202 0 11.324 1.9 15.23 5.653 6.251 5.846 9.164 13.941 9.164 25.474 0 10.765-3.132 19.29-9.309 25.333zm9.157-94.721v44.113c-4.264-7.988-14.077-13.49-24.243-13.49-8.072 0-14.828 2.585-20.081 7.682-7.309 6.897-11.5 18.281-11.5 31.234 0 13.6 4.294 24.848 12.091 31.673 5.234 4.605 11.841 6.94 19.64 6.94 10.115 0 20.112-5.893 24.154-14.127l.835 12.227h6.886V27.18h-7.782 0z",className:"jkl-logo__remtind"})]})};export{s as Logo};
+//# sourceMappingURL=Logo.js.map