npm - @fremtind/jokul - Versions diffs - 3.0.0 → 3.2.0 - Mend

@fremtind/jokul 3.0.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (826) hide show

package/build/es/components/modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport type { IconButtonProps } from \"../icon-button/types.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport type {\n BaseModalProps,\n ModalConfig,\n ModalOverlayProps,\n ModalProps,\n} from \"./types.js\";\n\n/*\n Ment å brukes med `useModal`.\n /\nexport const ModalContainer = forwardRef<\n HTMLDivElement,\n ModalConfig[\"container\"] & BaseModalProps\n>(({ className, ...rest }, ref) => {\n // TODO: 'data-portal' fjernes når modalen tar i bruk Popover komponenten. Issue: https://github.com/fremtind/jokul/issues/4356\n return (\n <div\n className={clsx(\"jkl-modal-container\", className)}\n {...rest}\n ref={ref}\n data-portal\n />\n );\n});\nModalContainer.displayName = \"ModalContainer\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n ({ className, transparent, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-overlay\", className, {\n \"jkl-modal-overlay--transparent\": transparent,\n })}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalOverlay.displayName = \"ModalOverlay\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const Modal = forwardRef<HTMLElement, ModalConfig[\"modal\"] & ModalProps>(\n ({ className, component, padding, style, ...rest }, ref) => {\n const C = component \|\| \"div\";\n return (\n <C\n className={clsx(\"jkl jkl-modal\", className)}\n style={\n {\n \"--jkl-modal-padding\": padding\n ? `var(--jkl-spacing-${padding})`\n : undefined,\n ...style,\n } as React.CSSProperties\n }\n {...rest}\n ref={ref}\n />\n );\n },\n);\nModal.displayName = \"Modal\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const ModalHeader = forwardRef<HTMLDivElement, BaseModalProps>(\n ({ className, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-header\", className)}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalHeader.displayName = \"ModalHeader\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const ModalTitle = forwardRef<\n HTMLParagraphElement,\n ModalConfig[\"title\"] & BaseModalProps\n>(({ className, ...rest }, ref) => (\n <p className={clsx(\"jkl-modal-title\", className)} {...rest} ref={ref} />\n));\nModalTitle.displayName = \"ModalTitle\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const ModalCloseButton = forwardRef<\n HTMLButtonElement,\n Omit<ModalConfig[\"closeButton\"], \"onClick\"> &\n BaseModalProps &\n IconButtonProps\n>(({ className, ...rest }, ref) => (\n <IconButton\n className={clsx(\"jkl-modal-close\", className)}\n data-testautoid=\"jkl-modal-close\"\n {...rest}\n ref={ref}\n >\n <CloseIcon variant=\"medium\" />\n </IconButton>\n));\nModalCloseButton.displayName = \"ModalCloseButton\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const ModalBody = forwardRef<HTMLDivElement, BaseModalProps>(\n ({ className, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-body\", className)}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalBody.displayName = \"ModalBody\";\n\n/\n Ment å brukes med `useModal`.\n */\nexport const ModalActions = forwardRef<HTMLDivElement, BaseModalProps>(\n ({ className, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-actions\", className)}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalActions.displayName = \"ModalActions\";\n"],"names":["ModalContainer","forwardRef","className","rest","ref","jsx","clsx","displayName","ModalOverlay","transparent","Modal","component","padding","style","ModalHeader","ModalTitle","ModalCloseButton","IconButton","children","CloseIcon","variant","ModalBody","ModalActions"],"mappings":"~~0OAea~~,~~MAAAA~~,EAAiBC,~~GAG5B~~,EAAGC,UAAAA,KAAcC,GAAQC,IAGnBC,EAAC,MAAA,CACGH,UAAWI,EAAK,sBAAuBJ,MACnCC,EACJC,IAAAA,EACA,eAAW,~~MAIvBJ~~,EAAeO,YAAc,iBAKtB,MAAMC,EAAeP,~~GACxB~~,EAAGC,UAAAA,EAAWO,YAAAA,KAAgBN,GAAQC,IAClCC,EAAC,MAAA,CACGH,UAAWI,EAAK,oBAAqBJ,EAAW,CAC5C,iCAAkCO,OAElCN,EACJC,IAAAA,~~MAIZI~~,EAAaD,YAAc,eAKpB,MAAMG,EAAQT,~~GACjB~~,EAAGC,UAAAA,EAAWS,UAAAA,EAAWC,QAAAA,EAASC,MAAAA,KAAUV,GAAQC,IAG5CC,EAFMM,GAAa,MAElB,CACGT,UAAWI,EAAK,gBAAiBJ,GACjCW,MACI,CACI,sBAAuBD,EACjB,qBAAqBA,UACrB,KACHC,MAGPV,EACJC,IAAAA,~~MAKhBM~~,EAAMH,YAAc,QAKb,MAAMO,EAAcb,~~GACvB~~,EAAGC,UAAAA,KAAcC,GAAQC,IACrBC,EAAC,MAAA,CACGH,UAAWI,EAAK,mBAAoBJ,MAChCC,EACJC,IAAAA,~~MAIZU~~,EAAYP,YAAc,cAKnB,MAAMQ,EAAad,~~GAGxB~~,EAAGC,UAAAA,KAAcC,GAAQC,MACtB,~~IAAE~~,~~CAAAF~~,UAAWI,EAAK,kBAAmBJ,MAAgBC,EAAMC,IAAAA,~~MAEhEW~~,EAAWR,YAAc,~~aAKZ~~,~~MAAAS~~,EAAmBf,~~GAK9B~~,EAAGC,UAAAA,KAAcC,GAAQC,IACvBC,EAACY,EAAA,CACGf,UAAWI,EAAK,kBAAmBJ,GACnC,kBAAgB,qBACZC,EACJC,IAAAA,EAEAc,SAAAb,EAACc,~~EAAU~~,~~CAAAC~~,QAAQ,~~eAG3BJ~~,EAAiBT,YAAc,mBAKxB,MAAMc,EAAYpB,~~GACrB~~,EAAGC,UAAAA,KAAcC,GAAQC,IACrBC,EAAC,MAAA,CACGH,UAAWI,EAAK,iBAAkBJ,MAC9BC,EACJC,IAAAA,~~MAIZiB~~,EAAUd,YAAc,YAKjB,MAAMe,EAAerB,~~GACxB~~,EAAGC,UAAAA,KAAcC,GAAQC,IACrBC,EAAC,MAAA,CACGH,UAAWI,EAAK,oBAAqBJ,MACjCC,EACJC,IAAAA,~~MAIZkB~~,EAAaf,YAAc"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport type { IconButtonProps } from \"../icon-button/types.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport type {\n BaseModalProps,\n ModalConfig,\n ModalOverlayProps,\n ModalProps,\n} from \"./types.js\";\n\n/*\n Ment å brukes med `useModal`.\n /\nexport const ModalContainer = forwardRef<\n HTMLDivElement,\n ModalConfig[\"container\"] & BaseModalProps\n>(({ className, ...rest }, ref) => {\n // TODO: 'data-portal' fjernes når modalen tar i bruk Popover komponenten. Issue: https://github.com/fremtind/jokul/issues/4356\n return (\n <div\n className={clsx(\"jkl-modal-container\", className)}\n {...rest}\n ref={ref}\n data-portal\n />\n );\n});\nModalContainer.displayName = \"ModalContainer\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\n ({ className, transparent, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-overlay\", className, {\n \"jkl-modal-overlay--transparent\": transparent,\n })}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalOverlay.displayName = \"ModalOverlay\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const Modal = forwardRef<HTMLElement, ModalConfig[\"modal\"] & ModalProps>(\n ({ className, component, padding, style, ...rest }, ref) => {\n const C = component \|\| \"div\";\n return (\n <C\n className={clsx(\"jkl jkl-modal\", className)}\n style={\n {\n \"--jkl-modal-padding\": padding\n ? `var(--jkl-spacing-${padding})`\n : undefined,\n ...style,\n } as React.CSSProperties\n }\n {...rest}\n ref={ref}\n />\n );\n },\n);\nModal.displayName = \"Modal\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const ModalHeader = forwardRef<HTMLDivElement, BaseModalProps>(\n ({ className, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-header\", className)}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalHeader.displayName = \"ModalHeader\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const ModalTitle = forwardRef<\n HTMLParagraphElement,\n ModalConfig[\"title\"] & BaseModalProps\n>(({ className, ...rest }, ref) => (\n <p className={clsx(\"jkl-modal-title\", className)} {...rest} ref={ref} />\n));\nModalTitle.displayName = \"ModalTitle\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const ModalCloseButton = forwardRef<\n HTMLButtonElement,\n Omit<ModalConfig[\"closeButton\"], \"onClick\"> &\n BaseModalProps &\n IconButtonProps\n>(({ className, ...rest }, ref) => (\n <IconButton\n className={clsx(\"jkl-modal-close\", className)}\n data-testautoid=\"jkl-modal-close\"\n {...rest}\n ref={ref}\n >\n <CloseIcon variant=\"medium\" />\n </IconButton>\n));\nModalCloseButton.displayName = \"ModalCloseButton\";\n\n/\n Ment å brukes med `useModal`.\n /\nexport const ModalBody = forwardRef<HTMLDivElement, BaseModalProps>(\n ({ className, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-body\", className)}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalBody.displayName = \"ModalBody\";\n\n/\n Ment å brukes med `useModal`.\n */\nexport const ModalActions = forwardRef<HTMLDivElement, BaseModalProps>(\n ({ className, ...rest }, ref) => (\n <div\n className={clsx(\"jkl-modal-actions\", className)}\n {...rest}\n ref={ref}\n />\n ),\n);\nModalActions.displayName = \"ModalActions\";\n"],"names":["ModalContainer","forwardRef","className","rest","ref","jsx","clsx","displayName","ModalOverlay","transparent","Modal","component","padding","style","ModalHeader","ModalTitle","ModalCloseButton","IconButton","children","CloseIcon","variant","ModalBody","ModalActions"],"mappings":"0OAeO,MAAMA,EAAiBC,EAG5B,EAAGC,UAAAA,KAAcC,GAAQC,IAGnBC,EAAC,MAAA,CACGH,UAAWI,EAAK,sBAAuBJ,MACnCC,EACJC,IAAAA,EACA,eAAW,KAIvBJ,EAAeO,YAAc,iBAKtB,MAAMC,EAAeP,EACxB,EAAGC,UAAAA,EAAWO,YAAAA,KAAgBN,GAAQC,IAClCC,EAAC,MAAA,CACGH,UAAWI,EAAK,oBAAqBJ,EAAW,CAC5C,iCAAkCO,OAElCN,EACJC,IAAAA,KAIZI,EAAaD,YAAc,eAKpB,MAAMG,EAAQT,EACjB,EAAGC,UAAAA,EAAWS,UAAAA,EAAWC,QAAAA,EAASC,MAAAA,KAAUV,GAAQC,IAG5CC,EAFMM,GAAa,MAElB,CACGT,UAAWI,EAAK,gBAAiBJ,GACjCW,MACI,CACI,sBAAuBD,EACjB,qBAAqBA,UACrB,KACHC,MAGPV,EACJC,IAAAA,KAKhBM,EAAMH,YAAc,QAKb,MAAMO,EAAcb,EACvB,EAAGC,UAAAA,KAAcC,GAAQC,IACrBC,EAAC,MAAA,CACGH,UAAWI,EAAK,mBAAoBJ,MAChCC,EACJC,IAAAA,KAIZU,EAAYP,YAAc,cAKnB,MAAMQ,EAAad,EAGxB,EAAGC,UAAAA,KAAcC,GAAQC,MACtB,IAAA,CAAEF,UAAWI,EAAK,kBAAmBJ,MAAgBC,EAAMC,IAAAA,KAEhEW,EAAWR,YAAc,aAKlB,MAAMS,EAAmBf,EAK9B,EAAGC,UAAAA,KAAcC,GAAQC,IACvBC,EAACY,EAAA,CACGf,UAAWI,EAAK,kBAAmBJ,GACnC,kBAAgB,qBACZC,EACJC,IAAAA,EAEAc,SAAAb,EAACc,EAAA,CAAUC,QAAQ,cAG3BJ,EAAiBT,YAAc,mBAKxB,MAAMc,EAAYpB,EACrB,EAAGC,UAAAA,KAAcC,GAAQC,IACrBC,EAAC,MAAA,CACGH,UAAWI,EAAK,iBAAkBJ,MAC9BC,EACJC,IAAAA,KAIZiB,EAAUd,YAAc,YAKjB,MAAMe,EAAerB,EACxB,EAAGC,UAAAA,KAAcC,GAAQC,IACrBC,EAAC,MAAA,CACGH,UAAWI,EAAK,oBAAqBJ,MACjCC,EACJC,IAAAA,KAIZkB,EAAaf,YAAc"}

package/build/es/components/modal/useModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useModal.js","sources":["../../../../src/components/modal/useModal.ts"],"sourcesContent":["import { useA11yDialog } from \"react-a11y-dialog\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport type { ModalConfig, UseModalOptions } from \"./types.js\";\n\nexport type ModalInstance = ReturnType<typeof useModal>[0];\n\n/*\n @example\n * ```jsx\n * const heading = \"Bekreft sletting\";\n * const [instance, { title, overlay, container, modal, closeButton }] = useModal({ title: heading });\n \n useEffect(() => {\n * if (!instance) {\n * return;\n * }\n * instance.show();\n * }, [instance]);\n \n return ReactDOM.createPortal(\n * <ModalContainer {...container}>\n * <ModalOverlay {...overlay} />\n * <Modal {...modal}>\n * <ModalHeader>\n * <ModalTitle {...title}>{heading}</ModalTitle>\n * <ModalCloseButton {...closeButton} />\n * </ModalHeader>\n * <ModalBody>\n * Er du sikker på at du vil slette Foo Bar Baz?\n * </ModalBody>\n * <ModalActions>\n * <PrimaryButton\n * onClick={() => {\n * // Do the thing\n * instance?.hide()\n * }}\n * >\n * Bekreft\n * </PrimaryButton>\n * <TertiaryButton onClick={() => instance?.hide()}>\n * Avbryt\n * </TertiaryButton>\n * </ModalActions>\n * </Modal>\n * </ModalContainer>,\n * document.body,\n * );\n * ```\n */\nexport function useModal(props: UseModalOptions) {\n const {\n id: idProp,\n role = \"dialog\",\n closeButtonLabel = \"Lukk\",\n ...rest\n } = props;\n\n const id = useId(idProp \|\| \"jkl-modal\", { generateSuffix: !idProp });\n\n const [instance, config] = useA11yDialog({\n id,\n role,\n ...rest,\n });\n\n const { dialog, ...restConfig } = config;\n\n const modalConfig: ModalConfig = {\n modal: config.dialog,\n ...restConfig,\n closeButton: {\n ...config.closeButton,\n \"aria-label\": closeButtonLabel,\n },\n };\n\n return [instance, modalConfig] as const;\n}\n"],"names":["useModal","props","id","idProp","role","closeButtonLabel","rest","useId","generateSuffix","instance","config","useA11yDialog","dialog","restConfig","modal","closeButton"],"mappings":"qGAiDO,SAASA,EAASC,~~GACf~~,~~MACFC~~,GAAIC,EACJC,KAAAA,EAAO,SACPC,iBAAAA,EAAmB,UAChBC,GACHL,EAEEC,EAAKK,EAAMJ,GAAU,YAAa,CAAEK,gBAAiBL,KAEpDM,EAAUC,GAAUC,EAAc,CACrCT,GAAAA,EACAE,KAAAA,KACGE,KAGCM,OAAAA,KAAWC,GAAeH,~~EAW3B~~,~~MAAA~~,CAACD,EATyB,CAC7BK,MAAOJ,EAAOE,UACXC,EACHE,YAAa,IACNL,EAAOK,YACV,aAAcV,IAK1B"}
1	+ {"version":3,"file":"useModal.js","sources":["../../../../src/components/modal/useModal.ts"],"sourcesContent":["import { useA11yDialog } from \"react-a11y-dialog\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport type { ModalConfig, UseModalOptions } from \"./types.js\";\n\nexport type ModalInstance = ReturnType<typeof useModal>[0];\n\n/*\n @example\n * ```jsx\n * const heading = \"Bekreft sletting\";\n * const [instance, { title, overlay, container, modal, closeButton }] = useModal({ title: heading });\n \n useEffect(() => {\n * if (!instance) {\n * return;\n * }\n * instance.show();\n * }, [instance]);\n \n return ReactDOM.createPortal(\n * <ModalContainer {...container}>\n * <ModalOverlay {...overlay} />\n * <Modal {...modal}>\n * <ModalHeader>\n * <ModalTitle {...title}>{heading}</ModalTitle>\n * <ModalCloseButton {...closeButton} />\n * </ModalHeader>\n * <ModalBody>\n * Er du sikker på at du vil slette Foo Bar Baz?\n * </ModalBody>\n * <ModalActions>\n * <PrimaryButton\n * onClick={() => {\n * // Do the thing\n * instance?.hide()\n * }}\n * >\n * Bekreft\n * </PrimaryButton>\n * <TertiaryButton onClick={() => instance?.hide()}>\n * Avbryt\n * </TertiaryButton>\n * </ModalActions>\n * </Modal>\n * </ModalContainer>,\n * document.body,\n * );\n * ```\n */\nexport function useModal(props: UseModalOptions) {\n const {\n id: idProp,\n role = \"dialog\",\n closeButtonLabel = \"Lukk\",\n ...rest\n } = props;\n\n const id = useId(idProp \|\| \"jkl-modal\", { generateSuffix: !idProp });\n\n const [instance, config] = useA11yDialog({\n id,\n role,\n ...rest,\n });\n\n const { dialog, ...restConfig } = config;\n\n const modalConfig: ModalConfig = {\n modal: config.dialog,\n ...restConfig,\n closeButton: {\n ...config.closeButton,\n \"aria-label\": closeButtonLabel,\n },\n };\n\n return [instance, modalConfig] as const;\n}\n"],"names":["useModal","props","id","idProp","role","closeButtonLabel","rest","useId","generateSuffix","instance","config","useA11yDialog","dialog","restConfig","modal","closeButton"],"mappings":"qGAiDO,SAASA,EAASC,GACrB,MACIC,GAAIC,EACJC,KAAAA,EAAO,SACPC,iBAAAA,EAAmB,UAChBC,GACHL,EAEEC,EAAKK,EAAMJ,GAAU,YAAa,CAAEK,gBAAiBL,KAEpDM,EAAUC,GAAUC,EAAc,CACrCT,GAAAA,EACAE,KAAAA,KACGE,KAGCM,OAAAA,KAAWC,GAAeH,EAWlC,MAAO,CAACD,EATyB,CAC7BK,MAAOJ,EAAOE,UACXC,EACHE,YAAa,IACNL,EAAOK,YACV,aAAcV,IAK1B"}

