@fremtind/jokul 0.44.7 → 0.45.1

package/build/cjs/components/accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\n\nexport interface AccordionProps extends WithChildren {\n    className?: string;\n    density?: Density;\n    id?: string;\n}\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable`.\n */\nexport const Accordion: FC<AccordionProps> = ({\n    className,\n    density,\n    id,\n    ...rest\n}) => {\n    return (\n        <section\n            role=\"group\"\n            data-testid=\"jkl-accordion\"\n            className={clsx(\"jkl-accordion\", className)}\n            data-density={density}\n            id={id}\n            {...rest}\n        />\n    );\n};\n"],"names":["className","density","id","rest","jsx","role","clsx"],"mappings":"+KAc6C,EACzCA,UAAAA,EACAC,QAAAA,EACAC,GAAAA,KACGC,KAGCC,EAAAA,IAAC,UAAA,CACGC,KAAK,QACL,cAAY,gBACZL,UAAWM,EAAAA,KAAK,gBAAiBN,GACjC,eAAcC,EACdC,GAAAA,KACIC"}
+{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC } from \"react\";\nimport { AccordionProps } from \"./types.js\";\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable`.\n */\nexport const Accordion: FC<AccordionProps> = ({\n    className,\n    density,\n    id,\n    ...rest\n}) => {\n    return (\n        <section\n            role=\"group\"\n            data-testid=\"jkl-accordion\"\n            className={clsx(\"jkl-accordion\", className)}\n            data-density={density}\n            id={id}\n            {...rest}\n        />\n    );\n};\n"],"names":["className","density","id","rest","jsx","role","clsx"],"mappings":"+KAQ6C,EACzCA,UAAAA,EACAC,QAAAA,EACAC,GAAAA,KACGC,KAGCC,EAAAA,IAAC,UAAA,CACGC,KAAK,QACL,cAAY,gBACZL,UAAWM,EAAAA,KAAK,gBAAiBN,GACjC,eAAcC,EACdC,GAAAA,KACIC"}

package/build/cjs/components/accordion/Accordion.d.cts

@@ -1,10 +1,5 @@
 import { FC } from 'react';
