npm - @fremtind/jokul - Versions diffs - 0.64.2 → 0.66.1 - Mend

@fremtind/jokul 0.64.2 → 0.66.1

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 (1008) hide show

package/build/cjs/components/modal/stories/ModalCloseButton.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalCloseButton.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalCloseButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\nimport { ~~CloseIcon~~ } from \"../../icon/~~icons/CloseIcon~~.js\";\nimport { ~~IconButton~~ } from \"../../icon~~-button~~/~~IconButton~~.js\";\nimport { ModalCloseButton as ModalCloseButtonComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalCloseButton\",\n component: ModalCloseButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalCloseButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalCloseButton: Story = {\n args: {\n type: \"button\",\n \"aria-label\": \"close\",\n },\n render: (args) => (\n <ModalCloseButtonComponent {...args}>\n <IconButton>\n <CloseIcon variant=\"medium\" />\n </IconButton>\n </ModalCloseButtonComponent>\n ),\n};\n"],"names":["meta","title","component","ModalCloseButtonComponent","ModalCloseButton","parameters","layout","tags","args","type","render","jsx","children","IconButton","CloseIcon","variant"],"mappings":"~~sTAOMA~~,EAAO,CACTC,MAAO,qCACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAA0B,CACnCI,KAAM,CACFC,KAAM,SACN,aAAc,SAElBC,OAASF,GACLG,EAAAA,IAACR,uBAA8BK,EAC3BI,SAACD,EAAAA,IAAAE,EAAAA,WAAA,CACGD,SAACD,EAAAA,IAAAG,YAAA,CAAUC,QAAQ"}
1	+ {"version":3,"file":"ModalCloseButton.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalCloseButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\nimport { IconButton } from \"../../icon-button/IconButton.js\";\nimport { CloseIcon } from \"../../icon/icons/CloseIcon.js\";\nimport { ModalCloseButton as ModalCloseButtonComponent } from \"../Modal.js\";\n\nconst meta = {\n title: \"Komponenter/Modal/ModalCloseButton\",\n component: ModalCloseButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ModalCloseButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const ModalCloseButton: Story = {\n args: {\n type: \"button\",\n \"aria-label\": \"close\",\n },\n render: (args) => (\n <ModalCloseButtonComponent {...args}>\n <IconButton>\n <CloseIcon variant=\"medium\" />\n </IconButton>\n </ModalCloseButtonComponent>\n ),\n};\n"],"names":["meta","title","component","ModalCloseButtonComponent","ModalCloseButton","parameters","layout","tags","args","type","render","jsx","children","IconButton","CloseIcon","variant"],"mappings":"uUAOMA,EAAO,CACTC,MAAO,qCACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAA0B,CACnCI,KAAM,CACFC,KAAM,SACN,aAAc,SAElBC,OAASF,GACLG,EAAAA,IAACR,uBAA8BK,EAC3BI,SAACD,EAAAA,IAAAE,EAAAA,WAAA,CACGD,SAACD,EAAAA,IAAAG,YAAA,CAAUC,QAAQ"}

package/build/cjs/components/modal/stories/ModalOverlay.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalOverlay.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalOverlay.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalOverlay as ModalOverlayComponent } from \"../Modal.js\";\nimport { ModalInstance } from \"../useModal.js\";\n\ninterface ExtendedModalComponentProps {\n dialogRef: React.RefCallback<ModalInstance>;\n onClick?: () => void;\n onCancel?: () => void;\n}\n\nconst meta = {\n title: \"Komponenter/Modal/ModalOverlay\",\n component: ModalOverlayComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<ExtendedModalComponentProps>;\n\nexport default meta;\n\ntype Story = StoryObj<ExtendedModalComponentProps>;\n\nlet modalRef: ModalInstance \| null = null;\n\nexport const ModalOverlay: Story = {\n args: {\n dialogRef: (instance: ModalInstance \| null) => {\n modalRef = instance;\n },\n onCancel: () => {\n console.log(\"❌ Cancel\");\n modalRef?.hide();\n },\n onClick: () => {\n ModalOverlay.args?.onCancel?.();\n },\n },\n};\n"],"names":["meta","title","component","ModalOverlay","parameters","layout","tags","modalRef","args","dialogRef","instance","onCancel","console","log","hide","onClick","_b","_a","call"],"mappings":"6JAWMA,EAAO,CACTC,MAAO,iCACPC,kCAAWC,aACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOX,IAAIC,EAAiC,KAE9B,MAAMJ,EAAsB,CAC/BK,KAAM,CACFC,UAAYC,IACGH,EAAAG,GAEfC,SAAU,KACNC,QAAQC,IAAI,YACZ,MAAAN,GAAAA,EAAUO,QAEdC,QAAS,aACL,OAAAC,EAAA,OAAAC,EAAAd,EAAaK,aAAbS,EAAmBN,WAAnBK,EAAAE,KAAAD"}
1	+ {"version":3,"file":"ModalOverlay.stories.cjs","sources":["../../../../../src/components/modal/stories/ModalOverlay.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport \"../styles/_index.scss\";\nimport { ModalOverlay as ModalOverlayComponent } from \"../Modal.js\";\nimport type { ModalInstance } from \"../useModal.js\";\n\ninterface ExtendedModalComponentProps {\n dialogRef: React.RefCallback<ModalInstance>;\n onClick?: () => void;\n onCancel?: () => void;\n}\n\nconst meta = {\n title: \"Komponenter/Modal/ModalOverlay\",\n component: ModalOverlayComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<ExtendedModalComponentProps>;\n\nexport default meta;\n\ntype Story = StoryObj<ExtendedModalComponentProps>;\n\nlet modalRef: ModalInstance \| null = null;\n\nexport const ModalOverlay: Story = {\n args: {\n dialogRef: (instance: ModalInstance \| null) => {\n modalRef = instance;\n },\n onCancel: () => {\n console.log(\"❌ Cancel\");\n modalRef?.hide();\n },\n onClick: () => {\n ModalOverlay.args?.onCancel?.();\n },\n },\n};\n"],"names":["meta","title","component","ModalOverlay","parameters","layout","tags","modalRef","args","dialogRef","instance","onCancel","console","log","hide","onClick","_b","_a","call"],"mappings":"6JAWMA,EAAO,CACTC,MAAO,iCACPC,kCAAWC,aACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOX,IAAIC,EAAiC,KAE9B,MAAMJ,EAAsB,CAC/BK,KAAM,CACFC,UAAYC,IACGH,EAAAG,GAEfC,SAAU,KACNC,QAAQC,IAAI,YACZ,MAAAN,GAAAA,EAAUO,QAEdC,QAAS,aACL,OAAAC,EAAA,OAAAC,EAAAd,EAAaK,aAAbS,EAAmBN,WAAnBK,EAAAE,KAAAD"}