package/build/es/components/nav-link/NavLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,jsx as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import c from"react";import{ArrowRightIcon as s}from"../icon/icons/ArrowRightIcon.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{ArrowLeftIcon as r}from"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.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/MinusIcon.js";import"../icon/icons/OpenInNewIcon.js";import"../icon/icons/PenIcon.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/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/WarningIcon.js";const t=c.forwardRef((function(c,t){const{active:m=!1,back:a=!1,className:e,children:j,as:p="a",...I}=c;return o(p,{ref:t,className:i("jkl-nav-link",{"jkl-nav-link--active":m,"jkl-nav-link--back":a},e),...I,children:[a&&n(r,{variant:"small",className:"jkl-nav-link__icon"}),j,!a&&n(s,{variant:"small",className:"jkl-nav-link__icon"})]})}));export{t as NavLink};
+import{jsxs as o,jsx as n}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import c from"react";import{ArrowRightIcon as s}from"../icon/icons/ArrowRightIcon.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{ArrowLeftIcon as r}from"../icon/icons/ArrowLeftIcon.js";import"../icon/icons/ArrowNorthEastIcon.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/MinusIcon.js";import"../icon/icons/OpenInNewIcon.js";import"../icon/icons/PenIcon.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/ThumbDownIcon.js";import"../icon/icons/ThumbUpIcon.js";import"../icon/icons/TrashCanIcon.js";import"../icon/icons/WarningIcon.js";const t=c.forwardRef(function(c,t){const{active:m=!1,back:a=!1,className:e,children:j,as:p="a",...I}=c;return o(p,{ref:t,className:i("jkl-nav-link",{"jkl-nav-link--active":m,"jkl-nav-link--back":a},e),...I,children:[a&&n(r,{variant:"small",className:"jkl-nav-link__icon"}),j,!a&&n(s,{variant:"small",className:"jkl-nav-link__icon"})]})});export{t as NavLink};
 //# sourceMappingURL=NavLink.js.map

package/build/es/components/nav-link/NavLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavLink.js","sources":["../../../../src/components/nav-link/NavLink.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\nimport { ArrowLeftIcon } from \"../icon/index.js\";\nimport type { NavLinkProps } from \"./types.js\";\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n props: NavLinkProps<ElementType>,\n) => React.ReactElement \| null;\n\nexport const NavLink = React.forwardRef(function NavLink<\n ElementType extends React.ElementType = \"a\",\n>(props: NavLinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n active = false,\n back = false,\n className,\n children,\n as = \"a\",\n ...rest\n } = props;\n const Component = as;\n\n return (\n <Component\n ref={ref}\n className={clsx(\n \"jkl-nav-link\",\n {\n \"jkl-nav-link--active\": active,\n \"jkl-nav-link--back\": back,\n },\n className,\n )}\n {...rest}\n >\n {back && (\n <ArrowLeftIcon variant=\"small\" className=\"jkl-nav-link__icon\" />\n )}\n {children}\n {!back && (\n <ArrowRightIcon\n variant=\"small\"\n className=\"jkl-nav-link__icon\"\n />\n )}\n </Component>\n );\n}) as LinkComponent;\n"],"names":["NavLink","React","forwardRef","props","ref","active","back","className","children","as","rest","jsxs","clsx","jsx","ArrowLeftIcon","variant","ArrowRightIcon"],"mappings":"ghDAWO,MAAMA,EAAUC,EAAMC,~~YAAW~~,SAEtCC,EAAkCC,~~GAC1B~~,~~MACFC~~,OAAAA,GAAS,EACTC,KAAAA,GAAO,EACPC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHP,~~EAIA~~,~~OAAAQ~~,EAHcF,EAGb,CACGL,IAAAA,EACAG,UAAWK,EACP,eACA,CACI,uBAAwBP,EACxB,qBAAsBC,GAE1BC,MAEAG,EAEHF,SAAA,CAAAF,~~GACIO~~,~~EAAAC~~,EAAA,CAAcC,QAAQ,QAAQR,UAAU,uBAE5CC,GACCF,GACEO,EAACG,EAAA,CACGD,QAAQ,QACRR,UAAU,yBAK9B"}
1	+ {"version":3,"file":"NavLink.js","sources":["../../../../src/components/nav-link/NavLink.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\nimport { ArrowLeftIcon } from \"../icon/index.js\";\nimport type { NavLinkProps } from \"./types.js\";\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n props: NavLinkProps<ElementType>,\n) => React.ReactElement \| null;\n\nexport const NavLink = React.forwardRef(function NavLink<\n ElementType extends React.ElementType = \"a\",\n>(props: NavLinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n active = false,\n back = false,\n className,\n children,\n as = \"a\",\n ...rest\n } = props;\n const Component = as;\n\n return (\n <Component\n ref={ref}\n className={clsx(\n \"jkl-nav-link\",\n {\n \"jkl-nav-link--active\": active,\n \"jkl-nav-link--back\": back,\n },\n className,\n )}\n {...rest}\n >\n {back && (\n <ArrowLeftIcon variant=\"small\" className=\"jkl-nav-link__icon\" />\n )}\n {children}\n {!back && (\n <ArrowRightIcon\n variant=\"small\"\n className=\"jkl-nav-link__icon\"\n />\n )}\n </Component>\n );\n}) as LinkComponent;\n"],"names":["NavLink","React","forwardRef","props","ref","active","back","className","children","as","rest","jsxs","clsx","jsx","ArrowLeftIcon","variant","ArrowRightIcon"],"mappings":"ghDAWO,MAAMA,EAAUC,EAAMC,WAAW,SAEtCC,EAAkCC,GAChC,MACIC,OAAAA,GAAS,EACTC,KAAAA,GAAO,EACPC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHP,EAGJ,OACIQ,EAHcF,EAGb,CACGL,IAAAA,EACAG,UAAWK,EACP,eACA,CACI,uBAAwBP,EACxB,qBAAsBC,GAE1BC,MAEAG,EAEHF,SAAA,CAAAF,GACGO,EAACC,EAAA,CAAcC,QAAQ,QAAQR,UAAU,uBAE5CC,GACCF,GACEO,EAACG,EAAA,CACGD,QAAQ,QACRR,UAAU,yBAK9B"}

package/build/es/components/pagination/PageButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageButton.js","sources":["../../../../src/components/pagination/PageButton.tsx"],"sourcesContent":["import React, { clsx } from \"clsx\";\nimport type { FC, MouseEventHandler } from \"react\";\n\nexport const PageButton: FC<{\n isActive: boolean;\n number: number;\n onClick: MouseEventHandler;\n total: number;\n}> = ({ isActive, number, onClick, total }) => (\n <li aria-setsize={total} aria-posinset={number}>\n <button\n className={clsx(\"jkl-pagination-button\", {\n \"jkl-pagination-button--current\": isActive,\n })}\n aria-current={isActive}\n type=\"button\"\n onClick={onClick}\n tabIndex={isActive ? -1 : 0}\n aria-disabled={isActive}\n title={`side ${number}`}\n >\n <span aria-hidden={true}>{number}</span>\n </button>\n </li>\n);\n"],"names":["PageButton","isActive","number","onClick","total","jsx","children","className","clsx","type","tabIndex","title"],"mappings":"sFAGO,MAAMA,EAKR,EAAGC,SAAAA,EAAUC,OAAAA,EAAQC,QAAAA,EAASC,MAAAA,~~KAC9BC~~,~~EAAA~~,KAAA,CAAG,eAAcD,EAAO,gBAAeF,EACpCI,SAAAD,EAAC,SAAA,CACGE,UAAWC,EAAK,wBAAyB,CACrC,iCAAkCP,IAEtC,eAAcA,EACdQ,KAAK,SACLN,QAAAA,EACAO,SAAUT,~~GAAgB~~,~~EAAA~~,EAC1B,gBAAeA,EACfU,MAAO,QAAQT,IAEfI,~~SAACD~~,~~EAAA~~,OAAA,CAAK,eAAa,EAAOC,~~SAAOJ~~"}
1	+ {"version":3,"file":"PageButton.js","sources":["../../../../src/components/pagination/PageButton.tsx"],"sourcesContent":["import React, { clsx } from \"clsx\";\nimport type { FC, MouseEventHandler } from \"react\";\n\nexport const PageButton: FC<{\n isActive: boolean;\n number: number;\n onClick: MouseEventHandler;\n total: number;\n}> = ({ isActive, number, onClick, total }) => (\n <li aria-setsize={total} aria-posinset={number}>\n <button\n className={clsx(\"jkl-pagination-button\", {\n \"jkl-pagination-button--current\": isActive,\n })}\n aria-current={isActive}\n type=\"button\"\n onClick={onClick}\n tabIndex={isActive ? -1 : 0}\n aria-disabled={isActive}\n title={`side ${number}`}\n >\n <span aria-hidden={true}>{number}</span>\n </button>\n </li>\n);\n"],"names":["PageButton","isActive","number","onClick","total","jsx","children","className","clsx","type","tabIndex","title"],"mappings":"sFAGO,MAAMA,EAKR,EAAGC,SAAAA,EAAUC,OAAAA,EAAQC,QAAAA,EAASC,MAAAA,KAC/BC,EAAC,KAAA,CAAG,eAAcD,EAAO,gBAAeF,EACpCI,SAAAD,EAAC,SAAA,CACGE,UAAWC,EAAK,wBAAyB,CACrC,iCAAkCP,IAEtC,eAAcA,EACdQ,KAAK,SACLN,QAAAA,EACAO,SAAUT,GAAW,EAAK,EAC1B,gBAAeA,EACfU,MAAO,QAAQT,IAEfI,SAAAD,EAAC,OAAA,CAAK,eAAa,EAAOC,SAAAJ"}

package/build/es/components/pagination/Pagination.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as a}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import e,{useEffect as i}from"react";import{IconButton as o}from"../icon-button/IconButton.js";import{ChevronLeftIcon as r}from"../icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as s}from"../icon/icons/ChevronRightIcon.js";import{PageButton as l}from"./PageButton.js";const c=e.forwardRef((function({onPageChange:e,currentPage:c,numberOfPages:m,labels:u={previous:"Forrige side",next:"Neste side"},as:p,className:d,...g},h){i((()=>{c<1&&console.error("[Pagination]: currentPage prop should be set to a value larger than 0"),c>m&&console.error("[Pagination]: currentPage prop should not be set to a value larger than numberOfPages")}),[c,m]);const b=p||"nav";if(m<=7)return n(b,{ref:h,...g,className:t("jkl-pagination",d),children:[a(o,{className:"jkl-pagination-button",title:u.previous,onClick:()=>e(c-1,c),"aria-disabled":1===c,tabIndex:1===c?-1:0,children:a(r,{})}),a("ol",{className:"jkl-pagination__pages",children:Array.from({length:m}).map(((n,t)=>{const i=t+1;return a(l,{isActive:c===i,number:i,total:m,onClick:()=>e(i,c)},t)}))}),a(o,{className:"jkl-pagination-button",title:u.next,onClick:()=>e(c+1,c),"aria-disabled":c===m,tabIndex:c===m?-1:0,children:a(s,{})})]});const k=c>4,f=c<m-3,j=Math.min(Math.max(c-2,2),m-5),v=Math.min(j+1,m-4),C=Math.min(v+1,m-3),x=Math.min(v+2,m-2),N=Math.min(v+3,m-1);return n(b,{ref:h,...g,className:"jkl-pagination",children:[a(o,{className:"jkl-pagination-button",title:u.previous,onClick:()=>e(c-1,c),"aria-disabled":1===c,tabIndex:1===c?-1:0,children:a(r,{})}),n("ol",{className:"jkl-pagination__pages",children:[a(l,{isActive:1===c,number:1,total:m,onClick:()=>e(1,c)}),k?a("span",{"aria-hidden":!0,className:"jkl-pagination-button--elipsis",children:"..."}):a(l,{isActive:c===j,number:j,total:m,onClick:()=>e(j,c)}),a(l,{isActive:c===v,number:v,total:m,onClick:()=>e(v,c)}),a(l,{isActive:c===C,number:C,total:m,onClick:()=>e(C,c)}),a(l,{isActive:c===x,number:x,total:m,onClick:()=>e(x,c)}),f?a("span",{"aria-hidden":!0,className:"jkl-pagination-button--elipsis",children:"..."}):a(l,{isActive:c===N,number:N,total:m,onClick:()=>e(N,c)}),a(l,{isActive:c===m,number:m,total:m,onClick:()=>e(m,c)})]}),a(o,{className:"jkl-pagination-button",title:u.next,onClick:()=>e(c+1,c),"aria-disabled":c===m,tabIndex:c===m?-1:0,children:a(s,{})})]})}));export{c as Pagination};
+import{jsxs as n,jsx as a}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import e,{useEffect as i}from"react";import{IconButton as o}from"../icon-button/IconButton.js";import{ChevronLeftIcon as r}from"../icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as s}from"../icon/icons/ChevronRightIcon.js";import{PageButton as l}from"./PageButton.js";const c=e.forwardRef(function({onPageChange:e,currentPage:c,numberOfPages:m,labels:u={previous:"Forrige side",next:"Neste side"},as:p,className:d,...g},h){i(()=>{c<1&&console.error("[Pagination]: currentPage prop should be set to a value larger than 0"),c>m&&console.error("[Pagination]: currentPage prop should not be set to a value larger than numberOfPages")},[c,m]);const b=p||"nav";if(m<=7)return n(b,{ref:h,...g,className:t("jkl-pagination",d),children:[a(o,{className:"jkl-pagination-button",title:u.previous,onClick:()=>e(c-1,c),"aria-disabled":1===c,tabIndex:1===c?-1:0,children:a(r,{})}),a("ol",{className:"jkl-pagination__pages",children:Array.from({length:m}).map((n,t)=>{const i=t+1;return a(l,{isActive:c===i,number:i,total:m,onClick:()=>e(i,c)},t)})}),a(o,{className:"jkl-pagination-button",title:u.next,onClick:()=>e(c+1,c),"aria-disabled":c===m,tabIndex:c===m?-1:0,children:a(s,{})})]});const k=c>4,f=c<m-3,j=Math.min(Math.max(c-2,2),m-5),v=Math.min(j+1,m-4),C=Math.min(v+1,m-3),x=Math.min(v+2,m-2),N=Math.min(v+3,m-1);return n(b,{ref:h,...g,className:"jkl-pagination",children:[a(o,{className:"jkl-pagination-button",title:u.previous,onClick:()=>e(c-1,c),"aria-disabled":1===c,tabIndex:1===c?-1:0,children:a(r,{})}),n("ol",{className:"jkl-pagination__pages",children:[a(l,{isActive:1===c,number:1,total:m,onClick:()=>e(1,c)}),k?a("span",{"aria-hidden":!0,className:"jkl-pagination-button--elipsis",children:"..."}):a(l,{isActive:c===j,number:j,total:m,onClick:()=>e(j,c)}),a(l,{isActive:c===v,number:v,total:m,onClick:()=>e(v,c)}),a(l,{isActive:c===C,number:C,total:m,onClick:()=>e(C,c)}),a(l,{isActive:c===x,number:x,total:m,onClick:()=>e(x,c)}),f?a("span",{"aria-hidden":!0,className:"jkl-pagination-button--elipsis",children:"..."}):a(l,{isActive:c===N,number:N,total:m,onClick:()=>e(N,c)}),a(l,{isActive:c===m,number:m,total:m,onClick:()=>e(m,c)})]}),a(o,{className:"jkl-pagination-button",title:u.next,onClick:()=>e(c+1,c),"aria-disabled":c===m,tabIndex:c===m?-1:0,children:a(s,{})})]})});export{c as Pagination};
 //# sourceMappingURL=Pagination.js.map