-import { Density, WithChildren } from '../../core/types.cjs';
-export interface AccordionProps extends WithChildren {
-    className?: string;
-    density?: Density;
-    id?: string;
-}
+import { AccordionProps } from './types.cjs';
 /**
  * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
  * Bruk heller komponenten `Expandable`.

package/build/cjs/components/accordion/AccordionItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.cjs","sources":["../../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC, useState } from \"react\";\nimport { WithChildren } from \"../../core/types.js\";\nimport { useAnimatedDetails } from \"../../hooks/useAnimatedDetails/useAnimatedDetails.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\n\nexport interface AccordionItemProps extends WithChildren {\n    title: string;\n    startExpanded?: boolean;\n    className?: string;\n    onClick?: (e: React.MouseEvent, isOpen: boolean) => void;\n    id?: string;\n}\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable.Content`.\n */\nexport const AccordionItem: FC<AccordionItemProps> = ({\n    children,\n    title,\n    className,\n    startExpanded = false,\n    onClick,\n    id,\n    ...rest\n}) => {\n    const [isOpen, setIsOpen] = useState(startExpanded);\n    const [expandOnMount] = useState(() => startExpanded);\n\n    const { detailsRef, summaryRef, contentRef, onSummaryClick } =\n        useAnimatedDetails({\n            onOpenChange: (open, e) => {\n                setIsOpen(open);\n                if (onClick) {\n                    onClick(e, open);\n                }\n            },\n            isExpanded: expandOnMount,\n        });\n\n    return (\n        <details\n            data-testid=\"jkl-accordion-item\"\n            {...rest}\n            className={clsx(\"jkl-accordion-item\", className)}\n            ref={detailsRef}\n            id={id}\n        >\n            <summary\n                data-testid=\"jkl-accordion-item__title\"\n                className=\"jkl-accordion-item__title\"\n                onClick={onSummaryClick}\n                ref={summaryRef}\n            >\n                {title}\n                <ArrowVerticalAnimated\n                    className=\"jkl-accordion-item__arrow\"\n                    pointingDown={!isOpen}\n                    bold={isOpen}\n                />\n            </summary>\n            <div\n                data-testid=\"jkl-accordion-item__content-wrapper\"\n                className=\"jkl-accordion-item__content-wrapper\"\n                ref={contentRef}\n            >\n                <div className=\"jkl-accordion-item__content\">{children}</div>\n            </div>\n        </details>\n    );\n};\n"],"names":["children","title","className","startExpanded","onClick","id","rest","isOpen","setIsOpen","useState","expandOnMount","detailsRef","summaryRef","contentRef","onSummaryClick","useAnimatedDetails","onOpenChange","open","e","isExpanded","jsxs","clsx","ref","jsx","ArrowVerticalAnimated","pointingDown","bold"],"mappings":"uUAkBqD,EACjDA,SAAAA,EACAC,MAAAA,EACAC,UAAAA,EACAC,cAAAA,GAAgB,EAChBC,QAAAA,EACAC,GAAAA,KACGC,MAEH,MAAOC,EAAQC,GAAaC,WAASN,IAC9BO,GAAiBD,YAAS,IAAMN,KAE/BQ,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GACxCC,EAAAA,mBAAmB,CACfC,aAAc,CAACC,EAAMC,KACjBV,EAAUS,GACNb,GACAA,EAAQc,EAAGD,EAAI,EAGvBE,WAAYT,IAIhB,OAAAU,EAAAA,KAAC,UAAA,CACG,cAAY,wBACRd,EACJJ,UAAWmB,EAAAA,KAAK,qBAAsBnB,GACtCoB,IAAKX,EACLN,GAAAA,EAEAL,SAAA,CAAAoB,EAAAA,KAAC,UAAA,CACG,cAAY,4BACZlB,UAAU,4BACVE,QAASU,EACTQ,IAAKV,EAEJZ,SAAA,CAAAC,EACDsB,EAAAA,IAACC,EAAAA,sBAAA,CACGtB,UAAU,4BACVuB,cAAelB,EACfmB,KAAMnB,OAGdgB,EAAAA,IAAC,MAAA,CACG,cAAY,sCACZrB,UAAU,sCACVoB,IAAKT,EAELb,SAACuB,EAAAA,IAAA,MAAA,CAAIrB,UAAU,8BAA+BF,SAAAA,QAClD"}
+{"version":3,"file":"AccordionItem.cjs","sources":["../../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { FC, useState } from \"react\";\nimport { useAnimatedDetails } from \"../../hooks/useAnimatedDetails/useAnimatedDetails.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport { AccordionItemProps } from \"./types.js\";\n\n/**\n * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.\n * Bruk heller komponenten `Expandable.Content`.\n */\nexport const AccordionItem: FC<AccordionItemProps> = ({\n    children,\n    title,\n    className,\n    startExpanded = false,\n    onClick,\n    id,\n    ...rest\n}) => {\n    const [isOpen, setIsOpen] = useState(startExpanded);\n    const [expandOnMount] = useState(() => startExpanded);\n\n    const { detailsRef, summaryRef, contentRef, onSummaryClick } =\n        useAnimatedDetails({\n            onOpenChange: (open, e) => {\n                setIsOpen(open);\n                if (onClick) {\n                    onClick(e, open);\n                }\n            },\n            isExpanded: expandOnMount,\n        });\n\n    return (\n        <details\n            data-testid=\"jkl-accordion-item\"\n            {...rest}\n            className={clsx(\"jkl-accordion-item\", className)}\n            ref={detailsRef}\n            id={id}\n        >\n            <summary\n                data-testid=\"jkl-accordion-item__title\"\n                className=\"jkl-accordion-item__title\"\n                onClick={onSummaryClick}\n                ref={summaryRef}\n            >\n                {title}\n                <ArrowVerticalAnimated\n                    className=\"jkl-accordion-item__arrow\"\n                    pointingDown={!isOpen}\n                    bold={isOpen}\n                />\n            </summary>\n            <div\n                data-testid=\"jkl-accordion-item__content-wrapper\"\n                className=\"jkl-accordion-item__content-wrapper\"\n                ref={contentRef}\n            >\n                <div className=\"jkl-accordion-item__content\">{children}</div>\n            </div>\n        </details>\n    );\n};\n"],"names":["children","title","className","startExpanded","onClick","id","rest","isOpen","setIsOpen","useState","expandOnMount","detailsRef","summaryRef","contentRef","onSummaryClick","useAnimatedDetails","onOpenChange","open","e","isExpanded","jsxs","clsx","ref","jsx","ArrowVerticalAnimated","pointingDown","bold"],"mappings":"uUAUqD,EACjDA,SAAAA,EACAC,MAAAA,EACAC,UAAAA,EACAC,cAAAA,GAAgB,EAChBC,QAAAA,EACAC,GAAAA,KACGC,MAEH,MAAOC,EAAQC,GAAaC,WAASN,IAC9BO,GAAiBD,YAAS,IAAMN,KAE/BQ,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,eAAAA,GACxCC,EAAAA,mBAAmB,CACfC,aAAc,CAACC,EAAMC,KACjBV,EAAUS,GACNb,GACAA,EAAQc,EAAGD,EAAI,EAGvBE,WAAYT,IAIhB,OAAAU,EAAAA,KAAC,UAAA,CACG,cAAY,wBACRd,EACJJ,UAAWmB,EAAAA,KAAK,qBAAsBnB,GACtCoB,IAAKX,EACLN,GAAAA,EAEAL,SAAA,CAAAoB,EAAAA,KAAC,UAAA,CACG,cAAY,4BACZlB,UAAU,4BACVE,QAASU,EACTQ,IAAKV,EAEJZ,SAAA,CAAAC,EACDsB,EAAAA,IAACC,EAAAA,sBAAA,CACGtB,UAAU,4BACVuB,cAAelB,EACfmB,KAAMnB,OAGdgB,EAAAA,IAAC,MAAA,CACG,cAAY,sCACZrB,UAAU,sCACVoB,IAAKT,EAELb,SAACuB,EAAAA,IAAA,MAAA,CAAIrB,UAAU,8BAA+BF,SAAAA,QAClD"}