package/build/cjs/components/modal/useModal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useModal.cjs","sources":["../../../../src/components/modal/useModal.ts"],"sourcesContent":["import { useA11yDialog } from \"react-a11y-dialog\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { 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":["props","id","idProp","role","closeButtonLabel","rest","useId","generateSuffix","instance","config","useA11yDialog","dialog","restConfig","modal","closeButton"],"mappings":"+KAiDO,SAAkBA,GACf,MACFC,GAAIC,EACJC,KAAAA,EAAO,SACPC,iBAAAA,EAAmB,UAChBC,GACHL,EAEEC,EAAKK,QAAMJ,GAAU,YAAa,CAAEK,gBAAiBL,KAEpDM,EAAUC,GAAUC,gBAAc,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.cjs","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":["props","id","idProp","role","closeButtonLabel","rest","useId","generateSuffix","instance","config","useA11yDialog","dialog","restConfig","modal","closeButton"],"mappings":"+KAiDO,SAAkBA,GACf,MACFC,GAAIC,EACJC,KAAAA,EAAO,SACPC,iBAAAA,EAAmB,UAChBC,GACHL,EAEEC,EAAKK,QAAMJ,GAAU,YAAa,CAAEK,gBAAiBL,KAEpDM,EAAUC,GAAUC,gBAAc,CACrCT,GAAAA,EACAE,KAAAA,KACGE,KAGCM,OAAAA,KAAWC,GAAeH,EAW3B,MAAA,CAACD,EATyB,CAC7BK,MAAOJ,EAAOE,UACXC,EACHE,YAAa,IACNL,EAAOK,YACV,aAAcV,IAK1B"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NavLink.cjs","sources":["../../../../src/components/nav-link/NavLink.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React from \"react\";\nimport { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ArrowRightIcon } from \"../icon/icons/ArrowRightIcon.js\";\nimport { ArrowLeftIcon } from \"../icon/index.js\";\nimport { 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","Component","jsxs","clsx","jsx","ArrowLeftIcon","variant","ArrowRightIcon"],"mappings":"orDAWO,MAAMA,EAAUC,EAAMC,YAAW,SAEtCC,EAAkCC,GAC1B,MACFC,OAAAA,GAAS,EACTC,KAAAA,GAAO,EACPC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHP,EACEQ,EAAYF,EAGd,OAAAG,EAAAA,KAACD,EAAA,CACGP,IAAAA,EACAG,UAAWM,EAAAA,KACP,eACA,CACI,uBAAwBR,EACxB,qBAAsBC,GAE1BC,MAEAG,EAEHF,SAAA,CAAAF,GACIQ,EAAAA,IAAAC,gBAAA,CAAcC,QAAQ,QAAQT,UAAU,uBAE5CC,GACCF,GACEQ,EAAAA,IAACG,EAAAA,eAAA,CACGD,QAAQ,QACRT,UAAU,yBAK9B"}
1	+ {"version":3,"file":"NavLink.cjs","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","Component","jsxs","clsx","jsx","ArrowLeftIcon","variant","ArrowRightIcon"],"mappings":"orDAWO,MAAMA,EAAUC,EAAMC,YAAW,SAEtCC,EAAkCC,GAC1B,MACFC,OAAAA,GAAS,EACTC,KAAAA,GAAO,EACPC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHP,EACEQ,EAAYF,EAGd,OAAAG,EAAAA,KAACD,EAAA,CACGP,IAAAA,EACAG,UAAWM,EAAAA,KACP,eACA,CACI,uBAAwBR,EACxB,qBAAsBC,GAE1BC,MAEAG,EAEHF,SAAA,CAAAF,GACIQ,EAAAA,IAAAC,gBAAA,CAAcC,QAAQ,QAAQT,UAAU,uBAE5CC,GACCF,GACEQ,EAAAA,IAACG,EAAAA,eAAA,CACGD,QAAQ,QACRT,UAAU,yBAK9B"}

package/build/cjs/components/nav-link/stories/NavLink.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavLink.stories.cjs","sources":["../../../../../src/components/nav-link/stories/NavLink.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { NavLink as NavLinkComponent } from \"../NavLink.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/NavLink\",\n component: NavLinkComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n href: {\n control: \"text\",\n defaultValue: \"https://www.fremtind.no\",\n },\n },\n} satisfies Meta<typeof NavLinkComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof NavLinkComponent>;\n\nexport const NavLink: Story = {\n args: {\n children: \"NavLink\",\n href: \"https://www.fremtind.no\",\n },\n};\n"],"names":["meta","title","component","NavLink","parameters","layout","tags","argTypes","href","control","defaultValue","args","children"],"mappings":"kHAIMA,EAAa,CACfC,MAAO,sBACPC,oCAAWC,QACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,KAAM,CACFC,QAAS,OACTC,aAAc,6CASI,CAC1BC,KAAM,CACFC,SAAU,UACVJ,KAAM"}
1	+ {"version":3,"file":"NavLink.stories.cjs","sources":["../../../../../src/components/nav-link/stories/NavLink.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { NavLink as NavLinkComponent } from \"../NavLink.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/NavLink\",\n component: NavLinkComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n argTypes: {\n href: {\n control: \"text\",\n defaultValue: \"https://www.fremtind.no\",\n },\n },\n} satisfies Meta<typeof NavLinkComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof NavLinkComponent>;\n\nexport const NavLink: Story = {\n args: {\n children: \"NavLink\",\n href: \"https://www.fremtind.no\",\n },\n};\n"],"names":["meta","title","component","NavLink","parameters","layout","tags","argTypes","href","control","defaultValue","args","children"],"mappings":"kHAIMA,EAAa,CACfC,MAAO,sBACPC,oCAAWC,QACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,YACPC,SAAU,CACNC,KAAM,CACFC,QAAS,OACTC,aAAc,6CASI,CAC1BC,KAAM,CACFC,SAAU,UACVJ,KAAM"}

package/build/cjs/components/pagination/PageButton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageButton.cjs","sources":["../../../../src/components/pagination/PageButton.tsx"],"sourcesContent":["import React, { clsx } from \"clsx\";\nimport { 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":["isActive","number","onClick","total","jsx","children","className","clsx","type","tabIndex","title"],"mappings":"gLAQK,EAAGA,SAAAA,EAAUC,OAAAA,EAAQC,QAAAA,EAASC,MAAAA,KAC9BC,EAAAA,IAAA,KAAA,CAAG,eAAcD,EAAO,gBAAeF,EACpCI,SAAAD,EAAAA,IAAC,SAAA,CACGE,UAAWC,OAAK,wBAAyB,CACrC,iCAAkCP,IAEtC,eAAcA,EACdQ,KAAK,SACLN,QAAAA,EACAO,SAAUT,GAAW,EAAK,EAC1B,gBAAeA,EACfU,MAAO,QAAQT,IAEfI,SAACD,EAAAA,IAAA,OAAA,CAAK,eAAa,EAAOC,SAAOJ"}
1	+ {"version":3,"file":"PageButton.cjs","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":["isActive","number","onClick","total","jsx","children","className","clsx","type","tabIndex","title"],"mappings":"gLAQK,EAAGA,SAAAA,EAAUC,OAAAA,EAAQC,QAAAA,EAASC,MAAAA,KAC9BC,EAAAA,IAAA,KAAA,CAAG,eAAcD,EAAO,gBAAeF,EACpCI,SAAAD,EAAAA,IAAC,SAAA,CACGE,UAAWC,OAAK,wBAAyB,CACrC,iCAAkCP,IAEtC,eAAcA,EACdQ,KAAK,SACLN,QAAAA,EACAO,SAAUT,GAAW,EAAK,EAC1B,gBAAeA,EACfU,MAAO,QAAQT,IAEfI,SAACD,EAAAA,IAAA,OAAA,CAAK,eAAa,EAAOC,SAAOJ"}

package/build/cjs/components/pagination/Pagination.cjs CHANGED Viewed

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

package/build/cjs/components/pagination/Pagination.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/pagination/Pagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect } from \"react\";\nimport { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { ChevronLeftIcon } from \"../icon/icons/ChevronLeftIcon.js\";\nimport { ChevronRightIcon } from \"../icon/icons/ChevronRightIcon.js\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { PageButton } from \"./PageButton.js\";\nimport { 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.cjs","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/cjs/components/pagination/stories/Pagination.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.stories.cjs","sources":["../../../../../src/components/pagination/stories/Pagination.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Pagination as PaginationComponent } from \"../Pagination.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Pagination\",\n component: PaginationComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PaginationComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PaginationComponent>;\n\nexport const Pagination: Story = {\n args: {\n currentPage: 1,\n numberOfPages: 10,\n onPageChange: () => {},\n },\n decorators: [\n (Story, context) => {\n const [currentPage, setCurrentPage] = useState<number>(\n context.args.currentPage,\n );\n\n const numberOfPages = context.args.numberOfPages;\n\n const onPageChange = (newPage: number, fromPage: number) => {\n if (newPage > 0 && newPage <= numberOfPages) {\n setCurrentPage(newPage);\n }\n };\n\n return (\n <div>\n <PaginationComponent\n currentPage={currentPage}\n numberOfPages={numberOfPages}\n onPageChange={onPageChange}\n />\n </div>\n );\n },\n ],\n};\n"],"names":["meta","title","component","PaginationComponent","Pagination","parameters","layout","tags","args","currentPage","numberOfPages","onPageChange","decorators","Story","context","setCurrentPage","useState","children","jsx","newPage","fromPage"],"mappings":"mMAKMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EAAAC,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAoB,CAC7BI,KAAM,CACFC,YAAa,EACbC,cAAe,GACfC,aAAc,QAElBC,WAAY,CACR,CAACC,EAAOC,KACE,MAACL,EAAaM,GAAkBC,EAAAA,SAClCF,EAAQN,KAAKC,aAGXC,EAAgBI,EAAQN,KAAKE,cAQnC,aACK,MACG,CAAAO,SAAAC,EAAAA,IAACf,EAAAC,WAAA,CACGK,YAAAA,EACAC,cAAAA,EACAC,aAXS,CAACQ,EAAiBC,KAC/BD,EAAU,GAAKA,GAAWT,GAC1BK,EAAeI,EAAO,KAW1B"}
1	+ {"version":3,"file":"Pagination.stories.cjs","sources":["../../../../../src/components/pagination/stories/Pagination.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Pagination as PaginationComponent } from \"../Pagination.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Pagination\",\n component: PaginationComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PaginationComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PaginationComponent>;\n\nexport const Pagination: Story = {\n args: {\n currentPage: 1,\n numberOfPages: 10,\n onPageChange: () => {},\n },\n decorators: [\n (Story, context) => {\n const [currentPage, setCurrentPage] = useState<number>(\n context.args.currentPage,\n );\n\n const numberOfPages = context.args.numberOfPages;\n\n const onPageChange = (newPage: number, fromPage: number) => {\n if (newPage > 0 && newPage <= numberOfPages) {\n setCurrentPage(newPage);\n }\n };\n\n return (\n <div>\n <PaginationComponent\n currentPage={currentPage}\n numberOfPages={numberOfPages}\n onPageChange={onPageChange}\n />\n </div>\n );\n },\n ],\n};\n"],"names":["meta","title","component","PaginationComponent","Pagination","parameters","layout","tags","args","currentPage","numberOfPages","onPageChange","decorators","Story","context","setCurrentPage","useState","children","jsx","newPage","fromPage"],"mappings":"mMAKMA,EAAa,CACfC,MAAO,yBACPC,UAAWC,EAAAC,WACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAoB,CAC7BI,KAAM,CACFC,YAAa,EACbC,cAAe,GACfC,aAAc,QAElBC,WAAY,CACR,CAACC,EAAOC,KACE,MAACL,EAAaM,GAAkBC,EAAAA,SAClCF,EAAQN,KAAKC,aAGXC,EAAgBI,EAAQN,KAAKE,cAQnC,aACK,MACG,CAAAO,SAAAC,EAAAA,IAACf,EAAAC,WAAA,CACGK,YAAAA,EACAC,cAAAA,EACAC,aAXS,CAACQ,EAAiBC,KAC/BD,EAAU,GAAKA,GAAWT,GAC1BK,EAAeI,EAAO,KAW1B"}