package/build/es/components/pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { ChevronLeftIcon } from \"../icon/icons/ChevronLeftIcon.js\";\nimport { ChevronRightIcon } from \"../icon/icons/ChevronRightIcon.js\";\nimport { PageButton } from \"./PageButton.js\";\nimport type { PaginationProps } from \"./types.js\";\n\ntype PaginationComponent = <ElementType extends React.ElementType = \"nav\">(\n props: PaginationProps<ElementType>,\n) => React.ReactElement \| null;\n\nexport const Pagination = React.forwardRef(function Pagination<\n ElementType extends React.ElementType = \"nav\",\n>(\n {\n onPageChange,\n currentPage,\n numberOfPages,\n labels = {\n previous: \"Forrige side\",\n next: \"Neste side\",\n },\n as,\n className,\n ...rest\n }: PaginationProps<ElementType>,\n ref?: PolymorphicRef<ElementType>,\n) {\n useEffect(() => {\n if (currentPage < 1) {\n console.error(\n \"[Pagination]: currentPage prop should be set to a value larger than 0\",\n );\n }\n if (currentPage > numberOfPages) {\n console.error(\n \"[Pagination]: currentPage prop should not be set to a value larger than numberOfPages\",\n );\n }\n }, [currentPage, numberOfPages]);\n\n const Component = as \|\| \"nav\";\n\n if (numberOfPages <= 7) {\n return (\n <Component\n ref={ref}\n {...rest}\n className={clsx(\"jkl-pagination\", className)}\n >\n <IconButton\n className=\"jkl-pagination-button\"\n title={labels.previous}\n onClick={() => onPageChange(currentPage - 1, currentPage)}\n aria-disabled={currentPage === 1}\n tabIndex={currentPage === 1 ? -1 : 0}\n >\n <ChevronLeftIcon />\n </IconButton>\n <ol className=\"jkl-pagination__pages\">\n {Array.from({ length: numberOfPages }).map((_, index) => {\n const page = index + 1;\n return (\n <PageButton\n key={index}\n isActive={currentPage === page}\n number={page}\n total={numberOfPages}\n onClick={() => onPageChange(page, currentPage)}\n />\n );\n })}\n </ol>\n <IconButton\n className=\"jkl-pagination-button\"\n title={labels.next}\n onClick={() => onPageChange(currentPage + 1, currentPage)}\n aria-disabled={currentPage === numberOfPages}\n tabIndex={currentPage === numberOfPages ? -1 : 0}\n >\n <ChevronRightIcon />\n </IconButton>\n </Component>\n );\n }\n\n const showStartEllipsis = currentPage > 4;\n const showEndEllipsis = currentPage < numberOfPages - 3;\n\n const startEllipsis = Math.min(\n Math.max(currentPage - 2, 2),\n numberOfPages - 5,\n );\n const centerPageNumberStart = Math.min(\n startEllipsis + 1,\n numberOfPages - 4,\n );\n const centerPageNumber = Math.min(\n centerPageNumberStart + 1,\n numberOfPages - 3,\n );\n const centerPageNumberEnd = Math.min(\n centerPageNumberStart + 2,\n numberOfPages - 2,\n );\n const endEllipsis = Math.min(centerPageNumberStart + 3, numberOfPages - 1);\n\n return (\n <Component ref={ref} {...rest} className=\"jkl-pagination\">\n <IconButton\n className=\"jkl-pagination-button\"\n title={labels.previous}\n onClick={() => onPageChange(currentPage - 1, currentPage)}\n aria-disabled={currentPage === 1}\n tabIndex={currentPage === 1 ? -1 : 0}\n >\n <ChevronLeftIcon />\n </IconButton>\n <ol className=\"jkl-pagination__pages\">\n <PageButton\n isActive={currentPage === 1}\n number={1}\n total={numberOfPages}\n onClick={() => onPageChange(1, currentPage)}\n />\n {showStartEllipsis ? (\n <span\n aria-hidden\n className=\"jkl-pagination-button--elipsis\"\n >\n {\"...\"}\n </span>\n ) : (\n <PageButton\n isActive={currentPage === startEllipsis}\n number={startEllipsis}\n total={numberOfPages}\n onClick={() => onPageChange(startEllipsis, currentPage)}\n />\n )}\n <PageButton\n isActive={currentPage === centerPageNumberStart}\n number={centerPageNumberStart}\n total={numberOfPages}\n onClick={() =>\n onPageChange(centerPageNumberStart, currentPage)\n }\n />\n <PageButton\n isActive={currentPage === centerPageNumber}\n number={centerPageNumber}\n total={numberOfPages}\n onClick={() => onPageChange(centerPageNumber, currentPage)}\n />\n <PageButton\n isActive={currentPage === centerPageNumberEnd}\n number={centerPageNumberEnd}\n total={numberOfPages}\n onClick={() =>\n onPageChange(centerPageNumberEnd, currentPage)\n }\n />\n {showEndEllipsis ? (\n <span\n aria-hidden\n className=\"jkl-pagination-button--elipsis\"\n >\n {\"...\"}\n </span>\n ) : (\n <PageButton\n isActive={currentPage === endEllipsis}\n number={endEllipsis}\n total={numberOfPages}\n onClick={() => onPageChange(endEllipsis, currentPage)}\n />\n )}\n <PageButton\n isActive={currentPage === numberOfPages}\n number={numberOfPages}\n total={numberOfPages}\n onClick={() => onPageChange(numberOfPages, currentPage)}\n />\n </ol>\n <IconButton\n className=\"jkl-pagination-button\"\n title={labels.next}\n onClick={() => onPageChange(currentPage + 1, currentPage)}\n aria-disabled={currentPage === numberOfPages}\n tabIndex={currentPage === numberOfPages ? -1 : 0}\n >\n <ChevronRightIcon />\n </IconButton>\n </Component>\n );\n}) as PaginationComponent;\n"],"names":["Pagination","React","forwardRef","onPageChange","currentPage","numberOfPages","labels","previous","next","as","className","rest","ref","useEffect","console","error","Component","jsxs","clsx","children","jsx","IconButton","title","onClick","tabIndex","ChevronLeftIcon","from","length","map","_","index","page","PageButton","isActive","number","total","ChevronRightIcon","showStartEllipsis","showEndEllipsis","startEllipsis","Math","min","max","centerPageNumberStart","centerPageNumber","centerPageNumberEnd","endEllipsis"],"mappings":"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"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { ChevronLeftIcon } from \"../icon/icons/ChevronLeftIcon.js\";\nimport { ChevronRightIcon } from \"../icon/icons/ChevronRightIcon.js\";\nimport { PageButton } from \"./PageButton.js\";\nimport type { PaginationProps } from \"./types.js\";\n\ntype PaginationComponent = <ElementType extends React.ElementType = \"nav\">(\n props: PaginationProps<ElementType>,\n) => React.ReactElement \| null;\n\nexport const Pagination = React.forwardRef(function Pagination<\n ElementType extends React.ElementType = \"nav\",\n>(\n {\n onPageChange,\n currentPage,\n numberOfPages,\n labels = {\n previous: \"Forrige side\",\n next: \"Neste side\",\n },\n as,\n className,\n ...rest\n }: PaginationProps<ElementType>,\n ref?: PolymorphicRef<ElementType>,\n) {\n useEffect(() => {\n if (currentPage < 1) {\n console.error(\n \"[Pagination]: currentPage prop should be set to a value larger than 0\",\n );\n }\n if (currentPage > numberOfPages) {\n console.error(\n \"[Pagination]: currentPage prop should not be set to a value larger than numberOfPages\",\n );\n }\n }, [currentPage, numberOfPages]);\n\n const Component = as \|\| \"nav\";\n\n if (numberOfPages <= 7) {\n return (\n <Component\n ref={ref}\n {...rest}\n className={clsx(\"jkl-pagination\", className)}\n >\n <IconButton\n className=\"jkl-pagination-button\"\n title={labels.previous}\n onClick={() => onPageChange(currentPage - 1, currentPage)}\n aria-disabled={currentPage === 1}\n tabIndex={currentPage === 1 ? -1 : 0}\n >\n <ChevronLeftIcon />\n </IconButton>\n <ol className=\"jkl-pagination__pages\">\n {Array.from({ length: numberOfPages }).map((_, index) => {\n const page = index + 1;\n return (\n <PageButton\n key={index}\n isActive={currentPage === page}\n number={page}\n total={numberOfPages}\n onClick={() => onPageChange(page, currentPage)}\n />\n );\n })}\n </ol>\n <IconButton\n className=\"jkl-pagination-button\"\n title={labels.next}\n onClick={() => onPageChange(currentPage + 1, currentPage)}\n aria-disabled={currentPage === numberOfPages}\n tabIndex={currentPage === numberOfPages ? -1 : 0}\n >\n <ChevronRightIcon />\n </IconButton>\n </Component>\n );\n }\n\n const showStartEllipsis = currentPage > 4;\n const showEndEllipsis = currentPage < numberOfPages - 3;\n\n const startEllipsis = Math.min(\n Math.max(currentPage - 2, 2),\n numberOfPages - 5,\n );\n const centerPageNumberStart = Math.min(\n startEllipsis + 1,\n numberOfPages - 4,\n );\n const centerPageNumber = Math.min(\n centerPageNumberStart + 1,\n numberOfPages - 3,\n );\n const centerPageNumberEnd = Math.min(\n centerPageNumberStart + 2,\n numberOfPages - 2,\n );\n const endEllipsis = Math.min(centerPageNumberStart + 3, numberOfPages - 1);\n\n return (\n <Component ref={ref} {...rest} className=\"jkl-pagination\">\n <IconButton\n className=\"jkl-pagination-button\"\n title={labels.previous}\n onClick={() => onPageChange(currentPage - 1, currentPage)}\n aria-disabled={currentPage === 1}\n tabIndex={currentPage === 1 ? -1 : 0}\n >\n <ChevronLeftIcon />\n </IconButton>\n <ol className=\"jkl-pagination__pages\">\n <PageButton\n isActive={currentPage === 1}\n number={1}\n total={numberOfPages}\n onClick={() => onPageChange(1, currentPage)}\n />\n {showStartEllipsis ? (\n <span\n aria-hidden\n className=\"jkl-pagination-button--elipsis\"\n >\n {\"...\"}\n </span>\n ) : (\n <PageButton\n isActive={currentPage === startEllipsis}\n number={startEllipsis}\n total={numberOfPages}\n onClick={() => onPageChange(startEllipsis, currentPage)}\n />\n )}\n <PageButton\n isActive={currentPage === centerPageNumberStart}\n number={centerPageNumberStart}\n total={numberOfPages}\n onClick={() =>\n onPageChange(centerPageNumberStart, currentPage)\n }\n />\n <PageButton\n isActive={currentPage === centerPageNumber}\n number={centerPageNumber}\n total={numberOfPages}\n onClick={() => onPageChange(centerPageNumber, currentPage)}\n />\n <PageButton\n isActive={currentPage === centerPageNumberEnd}\n number={centerPageNumberEnd}\n total={numberOfPages}\n onClick={() =>\n onPageChange(centerPageNumberEnd, currentPage)\n }\n />\n {showEndEllipsis ? (\n <span\n aria-hidden\n className=\"jkl-pagination-button--elipsis\"\n >\n {\"...\"}\n </span>\n ) : (\n <PageButton\n isActive={currentPage === endEllipsis}\n number={endEllipsis}\n total={numberOfPages}\n onClick={() => onPageChange(endEllipsis, currentPage)}\n />\n )}\n <PageButton\n isActive={currentPage === numberOfPages}\n number={numberOfPages}\n total={numberOfPages}\n onClick={() => onPageChange(numberOfPages, currentPage)}\n />\n </ol>\n <IconButton\n className=\"jkl-pagination-button\"\n title={labels.next}\n onClick={() => onPageChange(currentPage + 1, currentPage)}\n aria-disabled={currentPage === numberOfPages}\n tabIndex={currentPage === numberOfPages ? -1 : 0}\n >\n <ChevronRightIcon />\n </IconButton>\n </Component>\n );\n}) as PaginationComponent;\n"],"names":["Pagination","React","forwardRef","onPageChange","currentPage","numberOfPages","labels","previous","next","as","className","rest","ref","useEffect","console","error","Component","jsxs","clsx","children","jsx","IconButton","title","onClick","tabIndex","ChevronLeftIcon","from","length","map","_","index","page","PageButton","isActive","number","total","ChevronRightIcon","showStartEllipsis","showEndEllipsis","startEllipsis","Math","min","max","centerPageNumberStart","centerPageNumber","centerPageNumberEnd","endEllipsis"],"mappings":"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"}