package/build/cjs/components/accordion/AccordionItem.d.cts

@@ -1,12 +1,5 @@
-import { default as React, FC } from 'react';
-import { WithChildren } from '../../core/types.cjs';
-export interface AccordionItemProps extends WithChildren {
-    title: string;
-    startExpanded?: boolean;
-    className?: string;
-    onClick?: (e: React.MouseEvent, isOpen: boolean) => void;
-    id?: string;
-}
+import { FC } from 'react';
+import { AccordionItemProps } from './types.cjs';
 /**
  * @deprecated Denne komponenten bør ikke brukes lenger, og vil ikke bli oppdatert.
  * Bruk heller komponenten `Expandable.Content`.

package/build/cjs/components/accordion/index.d.cts

@@ -1,2 +1,3 @@
-export { Accordion, type AccordionProps } from './Accordion.cjs';
-export { AccordionItem, type AccordionItemProps } from './AccordionItem.cjs';
+export { Accordion } from './Accordion.cjs';
+export { AccordionItem } from './AccordionItem.cjs';
+export type { AccordionProps, AccordionItemProps } from './types.cjs';

package/build/cjs/components/accordion/types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.cjs.map

package/build/cjs/components/accordion/types.cjs.map

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

package/build/cjs/components/accordion/types.d.cts

@@ -0,0 +1,13 @@
+import { Density, WithChildren } from '../../core/types.cjs';
+export interface AccordionProps extends WithChildren {
+    className?: string;
+    density?: Density;
+    id?: string;
+}
+export interface AccordionItemProps extends WithChildren {
+    title: string;
+    startExpanded?: boolean;
+    className?: string;
+    onClick?: (e: React.MouseEvent, isOpen: boolean) => void;
+    id?: string;
+}

package/build/cjs/components/autosuggest/Autosuggest.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Autosuggest.cjs","sources":["../../../../src/components/autosuggest/Autosuggest.tsx"],"sourcesContent":["import type { StateChangeOptions } from \"downshift\";\nimport React, { type ReactNode, useEffect, useState } from \"react\";\nimport type { Density } from \"../../core/types.js\";\nimport { LabelProps } from \"../input-group/Label.js\";\nimport type { SupportLabelProps } from \"../input-group/SupportLabel.js\";\nimport BaseAutosuggest from \"./BaseAutosuggest.js\";\nimport { filter } from \"./utils.js\";\n\nexport type CommonProps = (\n    | {\n          label: string;\n          labelProps?: Omit<\n              LabelProps,\n              \"children\" | \"density\" | \"htmlFor\" | \"standAlone\"\n          >;\n          inputId?: null;\n          labelId?: null;\n      }\n    | {\n          label?: null;\n          labelProps?: null;\n          inputId: string;\n          labelId: string;\n      }\n) & {\n    className?: string;\n    isOpen?: boolean;\n    /** @deprecated Bruk helpLabel eller flytt denne teksten ovenfor skjemafeltets label */\n    leadText?: string;\n    errorLabel?: string;\n    helpLabel?: string;\n    supportLabelProps?: Omit<\n        SupportLabelProps,\n        \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\"\n    >;\n    tooltip?: ReactNode;\n    variant?: \"large\" | \"medium\" | \"small\";\n    density?: Density;\n    placeholder?: string;\n    /** @deprecated Bruk noHits med text og evt. defaultverdier for items */\n    noHitsMessage?: ReactNode;\n    maxNumberOfHits?: number;\n    showDropdownControllerButton?: boolean;\n    onInputValueChange?: (inputValue: string) => void;\n    noHits?: { items: string[]; text: ReactNode };\n};\n\nexport interface AutosuggestStringItemProps {\n    allItems: string[];\n    value: string;\n    onChange?: (item: string) => void;\n    onStateChange?: (changes: StateChangeOptions<string>) => void;\n    onConfirm?: () => void;\n}\n\nexport type AutosuggestProps = CommonProps & AutosuggestStringItemProps;\n\nexport const Autosuggest = ({\n    allItems,\n    onChange = () => {\n        /* default noop */\n    },\n    onConfirm = () => {\n        /* noop */\n    },\n    onInputValueChange,\n    onStateChange,\n    value,\n    isOpen,\n    ...rest\n}: AutosuggestProps): JSX.Element => {\n    const [hits, setHits] = useState(allItems);\n\n    useEffect(() => setHits(allItems), [allItems]);\n\n    const handleStateChange = (changes: StateChangeOptions<string>) => {\n        if (onStateChange) {\n            onStateChange(changes);\n        }\n\n        if (changes.selectedItem !== undefined) {\n            onChange(changes.selectedItem || \"\");\n        } else if (changes.inputValue) {\n            setHits(filter(allItems, changes.inputValue));\n        }\n    };\n\n    const itemToString = (item: string | null) => (item ? item : \"\");\n\n    return (\n        <BaseAutosuggest\n            {...rest}\n            items={hits}\n            itemToString={itemToString}\n            onConfirm={onConfirm}\n            downshiftProps={{\n                selectedItem: value,\n                onInputValueChange,\n                onStateChange: handleStateChange,\n                isOpen,\n            }}\n        />\n    );\n};\n"],"names":["allItems","onChange","onConfirm","onInputValueChange","onStateChange","value","isOpen","rest","hits","setHits","useState","useEffect","jsx","BaseAutosuggest","items","itemToString","item","downshiftProps","selectedItem","changes","inputValue","filter"],"mappings":"wNAyD2B,EACvBA,SAAAA,EACAC,SAAAA,EAAW,SAGXC,UAAAA,EAAY,SAGZC,mBAAAA,EACAC,cAAAA,EACAC,MAAAA,EACAC,OAAAA,KACGC,MAEH,MAAOC,EAAMC,GAAWC,WAASV,GAEjCW,EAAAA,WAAU,IAAMF,EAAQT,IAAW,CAACA,IAiBhC,OAAAY,EAAAA,IAACC,EAAA,IACON,EACJO,MAAON,EACPO,aANcC,GAAyBA,GAAc,GAOrDd,UAAAA,EACAe,eAAgB,CACZC,aAAcb,EACdF,mBAAAA,EACAC,cAvBee,IACnBf,GACAA,EAAce,QAGW,IAAzBA,EAAQD,aACCjB,EAAAkB,EAAQD,cAAgB,IAC1BC,EAAQC,YACfX,EAAQY,EAAAA,OAAOrB,EAAUmB,EAAQC,YAAW,EAgBxCd,OAAAA,IACJ"}
+{"version":3,"file":"Autosuggest.cjs","sources":["../../../../src/components/autosuggest/Autosuggest.tsx"],"sourcesContent":["import type { StateChangeOptions } from \"downshift\";\nimport React, { useEffect, useState } from \"react\";\nimport BaseAutosuggest from \"./BaseAutosuggest.js\";\nimport { AutosuggestProps } from \"./types.js\";\nimport { filter } from \"./utils.js\";\n\nexport const Autosuggest = ({\n    allItems,\n    onChange = () => {\n        /* default noop */\n    },\n    onConfirm = () => {\n        /* noop */\n    },\n    onInputValueChange,\n    onStateChange,\n    value,\n    isOpen,\n    ...rest\n}: AutosuggestProps): JSX.Element => {\n    const [hits, setHits] = useState(allItems);\n\n    useEffect(() => setHits(allItems), [allItems]);\n\n    const handleStateChange = (changes: StateChangeOptions<string>) => {\n        if (onStateChange) {\n            onStateChange(changes);\n        }\n\n        if (changes.selectedItem !== undefined) {\n            onChange(changes.selectedItem || \"\");\n        } else if (changes.inputValue) {\n            setHits(filter(allItems, changes.inputValue));\n        }\n    };\n\n    const itemToString = (item: string | null) => (item ? item : \"\");\n\n    return (\n        <BaseAutosuggest\n            {...rest}\n            items={hits}\n            itemToString={itemToString}\n            onConfirm={onConfirm}\n            downshiftProps={{\n                selectedItem: value,\n                onInputValueChange,\n                onStateChange: handleStateChange,\n                isOpen,\n            }}\n        />\n    );\n};\n"],"names":["allItems","onChange","onConfirm","onInputValueChange","onStateChange","value","isOpen","rest","hits","setHits","useState","useEffect","jsx","BaseAutosuggest","items","itemToString","item","downshiftProps","selectedItem","changes","inputValue","filter"],"mappings":"wNAM2B,EACvBA,SAAAA,EACAC,SAAAA,EAAW,SAGXC,UAAAA,EAAY,SAGZC,mBAAAA,EACAC,cAAAA,EACAC,MAAAA,EACAC,OAAAA,KACGC,MAEH,MAAOC,EAAMC,GAAWC,WAASV,GAEjCW,EAAAA,WAAU,IAAMF,EAAQT,IAAW,CAACA,IAiBhC,OAAAY,EAAAA,IAACC,EAAA,IACON,EACJO,MAAON,EACPO,aANcC,GAAyBA,GAAc,GAOrDd,UAAAA,EACAe,eAAgB,CACZC,aAAcb,EACdF,mBAAAA,EACAC,cAvBee,IACnBf,GACAA,EAAce,QAGW,IAAzBA,EAAQD,aACCjB,EAAAkB,EAAQD,cAAgB,IAC1BC,EAAQC,YACfX,EAAQY,EAAAA,OAAOrB,EAAUmB,EAAQC,YAAW,EAgBxCd,OAAAA,IACJ"}