package/build/cjs/components/popover/Popover.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popover.cjs","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n autoUpdate,\n flip,\n FloatingFocusManager,\n FloatingPortal,\n offset,\n ReferenceElement,\n shift,\n useClick,\n useDismiss,\n useFloating,\n useFocus,\n useHover,\n useInteractions,\n useMergeRefs,\n useRole,\n VirtualElement,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport { 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","_a","elements","domReference","closest","document","body","FloatingPortal","root","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"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"}
1	+ {"version":3,"file":"Popover.cjs","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","_a","elements","domReference","closest","document","body","FloatingPortal","root","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"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"}

package/build/cjs/components/popover/stories/PopoverControlled.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverControlled.stories.cjs","sources":["../../../../../src/components/popover/stories/PopoverControlled.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Button } from \"../../button/Button.js\";\nimport { Popover as PopoverComponent } from \"../Popover.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Popover/PopoverControlled\",\n component: PopoverComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PopoverComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PopoverComponent>;\n\ntype PopoverProps = React.ComponentProps<typeof PopoverComponent>;\n\nconst PopoverControlledComponent = (args: PopoverProps) => {\n const [open, setOpen] = useState(false);\n\n return (\n <PopoverComponent {...args} open={open} onOpenChange={setOpen}>\n <PopoverComponent.Trigger\n onClick={() => setOpen(!open)}\n aria-expanded={open}\n asChild\n >\n <Button variant=\"primary\">Åpne popover</Button>\n </PopoverComponent.Trigger>\n <PopoverComponent.Content padding={24}>\n Dette er innholdet i Popover\n </PopoverComponent.Content>\n </PopoverComponent>\n );\n};\n\nexport const PopoverControlled: Story = {\n args: {\n open: false,\n onOpenChange: () => {},\n roleOptions: { role: \"menu\" },\n },\n render: (args) => <PopoverControlledComponent {...args} />,\n};\n"],"names":["meta","title","component","PopoverComponent","Popover","parameters","layout","tags","PopoverControlledComponent","args","open","setOpen","useState","onOpenChange","children","jsx","Trigger","onClick","asChild","Button","variant","Content","padding","PopoverControlled","roleOptions","role","render"],"mappings":"2TAOA,MAAMA,EAAa,CACfC,MAAO,wCACPC,UAAWC,EAAAC,QACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aASLC,EAA8BC,IAChC,MAAOC,EAAMC,GAAWC,YAAS,GAEjC,cACKT,EAAkBC,QAAA,IAAGK,EAAMC,KAAAA,EAAYG,aAAcF,EAClDG,SAAA,CAAAC,EAAAA,IAACZ,EAAAA,QAAiBa,QAAjB,CACGC,QAAS,IAAMN,GAASD,GACxB,gBAAeA,EACfQ,SAAO,EAEPJ,SAACC,EAAAA,IAAAI,SAAA,CAAOC,QAAQ,UAAUN,SAAY,yBAEzCX,EAAiBC,QAAAiB,QAAjB,CAAyBC,QAAS,GAAIR,SAEvC,mCACJ,EAIKS,EAA2B,CACpCd,KAAM,CACFC,MAAM,EACNG,aAAc,OACdW,YAAa,CAAEC,KAAM,SAEzBC,OAASjB,GAAUM,EAAAA,IAAAP,EAAA,IAA+BC"}
1	+ {"version":3,"file":"PopoverControlled.stories.cjs","sources":["../../../../../src/components/popover/stories/PopoverControlled.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Button } from \"../../button/Button.js\";\nimport { Popover as PopoverComponent } from \"../Popover.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Popover/PopoverControlled\",\n component: PopoverComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PopoverComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PopoverComponent>;\n\ntype PopoverProps = React.ComponentProps<typeof PopoverComponent>;\n\nconst PopoverControlledComponent = (args: PopoverProps) => {\n const [open, setOpen] = useState(false);\n\n return (\n <PopoverComponent {...args} open={open} onOpenChange={setOpen}>\n <PopoverComponent.Trigger\n onClick={() => setOpen(!open)}\n aria-expanded={open}\n asChild\n >\n <Button variant=\"primary\">Åpne popover</Button>\n </PopoverComponent.Trigger>\n <PopoverComponent.Content padding={24}>\n Dette er innholdet i Popover\n </PopoverComponent.Content>\n </PopoverComponent>\n );\n};\n\nexport const PopoverControlled: Story = {\n args: {\n open: false,\n onOpenChange: () => {},\n roleOptions: { role: \"menu\" },\n },\n render: (args) => <PopoverControlledComponent {...args} />,\n};\n"],"names":["meta","title","component","PopoverComponent","Popover","parameters","layout","tags","PopoverControlledComponent","args","open","setOpen","useState","onOpenChange","children","jsx","Trigger","onClick","asChild","Button","variant","Content","padding","PopoverControlled","roleOptions","role","render"],"mappings":"2TAOA,MAAMA,EAAa,CACfC,MAAO,wCACPC,UAAWC,EAAAC,QACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aASLC,EAA8BC,IAChC,MAAOC,EAAMC,GAAWC,YAAS,GAEjC,cACKT,EAAkBC,QAAA,IAAGK,EAAMC,KAAAA,EAAYG,aAAcF,EAClDG,SAAA,CAAAC,EAAAA,IAACZ,EAAAA,QAAiBa,QAAjB,CACGC,QAAS,IAAMN,GAASD,GACxB,gBAAeA,EACfQ,SAAO,EAEPJ,SAACC,EAAAA,IAAAI,SAAA,CAAOC,QAAQ,UAAUN,SAAY,yBAEzCX,EAAiBC,QAAAiB,QAAjB,CAAyBC,QAAS,GAAIR,SAEvC,mCACJ,EAIKS,EAA2B,CACpCd,KAAM,CACFC,MAAM,EACNG,aAAc,OACdW,YAAa,CAAEC,KAAM,SAEzBC,OAASjB,GAAUM,EAAAA,IAAAP,EAAA,IAA+BC"}