package/build/es/components/popover/Popover.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useMergeRefs as t,FloatingPortal as n,FloatingFocusManager as o,useFloating as s,autoUpdate as r,offset as a,flip as i,shift as l,useClick as c,useHover as u,useFocus as d,useDismiss as p,useRole as f,useInteractions as m}from"@floating-ui/react";import{c as g}from"../../../clsx-BeLtu-UY.js";import*as h from"react";import{getThemeAndDensity as v}from"../../utilities/getThemeAndDensity.js";const x=h.createContext(null),y=()=>{const e=h.useContext(x);if(null==e)throw new Error("Popover komponenter må brukes innenfor en <Popover /> komponent");return e},F=({children:t,...n})=>{const o=(({open:e,onOpenChange:t,placement:n="bottom-start",strategy:o="absolute",modal:g=!0,offset:v=4,positionReference:x,hoverOptions:y,focusOptions:F,clickOptions:R,roleOptions:b,dismissOptions:k})=>{const[C,O]=h.useState(e),P=e??C,E=t??O,j=s({open:P,onOpenChange:E,placement:n,strategy:o,middleware:[a(v),i({padding:5,fallbackPlacements:["bottom","top"]}),l({padding:12})],whileElementsMounted:r}),w=j.context,M=c(w,{enabled:!1,...R}),D=u(w,{enabled:!1,...y}),T=d(w,{enabled:!1,...F}),A=p(w,k),N=f(w,b),S=m([M,A,T,D,N]);return h.useLayoutEffect((()=>{x&&j.refs.setPositionReference(x?.current)}),[x,j.refs]),h.useMemo((()=>({open:P,onOpenChange:E,modal:g,...S,...j})),[P,E,g,S,j])})({...n});return e(x.Provider,{value:o,children:t})},R=h.forwardRef((function({children:n,asChild:o=!1,...s},r){const{refs:a,getReferenceProps:i,open:l,onOpenChange:c}=y(),u=n.ref,d=t([a.setReference,r,u]);return o&&h.isValidElement(n)?h.cloneElement(n,i({ref:d,...s,...n.props})):e("button",{ref:d,onClick:()=>c?.(!l),"aria-expanded":l,...i(s),children:n})})),b=h.forwardRef((function({style:s,className:r,padding:a=0,initialFocus:i=0,returnFocus:l=!0,...c},u){const{context:d,modal:p,refs:f,open:m,floatingStyles:x,getFloatingProps:F}=y(),R=t([f.setFloating,u]),b=f.reference.current,{theme:k,density:C}=v((P=b)&&"contextElement"in P?b.contextElement:b),O=h.useRef(null);var P;return h.useEffect((()=>{O.current=d.elements.domReference?.closest("[data-portal]")||document.body}),[d.elements.domReference]),m?e(n,{root:O.current,children:e(o,{context:d,modal:p,initialFocus:i,returnFocus:l,children:e("div",{"data-theme":k,"data-layout-density":C,className:g("jkl jkl-popover",r),ref:R,style:{...s,...x,"--popover-padding":`var(--jkl-spacing-${a})`},...F(c),children:c.children})})}):null}));F.Trigger=R,F.Content=b;export{F as Popover,F as default};
+import{jsx as e}from"react/jsx-runtime";import{useMergeRefs as t,FloatingPortal as n,FloatingFocusManager as o,useFloating as s,autoUpdate as r,offset as a,flip as i,shift as l,useClick as c,useHover as u,useFocus as d,useDismiss as p,useRole as f,useInteractions as m}from"@floating-ui/react";import{c as g}from"../../../clsx-BeLtu-UY.js";import*as h from"react";import{getThemeAndDensity as v}from"../../utilities/getThemeAndDensity.js";const x=h.createContext(null),y=()=>{const e=h.useContext(x);if(null==e)throw new Error("Popover komponenter må brukes innenfor en <Popover /> komponent");return e},F=({children:t,...n})=>{const o=(({open:e,onOpenChange:t,placement:n="bottom-start",strategy:o="absolute",modal:g=!0,offset:v=4,positionReference:x,hoverOptions:y,focusOptions:F,clickOptions:R,roleOptions:b,dismissOptions:k})=>{const[C,O]=h.useState(e),P=e??C,E=t??O,j=s({open:P,onOpenChange:E,placement:n,strategy:o,middleware:[a(v),i({padding:5,fallbackPlacements:["bottom","top"]}),l({padding:12})],whileElementsMounted:r}),w=j.context,M=c(w,{enabled:!1,...R}),D=u(w,{enabled:!1,...y}),T=d(w,{enabled:!1,...F}),A=p(w,k),N=f(w,b),S=m([M,A,T,D,N]);return h.useLayoutEffect(()=>{x&&j.refs.setPositionReference(x?.current)},[x,j.refs]),h.useMemo(()=>({open:P,onOpenChange:E,modal:g,...S,...j}),[P,E,g,S,j])})({...n});return e(x.Provider,{value:o,children:t})},R=h.forwardRef(function({children:n,asChild:o=!1,...s},r){const{refs:a,getReferenceProps:i,open:l,onOpenChange:c}=y(),u=n.ref,d=t([a.setReference,r,u]);return o&&h.isValidElement(n)?h.cloneElement(n,i({ref:d,...s,...n.props})):e("button",{ref:d,onClick:()=>c?.(!l),"aria-expanded":l,...i(s),children:n})}),b=h.forwardRef(function({style:s,className:r,padding:a=0,initialFocus:i=0,returnFocus:l=!0,...c},u){const{context:d,modal:p,refs:f,open:m,floatingStyles:x,getFloatingProps:F}=y(),R=t([f.setFloating,u]),b=f.reference.current,{theme:k,density:C}=v((P=b)&&"contextElement"in P?b.contextElement:b),O=h.useRef(null);var P;return h.useEffect(()=>{O.current=d.elements.domReference?.closest("[data-portal]")||document.body},[d.elements.domReference]),m?e(n,{root:O.current,children:e(o,{context:d,modal:p,initialFocus:i,returnFocus:l,children:e("div",{"data-theme":k,"data-layout-density":C,className:g("jkl jkl-popover",r),ref:R,style:{...s,...x,"--popover-padding":`var(--jkl-spacing-${a})`},...F(c),children:c.children})})}):null});F.Trigger=R,F.Content=b;export{F as Popover,F as default};
 //# sourceMappingURL=Popover.js.map

package/build/es/components/popover/Popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.js","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n FloatingFocusManager,\n FloatingPortal,\n type ReferenceElement,\n type VirtualElement,\n autoUpdate,\n flip,\n offset,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useMergeRefs,\n useRole,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport type { PopoverOptions } from \"./types.js\";\n\nconst usePopover = ({\n open: _open,\n onOpenChange: _onOpenChange,\n placement = \"bottom-start\",\n strategy = \"absolute\",\n modal = true,\n offset: _offset = 4,\n positionReference,\n hoverOptions,\n focusOptions,\n clickOptions,\n roleOptions,\n dismissOptions,\n}: PopoverOptions) => {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n const open = _open ?? uncontrolledOpen;\n const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n const data = useFloating({\n open,\n onOpenChange,\n placement,\n strategy,\n middleware: [\n offset(_offset),\n flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n shift({ padding: 12 }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const context = data.context;\n\n const click = useClick(context, {\n enabled: false,\n ...clickOptions,\n });\n const hover = useHover(context, { enabled: false, ...hoverOptions });\n const focus = useFocus(context, { enabled: false, ...focusOptions });\n const dismiss = useDismiss(context, dismissOptions);\n const role = useRole(context, roleOptions);\n\n const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n React.useLayoutEffect(() => {\n if (positionReference) {\n data.refs.setPositionReference(positionReference?.current);\n }\n }, [positionReference, data.refs]);\n\n return React.useMemo(\n () => ({\n open,\n onOpenChange,\n modal,\n ...interactions,\n ...data,\n }),\n [open, onOpenChange, modal, interactions, data],\n );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> \| null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n const context = React.useContext(PopoverContext);\n\n if (context == null) {\n throw new Error(\n \"Popover komponenter må brukes innenfor en <Popover /> komponent\",\n );\n }\n\n return context;\n};\n\nexport const Popover = ({\n children,\n ...restOptions\n}: {\n children: React.ReactNode;\n} & PopoverOptions) => {\n const popover = usePopover({ ...restOptions });\n return (\n <PopoverContext.Provider value={popover}>\n {children}\n </PopoverContext.Provider>\n );\n};\n\ninterface PopoverTriggerProps {\n children: React.ReactNode;\n /*\n Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.\n \n Default er `false`.\n \n @example\n * ```tsx\n * <Component asChild foo=\"bar\">\n * <Child baz=\"qux\" />\n * </Component>\n \n // Rendrer følgende:\n * <Child foo=\"bar\" baz=\"qux\" />\n * ```\n /\n asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<\n HTMLElement,\n React.HTMLProps<HTMLElement> & PopoverTriggerProps\n>(function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(\n children,\n getReferenceProps({\n ref,\n ...props,\n ...children.props,\n }),\n );\n }\n\n return (\n <button\n ref={ref}\n onClick={() => onOpenChange?.(!open)}\n aria-expanded={open}\n {...getReferenceProps(props)}\n >\n {children}\n </button>\n );\n});\n\ninterface PopoverContentProps {\n /\n Padding rundt innholdet i popoveren.\n \n Default er `0`.\n /\n padding?: 0 \| 8 \| 16 \| 24;\n /\n \n * Angir hvilket element som skal motta fokus ved åpning.\n * Kan være en tabbar index eller en referanse til et element.\"\n \n Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.\n * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus\n /\n initialFocus?: number \| React.RefObject<HTMLElement>;\n /\n Angir om fokus skal returneres til triggeren når popoveren lukkes.\n \n Default er `true`.\n * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus\n */\n returnFocus?: boolean;\n}\n\n// Er popover-elementet posisjonert i forhold til et annet element enn triggeren?\nconst isCustomPositioned = (\n referenceElement: ReferenceElement,\n): referenceElement is VirtualElement => {\n if (!referenceElement) return false;\n\n return \"contextElement\" in referenceElement;\n};\n\nconst PopoverContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLProps<HTMLDivElement> & PopoverContentProps\n>(function PopoverContent(\n {\n style,\n className,\n padding = 0,\n initialFocus = 0,\n returnFocus = true,\n ...props\n },\n propRef,\n) {\n const { context, modal, refs, open, floatingStyles, getFloatingProps } =\n usePopoverContext();\n const ref = useMergeRefs([refs.setFloating, propRef]);\n\n const referenceElement = refs.reference.current as ReferenceElement;\n\n const { theme, density } = isCustomPositioned(referenceElement)\n ? getThemeAndDensity(referenceElement.contextElement)\n : getThemeAndDensity(referenceElement);\n\n const floatingPortalRef = React.useRef<HTMLElement \| null>(null);\n\n // TODO: Løser et problem hvor nestede portaler ikke \"fester\" seg til det nærmeste portal-elementet. Fjernes når alle komponenter som rendres i en portal tar i bruk popover komponenten da den håndterer dette internt. Issue: https://github.com/fremtind/jokul/issues/4356\n React.useEffect(() => {\n floatingPortalRef.current =\n context.elements.domReference?.closest<HTMLElement>(\n \"[data-portal]\",\n ) \|\| document.body;\n }, [context.elements.domReference]);\n\n if (!open) return null;\n\n return (\n <FloatingPortal root={floatingPortalRef.current}>\n <FloatingFocusManager\n context={context}\n modal={modal}\n initialFocus={initialFocus}\n returnFocus={returnFocus}\n >\n <div\n data-theme={theme}\n data-layout-density={density}\n className={clsx(\"jkl jkl-popover\", className)}\n ref={ref}\n style={\n {\n ...style,\n ...floatingStyles,\n \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n } as React.CSSProperties\n }\n {...getFloatingProps(props)}\n >\n {props.children}\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n );\n});\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","positionReference","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useLayoutEffect","refs","setPositionReference","current","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","initialFocus","returnFocus","floatingStyles","getFloatingProps","setFloating","referenceElement","reference","theme","density","getThemeAndDensity","contextElement","floatingPortalRef","useRef","useEffect","elements","domReference","closest","document","body","FloatingPortal","root","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"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"}
1	+ {"version":3,"file":"Popover.js","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n FloatingFocusManager,\n FloatingPortal,\n type ReferenceElement,\n type VirtualElement,\n autoUpdate,\n flip,\n offset,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useMergeRefs,\n useRole,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport type { PopoverOptions } from \"./types.js\";\n\nconst usePopover = ({\n open: _open,\n onOpenChange: _onOpenChange,\n placement = \"bottom-start\",\n strategy = \"absolute\",\n modal = true,\n offset: _offset = 4,\n positionReference,\n hoverOptions,\n focusOptions,\n clickOptions,\n roleOptions,\n dismissOptions,\n}: PopoverOptions) => {\n const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n const open = _open ?? uncontrolledOpen;\n const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n const data = useFloating({\n open,\n onOpenChange,\n placement,\n strategy,\n middleware: [\n offset(_offset),\n flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n shift({ padding: 12 }),\n ],\n whileElementsMounted: autoUpdate,\n });\n\n const context = data.context;\n\n const click = useClick(context, {\n enabled: false,\n ...clickOptions,\n });\n const hover = useHover(context, { enabled: false, ...hoverOptions });\n const focus = useFocus(context, { enabled: false, ...focusOptions });\n const dismiss = useDismiss(context, dismissOptions);\n const role = useRole(context, roleOptions);\n\n const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n React.useLayoutEffect(() => {\n if (positionReference) {\n data.refs.setPositionReference(positionReference?.current);\n }\n }, [positionReference, data.refs]);\n\n return React.useMemo(\n () => ({\n open,\n onOpenChange,\n modal,\n ...interactions,\n ...data,\n }),\n [open, onOpenChange, modal, interactions, data],\n );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> \| null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n const context = React.useContext(PopoverContext);\n\n if (context == null) {\n throw new Error(\n \"Popover komponenter må brukes innenfor en <Popover /> komponent\",\n );\n }\n\n return context;\n};\n\nexport const Popover = ({\n children,\n ...restOptions\n}: {\n children: React.ReactNode;\n} & PopoverOptions) => {\n const popover = usePopover({ ...restOptions });\n return (\n <PopoverContext.Provider value={popover}>\n {children}\n </PopoverContext.Provider>\n );\n};\n\ninterface PopoverTriggerProps {\n children: React.ReactNode;\n /*\n Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.\n \n Default er `false`.\n \n @example\n * ```tsx\n * <Component asChild foo=\"bar\">\n * <Child baz=\"qux\" />\n * </Component>\n \n // Rendrer følgende:\n * <Child foo=\"bar\" baz=\"qux\" />\n * ```\n /\n asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<\n HTMLElement,\n React.HTMLProps<HTMLElement> & PopoverTriggerProps\n>(function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n const childrenRef = (children as any).ref;\n const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n if (asChild && React.isValidElement(children)) {\n return React.cloneElement(\n children,\n getReferenceProps({\n ref,\n ...props,\n ...children.props,\n }),\n );\n }\n\n return (\n <button\n ref={ref}\n onClick={() => onOpenChange?.(!open)}\n aria-expanded={open}\n {...getReferenceProps(props)}\n >\n {children}\n </button>\n );\n});\n\ninterface PopoverContentProps {\n /\n Padding rundt innholdet i popoveren.\n \n Default er `0`.\n /\n padding?: 0 \| 8 \| 16 \| 24;\n /\n \n * Angir hvilket element som skal motta fokus ved åpning.\n * Kan være en tabbar index eller en referanse til et element.\"\n \n Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.\n * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus\n /\n initialFocus?: number \| React.RefObject<HTMLElement>;\n /\n Angir om fokus skal returneres til triggeren når popoveren lukkes.\n \n Default er `true`.\n * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus\n */\n returnFocus?: boolean;\n}\n\n// Er popover-elementet posisjonert i forhold til et annet element enn triggeren?\nconst isCustomPositioned = (\n referenceElement: ReferenceElement,\n): referenceElement is VirtualElement => {\n if (!referenceElement) return false;\n\n return \"contextElement\" in referenceElement;\n};\n\nconst PopoverContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLProps<HTMLDivElement> & PopoverContentProps\n>(function PopoverContent(\n {\n style,\n className,\n padding = 0,\n initialFocus = 0,\n returnFocus = true,\n ...props\n },\n propRef,\n) {\n const { context, modal, refs, open, floatingStyles, getFloatingProps } =\n usePopoverContext();\n const ref = useMergeRefs([refs.setFloating, propRef]);\n\n const referenceElement = refs.reference.current as ReferenceElement;\n\n const { theme, density } = isCustomPositioned(referenceElement)\n ? getThemeAndDensity(referenceElement.contextElement)\n : getThemeAndDensity(referenceElement);\n\n const floatingPortalRef = React.useRef<HTMLElement \| null>(null);\n\n // TODO: Løser et problem hvor nestede portaler ikke \"fester\" seg til det nærmeste portal-elementet. Fjernes når alle komponenter som rendres i en portal tar i bruk popover komponenten da den håndterer dette internt. Issue: https://github.com/fremtind/jokul/issues/4356\n React.useEffect(() => {\n floatingPortalRef.current =\n context.elements.domReference?.closest<HTMLElement>(\n \"[data-portal]\",\n ) \|\| document.body;\n }, [context.elements.domReference]);\n\n if (!open) return null;\n\n return (\n <FloatingPortal root={floatingPortalRef.current}>\n <FloatingFocusManager\n context={context}\n modal={modal}\n initialFocus={initialFocus}\n returnFocus={returnFocus}\n >\n <div\n data-theme={theme}\n data-layout-density={density}\n className={clsx(\"jkl jkl-popover\", className)}\n ref={ref}\n style={\n {\n ...style,\n ...floatingStyles,\n \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n } as React.CSSProperties\n }\n {...getFloatingProps(props)}\n >\n {props.children}\n </div>\n </FloatingFocusManager>\n </FloatingPortal>\n );\n});\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","positionReference","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useLayoutEffect","refs","setPositionReference","current","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","initialFocus","returnFocus","floatingStyles","getFloatingProps","setFloating","referenceElement","reference","theme","density","getThemeAndDensity","contextElement","floatingPortalRef","useRef","useEffect","elements","domReference","closest","document","body","FloatingPortal","root","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"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"}

package/build/es/components/progress-bar/ProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { ProgressBarProps } from \"./types.js\";\n\nexport const calculatePercentage = (current: number, total: number): number =>\n total === 0 ? 0 : (current * 100) / total;\n\nexport const ProgressBar: FC<ProgressBarProps> = ({\n \"aria-valuenow\": value,\n \"aria-valuemin\": min = 0,\n \"aria-valuemax\": max = 100,\n title = \"Fremdrift\",\n className,\n ...rest\n}) => {\n const trackerWidth = `${calculatePercentage(value, max)}%`;\n\n return (\n <div\n tabIndex={0}\n className={`jkl-progress-bar ${className ?? \"\"}`}\n role=\"progressbar\"\n title={title}\n aria-valuenow={value}\n aria-valuemin={min}\n aria-valuemax={max}\n data-testid=\"jkl-progress-bar\"\n {...rest}\n >\n <span\n className=\"jkl-progress-bar__tracker\"\n style={{ width: trackerWidth }}\n data-testid=\"jkl-progress-bar__tracker\"\n />\n </div>\n );\n};\n"],"names":["calculatePercentage","current","total","ProgressBar","value","min","max","title","className","rest","trackerWidth","jsx","tabIndex","role","children","style","width"],"mappings":"~~sDAGa~~,~~MAAAA~~,EAAsB,CAACC,EAAiBC,IACvC,IAAVA,EAAc,EAAe,IAAVD,EAAiBC,EAE3BC,EAAoC,EAC7C,gBAAiBC,EACjB,gBAAiBC,EAAM,EACvB,gBAAiBC,EAAM,IACvBC,MAAAA,EAAQ,YACRC,UAAAA,KACGC,MAEH,MAAMC,EAAe,GAAGV,EAAoBI,EAAOE,~~MAG/C~~,~~OAAAK~~,EAAC,MAAA,CACGC,SAAU,EACVJ,UAAW,oBAAoBA,GAAa,KAC5CK,KAAK,cACLN,MAAAA,EACA,gBAAeH,EACf,gBAAeC,EACf,gBAAeC,EACf,cAAY,sBACRG,EAEJK,SAAAH,EAAC,OAAA,CACGH,UAAU,4BACVO,MAAO,CAAEC,MAAON,GAChB,cAAY~~,+BAEpB~~"}
1	+ {"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type { ProgressBarProps } from \"./types.js\";\n\nexport const calculatePercentage = (current: number, total: number): number =>\n total === 0 ? 0 : (current * 100) / total;\n\nexport const ProgressBar: FC<ProgressBarProps> = ({\n \"aria-valuenow\": value,\n \"aria-valuemin\": min = 0,\n \"aria-valuemax\": max = 100,\n title = \"Fremdrift\",\n className,\n ...rest\n}) => {\n const trackerWidth = `${calculatePercentage(value, max)}%`;\n\n return (\n <div\n tabIndex={0}\n className={`jkl-progress-bar ${className ?? \"\"}`}\n role=\"progressbar\"\n title={title}\n aria-valuenow={value}\n aria-valuemin={min}\n aria-valuemax={max}\n data-testid=\"jkl-progress-bar\"\n {...rest}\n >\n <span\n className=\"jkl-progress-bar__tracker\"\n style={{ width: trackerWidth }}\n data-testid=\"jkl-progress-bar__tracker\"\n />\n </div>\n );\n};\n"],"names":["calculatePercentage","current","total","ProgressBar","value","min","max","title","className","rest","trackerWidth","jsx","tabIndex","role","children","style","width"],"mappings":"sDAGO,MAAMA,EAAsB,CAACC,EAAiBC,IACvC,IAAVA,EAAc,EAAe,IAAVD,EAAiBC,EAE3BC,EAAoC,EAC7C,gBAAiBC,EACjB,gBAAiBC,EAAM,EACvB,gBAAiBC,EAAM,IACvBC,MAAAA,EAAQ,YACRC,UAAAA,KACGC,MAEH,MAAMC,EAAe,GAAGV,EAAoBI,EAAOE,MAEnD,OACIK,EAAC,MAAA,CACGC,SAAU,EACVJ,UAAW,oBAAoBA,GAAa,KAC5CK,KAAK,cACLN,MAAAA,EACA,gBAAeH,EACf,gBAAeC,EACf,gBAAeC,EACf,cAAY,sBACRG,EAEJK,SAAAH,EAAC,OAAA,CACGH,UAAU,4BACVO,MAAO,CAAEC,MAAON,GAChB,cAAY"}