package/build/cjs/components/autosuggest/Autosuggest.d.cts

@@ -1,46 +1,2 @@
-import { StateChangeOptions } from 'downshift';
-import { ReactNode } from 'react';
-import { Density } from '../../core/types.cjs';
-import { LabelProps } from '../input-group/Label.cjs';
-import { SupportLabelProps } from '../input-group/SupportLabel.cjs';
-export type CommonProps = ({
-    label: string;
-    labelProps?: Omit<LabelProps, "children" | "density" | "htmlFor" | "standAlone">;
-    inputId?: null;
-    labelId?: null;
-} | {
-    label?: null;
-    labelProps?: null;
-    inputId: string;
-    labelId: string;
-}) & {
-    className?: string;
-    isOpen?: boolean;
-    /** @deprecated Bruk helpLabel eller flytt denne teksten ovenfor skjemafeltets label */
-    leadText?: string;
-    errorLabel?: string;
-    helpLabel?: string;
-    supportLabelProps?: Omit<SupportLabelProps, "id" | "errorLabel" | "helpLabel" | "density">;
-    tooltip?: ReactNode;
-    variant?: "large" | "medium" | "small";
-    density?: Density;
-    placeholder?: string;
-    /** @deprecated Bruk noHits med text og evt. defaultverdier for items */
-    noHitsMessage?: ReactNode;
-    maxNumberOfHits?: number;
-    showDropdownControllerButton?: boolean;
-    onInputValueChange?: (inputValue: string) => void;
-    noHits?: {
-        items: string[];
-        text: ReactNode;
-    };
-};
-export interface AutosuggestStringItemProps {
-    allItems: string[];
-    value: string;
-    onChange?: (item: string) => void;
-    onStateChange?: (changes: StateChangeOptions<string>) => void;
-    onConfirm?: () => void;
-}
-export type AutosuggestProps = CommonProps & AutosuggestStringItemProps;
+import { AutosuggestProps } from './types.cjs';
 export declare const Autosuggest: ({ allItems, onChange, onConfirm, onInputValueChange, onStateChange, value, isOpen, ...rest }: AutosuggestProps) => JSX.Element;