package/build/cjs/components/popover/stories/PopoverUncontrolled.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverUncontrolled.stories.cjs","sources":["../../../../../src/components/popover/stories/PopoverUncontrolled.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Popover as PopoverComponent } from \"../Popover.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Popover/PopoverUncontrolled\",\n component: PopoverComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PopoverComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PopoverComponent>;\n\ntype PopoverProps = React.ComponentProps<typeof PopoverComponent>;\n\nconst PopoverUncontrolledComponent = (args: PopoverProps) => {\n const [open, setOpen] = useState(false);\n\n return (\n <PopoverComponent {...args} open={open} onOpenChange={setOpen}>\n <PopoverComponent.Trigger\n onClick={() => setOpen(!open)}\n aria-expanded={open}\n asChild\n >\n Åpne popover\n </PopoverComponent.Trigger>\n <PopoverComponent.Content padding={24}>\n Dette er innholdet i Popover\n </PopoverComponent.Content>\n </PopoverComponent>\n );\n};\n\nexport const PopoverUncontrolled: Story = {\n args: {\n open: false,\n onOpenChange: () => {},\n roleOptions: { role: \"menu\" },\n },\n render: (args) => <PopoverUncontrolledComponent {...args} />,\n};\n"],"names":["meta","title","component","PopoverComponent","Popover","parameters","layout","tags","PopoverUncontrolledComponent","args","open","setOpen","useState","onOpenChange","children","jsx","Trigger","onClick","asChild","Content","padding","PopoverUncontrolled","roleOptions","role","render"],"mappings":"sRAMA,MAAMA,EAAa,CACfC,MAAO,0CACPC,UAAWC,EAAAC,QACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aASLC,EAAgCC,IAClC,MAAOC,EAAMC,GAAWC,YAAS,GAEjC,cACKT,EAAkBC,QAAA,IAAGK,EAAMC,KAAAA,EAAYG,aAAcF,EAClDG,SAAA,CAAAC,EAAAA,IAACZ,EAAAA,QAAiBa,QAAjB,CACGC,QAAS,IAAMN,GAASD,GACxB,gBAAeA,EACfQ,SAAO,EACVJ,SAAA,uBAGAX,EAAiBC,QAAAe,QAAjB,CAAyBC,QAAS,GAAIN,SAEvC,mCACJ,EAIKO,EAA6B,CACtCZ,KAAM,CACFC,MAAM,EACNG,aAAc,OACdS,YAAa,CAAEC,KAAM,SAEzBC,OAASf,GAAUM,EAAAA,IAAAP,EAAA,IAAiCC"}
1	+ {"version":3,"file":"PopoverUncontrolled.stories.cjs","sources":["../../../../../src/components/popover/stories/PopoverUncontrolled.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Popover as PopoverComponent } from \"../Popover.js\";\nimport \"../../button/styles/_index.scss\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/Popover/PopoverUncontrolled\",\n component: PopoverComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof PopoverComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof PopoverComponent>;\n\ntype PopoverProps = React.ComponentProps<typeof PopoverComponent>;\n\nconst PopoverUncontrolledComponent = (args: PopoverProps) => {\n const [open, setOpen] = useState(false);\n\n return (\n <PopoverComponent {...args} open={open} onOpenChange={setOpen}>\n <PopoverComponent.Trigger\n onClick={() => setOpen(!open)}\n aria-expanded={open}\n asChild\n >\n Åpne popover\n </PopoverComponent.Trigger>\n <PopoverComponent.Content padding={24}>\n Dette er innholdet i Popover\n </PopoverComponent.Content>\n </PopoverComponent>\n );\n};\n\nexport const PopoverUncontrolled: Story = {\n args: {\n open: false,\n onOpenChange: () => {},\n roleOptions: { role: \"menu\" },\n },\n render: (args) => <PopoverUncontrolledComponent {...args} />,\n};\n"],"names":["meta","title","component","PopoverComponent","Popover","parameters","layout","tags","PopoverUncontrolledComponent","args","open","setOpen","useState","onOpenChange","children","jsx","Trigger","onClick","asChild","Content","padding","PopoverUncontrolled","roleOptions","role","render"],"mappings":"sRAMA,MAAMA,EAAa,CACfC,MAAO,0CACPC,UAAWC,EAAAC,QACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aASLC,EAAgCC,IAClC,MAAOC,EAAMC,GAAWC,YAAS,GAEjC,cACKT,EAAkBC,QAAA,IAAGK,EAAMC,KAAAA,EAAYG,aAAcF,EAClDG,SAAA,CAAAC,EAAAA,IAACZ,EAAAA,QAAiBa,QAAjB,CACGC,QAAS,IAAMN,GAASD,GACxB,gBAAeA,EACfQ,SAAO,EACVJ,SAAA,uBAGAX,EAAiBC,QAAAe,QAAjB,CAAyBC,QAAS,GAAIN,SAEvC,mCACJ,EAIKO,EAA6B,CACtCZ,KAAM,CACFC,MAAM,EACNG,aAAc,OACdS,YAAa,CAAEC,KAAM,SAEzBC,OAASf,GAAUM,EAAAA,IAAAP,EAAA,IAAiCC"}

package/build/cjs/components/popover/types.d.cts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ReferenceType, useClick, useDismiss, UseFloatingOptions, useFocus, useHover, useRole } from '@floating-ui/react';
+import { ReferenceType, UseFloatingOptions, useClick, useDismiss, useFocus, useHover, useRole } from '@floating-ui/react';
 export type ClickOptions = Parameters<typeof useClick>[1];
 export type DismissOptions = Parameters<typeof useDismiss>[1];
 export type FocusOptions = Parameters<typeof useFocus>[1];

package/build/cjs/components/progress-bar/ProgressBar.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=(r,a)=>0===a?0:100*r/a;exports.ProgressBar=({"aria-valuenow":e,"aria-valuemin":s=0,"aria-valuemax":t=100,title:l="Fremdrift",className:i,...o})=>{const c=`${a(e,t)}%`;return r.jsx("div",{className:`jkl-progress-bar ${i??""}`,role:"progressbar",title:l,"aria-valuenow":e,"aria-valuemin":s,"aria-valuemax":t,"data-testid":"jkl-progress-bar",...o,children:r.jsx("span",{className:"jkl-progress-bar__tracker",style:{width:c},"data-testid":"jkl-progress-bar__tracker"})})},exports.calculatePercentage=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const e=(r,e)=>0===e?0:100*r/e;exports.ProgressBar=({"aria-valuenow":a,"aria-valuemin":t=0,"aria-valuemax":s=100,title:l="Fremdrift",className:i,...o})=>{const c=`${e(a,s)}%`;return r.jsx("div",{tabIndex:0,className:`jkl-progress-bar ${i??""}`,role:"progressbar",title:l,"aria-valuenow":a,"aria-valuemin":t,"aria-valuemax":s,"data-testid":"jkl-progress-bar",...o,children:r.jsx("span",{className:"jkl-progress-bar__tracker",style:{width:c},"data-testid":"jkl-progress-bar__tracker"})})},exports.calculatePercentage=e;
 //# sourceMappingURL=ProgressBar.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.cjs","sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { 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 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","value","min","max","title","className","rest","trackerWidth","jsx","role","children","style","width"],"mappings":"~~qHAGaA~~,EAAsB,CAACC,EAAiBC,IACvC,IAAVA,EAAc,EAAe,IAAVD,EAAiBC,sBAES,EAC7C,gBAAiBC,EACjB,gBAAiBC,EAAM,EACvB,gBAAiBC,EAAM,IACvBC,MAAAA,EAAQ,YACRC,UAAAA,KACGC,MAEH,MAAMC,EAAe,GAAGT,EAAoBG,EAAOE,MAG/C,OAAAK,EAAAA,IAAC,MAAA,~~CACGH~~,UAAW,oBAAoBA,GAAa,~~KAC5CI~~,KAAK,~~cACLL~~,MAAAA,EACA,gBAAeH,EACf,gBAAeC,EACf,gBAAeC,EACf,cAAY,sBACRG,~~EAEJI~~,~~SAAAF~~,EAAAA,IAAC,OAAA,CACGH,UAAU,~~4BACVM~~,MAAO,CAAEC,~~MAAOL~~,GAChB,cAAY,+BAChB"}
1	+ {"version":3,"file":"ProgressBar.cjs","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","value","min","max","title","className","rest","trackerWidth","jsx","tabIndex","role","children","style","width"],"mappings":"sIAGa,MAAAA,EAAsB,CAACC,EAAiBC,IACvC,IAAVA,EAAc,EAAe,IAAVD,EAAiBC,sBAES,EAC7C,gBAAiBC,EACjB,gBAAiBC,EAAM,EACvB,gBAAiBC,EAAM,IACvBC,MAAAA,EAAQ,YACRC,UAAAA,KACGC,MAEH,MAAMC,EAAe,GAAGT,EAAoBG,EAAOE,MAG/C,OAAAK,EAAAA,IAAC,MAAA,CACGC,SAAU,EACVJ,UAAW,oBAAoBA,GAAa,KAC5CK,KAAK,cACLN,MAAAA,EACA,gBAAeH,EACf,gBAAeC,EACf,gBAAeC,EACf,cAAY,sBACRG,EAEJK,SAAAH,EAAAA,IAAC,OAAA,CACGH,UAAU,4BACVO,MAAO,CAAEC,MAAON,GAChB,cAAY,+BAChB"}