package/build/es/components/radio-button/BaseRadioButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as e}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import{forwardRef as o}from"react";import{useId as i}from"../../hooks/useId/useId.js";const s=o(((o,s)=>{const{id:n,className:r,checked:d,children:l,label:u,density:c,inline:m,invalid:j,name:b,value:k,onChange:h,...p}=o,_=i(n||"jkl-radio-button",{generateSuffix:!n});return a("div",{className:t("jkl-radio-button",r,{"jkl-radio-button--inline":m,"jkl-radio-button--error":j}),"data-density":c,children:[e("input",{name:b,ref:s,...p,id:_,className:"jkl-radio-button__input",type:"radio",onChange:h,value:k,checked:d}),a("label",{"data-testid":"jkl-radio-button__label-tag",htmlFor:_,className:"jkl-radio-button__label",children:[e("span",{"aria-hidden":!0,className:"jkl-radio-button__dot"}),e("span",{className:"jkl-radio-button__text",children:u||l})]})]})}));s.displayName="BaseRadioButton";export{s as BaseRadioButton};
+import{jsxs as a,jsx as e}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import{forwardRef as o}from"react";import{useId as i}from"../../hooks/useId/useId.js";const s=o((o,s)=>{const{id:n,className:r,checked:d,children:l,label:u,density:c,inline:m,invalid:j,name:b,value:k,onChange:h,...p}=o,_=i(n||"jkl-radio-button",{generateSuffix:!n});return a("div",{className:t("jkl-radio-button",r,{"jkl-radio-button--inline":m,"jkl-radio-button--error":j}),"data-density":c,children:[e("input",{name:b,ref:s,...p,id:_,className:"jkl-radio-button__input",type:"radio",onChange:h,value:k,checked:d}),a("label",{"data-testid":"jkl-radio-button__label-tag",htmlFor:_,className:"jkl-radio-button__label",children:[e("span",{"aria-hidden":!0,className:"jkl-radio-button__dot"}),e("span",{className:"jkl-radio-button__text",children:u||l})]})]})});s.displayName="BaseRadioButton";export{s as BaseRadioButton};
 //# sourceMappingURL=BaseRadioButton.js.map

package/build/es/components/radio-button/BaseRadioButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseRadioButton.js","sources":["../../../../src/components/radio-button/BaseRadioButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport type { BaseRadioButtonProps } from \"./types.js\";\n\nexport const BaseRadioButton = forwardRef<\n HTMLInputElement,\n BaseRadioButtonProps\n>((props, ref) => {\n const {\n id,\n className,\n checked,\n children,\n label,\n density,\n inline,\n invalid,\n name,\n value,\n onChange,\n ...rest\n } = props;\n\n const inputId = useId(id \|\| \"jkl-radio-button\", { generateSuffix: !id });\n\n return (\n <div\n className={clsx(\"jkl-radio-button\", className, {\n \"jkl-radio-button--inline\": inline,\n \"jkl-radio-button--error\": invalid,\n })}\n data-density={density}\n >\n <input\n name={name}\n ref={ref}\n {...rest}\n id={inputId}\n className=\"jkl-radio-button__input\"\n type=\"radio\"\n onChange={onChange}\n value={value}\n checked={checked}\n />\n <label\n data-testid=\"jkl-radio-button__label-tag\"\n htmlFor={inputId}\n className=\"jkl-radio-button__label\"\n >\n <span aria-hidden className=\"jkl-radio-button__dot\" />\n <span className=\"jkl-radio-button__text\">\n {label \|\| children}\n </span>\n </label>\n </div>\n );\n});\n\nBaseRadioButton.displayName = \"BaseRadioButton\";\n"],"names":["BaseRadioButton","forwardRef","props","ref","id","className","checked","children","label","density","inline","invalid","name","value","onChange","rest","inputId","useId","generateSuffix","jsxs","clsx","jsx","type","htmlFor","displayName"],"mappings":"sLAKO,MAAMA,EAAkBC,~~GAG7B~~,CAACC,EAAOC,~~KACA~~,~~MACFC~~,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,KACGC,GACHb,EAEEc,EAAUC,EAAMb,GAAM,mBAAoB,CAAEc,gBAAiBd,~~IAG/D~~,~~OAAAe~~,EAAC,MAAA,CACGd,UAAWe,EAAK,mBAAoBf,EAAW,CAC3C,2BAA4BK,EAC5B,0BAA2BC,IAE/B,eAAcF,EAEdF,SAAA,CAAAc,EAAC,QAAA,CACGT,KAAAA,EACAT,IAAAA,KACIY,EACJX,GAAIY,EACJX,UAAU,0BACViB,KAAK,QACLR,SAAAA,EACAD,MAAAA,EACAP,QAAAA,IAEJa,EAAC,QAAA,CACG,cAAY,8BACZI,QAASP,EACTX,UAAU,0BAEVE,SAAA,CAAAc,EAAC,~~OAAK~~,~~CAAA~~,eAAW,EAAChB,UAAU,~~0BAC3BgB~~,~~EAAA~~,OAAA,CAAKhB,UAAU,yBACXE,YAASA,~~SAGtB~~,~~IAIRP,~~EAAgBwB,YAAc"}
1	+ {"version":3,"file":"BaseRadioButton.js","sources":["../../../../src/components/radio-button/BaseRadioButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport type { BaseRadioButtonProps } from \"./types.js\";\n\nexport const BaseRadioButton = forwardRef<\n HTMLInputElement,\n BaseRadioButtonProps\n>((props, ref) => {\n const {\n id,\n className,\n checked,\n children,\n label,\n density,\n inline,\n invalid,\n name,\n value,\n onChange,\n ...rest\n } = props;\n\n const inputId = useId(id \|\| \"jkl-radio-button\", { generateSuffix: !id });\n\n return (\n <div\n className={clsx(\"jkl-radio-button\", className, {\n \"jkl-radio-button--inline\": inline,\n \"jkl-radio-button--error\": invalid,\n })}\n data-density={density}\n >\n <input\n name={name}\n ref={ref}\n {...rest}\n id={inputId}\n className=\"jkl-radio-button__input\"\n type=\"radio\"\n onChange={onChange}\n value={value}\n checked={checked}\n />\n <label\n data-testid=\"jkl-radio-button__label-tag\"\n htmlFor={inputId}\n className=\"jkl-radio-button__label\"\n >\n <span aria-hidden className=\"jkl-radio-button__dot\" />\n <span className=\"jkl-radio-button__text\">\n {label \|\| children}\n </span>\n </label>\n </div>\n );\n});\n\nBaseRadioButton.displayName = \"BaseRadioButton\";\n"],"names":["BaseRadioButton","forwardRef","props","ref","id","className","checked","children","label","density","inline","invalid","name","value","onChange","rest","inputId","useId","generateSuffix","jsxs","clsx","jsx","type","htmlFor","displayName"],"mappings":"sLAKO,MAAMA,EAAkBC,EAG7B,CAACC,EAAOC,KACN,MACIC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,KACGC,GACHb,EAEEc,EAAUC,EAAMb,GAAM,mBAAoB,CAAEc,gBAAiBd,IAEnE,OACIe,EAAC,MAAA,CACGd,UAAWe,EAAK,mBAAoBf,EAAW,CAC3C,2BAA4BK,EAC5B,0BAA2BC,IAE/B,eAAcF,EAEdF,SAAA,CAAAc,EAAC,QAAA,CACGT,KAAAA,EACAT,IAAAA,KACIY,EACJX,GAAIY,EACJX,UAAU,0BACViB,KAAK,QACLR,SAAAA,EACAD,MAAAA,EACAP,QAAAA,IAEJa,EAAC,QAAA,CACG,cAAY,8BACZI,QAASP,EACTX,UAAU,0BAEVE,SAAA,CAAAc,EAAC,OAAA,CAAK,eAAW,EAAChB,UAAU,0BAC5BgB,EAAC,OAAA,CAAKhB,UAAU,yBACXE,YAASA,YAO9BP,EAAgBwB,YAAc"}

package/build/es/components/radio-button/RadioButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as o,Fragment as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useId as r}from"../../hooks/useId/useId.js";import{SupportLabel as s}from"../input-group/SupportLabel.js";import{BaseRadioButton as p}from"./BaseRadioButton.js";import{useRadioGroupContext as i}from"./radioGroupContext.js";const u=t(((t,u)=>{const{checked:d,value:l,supportLabelProps:m,helpLabel:n,...f}=t,{value:c,density:b,...j}=i(),y=r("jkl-support-label");return o(e,{children:[a(p,{...j,...f,ref:u,checked:typeof d<"u"?d:typeof c<"u"?l===c:void 0,value:l,"aria-describedby":n?y:void 0}),a(s,{...m,label:n,labelType:"help",id:y,density:b})]})}));u.displayName="RadioButton";export{u as RadioButton};
+import{jsxs as o,Fragment as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useId as r}from"../../hooks/useId/useId.js";import{SupportLabel as s}from"../input-group/SupportLabel.js";import{BaseRadioButton as p}from"./BaseRadioButton.js";import{useRadioGroupContext as i}from"./radioGroupContext.js";const u=t((t,u)=>{const{checked:d,value:l,supportLabelProps:m,helpLabel:n,...f}=t,{value:c,density:b,...j}=i(),y=r("jkl-support-label");return o(e,{children:[a(p,{...j,...f,ref:u,checked:typeof d<"u"?d:typeof c<"u"?l===c:void 0,value:l,"aria-describedby":n?y:void 0}),a(s,{...m,label:n,labelType:"help",id:y,density:b})]})});u.displayName="RadioButton";export{u as RadioButton};
 //# sourceMappingURL=RadioButton.js.map

package/build/es/components/radio-button/RadioButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.js","sources":["../../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { SupportLabel } from \"../input-group/SupportLabel.js\";\nimport { BaseRadioButton } from \"./BaseRadioButton.js\";\nimport { useRadioGroupContext } from \"./radioGroupContext.js\";\nimport type { RadioButtonProps } from \"./types.js\";\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n (props, ref) => {\n const { checked, value, supportLabelProps, helpLabel, ...rest } = props;\n const {\n value: selectedValue,\n density,\n ...context\n } = useRadioGroupContext();\n const supportId = useId(\"jkl-support-label\");\n\n return (\n <>\n <BaseRadioButton\n {...context}\n {...rest}\n ref={ref}\n checked={\n typeof checked !== \"undefined\"\n ? checked\n : typeof selectedValue !== \"undefined\"\n ? value === selectedValue\n : undefined\n }\n value={value}\n aria-describedby={helpLabel ? supportId : undefined}\n />\n <SupportLabel\n {...supportLabelProps}\n label={helpLabel}\n labelType={\"help\"}\n id={supportId}\n density={density}\n />\n </>\n );\n },\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"names":["RadioButton","forwardRef","props","ref","checked","value","supportLabelProps","helpLabel","rest","selectedValue","density","context","useRadioGroupContext","supportId","useId","jsxs","Fragment","children","jsx","BaseRadioButton","SupportLabel","label","labelType","id","displayName"],"mappings":"yUAOO,MAAMA,EAAcC,~~GACvB~~,CAACC,EAAOC,KACJ,MAAQC,QAAAA,EAASC,MAAAA,EAAOC,kBAAAA,EAAmBC,UAAAA,KAAcC,GAASN,GAE9DG,MAAOI,EACPC,QAAAA,KACGC,GACHC,IACEC,EAAYC,EAAM,qBAExB,~~OAEQC~~,EAAAC,EAAA,~~CAAAC~~,SAAA,CAAAC,EAACC,EAAA,IACOR,KACAH,EACJL,IAAAA,EACAC,eACWA,EAAY,IACbA,SACOK,EAAkB,IACvBJ,IAAUI,OACV,EAEZJ,MAAAA,EACA,mBAAkBE,EAAYM,OAAY,IAE9CK,EAACE,EAAA,IACOd,EACJe,MAAOd,EACPe,UAAW,OACXC,GAAIV,EACJH,QAAAA,~~MAER~~,~~IAKZV,~~EAAYwB,YAAc"}
1	+ {"version":3,"file":"RadioButton.js","sources":["../../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { SupportLabel } from \"../input-group/SupportLabel.js\";\nimport { BaseRadioButton } from \"./BaseRadioButton.js\";\nimport { useRadioGroupContext } from \"./radioGroupContext.js\";\nimport type { RadioButtonProps } from \"./types.js\";\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n (props, ref) => {\n const { checked, value, supportLabelProps, helpLabel, ...rest } = props;\n const {\n value: selectedValue,\n density,\n ...context\n } = useRadioGroupContext();\n const supportId = useId(\"jkl-support-label\");\n\n return (\n <>\n <BaseRadioButton\n {...context}\n {...rest}\n ref={ref}\n checked={\n typeof checked !== \"undefined\"\n ? checked\n : typeof selectedValue !== \"undefined\"\n ? value === selectedValue\n : undefined\n }\n value={value}\n aria-describedby={helpLabel ? supportId : undefined}\n />\n <SupportLabel\n {...supportLabelProps}\n label={helpLabel}\n labelType={\"help\"}\n id={supportId}\n density={density}\n />\n </>\n );\n },\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"names":["RadioButton","forwardRef","props","ref","checked","value","supportLabelProps","helpLabel","rest","selectedValue","density","context","useRadioGroupContext","supportId","useId","jsxs","Fragment","children","jsx","BaseRadioButton","SupportLabel","label","labelType","id","displayName"],"mappings":"yUAOO,MAAMA,EAAcC,EACvB,CAACC,EAAOC,KACJ,MAAQC,QAAAA,EAASC,MAAAA,EAAOC,kBAAAA,EAAmBC,UAAAA,KAAcC,GAASN,GAE9DG,MAAOI,EACPC,QAAAA,KACGC,GACHC,IACEC,EAAYC,EAAM,qBAExB,OACIC,EAAAC,EAAA,CACIC,SAAA,CAAAC,EAACC,EAAA,IACOR,KACAH,EACJL,IAAAA,EACAC,eACWA,EAAY,IACbA,SACOK,EAAkB,IACvBJ,IAAUI,OACV,EAEZJ,MAAAA,EACA,mBAAkBE,EAAYM,OAAY,IAE9CK,EAACE,EAAA,IACOd,EACJe,MAAOd,EACPe,UAAW,OACXC,GAAIV,EACJH,QAAAA,SAOpBV,EAAYwB,YAAc"}

package/build/es/components/radio-button/RadioButtonGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButtonGroup.js","sources":["../../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport { RadioGroupContextProvider } from \"./radioGroupContext.js\";\nimport type { RadioButtonGroupProps } from \"./types.js\";\n\nexport const RadioButtonGroup: FC<RadioButtonGroupProps> = (props) => {\n const {\n name,\n value,\n onChange,\n errorLabel,\n inline = false,\n density,\n labelProps = { variant: \"medium\" },\n ...rest\n } = props;\n\n return (\n <RadioGroupContextProvider\n state={{\n onChange,\n value,\n name,\n invalid: Boolean(errorLabel),\n inline,\n density,\n }}\n >\n <FieldGroup\n errorLabel={errorLabel}\n labelProps={labelProps}\n data-testid=\"jkl-radio-button-group\"\n density={density}\n {...rest}\n role=\"radiogroup\"\n aria-invalid={Boolean(errorLabel)}\n />\n </RadioGroupContextProvider>\n );\n};\n"],"names":["RadioButtonGroup","props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"~~mLAKa~~,~~MAAAA~~,EAA+CC,~~IAClD~~,~~MACFC~~,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,~~EAGA~~,~~OAAAU~~,EAACC,EAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAACK,EAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ~~,KAE9B~~"}
1	+ {"version":3,"file":"RadioButtonGroup.js","sources":["../../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport { RadioGroupContextProvider } from \"./radioGroupContext.js\";\nimport type { RadioButtonGroupProps } from \"./types.js\";\n\nexport const RadioButtonGroup: FC<RadioButtonGroupProps> = (props) => {\n const {\n name,\n value,\n onChange,\n errorLabel,\n inline = false,\n density,\n labelProps = { variant: \"medium\" },\n ...rest\n } = props;\n\n return (\n <RadioGroupContextProvider\n state={{\n onChange,\n value,\n name,\n invalid: Boolean(errorLabel),\n inline,\n density,\n }}\n >\n <FieldGroup\n errorLabel={errorLabel}\n labelProps={labelProps}\n data-testid=\"jkl-radio-button-group\"\n density={density}\n {...rest}\n role=\"radiogroup\"\n aria-invalid={Boolean(errorLabel)}\n />\n </RadioGroupContextProvider>\n );\n};\n"],"names":["RadioButtonGroup","props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"mLAKO,MAAMA,EAA+CC,IACxD,MACIC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAEJ,OACIU,EAACC,EAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAACK,EAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ"}

package/build/es/components/radio-panel/RadioPanel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as a,useContext as o,useCallback as r,useEffect as n}from"react";import{BasePanel as t}from"../../shared/input-panel/BasePanel.js";import{context as l}from"./radioPanelContext.js";const s=a((function({alwaysOpen:a=!1,label:s,extraLabel:i,checked:d,onChange:u,value:c,defaultChecked:p,...f},h){const{onValueChange:w,checkedValue:k}=o(l),m=r((e=>{if(u?.(e),!w)throw new Error("RadioPanel will not work properly when used outside a RadioPanelGroup");w(c)}),[u,w,c]);n((()=>{if(p){if(!w)throw new Error("RadioPanel will not work properly when used outside a RadioPanelGroup");w(c)}}),[]);const C=typeof d<"u";return e(t,{ref:h,type:"radio",value:c,isChecked:C?d:k===c,defaultChecked:p,checked:C?d:void 0,onChange:m,alwaysOpen:a,label:s,extraLabel:i,...f})}));export{s as RadioPanel};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as a,useContext as o,useCallback as r,useEffect as n}from"react";import{BasePanel as t}from"../../shared/input-panel/BasePanel.js";import{context as l}from"./radioPanelContext.js";const s=a(function({alwaysOpen:a=!1,label:s,extraLabel:i,amount:d,checked:u,onChange:c,value:p,defaultChecked:f,...h},w){const{onValueChange:m,checkedValue:k}=o(l),C=r(e=>{if(c?.(e),!m)throw new Error("RadioPanel will not work properly when used outside a RadioPanelGroup");m(p)},[c,m,p]);n(()=>{if(f){if(!m)throw new Error("RadioPanel will not work properly when used outside a RadioPanelGroup");m(p)}},[]);const x=typeof u<"u";return e(t,{ref:w,type:"radio",value:p,isChecked:x?u:k===p,defaultChecked:f,checked:x?u:void 0,onChange:C,alwaysOpen:a,label:s,extraLabel:i,...h})});export{s as RadioPanel};
 //# sourceMappingURL=RadioPanel.js.map

package/build/es/components/radio-panel/RadioPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioPanel.js","sources":["../../../../src/components/radio-panel/RadioPanel.tsx"],"sourcesContent":["import React, {\n type ChangeEvent,\n type ForwardedRef,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n} from \"react\";\nimport { BasePanel } from \"../../shared/input-panel/BasePanel.js\";\nimport { context } from \"./radioPanelContext.js\";\nimport type { RadioPanelProps } from \"./types.js\";\n\nexport const RadioPanel = forwardRef(function RadioPanel(\n {\n alwaysOpen = false,\n label,\n extraLabel,\n checked,\n onChange,\n value,\n defaultChecked,\n ...rest\n }: RadioPanelProps,\n ref: ForwardedRef<HTMLInputElement>,\n) {\n const { onValueChange, checkedValue } = useContext(context);\n\n const handleChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onChange?.(e);\n if (!onValueChange) {\n throw new Error(\n \"RadioPanel will not work properly when used outside a RadioPanelGroup\",\n );\n }\n onValueChange(value);\n },\n [onChange, onValueChange, value],\n );\n\n // We never want to rerun this effect. Changing the default value after the\n // input control is first mounted should not cause any updates\n // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n useEffect(() => {\n if (defaultChecked) {\n if (!onValueChange) {\n throw new Error(\n \"RadioPanel will not work properly when used outside a RadioPanelGroup\",\n );\n }\n onValueChange(value);\n }\n /* eslint-disable-next-line react-hooks/exhaustive-deps */\n }, []);\n\n const isControlled = typeof checked !== \"undefined\";\n const isChecked = isControlled ? checked : checkedValue === value;\n\n return (\n <BasePanel\n ref={ref}\n type=\"radio\"\n value={value}\n isChecked={isChecked}\n defaultChecked={defaultChecked}\n checked={isControlled ? checked : undefined}\n onChange={handleChange}\n alwaysOpen={alwaysOpen}\n label={label}\n extraLabel={extraLabel}\n {...rest}\n />\n );\n});\n"],"names":["RadioPanel","forwardRef","alwaysOpen","label","extraLabel","checked","onChange","value","defaultChecked","rest","ref","onValueChange","checkedValue","useContext","context","handleChange","useCallback","e","Error","useEffect","isControlled","jsx","BasePanel","type","isChecked"],"mappings":"~~8OAYa~~,~~MAAAA~~,EAAaC,~~GAAW~~,UAE7BC,WAAAA,GAAa,EACbC,MAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,eAAAA,KACGC,GAEPC,~~GAEM~~,~~MAAEC~~,cAAAA,EAAeC,aAAAA,GAAiBC,EAAWC,GAE7CC,EAAeC,~~GAChBC~~,~~IACGX~~,~~GAAAA~~,IAAWW,IACNN,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,~~EAAK~~,~~GAEvB,~~CAACD,EAAUK,EAAeJ,IAM9BY,~~GAAU~~,KACN,GAAIX,EAAgB,CAChB,IAAKG,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,~~EAAK~~,~~IAGxB~~,~~IAEGa~~,~~MAAAA~~,SAAsBf,EAAY,~~IAIpC~~,~~OAAAgB~~,EAACC,EAAA,CACGZ,IAAAA,EACAa,KAAK,QACLhB,MAAAA,EACAiB,UAPUJ,EAAef,EAAUO,IAAiBL,EAQpDC,eAAAA,EACAH,QAASe,EAAef,OAAU,EAClCC,SAAUS,~~EACVb~~,WAAAA,EACAC,MAAAA,EACAC,WAAAA,~~KACIK~~,GAGhB"}
1	+ {"version":3,"file":"RadioPanel.js","sources":["../../../../src/components/radio-panel/RadioPanel.tsx"],"sourcesContent":["import React, {\n type ChangeEvent,\n type ForwardedRef,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n} from \"react\";\nimport { BasePanel } from \"../../shared/input-panel/BasePanel.js\";\nimport { context } from \"./radioPanelContext.js\";\nimport type { RadioPanelProps } from \"./types.js\";\n\nexport const RadioPanel = forwardRef(function RadioPanel(\n {\n alwaysOpen = false,\n label,\n extraLabel,\n amount,\n checked,\n onChange,\n value,\n defaultChecked,\n ...rest\n }: RadioPanelProps,\n ref: ForwardedRef<HTMLInputElement>,\n) {\n const { onValueChange, checkedValue } = useContext(context);\n\n const handleChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onChange?.(e);\n if (!onValueChange) {\n throw new Error(\n \"RadioPanel will not work properly when used outside a RadioPanelGroup\",\n );\n }\n onValueChange(value);\n },\n [onChange, onValueChange, value],\n );\n\n // We never want to rerun this effect. Changing the default value after the\n // input control is first mounted should not cause any updates\n // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n useEffect(() => {\n if (defaultChecked) {\n if (!onValueChange) {\n throw new Error(\n \"RadioPanel will not work properly when used outside a RadioPanelGroup\",\n );\n }\n onValueChange(value);\n }\n /* eslint-disable-next-line react-hooks/exhaustive-deps */\n }, []);\n\n const isControlled = typeof checked !== \"undefined\";\n const isChecked = isControlled ? checked : checkedValue === value;\n\n return (\n <BasePanel\n ref={ref}\n type=\"radio\"\n value={value}\n isChecked={isChecked}\n defaultChecked={defaultChecked}\n checked={isControlled ? checked : undefined}\n onChange={handleChange}\n alwaysOpen={alwaysOpen}\n label={label}\n extraLabel={extraLabel}\n {...rest}\n />\n );\n});\n"],"names":["RadioPanel","forwardRef","alwaysOpen","label","extraLabel","amount","checked","onChange","value","defaultChecked","rest","ref","onValueChange","checkedValue","useContext","context","handleChange","useCallback","e","Error","useEffect","isControlled","jsx","BasePanel","type","isChecked"],"mappings":"8OAYO,MAAMA,EAAaC,EAAW,UAE7BC,WAAAA,GAAa,EACbC,MAAAA,EACAC,WAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,eAAAA,KACGC,GAEPC,GAEA,MAAQC,cAAAA,EAAeC,aAAAA,GAAiBC,EAAWC,GAE7CC,EAAeC,EAChBC,IAEG,GADAX,IAAWW,IACNN,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,IAElB,CAACD,EAAUK,EAAeJ,IAM9BY,EAAU,KACN,GAAIX,EAAgB,CAChB,IAAKG,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,EAClB,GAED,IAEH,MAAMa,SAAsBf,EAAY,IAGxC,OACIgB,EAACC,EAAA,CACGZ,IAAAA,EACAa,KAAK,QACLhB,MAAAA,EACAiB,UAPUJ,EAAef,EAAUO,IAAiBL,EAQpDC,eAAAA,EACAH,QAASe,EAAef,OAAU,EAClCC,SAAUS,EACVd,WAAAA,EACAC,MAAAA,EACAC,WAAAA,KACIM,GAGhB"}

package/build/es/components/radio-panel/RadioPanelGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioPanelGroup.js","sources":["../../../../src/components/radio-panel/RadioPanelGroup.tsx"],"sourcesContent":["import React, { type FC, useState } from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport { context } from \"./radioPanelContext.js\";\nimport type { RadioPanelGroupProps } from \"./types.js\";\n\nexport const RadioPanelGroup: FC<RadioPanelGroupProps> = ({\n className,\n ...rest\n}) => {\n const [checkedValue, setCheckedValue] = useState<string>();\n\n const onChange = (value: string) => {\n setCheckedValue(value);\n };\n\n return (\n <context.Provider value={{ checkedValue, onValueChange: onChange }}>\n <FieldGroup\n className={className}\n role=\"radiogroup\"\n aria-invalid={!!rest.errorLabel}\n {...rest}\n />\n </context.Provider>\n );\n};\n"],"names":["RadioPanelGroup","className","rest","checkedValue","setCheckedValue","useState","jsx","context","Provider","value","onValueChange","children","FieldGroup","role","errorLabel"],"mappings":"oLAKO,MAAMA,EAA4C,EACrDC,UAAAA,KACGC,~~MAEG~~,~~MAACC~~,EAAcC,GAAmBC,~~IAOpC~~,~~OAAAC~~,EAACC,EAAQC,SAAR,CAAiBC,MAAO,CAAEN,aAAAA,EAAcO,cAL3BD,IACdL,EAAgBK,~~EAAK~~,~~GAKjBE,~~SAAAL,EAACM,EAAA,CACGX,UAAAA,EACAY,KAAK,aACL,iBAAgBX,EAAKY,cACjBZ~~,KAEZ~~"}
1	+ {"version":3,"file":"RadioPanelGroup.js","sources":["../../../../src/components/radio-panel/RadioPanelGroup.tsx"],"sourcesContent":["import React, { type FC, useState } from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport { context } from \"./radioPanelContext.js\";\nimport type { RadioPanelGroupProps } from \"./types.js\";\n\nexport const RadioPanelGroup: FC<RadioPanelGroupProps> = ({\n className,\n ...rest\n}) => {\n const [checkedValue, setCheckedValue] = useState<string>();\n\n const onChange = (value: string) => {\n setCheckedValue(value);\n };\n\n return (\n <context.Provider value={{ checkedValue, onValueChange: onChange }}>\n <FieldGroup\n className={className}\n role=\"radiogroup\"\n aria-invalid={!!rest.errorLabel}\n {...rest}\n />\n </context.Provider>\n );\n};\n"],"names":["RadioPanelGroup","className","rest","checkedValue","setCheckedValue","useState","jsx","context","Provider","value","onValueChange","children","FieldGroup","role","errorLabel"],"mappings":"oLAKO,MAAMA,EAA4C,EACrDC,UAAAA,KACGC,MAEH,MAAOC,EAAcC,GAAmBC,IAMxC,OACIC,EAACC,EAAQC,SAAR,CAAiBC,MAAO,CAAEN,aAAAA,EAAcO,cAL3BD,IACdL,EAAgBK,KAKZE,SAAAL,EAACM,EAAA,CACGX,UAAAA,EACAY,KAAK,aACL,iBAAgBX,EAAKY,cACjBZ"}

package/build/es/components/radio-panel/radioPanelContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radioPanelContext.js","sources":["../../../../src/components/radio-panel/radioPanelContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype Context = {\n checkedValue?: string;\n onValueChange?: (value: string) => void;\n};\n\nexport const context = createContext<Context>({});\n"],"names":["context","createContext"],"mappings":"~~sCAOa~~,~~MAAAA~~,EAAUC,EAAuB,~~CAAE~~"}
1	+ {"version":3,"file":"radioPanelContext.js","sources":["../../../../src/components/radio-panel/radioPanelContext.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype Context = {\n checkedValue?: string;\n onValueChange?: (value: string) => void;\n};\n\nexport const context = createContext<Context>({});\n"],"names":["context","createContext"],"mappings":"sCAOO,MAAMA,EAAUC,EAAuB,CAAA"}

package/build/es/components/radio-panel/types.d.ts CHANGED Viewed