package/build/cjs/components/progress-bar/stories/ProgressBar.stories.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../ProgressBar.cjs"),s={title:"Komponenter/ProgressBar",component:r.ProgressBar,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{"aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100},render:s=>e.jsx("div",{...s,style:{width:"100%",minWidth:"240px"},children:e.jsx(r.ProgressBar,{...s})})};exports.ProgressBar=a,exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../ProgressBar.cjs");require("react");const s={title:"Komponenter/ProgressBar",component:r.ProgressBar,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{"aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100},render:s=>e.jsx("div",{...s,style:{width:"100%",minWidth:"240px"},children:e.jsx(r.ProgressBar,{...s})})};exports.ProgressBar=a,exports.default=s;
 //# sourceMappingURL=ProgressBar.stories.cjs.map

package/build/cjs/components/progress-bar/stories/ProgressBar.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.stories.cjs","sources":["../../../../../src/components/progress-bar/stories/ProgressBar.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { ProgressBar as ProgressBarComponent } from \"../ProgressBar.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n title: \"Komponenter/ProgressBar\",\n component: ProgressBarComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ProgressBarComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ProgressBarComponent>;\n\nexport const ProgressBar: Story = {\n args: {\n \"aria-valuenow\": 0,\n \"aria-valuemin\": 0,\n \"aria-valuemax\": 100,\n },\n render: (args) => (\n <div {...args} style={{ width: \"100%\", minWidth: \"240px\" }}>\n <ProgressBarComponent {...args} />\n </div>\n ),\n};\n"],"names":["meta","title","component","ProgressBarComponent","ProgressBar","parameters","layout","tags","args","render","style","width","minWidth","children"],"mappings":"~~iLAKMA~~,EAAa,CACfC,MAAO,0BACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAqB,CAC9BI,KAAM,CACF,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,KAErBC,OAASD,SACJ,MAAK,IAAGA,EAAME,MAAO,CAAEC,MAAO,OAAQC,SAAU,SAC7CC,eAACV,EAAAA,YAAsB,IAAGK"}
1	+ {"version":3,"file":"ProgressBar.stories.cjs","sources":["../../../../../src/components/progress-bar/stories/ProgressBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { ProgressBar as ProgressBarComponent } from \"../ProgressBar.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n title: \"Komponenter/ProgressBar\",\n component: ProgressBarComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof ProgressBarComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ProgressBarComponent>;\n\nexport const ProgressBar: Story = {\n args: {\n \"aria-valuenow\": 0,\n \"aria-valuemin\": 0,\n \"aria-valuemax\": 100,\n },\n render: (args) => (\n <div {...args} style={{ width: \"100%\", minWidth: \"240px\" }}>\n <ProgressBarComponent {...args} />\n </div>\n ),\n};\n"],"names":["meta","title","component","ProgressBarComponent","ProgressBar","parameters","layout","tags","args","render","style","width","minWidth","children"],"mappings":"kMAKA,MAAMA,EAAa,CACfC,MAAO,0BACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOEH,EAAqB,CAC9BI,KAAM,CACF,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,KAErBC,OAASD,SACJ,MAAK,IAAGA,EAAME,MAAO,CAAEC,MAAO,OAAQC,SAAU,SAC7CC,eAACV,EAAAA,YAAsB,IAAGK"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseRadioButton.cjs","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 { 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":"yNAKaA,EAAkBC,EAAAA,YAG7B,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,QAAMb,GAAM,mBAAoB,CAAEc,gBAAiBd,IAG/D,OAAAe,EAAAA,KAAC,MAAA,CACGd,UAAWe,EAAAA,KAAK,mBAAoBf,EAAW,CAC3C,2BAA4BK,EAC5B,0BAA2BC,IAE/B,eAAcF,EAEdF,SAAA,CAAAc,EAAAA,IAAC,QAAA,CACGT,KAAAA,EACAT,IAAAA,KACIY,EACJX,GAAIY,EACJX,UAAU,0BACViB,KAAK,QACLR,SAAAA,EACAD,MAAAA,EACAP,QAAAA,IAEJa,EAAAA,KAAC,QAAA,CACG,cAAY,8BACZI,QAASP,EACTX,UAAU,0BAEVE,SAAA,CAAAc,EAAAA,IAAC,OAAK,CAAA,eAAW,EAAChB,UAAU,0BAC3BgB,EAAAA,IAAA,OAAA,CAAKhB,UAAU,yBACXE,YAASA,SAElB,IAKZP,EAAgBwB,YAAc"}
1	+ {"version":3,"file":"BaseRadioButton.cjs","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":"yNAKaA,EAAkBC,EAAAA,YAG7B,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,QAAMb,GAAM,mBAAoB,CAAEc,gBAAiBd,IAG/D,OAAAe,EAAAA,KAAC,MAAA,CACGd,UAAWe,EAAAA,KAAK,mBAAoBf,EAAW,CAC3C,2BAA4BK,EAC5B,0BAA2BC,IAE/B,eAAcF,EAEdF,SAAA,CAAAc,EAAAA,IAAC,QAAA,CACGT,KAAAA,EACAT,IAAAA,KACIY,EACJX,GAAIY,EACJX,UAAU,0BACViB,KAAK,QACLR,SAAAA,EACAD,MAAAA,EACAP,QAAAA,IAEJa,EAAAA,KAAC,QAAA,CACG,cAAY,8BACZI,QAASP,EACTX,UAAU,0BAEVE,SAAA,CAAAc,EAAAA,IAAC,OAAK,CAAA,eAAW,EAAChB,UAAU,0BAC3BgB,EAAAA,IAAA,OAAA,CAAKhB,UAAU,yBACXE,YAASA,SAElB,IAKZP,EAAgBwB,YAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.cjs","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 { 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":"sSAOaA,EAAcC,EAAAA,YACvB,CAACC,EAAOC,KACJ,MAAQC,QAAAA,EAASC,MAAAA,EAAOC,kBAAAA,EAAmBC,UAAAA,KAAcC,GAASN,GAE9DG,MAAOI,EACPC,QAAAA,KACGC,GACHC,EAAqBA,uBACnBC,EAAYC,QAAM,qBAExB,OAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,IACOR,KACAH,EACJL,IAAAA,EACAC,eACWA,EAAY,IACbA,SACOK,EAAkB,~~IACzBJ~~,IAAUI,OACV,~~EAEVJ~~,MAAAA,EACA,mBAAkBE,EAAYM,OAAY,IAE9CK,EAAAA,IAACE,EAAAA,aAAA,IACOd,EACJe,MAAOd,EACPe,UAAW,OACXC,GAAIV,EACJH,QAAAA,MAER,IAKZV,EAAYwB,YAAc"}
1	+ {"version":3,"file":"RadioButton.cjs","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":"sSAOaA,EAAcC,EAAAA,YACvB,CAACC,EAAOC,KACJ,MAAQC,QAAAA,EAASC,MAAAA,EAAOC,kBAAAA,EAAmBC,UAAAA,KAAcC,GAASN,GAE9DG,MAAOI,EACPC,QAAAA,KACGC,GACHC,EAAqBA,uBACnBC,EAAYC,QAAM,qBAExB,OAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,IACOR,KACAH,EACJL,IAAAA,EACAC,eACWA,EAAY,IACbA,SACOK,EAAkB,IACvBJ,IAAUI,OACV,EAEZJ,MAAAA,EACA,mBAAkBE,EAAYM,OAAY,IAE9CK,EAAAA,IAACE,EAAAA,aAAA,IACOd,EACJe,MAAOd,EACPe,UAAW,OACXC,GAAIV,EACJH,QAAAA,MAER,IAKZV,EAAYwB,YAAc"}

package/build/cjs/components/radio-button/RadioButtonGroup.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../input-group/FieldGroup.cjs"),o=require("./radioGroupContext.cjs");exports.RadioButtonGroup=i=>{const{name:t,value:n,onChange:a,errorLabel:u,inline:l=!1,density:d,labelProps:s={variant:"medium"},...p}=i;return e.jsx(o.RadioGroupContextProvider,{state:{onChange:a,value:n,name:t,invalid:!!u,inline:l,density:d},children:e.jsx(r.FieldGroup,{errorLabel:u,labelProps:s,"data-testid":"jkl-radio-button-group",density:d,...p,role:"radiogroup","aria-invalid":!!u})})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const r=require("../input-group/FieldGroup.cjs"),o=require("./radioGroupContext.cjs");exports.RadioButtonGroup=i=>{const{name:t,value:n,onChange:a,errorLabel:u,inline:l=!1,density:d,labelProps:s={variant:"medium"},...p}=i;return e.jsx(o.RadioGroupContextProvider,{state:{onChange:a,value:n,name:t,invalid:!!u,inline:l,density:d},children:e.jsx(r.FieldGroup,{errorLabel:u,labelProps:s,"data-testid":"jkl-radio-button-group",density:d,...p,role:"radiogroup","aria-invalid":!!u})})};
 //# sourceMappingURL=RadioButtonGroup.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButtonGroup.cjs","sources":["../../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport { RadioGroupContextProvider } from \"./radioGroupContext.js\";\nimport { 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":["props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"~~8NAK4DA~~,IAClD,MACFC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAGA,OAAAU,EAAAA,IAACC,EAAAA,0BAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAAAA,IAACK,EAAAA,WAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ,KAC1B"}
1	+ {"version":3,"file":"RadioButtonGroup.cjs","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":["props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"qPAK4DA,IAClD,MACFC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAGA,OAAAU,EAAAA,IAACC,EAAAA,0BAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAAAA,IAACK,EAAAA,WAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ,KAC1B"}

package/build/cjs/components/radio-button/radioGroupContext.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radioGroupContext.cjs","sources":["../../../../src/components/radio-button/radioGroupContext.tsx"],"sourcesContent":["import React, { createContext, useContext, ChangeEventHandler } from \"react\";\nimport { Density, WithChildren } from \"../../core/types.js\";\n\ntype RadioGroupContext = {\n name: string \| undefined;\n value: string \| undefined;\n inline: boolean;\n density?: Density;\n invalid: boolean;\n onChange: ChangeEventHandler<HTMLInputElement> \| undefined;\n};\n\nconst radioGroupContext = createContext<RadioGroupContext>({\n name: undefined,\n value: undefined,\n onChange: () => {\n return;\n },\n inline: false,\n density: undefined,\n invalid: false,\n});\n\nexport const useRadioGroupContext = (): RadioGroupContext =>\n useContext(radioGroupContext);\n\ninterface Props extends WithChildren {\n state: RadioGroupContext;\n}\n\nexport const RadioGroupContextProvider: React.FC<Props> = ({\n state,\n children,\n}) => (\n <radioGroupContext.Provider value={state}>\n {children}\n </radioGroupContext.Provider>\n);\n"],"names":["radioGroupContext","createContext","name","value","onChange","inline","density","invalid","state","children","Provider","useContext"],"mappings":"~~wIAYMA~~,EAAoBC,EAAAA,cAAiC,CACvDC,UAAM,EACNC,WAAO,EACPC,SAAU,OAGVC,QAAQ,EACRC,aAAS,EACTC,SAAS,sCAU6C,EACtDC,MAAAA,EACAC,SAAAA,WAECT,EAAkBU,SAAlB,CAA2BP,MAAOK,EAC9BC,SAAAA,iCAZ2B,IAChCE,EAAAA,WAAWX"}
1	+ {"version":3,"file":"radioGroupContext.cjs","sources":["../../../../src/components/radio-button/radioGroupContext.tsx"],"sourcesContent":["import React, {\n createContext,\n useContext,\n type ChangeEventHandler,\n} from \"react\";\nimport type { Density, WithChildren } from \"../../core/types.js\";\n\ntype RadioGroupContext = {\n name: string \| undefined;\n value: string \| undefined;\n inline: boolean;\n density?: Density;\n invalid: boolean;\n onChange: ChangeEventHandler<HTMLInputElement> \| undefined;\n};\n\nconst radioGroupContext = createContext<RadioGroupContext>({\n name: undefined,\n value: undefined,\n onChange: () => {\n return;\n },\n inline: false,\n density: undefined,\n invalid: false,\n});\n\nexport const useRadioGroupContext = (): RadioGroupContext =>\n useContext(radioGroupContext);\n\ninterface Props extends WithChildren {\n state: RadioGroupContext;\n}\n\nexport const RadioGroupContextProvider: React.FC<Props> = ({\n state,\n children,\n}) => (\n <radioGroupContext.Provider value={state}>\n {children}\n </radioGroupContext.Provider>\n);\n"],"names":["radioGroupContext","createContext","name","value","onChange","inline","density","invalid","state","children","Provider","useContext"],"mappings":"wIAgBMA,EAAoBC,EAAAA,cAAiC,CACvDC,UAAM,EACNC,WAAO,EACPC,SAAU,OAGVC,QAAQ,EACRC,aAAS,EACTC,SAAS,sCAU6C,EACtDC,MAAAA,EACAC,SAAAA,WAECT,EAAkBU,SAAlB,CAA2BP,MAAOK,EAC9BC,SAAAA,iCAZ2B,IAChCE,EAAAA,WAAWX"}

package/build/cjs/components/radio-button/stories/BaseRadioButton.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseRadioButton.stories.cjs","sources":["../../../../../src/components/radio-button/stories/BaseRadioButton.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { BaseRadioButton as BaseRadioButtonComponent } from \"../BaseRadioButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/BaseRadioButton\",\n component: BaseRadioButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof BaseRadioButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof BaseRadioButtonComponent>;\n\nexport const BaseRadioButton: Story = {\n args: {\n value: \"BaseRadioButton\",\n },\n};\n"],"names":["meta","title","component","BaseRadioButtonComponent","BaseRadioButton","parameters","layout","tags","args","value"],"mappings":"iMAIA,MAAMA,EAAa,CACfC,MAAO,0CACPC,UAAWC,EAAAC,gBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,qCAO2B,CAClCC,KAAM,CACFC,MAAO"}
1	+ {"version":3,"file":"BaseRadioButton.stories.cjs","sources":["../../../../../src/components/radio-button/stories/BaseRadioButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { BaseRadioButton as BaseRadioButtonComponent } from \"../BaseRadioButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/BaseRadioButton\",\n component: BaseRadioButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof BaseRadioButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof BaseRadioButtonComponent>;\n\nexport const BaseRadioButton: Story = {\n args: {\n value: \"BaseRadioButton\",\n },\n};\n"],"names":["meta","title","component","BaseRadioButtonComponent","BaseRadioButton","parameters","layout","tags","args","value"],"mappings":"iMAIA,MAAMA,EAAa,CACfC,MAAO,0CACPC,UAAWC,EAAAC,gBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,qCAO2B,CAClCC,KAAM,CACFC,MAAO"}