@@ -3,7 +3,19 @@ import { FieldGroupProps } from '../input-group/types.js';
 export type RadioPanelProps = Omit<ComponentPropsWithRef<"input">, "type" | "aria-invalid"> & {
     value: string;
     label: string;
+    /**
+     * @deprecated bruk heller {@link amount} for å vise pris.
+     * Dersom du har behov utover dette ta kontakt med oss så finner vi en løsning sammen.
+     */
     extraLabel?: React.ReactNode;
+    /**
+     * @deprecated vi ønsker ikke at content skal skjules for brukerne lenger
+     * @default false
+     */
     alwaysOpen?: boolean;
+    /**
+     * Viser pris til høyre i panelet
+     */
+    amount?: string;
 };
 export type RadioPanelGroupProps = FieldGroupProps & {};

package/build/es/components/segmented-control/SegmentedControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport type { SegmentedControlProps } from \"./types.js\";\n\nexport const SegmentedControl = (props: SegmentedControlProps) => {\n return (\n <FieldGroup\n {...props}\n className={clsx(\"jkl-segmented-control\", props.className)}\n />\n );\n};\n\nSegmentedControl.displayName = \"Segmented Control\";\n"],"names":["SegmentedControl","props","jsx","FieldGroup","className","clsx","displayName"],"mappings":"~~8JAKa~~,~~MAAAA~~,EAAoBC,GAEzBC,EAACC,EAAA,IACOF,EACJG,UAAWC,EAAK,wBAAyBJ,EAAMG,aAK3DJ,EAAiBM,YAAc"}
1	+ {"version":3,"file":"SegmentedControl.js","sources":["../../../../src/components/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport type { SegmentedControlProps } from \"./types.js\";\n\nexport const SegmentedControl = (props: SegmentedControlProps) => {\n return (\n <FieldGroup\n {...props}\n className={clsx(\"jkl-segmented-control\", props.className)}\n />\n );\n};\n\nSegmentedControl.displayName = \"Segmented Control\";\n"],"names":["SegmentedControl","props","jsx","FieldGroup","className","clsx","displayName"],"mappings":"8JAKO,MAAMA,EAAoBC,GAEzBC,EAACC,EAAA,IACOF,EACJG,UAAWC,EAAK,wBAAyBJ,EAAMG,aAK3DJ,EAAiBM,YAAc"}

package/build/es/components/segmented-control/SegmentedControlButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedControlButton.js","sources":["../../../../src/components/segmented-control/SegmentedControlButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { RadioButton } from \"../radio-button/index.js\";\nimport type { SegmentedControlButtonProps } from \"./types.js\";\n\nexport const SegmentedControlButton = (props: SegmentedControlButtonProps) => {\n const { separated = false, ...rest } = props;\n\n return (\n <RadioButton\n {...rest}\n className={clsx(\"jkl-segmented-control-item\", props.className)}\n data-separated={separated}\n />\n );\n};\n"],"names":["SegmentedControlButton","props","separated","rest","jsx","RadioButton","className","clsx"],"mappings":"~~yYAKa~~,~~MAAAA~~,EAA0BC,IACnC,MAAQC,UAAAA,GAAY,KAAUC,GAASF,~~EAGnC~~,~~OAAAG~~,EAACC,EAAA,IACOF,EACJG,UAAWC,EAAK,6BAA8BN,EAAMK,WACpD,iBAAgBJ~~,GACpB~~"}
1	+ {"version":3,"file":"SegmentedControlButton.js","sources":["../../../../src/components/segmented-control/SegmentedControlButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { RadioButton } from \"../radio-button/index.js\";\nimport type { SegmentedControlButtonProps } from \"./types.js\";\n\nexport const SegmentedControlButton = (props: SegmentedControlButtonProps) => {\n const { separated = false, ...rest } = props;\n\n return (\n <RadioButton\n {...rest}\n className={clsx(\"jkl-segmented-control-item\", props.className)}\n data-separated={separated}\n />\n );\n};\n"],"names":["SegmentedControlButton","props","separated","rest","jsx","RadioButton","className","clsx"],"mappings":"yYAKO,MAAMA,EAA0BC,IACnC,MAAQC,UAAAA,GAAY,KAAUC,GAASF,EAEvC,OACIG,EAACC,EAAA,IACOF,EACJG,UAAWC,EAAK,6BAA8BN,EAAMK,WACpD,iBAAgBJ"}

package/build/es/components/select/NativeSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{forwardRef as t}from"react";import{getValuePair as s}from"../../utilities/valuePair.js";import{ArrowVerticalAnimated as i}from"../icon/icons/animated/ArrowVerticalAnimated.js";import{InputGroup as r}from"../input-group/InputGroup.js";const o=t(((t,o)=>{const{label:n,className:c,density:p,errorLabel:d,helpLabel:m,inline:u,invalid:j,items:v,labelProps:b,placeholder:_="Velg",selectClassName:f,supportLabelProps:k,tooltip:N,value:h,width:w,description:L,...P}=t;return e(r,{label:n,density:p,errorLabel:d,helpLabel:m,labelProps:b,inline:u,supportLabelProps:k,tooltip:N,description:L,"data-testid":"jkl-select",className:a("jkl-select",c,{"jkl-select--inline":u,"jkl-select--invalid":!!d||j}),render:t=>l("div",{className:"jkl-select__outer-wrapper",style:{width:w},children:[l("select",{ref:o,className:a("jkl-select__button",f,{"jkl-select__button--active-value":!!h}),defaultValue:h?void 0:"",value:h,...t,...P,children:[_&&!h&&e("option",{disabled:!0,value:"",children:_}),v.map(s).map((l=>e("option",{"data-testid":"jkl-select__option",className:"jkl-select__option",value:l.value,children:l.label},l.value)))]}),e(i,{variant:"medium",pointingDown:!0,className:"jkl-select__arrow"})]})})}));o.displayName="NativeSelect";export{o as NativeSelect};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import{forwardRef as t}from"react";import{getValuePair as s}from"../../utilities/valuePair.js";import{ArrowVerticalAnimated as i}from"../icon/icons/animated/ArrowVerticalAnimated.js";import{InputGroup as r}from"../input-group/InputGroup.js";const o=t((t,o)=>{const{label:n,className:c,density:p,errorLabel:d,helpLabel:m,inline:u,invalid:j,items:v,labelProps:b,placeholder:_="Velg",selectClassName:f,supportLabelProps:k,tooltip:N,value:h,width:w,description:L,...P}=t;return e(r,{label:n,density:p,errorLabel:d,helpLabel:m,labelProps:b,inline:u,supportLabelProps:k,tooltip:N,description:L,"data-testid":"jkl-select",className:a("jkl-select",c,{"jkl-select--inline":u,"jkl-select--invalid":!!d||j}),render:t=>l("div",{className:"jkl-select__outer-wrapper",style:{width:w},children:[l("select",{ref:o,className:a("jkl-select__button",f,{"jkl-select__button--active-value":!!h}),defaultValue:h?void 0:"",value:h,...t,...P,children:[_&&!h&&e("option",{disabled:!0,value:"",children:_}),v.map(s).map(l=>e("option",{"data-testid":"jkl-select__option",className:"jkl-select__option",value:l.value,children:l.label},l.value))]}),e(i,{variant:"medium",pointingDown:!0,className:"jkl-select__arrow"})]})})});o.displayName="NativeSelect";export{o as NativeSelect};
 //# sourceMappingURL=NativeSelect.js.map

package/build/es/components/select/NativeSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NativeSelect.js","sources":["../../../../src/components/select/NativeSelect.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { getValuePair } from \"../../utilities/valuePair.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport { InputGroup } from \"../input-group/InputGroup.js\";\nimport type { NativeSelectProps } from \"./types.js\";\n\nexport const NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>(\n (props, ref) => {\n const {\n label,\n className,\n density,\n errorLabel,\n helpLabel,\n inline,\n invalid,\n items,\n labelProps,\n placeholder = \"Velg\",\n selectClassName,\n supportLabelProps,\n tooltip,\n value,\n width,\n description,\n ...rest\n } = props;\n\n const inputGroupProps = {\n label,\n density,\n errorLabel,\n helpLabel,\n labelProps,\n inline,\n supportLabelProps,\n tooltip,\n description,\n };\n\n return (\n <InputGroup\n {...inputGroupProps}\n data-testid=\"jkl-select\"\n className={clsx(\"jkl-select\", className, {\n \"jkl-select--inline\": inline,\n \"jkl-select--invalid\": !!errorLabel \|\| invalid,\n })}\n render={(inputProps) => (\n <div\n className=\"jkl-select__outer-wrapper\"\n style={{ width }}\n >\n <select\n ref={ref}\n className={clsx(\n \"jkl-select__button\",\n selectClassName,\n {\n \"jkl-select__button--active-value\": !!value,\n },\n )}\n defaultValue={value ? undefined : \"\"}\n value={value}\n {...inputProps}\n {...rest}\n >\n {placeholder && !value && (\n <option disabled value=\"\">\n {placeholder}\n </option>\n )}\n {items.map(getValuePair).map((item) => (\n <option\n data-testid=\"jkl-select__option\"\n className=\"jkl-select__option\"\n key={item.value}\n value={item.value}\n >\n {item.label}\n </option>\n ))}\n </select>\n <ArrowVerticalAnimated\n variant=\"medium\"\n pointingDown\n className=\"jkl-select__arrow\"\n />\n </div>\n )}\n />\n );\n },\n);\n\nNativeSelect.displayName = \"NativeSelect\";\n"],"names":["NativeSelect","forwardRef","props","ref","label","className","density","errorLabel","helpLabel","inline","invalid","items","labelProps","placeholder","selectClassName","supportLabelProps","tooltip","value","width","description","rest","jsx","InputGroup","clsx","render","inputProps","jsxs","style","children","defaultValue","disabled","map","getValuePair","item","ArrowVerticalAnimated","variant","pointingDown","displayName"],"mappings":"iVAOO,MAAMA,EAAeC,~~GACxB~~,CAACC,EAAOC,~~KACE~~,~~MACFC~~,MAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,YAAAA,EAAc,OACdC,gBAAAA,EACAC,kBAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,YAAAA,KACGC,GACHlB,~~EAeA~~,~~OAAAmB~~,EAACC,EAAA,CAZDlB,MAAAA,EACAE,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAI,WAAAA,EACAH,OAAAA,EACAM,kBAAAA,EACAC,QAAAA,EACAG,YAAAA,EAMI,cAAY,aACZd,UAAWkB,EAAK,aAAclB,EAAW,CACrC,qBAAsBI,EACtB,wBAAyBF,GAAcG,IAE3Cc,OAASC,GACLC,EAAC,MAAA,CACGrB,UAAU,4BACVsB,MAAO,CAAET,MAAAA,GAETU,SAAA,CAAAF,EAAC,SAAA,CACGvB,IAAAA,EACAE,UAAWkB,EACP,qBACAT,EACA,CACI,qCAAsCG,IAG9CY,aAAcZ,OAAQ,EAAY,GAClCA,MAAAA,KACIQ,KACAL,EAEHQ,SAAA,~~CAAef~~,~~IAACI~~,~~GACZI~~,~~EAAA~~,SAAA,CAAOS,UAAQ,EAACb,MAAM,GAClBW,~~SACLf~~,~~IAEHF~~,EAAMoB,IAAIC,GAAcD,~~KAAKE~~,GAC1BZ,EAAC,SAAA,CACG,cAAY,qBACZhB,UAAU,qBAEVY,MAAOgB,EAAKhB,MAEXW,~~SAAKK~~,~~EAAA7B~~,OAHD6B,EAAKhB,~~YAOtBI~~,EAACa,EAAA,CACGC,QAAQ,SACRC,cAAY,EACZ/B,UAAU,~~0BAI1B~~,~~IAKZL,~~EAAaqC,YAAc"}
1	+ {"version":3,"file":"NativeSelect.js","sources":["../../../../src/components/select/NativeSelect.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { getValuePair } from \"../../utilities/valuePair.js\";\nimport { ArrowVerticalAnimated } from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport { InputGroup } from \"../input-group/InputGroup.js\";\nimport type { NativeSelectProps } from \"./types.js\";\n\nexport const NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>(\n (props, ref) => {\n const {\n label,\n className,\n density,\n errorLabel,\n helpLabel,\n inline,\n invalid,\n items,\n labelProps,\n placeholder = \"Velg\",\n selectClassName,\n supportLabelProps,\n tooltip,\n value,\n width,\n description,\n ...rest\n } = props;\n\n const inputGroupProps = {\n label,\n density,\n errorLabel,\n helpLabel,\n labelProps,\n inline,\n supportLabelProps,\n tooltip,\n description,\n };\n\n return (\n <InputGroup\n {...inputGroupProps}\n data-testid=\"jkl-select\"\n className={clsx(\"jkl-select\", className, {\n \"jkl-select--inline\": inline,\n \"jkl-select--invalid\": !!errorLabel \|\| invalid,\n })}\n render={(inputProps) => (\n <div\n className=\"jkl-select__outer-wrapper\"\n style={{ width }}\n >\n <select\n ref={ref}\n className={clsx(\n \"jkl-select__button\",\n selectClassName,\n {\n \"jkl-select__button--active-value\": !!value,\n },\n )}\n defaultValue={value ? undefined : \"\"}\n value={value}\n {...inputProps}\n {...rest}\n >\n {placeholder && !value && (\n <option disabled value=\"\">\n {placeholder}\n </option>\n )}\n {items.map(getValuePair).map((item) => (\n <option\n data-testid=\"jkl-select__option\"\n className=\"jkl-select__option\"\n key={item.value}\n value={item.value}\n >\n {item.label}\n </option>\n ))}\n </select>\n <ArrowVerticalAnimated\n variant=\"medium\"\n pointingDown\n className=\"jkl-select__arrow\"\n />\n </div>\n )}\n />\n );\n },\n);\n\nNativeSelect.displayName = \"NativeSelect\";\n"],"names":["NativeSelect","forwardRef","props","ref","label","className","density","errorLabel","helpLabel","inline","invalid","items","labelProps","placeholder","selectClassName","supportLabelProps","tooltip","value","width","description","rest","jsx","InputGroup","clsx","render","inputProps","jsxs","style","children","defaultValue","disabled","map","getValuePair","item","ArrowVerticalAnimated","variant","pointingDown","displayName"],"mappings":"iVAOO,MAAMA,EAAeC,EACxB,CAACC,EAAOC,KACJ,MACIC,MAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,YAAAA,EAAc,OACdC,gBAAAA,EACAC,kBAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,YAAAA,KACGC,GACHlB,EAcJ,OACImB,EAACC,EAAA,CAZDlB,MAAAA,EACAE,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAI,WAAAA,EACAH,OAAAA,EACAM,kBAAAA,EACAC,QAAAA,EACAG,YAAAA,EAMI,cAAY,aACZd,UAAWkB,EAAK,aAAclB,EAAW,CACrC,qBAAsBI,EACtB,wBAAyBF,GAAcG,IAE3Cc,OAASC,GACLC,EAAC,MAAA,CACGrB,UAAU,4BACVsB,MAAO,CAAET,MAAAA,GAETU,SAAA,CAAAF,EAAC,SAAA,CACGvB,IAAAA,EACAE,UAAWkB,EACP,qBACAT,EACA,CACI,qCAAsCG,IAG9CY,aAAcZ,OAAQ,EAAY,GAClCA,MAAAA,KACIQ,KACAL,EAEHQ,SAAA,CAAAf,IAAgBI,GACbI,EAAC,SAAA,CAAOS,UAAQ,EAACb,MAAM,GAClBW,SAAAf,IAGRF,EAAMoB,IAAIC,GAAcD,IAAKE,GAC1BZ,EAAC,SAAA,CACG,cAAY,qBACZhB,UAAU,qBAEVY,MAAOgB,EAAKhB,MAEXW,SAAAK,EAAK7B,OAHD6B,EAAKhB,WAOtBI,EAACa,EAAA,CACGC,QAAQ,SACRC,cAAY,EACZ/B,UAAU,6BAStCL,EAAaqC,YAAc"}