package/build/cjs/components/radio-button/stories/RadioButton.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.stories.cjs","sources":["../../../../../src/components/radio-button/stories/RadioButton.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton as RadioButtonComponent } from \"../RadioButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/RadioButton\",\n component: RadioButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonComponent>;\n\nexport const RadioButton: Story = {\n args: {\n value: \"RadioButton\",\n },\n};\n"],"names":["meta","title","component","RadioButtonComponent","RadioButton","parameters","layout","tags","args","value"],"mappings":"6LAIA,MAAMA,EAAa,CACfC,MAAO,sCACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,iCAOuB,CAC9BC,KAAM,CACFC,MAAO"}
1	+ {"version":3,"file":"RadioButton.stories.cjs","sources":["../../../../../src/components/radio-button/stories/RadioButton.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton as RadioButtonComponent } from \"../RadioButton.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/RadioButton\",\n component: RadioButtonComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonComponent>;\n\nexport const RadioButton: Story = {\n args: {\n value: \"RadioButton\",\n },\n};\n"],"names":["meta","title","component","RadioButtonComponent","RadioButton","parameters","layout","tags","args","value"],"mappings":"6LAIA,MAAMA,EAAa,CACfC,MAAO,sCACPC,UAAWC,EAAAC,YACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,iCAOuB,CAC9BC,KAAM,CACFC,MAAO"}

package/build/cjs/components/radio-button/stories/RadioButtonGroup.stories.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../RadioButton.cjs"),o=require("../RadioButtonGroup.cjs");;/* empty css                            */const r={title:"Komponenter/RadioButton/RadioButtonGroup",component:o.RadioButtonGroup,parameters:{layout:"centered"},tags:["autodocs"]},n=["Send en e-post","Ring meg","Send et brev til folkeregistrert adresse"],u={args:{legend:"Dette er en RadioButtonGroup"},render:r=>e.jsx(o.RadioButtonGroup,{...r,children:n.map((o=>e.jsx(t.RadioButton,{value:o,children:o},o)))})};exports.RadioButtonGroup=u,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../RadioButton.cjs"),o=require("../RadioButtonGroup.cjs");,/* empty css                            */require("react");const r={title:"Komponenter/RadioButton/RadioButtonGroup",component:o.RadioButtonGroup,parameters:{layout:"centered"},tags:["autodocs"]},u=["Send en e-post","Ring meg","Send et brev til folkeregistrert adresse"],n={args:{legend:"Dette er en RadioButtonGroup"},render:r=>e.jsx(o.RadioButtonGroup,{...r,children:u.map((o=>e.jsx(t.RadioButton,{value:o,children:o},o)))})};exports.RadioButtonGroup=n,exports.default=r;
 //# sourceMappingURL=RadioButtonGroup.stories.cjs.map