package/build/es/components/select/Select.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";import o,{forwardRef as a,useState as s,useCallback as l,useMemo as i,useRef as u,useEffect as c}from"react";import{useAnimatedHeight as p}from"../../hooks/useAnimatedHeight/useAnimatedHeight.js";import{useId as d}from"../../hooks/useId/useId.js";import{useListNavigation as v}from"../../hooks/useListNavigation/useListNavigation.js";import{usePreviousValue as f}from"../../hooks/usePreviousValue/usePreviousValue.js";import{getValuePair as m}from"../../utilities/valuePair.js";import{ArrowVerticalAnimated as b}from"../icon/icons/animated/ArrowVerticalAnimated.js";import{InputGroup as g}from"../input-group/InputGroup.js";import{focusSelected as h,toLower as k}from"./select-utils.js";const y=()=>{},j=a(((a,j)=>{const{id:w,name:_,items:P,value:D,label:E,labelProps:L,onChange:$,onBlur:x,onFocus:N,className:A,helpLabel:V,errorLabel:C,invalid:F,searchable:S=!1,inline:T=!1,defaultPrompt:I="Velg",density:K,width:B,maxShownOptions:H=5,style:M,tooltip:O,...G}=a,R=d(w||"jkl-select",{generateSuffix:!w}),q=`${R}_label`,U=`${R}_button`,z=`${R}_search-input`,[J,Q]=s(!1),W=l((()=>{Q((e=>!e))}),[]),X=!!S,Y=X&&J,[Z,ee]=s(""),te=l((e=>!!e.label.toLowerCase().includes(Z.toLowerCase())||"function"==typeof S&&S(Z,e)),[S,Z]),ne=i((()=>P.map(m).map((e=>{const t=!X||""===Z||te(e);return{...e,visible:t}}))),[P,X,Z,te]),re=i((()=>!(typeof D>"u")&&P.some((e=>"string"==typeof e?e===D:e.value===D))),[D,P]),[oe,ae]=s(re&&void 0!==D?D:""),se=""!==oe,le=i((()=>ne.find((e=>e.value===oe))?.label||I),[ne,oe,I]),ie=u(null),ue=l((e=>{ie.current=e,j&&("function"==typeof j?j(e):j.current=e),e&&ae(e.value)}),[j]),ce=f(D);c((()=>{D!==ce&&ae(typeof D>"u"||!re?"":D)}),[D,ce,re]);const pe=l((e=>{const t=e.value;ee(""),ae(t),W(),be.current?.focus()}),[W]),de=f(oe);c((()=>{typeof de>"u"||de===oe||oe===D||($&&$({type:"change",target:{name:_,value:oe}}),ie.current&&ie.current.dispatchEvent(new Event("change",{bubbles:!0})))}),[$,_,D,oe,de]);const ve=u(null),fe=u(!1),me=u(null),be=u(null),ge=l(((e,t)=>{if(e&&!X){const e=t.current;e&&h(e,oe)}else e?me.current&&me.current.focus():fe.current&&be.current&&be.current.focus()}),[X,oe]),[he]=p(J,{onFirstVisible:ge,onTransitionEnd:ge});v({ref:he});const ke=l((()=>{X&&ee(""),x&&(x({type:"blur",target:{name:_,value:oe}}),ie.current?.dispatchEvent(new Event("focusout",{bubbles:!0}))),fe.current=!1,Q(!1)}),[x,X,_,oe]),ye=l((e=>{ve.current?.contains(e.relatedTarget)||ke()}),[ke]),je=l((()=>{fe.current||(N&&N({type:"change",target:{name:_,value:oe}}),fe.current=!0)}),[N,oe,_]),we=l((e=>{e.target.focus({preventScroll:!0})}),[]);c((()=>{const e=ie.current,t=me.current,n=be.current,r=ve.current;return e?.addEventListener("focus",(()=>{Y?t?.focus():n?.focus()})),e?.addEventListener("blur",(function(e){r?.contains(e.relatedTarget)&&e.preventDefault()})),()=>{e?.removeEventListener("focus",(()=>{Y?t?.focus():n?.focus()})),e?.removeEventListener("blur",(function(e){r?.contains(e.relatedTarget)&&e.preventDefault()}))}}),[Y]);const _e=l((e=>{"ArrowDown"!==e.key&&" "!==e.key||J?"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),Q(!1)):(e.preventDefault(),e.stopPropagation(),Q(!0))}),[J]),Pe=l((e=>{if("ArrowDown"===e.key){e.preventDefault(),e.stopPropagation();const t=he.current;t&&h(t,X?void 0:oe)}else if("Escape"===e.key)e.preventDefault(),e.stopPropagation(),Q(!1);else if("Tab"!==e.key||e.shiftKey)"Enter"===e.key&&J&&(e.preventDefault(),e.stopPropagation());else{const t=he.current;t&&(e.preventDefault(),e.stopPropagation(),h(t,oe))}}),[he,oe,X,J]),De=l((e=>{if("Tab"===e.key)e.preventDefault(),e.stopPropagation(),e.shiftKey&&me.current?me.current.focus():be.current&&(ae(e.currentTarget.value),Q(!1),be.current.focus());else if("ArrowUp"===e.key&&he.current&&me.current){const t=he.current.querySelector('[role="option"]:not([hidden])');e.currentTarget.id===t?.id&&me.current&&me.current.focus()}}),[he]);return c((()=>{const e=e=>{"Escape"===e.key&&J&&Q(!1)};return typeof window<"u"&&J&&window.addEventListener("keydown",e),()=>{typeof window<"u"&&window.removeEventListener("keydown",e)}}),[J]),e(t,{children:[e("select",{name:_,tabIndex:-1,"data-testid":"jkl-native-select",className:"jkl-sr-only","aria-hidden":!0,ref:ue,value:oe,onChange:y,children:[n("option",{value:""})," ",ne.map((e=>n("option",{hidden:!e.visible,value:e.value,children:e.label},`${R}-opt-${e.value}`)))]}),n(g,{ref:ve,"data-testid":"jkl-select",className:r("jkl-select",A,{"jkl-select--inline":T,"jkl-select--open":J&&ne.some((e=>e.visible)),"jkl-select--no-value":!se,"jkl-select--invalid":!!C||F}),tooltip:O&&o.isValidElement(O)?o.cloneElement(O,{triggerProps:{...O.props.triggerProps,onFocus:e=>{O.props.triggerProps?.onFocus?.(e),ke()}}}):null,...G,id:X?z:U,style:{"--jkl-select-max-shown-options":H,...M},density:K,label:E,labelProps:{id:q,srOnly:T,...L,htmlFor:X?z:U},helpLabel:V,errorLabel:C,render:({"aria-invalid":t,...o})=>e("div",{className:"jkl-select__outer-wrapper",style:{width:B},children:[X&&n("input",{...o,"aria-invalid":t,id:z,hidden:!Y,ref:me,placeholder:"Søk",value:Z,onChange:e=>ee(e.target.value),"data-testid":"jkl-select__search-input",className:"jkl-select__search-input","aria-autocomplete":"list","aria-activedescendant":se?`${R}__${k(oe)}`:void 0,"aria-controls":R,"aria-expanded":J,role:"combobox",onKeyDown:Pe,onBlur:ye,onFocus:je,onClick:e=>{e.stopPropagation()}}),n("button",{"aria-invalid":t,...o,id:U,ref:be,hidden:Y,type:"button",name:`${_}-btn`,className:r("jkl-select__button",{"jkl-select__button--active-value":!!oe}),"data-testid":"jkl-select__button","aria-label":`${le||"Velg"},${E}`,"aria-expanded":J,"aria-controls":R,onBlur:ye,onFocus:je,onKeyDown:_e,onClick:W,onMouseDown:e=>{e.preventDefault(),be.current?.focus()},children:le}),n("div",{id:R,ref:he,role:"listbox",className:"jkl-select__options-menu",hidden:!J||ne.every((e=>!e.visible)),"aria-labelledby":q,tabIndex:-1,"data-focus":"controlled",children:ne.map(((t,r)=>t.visible?e("button",{hidden:!t.visible,type:"button",id:`${R}__${k(t.value)}`,className:"jkl-select__option","data-testid":"jkl-select__option","aria-selected":t.value===oe,role:"option",value:t.value,"data-testautoid":`jkl-select__option-${r}`,onBlur:ye,onFocus:je,onKeyDown:De,onClick:e=>{e.preventDefault(),pe(t)},onMouseOver:we,children:[t.label,t.description?n("span",{className:"jkl-select__option-description",children:t.description}):null]},`${R}-${t.value}`):null))}),n(b,{variant:"medium",pointingDown:!J,className:"jkl-select__arrow"})]})})]})}));j.displayName="Select";export{j as Select};
+import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{c as r}from"../../../clsx-BeLtu-UY.js";import o,{forwardRef as a,useState as s,useCallback as l,useMemo as i,useRef as u,useEffect as c}from"react";import{useAnimatedHeight as p}from"../../hooks/useAnimatedHeight/useAnimatedHeight.js";import{useId as d}from"../../hooks/useId/useId.js";import{useListNavigation as v}from"../../hooks/useListNavigation/useListNavigation.js";import{usePreviousValue as f}from"../../hooks/usePreviousValue/usePreviousValue.js";import{getValuePair as m}from"../../utilities/valuePair.js";import{ArrowVerticalAnimated as b}from"../icon/icons/animated/ArrowVerticalAnimated.js";import{InputGroup as g}from"../input-group/InputGroup.js";import{focusSelected as h,toLower as k}from"./select-utils.js";const y=()=>{},j=a((a,j)=>{const{id:w,name:_,items:P,value:D,label:E,labelProps:L,onChange:$,onBlur:x,onFocus:N,className:A,helpLabel:V,errorLabel:C,invalid:F,searchable:S=!1,inline:T=!1,defaultPrompt:I="Velg",density:K,width:B,maxShownOptions:H=5,style:M,tooltip:O,...G}=a,R=d(w||"jkl-select",{generateSuffix:!w}),q=`${R}_label`,U=`${R}_button`,z=`${R}_search-input`,[J,Q]=s(!1),W=l(()=>{Q(e=>!e)},[]),X=!!S,Y=X&&J,[Z,ee]=s(""),te=l(e=>!!e.label.toLowerCase().includes(Z.toLowerCase())||"function"==typeof S&&S(Z,e),[S,Z]),ne=i(()=>P.map(m).map(e=>{const t=!X||""===Z||te(e);return{...e,visible:t}}),[P,X,Z,te]),re=i(()=>!(typeof D>"u")&&P.some(e=>"string"==typeof e?e===D:e.value===D),[D,P]),[oe,ae]=s(re&&void 0!==D?D:""),se=""!==oe,le=i(()=>ne.find(e=>e.value===oe)?.label||I,[ne,oe,I]),ie=u(null),ue=l(e=>{ie.current=e,j&&("function"==typeof j?j(e):j.current=e),e&&ae(e.value)},[j]),ce=f(D);c(()=>{D!==ce&&ae(typeof D>"u"||!re?"":D)},[D,ce,re]);const pe=l(e=>{const t=e.value;ee(""),ae(t),W(),be.current?.focus()},[W]),de=f(oe);c(()=>{typeof de>"u"||de===oe||oe===D||($&&$({type:"change",target:{name:_,value:oe}}),ie.current&&ie.current.dispatchEvent(new Event("change",{bubbles:!0})))},[$,_,D,oe,de]);const ve=u(null),fe=u(!1),me=u(null),be=u(null),ge=l((e,t)=>{if(e&&!X){const e=t.current;e&&h(e,oe)}else e?me.current&&me.current.focus():fe.current&&be.current&&be.current.focus()},[X,oe]),[he]=p(J,{onFirstVisible:ge,onTransitionEnd:ge});v({ref:he});const ke=l(()=>{X&&ee(""),x&&(x({type:"blur",target:{name:_,value:oe}}),ie.current?.dispatchEvent(new Event("focusout",{bubbles:!0}))),fe.current=!1,Q(!1)},[x,X,_,oe]),ye=l(e=>{ve.current?.contains(e.relatedTarget)||ke()},[ke]),je=l(()=>{fe.current||(N&&N({type:"change",target:{name:_,value:oe}}),fe.current=!0)},[N,oe,_]),we=l(e=>{e.target.focus({preventScroll:!0})},[]);c(()=>{const e=ie.current,t=me.current,n=be.current,r=ve.current;return e?.addEventListener("focus",()=>{Y?t?.focus():n?.focus()}),e?.addEventListener("blur",function(e){r?.contains(e.relatedTarget)&&e.preventDefault()}),()=>{e?.removeEventListener("focus",()=>{Y?t?.focus():n?.focus()}),e?.removeEventListener("blur",function(e){r?.contains(e.relatedTarget)&&e.preventDefault()})}},[Y]);const _e=l(e=>{"ArrowDown"!==e.key&&" "!==e.key||J?"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),Q(!1)):(e.preventDefault(),e.stopPropagation(),Q(!0))},[J]),Pe=l(e=>{if("ArrowDown"===e.key){e.preventDefault(),e.stopPropagation();const t=he.current;t&&h(t,X?void 0:oe)}else if("Escape"===e.key)e.preventDefault(),e.stopPropagation(),Q(!1);else if("Tab"!==e.key||e.shiftKey)"Enter"===e.key&&J&&(e.preventDefault(),e.stopPropagation());else{const t=he.current;t&&(e.preventDefault(),e.stopPropagation(),h(t,oe))}},[he,oe,X,J]),De=l(e=>{if("Tab"===e.key)e.preventDefault(),e.stopPropagation(),e.shiftKey&&me.current?me.current.focus():be.current&&(ae(e.currentTarget.value),Q(!1),be.current.focus());else if("ArrowUp"===e.key&&he.current&&me.current){const t=he.current.querySelector('[role="option"]:not([hidden])');e.currentTarget.id===t?.id&&me.current&&me.current.focus()}},[he]);return c(()=>{const e=e=>{"Escape"===e.key&&J&&Q(!1)};return typeof window<"u"&&J&&window.addEventListener("keydown",e),()=>{typeof window<"u"&&window.removeEventListener("keydown",e)}},[J]),e(t,{children:[e("select",{name:_,tabIndex:-1,"data-testid":"jkl-native-select",className:"jkl-sr-only","aria-hidden":!0,ref:ue,value:oe,onChange:y,children:[n("option",{value:""})," ",ne.map(e=>n("option",{hidden:!e.visible,value:e.value,children:e.label},`${R}-opt-${e.value}`))]}),n(g,{ref:ve,"data-testid":"jkl-select",className:r("jkl-select",A,{"jkl-select--inline":T,"jkl-select--open":J&&ne.some(e=>e.visible),"jkl-select--no-value":!se,"jkl-select--invalid":!!C||F}),tooltip:O&&o.isValidElement(O)?o.cloneElement(O,{triggerProps:{...O.props.triggerProps,onFocus:e=>{O.props.triggerProps?.onFocus?.(e),ke()}}}):null,...G,id:X?z:U,style:{"--jkl-select-max-shown-options":H,...M},density:K,label:E,labelProps:{id:q,srOnly:T,...L,htmlFor:X?z:U},helpLabel:V,errorLabel:C,render:({"aria-invalid":t,...o})=>e("div",{className:"jkl-select__outer-wrapper",style:{width:B},children:[X&&n("input",{...o,"aria-invalid":t,id:z,hidden:!Y,ref:me,placeholder:"Søk",value:Z,onChange:e=>ee(e.target.value),"data-testid":"jkl-select__search-input",className:"jkl-select__search-input","aria-autocomplete":"list","aria-activedescendant":se?`${R}__${k(oe)}`:void 0,"aria-controls":R,"aria-expanded":J,role:"combobox",onKeyDown:Pe,onBlur:ye,onFocus:je,onClick:e=>{e.stopPropagation()}}),n("button",{"aria-invalid":t,...o,id:U,ref:be,hidden:Y,type:"button",name:`${_}-btn`,className:r("jkl-select__button",{"jkl-select__button--active-value":!!oe}),"data-testid":"jkl-select__button","aria-label":`${le||"Velg"},${E}`,"aria-expanded":J,"aria-controls":R,onBlur:ye,onFocus:je,onKeyDown:_e,onClick:W,onMouseDown:e=>{e.preventDefault(),be.current?.focus()},children:le}),n("div",{id:R,ref:he,role:"listbox",className:"jkl-select__options-menu",hidden:!J||ne.every(e=>!e.visible),"aria-labelledby":q,tabIndex:-1,"data-focus":"controlled",children:ne.map((t,r)=>t.visible?e("button",{hidden:!t.visible,type:"button",id:`${R}__${k(t.value)}`,className:"jkl-select__option","data-testid":"jkl-select__option","aria-selected":t.value===oe,role:"option",value:t.value,"data-testautoid":`jkl-select__option-${r}`,onBlur:ye,onFocus:je,onKeyDown:De,onClick:e=>{e.preventDefault(),pe(t)},onMouseOver:we,children:[t.label,t.description?n("span",{className:"jkl-select__option-description",children:t.description}):null]},`${R}-${t.value}`):null)}),n(b,{variant:"medium",pointingDown:!J,className:"jkl-select__arrow"})]})})]})});j.displayName="Select";export{j as Select};
 //# sourceMappingURL=Select.js.map