package/build/cjs/components/radio-button/stories/RadioButtonGroup.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButtonGroup.stories.cjs","sources":["../../../../../src/components/radio-button/stories/RadioButtonGroup.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton } from \"../RadioButton.js\";\nimport { RadioButtonGroup as RadioButtonGroupComponent } from \"../RadioButtonGroup.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/RadioButtonGroup\",\n component: RadioButtonGroupComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonGroupComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonGroupComponent>;\n\nconst choices = [\n \"Send en e-post\",\n \"Ring meg\",\n \"Send et brev til folkeregistrert adresse\",\n];\n\nexport const RadioButtonGroup: Story = {\n args: {\n legend: \"Dette er en RadioButtonGroup\",\n },\n render: (args) => (\n <RadioButtonGroupComponent {...args}>\n {choices.map((value) => (\n <RadioButton key={value} value={value}>\n {value}\n </RadioButton>\n ))}\n </RadioButtonGroupComponent>\n ),\n};\n"],"names":["meta","title","component","RadioButtonGroupComponent","RadioButtonGroup","parameters","layout","tags","choices","args","legend","render","jsx","children","map","value","RadioButton"],"mappings":"~~iQAMA~~,MAAMA,EAAa,CACfC,MAAO,2CACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAU,CACZ,iBACA,WACA,4CAGSJ,EAA0B,CACnCK,KAAM,CACFC,OAAQ,gCAEZC,OAASF,GACJG,MAAAT,EAAAA,iBAAA,IAA8BM,EAC1BI,SAAAL,EAAQM,KAAKC,GACTH,EAAAA,IAAAI,EAAAA,YAAA,CAAwBD,MAAAA,EACpBF,SADaE,GAAAA"}
1	+ {"version":3,"file":"RadioButtonGroup.stories.cjs","sources":["../../../../../src/components/radio-button/stories/RadioButtonGroup.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { RadioButton } from \"../RadioButton.js\";\nimport { RadioButtonGroup as RadioButtonGroupComponent } from \"../RadioButtonGroup.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta: Meta = {\n title: \"Komponenter/RadioButton/RadioButtonGroup\",\n component: RadioButtonGroupComponent,\n parameters: {\n layout: \"centered\",\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioButtonGroupComponent>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof RadioButtonGroupComponent>;\n\nconst choices = [\n \"Send en e-post\",\n \"Ring meg\",\n \"Send et brev til folkeregistrert adresse\",\n];\n\nexport const RadioButtonGroup: Story = {\n args: {\n legend: \"Dette er en RadioButtonGroup\",\n },\n render: (args) => (\n <RadioButtonGroupComponent {...args}>\n {choices.map((value) => (\n <RadioButton key={value} value={value}>\n {value}\n </RadioButton>\n ))}\n </RadioButtonGroupComponent>\n ),\n};\n"],"names":["meta","title","component","RadioButtonGroupComponent","RadioButtonGroup","parameters","layout","tags","choices","args","legend","render","jsx","children","map","value","RadioButton"],"mappings":"kRAMA,MAAMA,EAAa,CACfC,MAAO,2CACPC,UAAWC,EAAAC,iBACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAU,CACZ,iBACA,WACA,4CAGSJ,EAA0B,CACnCK,KAAM,CACFC,OAAQ,gCAEZC,OAASF,GACJG,MAAAT,EAAAA,iBAAA,IAA8BM,EAC1BI,SAAAL,EAAQM,KAAKC,GACTH,EAAAA,IAAAI,EAAAA,YAAA,CAAwBD,MAAAA,EACpBF,SADaE,GAAAA"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioPanel.cjs","sources":["../../../../src/components/radio-panel/RadioPanel.tsx"],"sourcesContent":["import React, {\n ChangeEvent,\n 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 { 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 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 ~~// 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~~ /* 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","isChecked","jsx","BasePanel","type"],"mappings":"iOAYaA,EAAaC,EAAAA,YAAW,UAE7BC,WAAAA,GAAa,EACbC,MAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,eAAAA,KACGC,GAEPC,GAEA,MAAQC,cAAAA,EAAeC,aAAAA,GAAiBC,aAAWC,EAAOA,SAEpDC,EAAeC,EAAAA,aAChBC,IAEG,GADA,MAAAX,GAAAA,EAAWW,IACNN,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,EAAK,GAEvB,CAACD,EAAUK,EAAeJ,~~IAG9BY~~,EAAAA,WAAU,KACN,GAAIX,EAAgB,CAChB,IAAKG,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,EAClB,~~IAID~~,IAEG,MAAAa,SAAsBf,EAAY,IAClCgB,EAAYD,EAAef,EAAUO,IAAiBL,EAGxD,OAAAe,EAAAA,IAACC,EAAAA,UAAA,CACGb,IAAAA,EACAc,KAAK,QACLjB,MAAAA,EACAc,UAAAA,EACAb,eAAAA,EACAH,QAASe,EAAef,OAAU,EAClCC,SAAUS,EACVb,WAAAA,EACAC,MAAAA,EACAC,WAAAA,KACIK,GAGhB"}
1	+ {"version":3,"file":"RadioPanel.cjs","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","isChecked","jsx","BasePanel","type"],"mappings":"iOAYaA,EAAaC,EAAAA,YAAW,UAE7BC,WAAAA,GAAa,EACbC,MAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,eAAAA,KACGC,GAEPC,GAEA,MAAQC,cAAAA,EAAeC,aAAAA,GAAiBC,aAAWC,EAAOA,SAEpDC,EAAeC,EAAAA,aAChBC,IAEG,GADA,MAAAX,GAAAA,EAAWW,IACNN,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,EAAK,GAEvB,CAACD,EAAUK,EAAeJ,IAM9BY,EAAAA,WAAU,KACN,GAAIX,EAAgB,CAChB,IAAKG,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,EAClB,IAED,IAEG,MAAAa,SAAsBf,EAAY,IAClCgB,EAAYD,EAAef,EAAUO,IAAiBL,EAGxD,OAAAe,EAAAA,IAACC,EAAAA,UAAA,CACGb,IAAAA,EACAc,KAAK,QACLjB,MAAAA,EACAc,UAAAA,EACAb,eAAAA,EACAH,QAASe,EAAef,OAAU,EAClCC,SAAUS,EACVb,WAAAA,EACAC,MAAAA,EACAC,WAAAA,KACIK,GAGhB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioPanelGroup.cjs","sources":["../../../../src/components/radio-panel/RadioPanelGroup.tsx"],"sourcesContent":["import React, { FC, useState } from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport { context } from \"./radioPanelContext.js\";\nimport { 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":["className","rest","checkedValue","setCheckedValue","useState","jsx","context","Provider","value","onValueChange","children","FieldGroup","role","errorLabel"],"mappings":"gPAKyD,EACrDA,UAAAA,KACGC,MAEH,MAAOC,EAAcC,GAAmBC,EAAiBA,WAOrD,OAAAC,MAACC,EAAAA,QAAQC,SAAR,CAAiBC,MAAO,CAAEN,aAAAA,EAAcO,cAL3BD,IACdL,EAAgBK,EAAK,GAKjBE,SAAAL,EAAAA,IAACM,EAAAA,WAAA,CACGX,UAAAA,EACAY,KAAK,aACL,iBAAgBX,EAAKY,cACjBZ,KAEZ"}
1	+ {"version":3,"file":"RadioPanelGroup.cjs","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":["className","rest","checkedValue","setCheckedValue","useState","jsx","context","Provider","value","onValueChange","children","FieldGroup","role","errorLabel"],"mappings":"gPAKyD,EACrDA,UAAAA,KACGC,MAEH,MAAOC,EAAcC,GAAmBC,EAAiBA,WAOrD,OAAAC,MAACC,EAAAA,QAAQC,SAAR,CAAiBC,MAAO,CAAEN,aAAAA,EAAcO,cAL3BD,IACdL,EAAgBK,EAAK,GAKjBE,SAAAL,EAAAA,IAACM,EAAAA,WAAA,CACGX,UAAAA,EACAY,KAAK,aACL,iBAAgBX,EAAKY,cACjBZ,KAEZ"}

package/build/cjs/components/radio-panel/stories/RadioPanel.stories.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),a=require("../RadioPanel.cjs"),r={title:"Komponenter/RadioPanel",component:a.RadioPanel,parameters:{layout:"padded"},argTypes:{extraLabel:{control:"text"}},tags:["autodocs"]},s={args:{label:"Kasko",children:e.jsx("p",{children:"En forsikring som passer de fleste biler. Dekker det meste av skader, også de du selv er ansvarlig for. Inkluderer Minikasko og Ansvar."}),extraLabel:"Anbefalt",value:"Kasko",alwaysOpen:!1},render:r=>e.jsx(a.RadioPanel,{...r})};exports.RadioPanel=s,exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime");require("react");const a=require("../RadioPanel.cjs"),r={title:"Komponenter/RadioPanel",component:a.RadioPanel,parameters:{layout:"padded"},argTypes:{extraLabel:{control:"text"}},tags:["autodocs"]},s={args:{label:"Kasko",children:e.jsx("p",{children:"En forsikring som passer de fleste biler. Dekker det meste av skader, også de du selv er ansvarlig for. Inkluderer Minikasko og Ansvar."}),extraLabel:"Anbefalt",value:"Kasko",alwaysOpen:!1},render:r=>e.jsx(a.RadioPanel,{...r})};exports.RadioPanel=s,exports.default=r;
 //# sourceMappingURL=RadioPanel.stories.cjs.map

package/build/cjs/components/radio-panel/stories/RadioPanel.stories.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioPanel.stories.cjs","sources":["../../../../../src/components/radio-panel/stories/RadioPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { RadioPanel as RadioPanelComponent } from \"../RadioPanel.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/RadioPanel\",\n component: RadioPanelComponent,\n parameters: {\n layout: \"padded\",\n },\n argTypes: {\n extraLabel: {\n control: \"text\",\n },\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const RadioPanel: Story = {\n args: {\n label: \"Kasko\",\n children: (\n <p>\n En forsikring som passer de fleste biler. Dekker det meste av\n skader, også de du selv er ansvarlig for. Inkluderer Minikasko\n og Ansvar.\n </p>\n ),\n extraLabel: \"Anbefalt\",\n value: \"Kasko\",\n alwaysOpen: false,\n },\n render: (args) => <RadioPanelComponent {...args} />,\n};\n"],"names":["meta","title","component","RadioPanelComponent","RadioPanel","parameters","layout","argTypes","extraLabel","control","tags","args","label","children","jsx","value","alwaysOpen","render"],"mappings":"~~gLAKMA~~,EAAO,CACTC,MAAO,yBACPC,UAAWC,EAAAC,WACXC,WAAY,CACRC,OAAQ,UAEZC,SAAU,CACNC,WAAY,CACRC,QAAS,SAGjBC,KAAM,CAAC,aAMEN,EAAoB,CAC7BO,KAAM,CACFC,MAAO,QACPC,SACKC,EAAAA,IAAA,IAAA,CAAED,SAIH,4IAEJL,WAAY,WACZO,MAAO,QACPC,YAAY,GAEhBC,OAASN,GAAUG,EAAAA,IAAAX,EAAAA,WAAA,IAAwBQ"}
1	+ {"version":3,"file":"RadioPanel.stories.cjs","sources":["../../../../../src/components/radio-panel/stories/RadioPanel.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { RadioPanel as RadioPanelComponent } from \"../RadioPanel.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/RadioPanel\",\n component: RadioPanelComponent,\n parameters: {\n layout: \"padded\",\n },\n argTypes: {\n extraLabel: {\n control: \"text\",\n },\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof RadioPanelComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const RadioPanel: Story = {\n args: {\n label: \"Kasko\",\n children: (\n <p>\n En forsikring som passer de fleste biler. Dekker det meste av\n skader, også de du selv er ansvarlig for. Inkluderer Minikasko\n og Ansvar.\n </p>\n ),\n extraLabel: \"Anbefalt\",\n value: \"Kasko\",\n alwaysOpen: false,\n },\n render: (args) => <RadioPanelComponent {...args} />,\n};\n"],"names":["meta","title","component","RadioPanelComponent","RadioPanel","parameters","layout","argTypes","extraLabel","control","tags","args","label","children","jsx","value","alwaysOpen","render"],"mappings":"uMAKMA,EAAO,CACTC,MAAO,yBACPC,UAAWC,EAAAC,WACXC,WAAY,CACRC,OAAQ,UAEZC,SAAU,CACNC,WAAY,CACRC,QAAS,SAGjBC,KAAM,CAAC,aAMEN,EAAoB,CAC7BO,KAAM,CACFC,MAAO,QACPC,SACKC,EAAAA,IAAA,IAAA,CAAED,SAIH,4IAEJL,WAAY,WACZO,MAAO,QACPC,YAAY,GAEhBC,OAASN,GAAUG,EAAAA,IAAAX,EAAAA,WAAA,IAAwBQ"}

package/build/cjs/components/select/NativeSelect.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NativeSelect.cjs","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 { 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 ...rest\n } = props;\n\n const inputGroupProps = {\n label,\n density,\n errorLabel,\n helpLabel,\n labelProps,\n inline,\n supportLabelProps,\n tooltip,\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","rest","inputGroupProps","jsx","InputGroup","clsx","render","inputProps","jsxs","style","children","defaultValue","disabled","map","getValuePair","item","ArrowVerticalAnimated","variant","pointingDown","displayName"],"mappings":"oUAOaA,EAAeC,EAAAA,YACxB,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,KACGC,GACHjB,EAEEkB,EAAkB,CACpBhB,MAAAA,EACAE,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAI,WAAAA,EACAH,OAAAA,EACAM,kBAAAA,EACAC,QAAAA,GAIA,OAAAK,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJ,cAAY,aACZf,UAAWkB,EAAAA,KAAK,aAAclB,EAAW,CACrC,qBAAsBI,EACtB,wBAAyBF,GAAcG,IAE3Cc,OAASC,GACLC,EAAAA,KAAC,MAAA,CACGrB,UAAU,4BACVsB,MAAO,CAAET,MAAAA,GAETU,SAAA,CAAAF,EAAAA,KAAC,SAAA,CACGvB,IAAAA,EACAE,UAAWkB,EAAAA,KACP,qBACAT,EACA,CACI,qCAAsCG,IAG9CY,aAAcZ,OAAQ,EAAY,GAClCA,MAAAA,KACIQ,KACAN,EAEHS,SAAA,CAAef,IAACI,GACZI,EAAAA,IAAA,SAAA,CAAOS,UAAQ,EAACb,MAAM,GAClBW,SACLf,IAEHF,EAAMoB,IAAIC,EAAYA,cAAED,KAAKE,GAC1BZ,EAAAA,IAAC,SAAA,CACG,cAAY,qBACZhB,UAAU,qBAEVY,MAAOgB,EAAKhB,MAEXW,SAAKK,EAAA7B,OAHD6B,EAAKhB,YAOtBI,EAAAA,IAACa,EAAAA,sBAAA,CACGC,QAAQ,SACRC,cAAY,EACZ/B,UAAU,0BAElB,IAOpBL,EAAaqC,YAAc"}
1	+ {"version":3,"file":"NativeSelect.cjs","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 ...rest\n } = props;\n\n const inputGroupProps = {\n label,\n density,\n errorLabel,\n helpLabel,\n labelProps,\n inline,\n supportLabelProps,\n tooltip,\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","rest","inputGroupProps","jsx","InputGroup","clsx","render","inputProps","jsxs","style","children","defaultValue","disabled","map","getValuePair","item","ArrowVerticalAnimated","variant","pointingDown","displayName"],"mappings":"oUAOaA,EAAeC,EAAAA,YACxB,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,KACGC,GACHjB,EAEEkB,EAAkB,CACpBhB,MAAAA,EACAE,QAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAI,WAAAA,EACAH,OAAAA,EACAM,kBAAAA,EACAC,QAAAA,GAIA,OAAAK,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJ,cAAY,aACZf,UAAWkB,EAAAA,KAAK,aAAclB,EAAW,CACrC,qBAAsBI,EACtB,wBAAyBF,GAAcG,IAE3Cc,OAASC,GACLC,EAAAA,KAAC,MAAA,CACGrB,UAAU,4BACVsB,MAAO,CAAET,MAAAA,GAETU,SAAA,CAAAF,EAAAA,KAAC,SAAA,CACGvB,IAAAA,EACAE,UAAWkB,EAAAA,KACP,qBACAT,EACA,CACI,qCAAsCG,IAG9CY,aAAcZ,OAAQ,EAAY,GAClCA,MAAAA,KACIQ,KACAN,EAEHS,SAAA,CAAef,IAACI,GACZI,EAAAA,IAAA,SAAA,CAAOS,UAAQ,EAACb,MAAM,GAClBW,SACLf,IAEHF,EAAMoB,IAAIC,EAAYA,cAAED,KAAKE,GAC1BZ,EAAAA,IAAC,SAAA,CACG,cAAY,qBACZhB,UAAU,qBAEVY,MAAOgB,EAAKhB,MAEXW,SAAKK,EAAA7B,OAHD6B,EAAKhB,YAOtBI,EAAAA,IAACa,EAAAA,sBAAA,CACGC,QAAQ,SACRC,cAAY,EACZ/B,UAAU,0BAElB,IAOpBL,EAAaqC,YAAc"}