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

@fremtind/jokul 3.0.0 → 3.2.0

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

Files changed (826) hide show

package/build/cjs/components/autosuggest/ControllerButton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ControllerButton.cjs","sources":["../../../../src/components/autosuggest/ControllerButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { SearchIcon } from \"../icon/icons/SearchIcon.js\";\n\ninterface Props {\n clearSelection: () => void;\n hasSelectedItem: boolean;\n onClick: () => void;\n}\n\nconst ControllerButton: FC<Props> = ({\n hasSelectedItem,\n clearSelection,\n onClick,\n ...downshiftProps\n}) => (\n <IconButton\n {...downshiftProps}\n className=\"jkl-text-input-action-button\"\n aria-label={hasSelectedItem ? \"Fjern valg\" : \"Vis valg\"}\n title={hasSelectedItem ? \"Fjern valg\" : \"Vis valg\"}\n onClick={hasSelectedItem ? clearSelection : onClick}\n >\n {hasSelectedItem ? <CloseIcon /> : <SearchIcon />}\n </IconButton>\n);\n\nexport default ControllerButton;\n"],"names":["hasSelectedItem","clearSelection","onClick","downshiftProps","jsx","IconButton","className","title","children","CloseIcon","SearchIcon"],"mappings":"sNAWoC,EAChCA,gBAAAA,EACAC,eAAAA,EACAC,QAAAA,KACGC,KAEHC,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJG,UAAU,+BACV,aAAYN,EAAkB,aAAe,WAC7CO,MAAOP,EAAkB,aAAe,WACxCE,QAASF,EAAkBC,EAAiBC,EAE3CM,~~SAAkBR~~,~~EAAAI~~,MAACK,EAAAA,~~UAAU~~,CAAA,~~SAAMC~~,EAAAA,~~WAAW~~,CAAA"}
1	+ {"version":3,"file":"ControllerButton.cjs","sources":["../../../../src/components/autosuggest/ControllerButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { SearchIcon } from \"../icon/icons/SearchIcon.js\";\n\ninterface Props {\n clearSelection: () => void;\n hasSelectedItem: boolean;\n onClick: () => void;\n}\n\nconst ControllerButton: FC<Props> = ({\n hasSelectedItem,\n clearSelection,\n onClick,\n ...downshiftProps\n}) => (\n <IconButton\n {...downshiftProps}\n className=\"jkl-text-input-action-button\"\n aria-label={hasSelectedItem ? \"Fjern valg\" : \"Vis valg\"}\n title={hasSelectedItem ? \"Fjern valg\" : \"Vis valg\"}\n onClick={hasSelectedItem ? clearSelection : onClick}\n >\n {hasSelectedItem ? <CloseIcon /> : <SearchIcon />}\n </IconButton>\n);\n\nexport default ControllerButton;\n"],"names":["hasSelectedItem","clearSelection","onClick","downshiftProps","jsx","IconButton","className","title","children","CloseIcon","SearchIcon"],"mappings":"sNAWoC,EAChCA,gBAAAA,EACAC,eAAAA,EACAC,QAAAA,KACGC,KAEHC,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJG,UAAU,+BACV,aAAYN,EAAkB,aAAe,WAC7CO,MAAOP,EAAkB,aAAe,WACxCE,QAASF,EAAkBC,EAAiBC,EAE3CM,SAAAR,EAAkBI,MAACK,EAAAA,UAAA,CAAA,SAAgBC,EAAAA,WAAA,CAAA"}

package/build/cjs/components/autosuggest/Menu.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("react"),s=require("../../../clsx-E3yX_9sL.cjs");module.exports=function({downshiftProps:{getMenuProps:i,getItemProps:l},highlightedIndex:u,items:a,itemToString:n,noHitsMessage:g,maxNumberOfHits:r=Number.POSITIVE_INFINITY,noHits:m}){const o=a.length>r?a.slice(0,r):a;if(0===o.length&&!g&&!m)return null;const c=0===o.length&&m?m.items:o;return e.jsxs("div",{"data-testid":"autosuggest__menu",className:"jkl-autosuggest__menu",children:[(g||m)&&0===o.length&&e.jsx("div",{className:"jkl-autosuggest__no-hits-message","aria-live":"polite",children:g||m?.text}),c.length>0&&e.jsx("ul",{...i({className:"jkl-autosuggest__item-list"}),children:c.map(((e,i)=>t.createElement("li",{...l({item:e,className:s.clsx("jkl-autosuggest__item",{"jkl-autosuggest__item--active":i===u})}),"data-testid":"autosuggest__item",key:n(e)},n(e))))})]})};
+"use strict";const e=require("react/jsx-runtime"),t=require("react"),s=require("../../../clsx-E3yX_9sL.cjs");module.exports=function({downshiftProps:{getMenuProps:i,getItemProps:l},highlightedIndex:u,items:a,itemToString:n,noHitsMessage:g,maxNumberOfHits:r=Number.POSITIVE_INFINITY,noHits:m}){const o=a.length>r?a.slice(0,r):a;if(0===o.length&&!g&&!m)return null;const c=0===o.length&&m?m.items:o;return e.jsxs("div",{"data-testid":"autosuggest__menu",className:"jkl-autosuggest__menu",children:[(g||m)&&0===o.length&&e.jsx("div",{className:"jkl-autosuggest__no-hits-message","aria-live":"polite",children:g||m?.text}),c.length>0&&e.jsx("ul",{...i({className:"jkl-autosuggest__item-list"}),children:c.map((e,i)=>t.createElement("li",{...l({item:e,className:s.clsx("jkl-autosuggest__item",{"jkl-autosuggest__item--active":i===u})}),"data-testid":"autosuggest__item",key:n(e)},n(e)))})]})};
 //# sourceMappingURL=Menu.cjs.map

package/build/cjs/components/autosuggest/Menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.cjs","sources":["../../../../src/components/autosuggest/Menu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type { PropGetters } from \"downshift\";\nimport React, { type ReactNode } from \"react\";\n\ninterface MenuProps<T> {\n downshiftProps: Pick<PropGetters<T>, \"getMenuProps\" \| \"getItemProps\">;\n highlightedIndex: number \| undefined \| null;\n items: T[];\n itemToString: (item: T \| null) => string;\n noHitsMessage?: ReactNode;\n maxNumberOfHits?: number;\n noHits?: { items: T[]; text: ReactNode };\n}\n\nfunction Menu<T>({\n downshiftProps: { getMenuProps, getItemProps },\n highlightedIndex,\n items,\n itemToString,\n noHitsMessage,\n maxNumberOfHits = Number.POSITIVE_INFINITY,\n noHits,\n}: MenuProps<T>): JSX.Element \| null {\n const visibleItems =\n items.length > maxNumberOfHits\n ? items.slice(0, maxNumberOfHits)\n : items;\n\n if (visibleItems.length === 0 && !noHitsMessage && !noHits) {\n return null;\n }\n\n const itemList =\n visibleItems.length === 0 && noHits ? noHits.items : visibleItems;\n\n return (\n <div data-testid=\"autosuggest__menu\" className=\"jkl-autosuggest__menu\">\n {(noHitsMessage \|\| noHits) && visibleItems.length === 0 && (\n <div\n className=\"jkl-autosuggest__no-hits-message\"\n aria-live=\"polite\"\n >\n {noHitsMessage \|\| noHits?.text}\n </div>\n )}\n\n {itemList.length > 0 && (\n <ul\n {...getMenuProps({\n className: \"jkl-autosuggest__item-list\",\n })}\n >\n {itemList.map((item, index) => (\n <li\n {...getItemProps({\n item,\n className: clsx(\"jkl-autosuggest__item\", {\n \"jkl-autosuggest__item--active\":\n index === highlightedIndex,\n }),\n })}\n data-testid=\"autosuggest__item\"\n key={itemToString(item)}\n >\n {itemToString(item)}\n </li>\n ))}\n </ul>\n )}\n </div>\n );\n}\n\nexport default Menu;\n"],"names":["downshiftProps","getMenuProps","getItemProps","highlightedIndex","items","itemToString","noHitsMessage","maxNumberOfHits","Number","POSITIVE_INFINITY","noHits","visibleItems","length","slice","itemList","jsxs","className","children","jsx","text","map","item","index","createElement","clsx","key"],"mappings":"4HAcA,UACIA,gBAAkBC,aAAAA,EAAcC,aAAAA,GAChCC,iBAAAA,EACAC,MAAAA,EACAC,aAAAA,EACAC,cAAAA,EACAC,gBAAAA,EAAkBC,OAAOC,kBACzBC,OAAAA,~~IAEM~~,~~MAAAC~~,EACFP,EAAMQ,OAASL,EACTH,EAAMS,MAAM,EAAGN,GACfH,EAEV,GAA4B,IAAxBO,EAAaC,SAAiBN,IAAkBI,~~EACzC~~,~~OAAA~~,KAGX,MAAMI,EACsB,IAAxBH,EAAaC,QAAgBF,EAASA,EAAON,MAAQO,EAEzD,~~OACKI~~,EAAAA,~~KAAA~~,MAAA,CAAI,cAAY,oBAAoBC,UAAU,wBACzCC,SAAA,~~EAAiBX~~,~~GAAAI~~,IAAmC,IAAxBC,EAAaC,QACvCM,EAAAA,IAAC,MAAA,CACGF,UAAU,mCACV,YAAU,SAETC,YAAiBP,GAAQS,OAIjCL,EAASF,OAAS,GACfM,EAAAA,IAAC,KAAA,IACOjB,EAAa,CACbe,UAAW,+BAGdC,~~SAASH~~,~~EAAAM~~,~~KAAI~~,CAACC,EAAMC,IACjBC,EAAAA,cAAC,KAAA,IACOrB,EAAa,CACbmB,KAAAA,EACAL,UAAWQ,~~OAAK~~,wBAAyB,CACrC,gCACIF,IAAUnB,MAGtB,cAAY,oBACZsB,IAAKpB,EAAagB,IAEjBhB,EAAagB,~~UAO1C~~"}
1	+ {"version":3,"file":"Menu.cjs","sources":["../../../../src/components/autosuggest/Menu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type { PropGetters } from \"downshift\";\nimport React, { type ReactNode } from \"react\";\n\ninterface MenuProps<T> {\n downshiftProps: Pick<PropGetters<T>, \"getMenuProps\" \| \"getItemProps\">;\n highlightedIndex: number \| undefined \| null;\n items: T[];\n itemToString: (item: T \| null) => string;\n noHitsMessage?: ReactNode;\n maxNumberOfHits?: number;\n noHits?: { items: T[]; text: ReactNode };\n}\n\nfunction Menu<T>({\n downshiftProps: { getMenuProps, getItemProps },\n highlightedIndex,\n items,\n itemToString,\n noHitsMessage,\n maxNumberOfHits = Number.POSITIVE_INFINITY,\n noHits,\n}: MenuProps<T>): JSX.Element \| null {\n const visibleItems =\n items.length > maxNumberOfHits\n ? items.slice(0, maxNumberOfHits)\n : items;\n\n if (visibleItems.length === 0 && !noHitsMessage && !noHits) {\n return null;\n }\n\n const itemList =\n visibleItems.length === 0 && noHits ? noHits.items : visibleItems;\n\n return (\n <div data-testid=\"autosuggest__menu\" className=\"jkl-autosuggest__menu\">\n {(noHitsMessage \|\| noHits) && visibleItems.length === 0 && (\n <div\n className=\"jkl-autosuggest__no-hits-message\"\n aria-live=\"polite\"\n >\n {noHitsMessage \|\| noHits?.text}\n </div>\n )}\n\n {itemList.length > 0 && (\n <ul\n {...getMenuProps({\n className: \"jkl-autosuggest__item-list\",\n })}\n >\n {itemList.map((item, index) => (\n <li\n {...getItemProps({\n item,\n className: clsx(\"jkl-autosuggest__item\", {\n \"jkl-autosuggest__item--active\":\n index === highlightedIndex,\n }),\n })}\n data-testid=\"autosuggest__item\"\n key={itemToString(item)}\n >\n {itemToString(item)}\n </li>\n ))}\n </ul>\n )}\n </div>\n );\n}\n\nexport default Menu;\n"],"names":["downshiftProps","getMenuProps","getItemProps","highlightedIndex","items","itemToString","noHitsMessage","maxNumberOfHits","Number","POSITIVE_INFINITY","noHits","visibleItems","length","slice","itemList","jsxs","className","children","jsx","text","map","item","index","createElement","clsx","key"],"mappings":"4HAcA,UACIA,gBAAkBC,aAAAA,EAAcC,aAAAA,GAChCC,iBAAAA,EACAC,MAAAA,EACAC,aAAAA,EACAC,cAAAA,EACAC,gBAAAA,EAAkBC,OAAOC,kBACzBC,OAAAA,IAEA,MAAMC,EACFP,EAAMQ,OAASL,EACTH,EAAMS,MAAM,EAAGN,GACfH,EAEV,GAA4B,IAAxBO,EAAaC,SAAiBN,IAAkBI,EAChD,OAAO,KAGX,MAAMI,EACsB,IAAxBH,EAAaC,QAAgBF,EAASA,EAAON,MAAQO,EAEzD,OACII,EAAAA,KAAC,MAAA,CAAI,cAAY,oBAAoBC,UAAU,wBACzCC,SAAA,EAAAX,GAAiBI,IAAmC,IAAxBC,EAAaC,QACvCM,EAAAA,IAAC,MAAA,CACGF,UAAU,mCACV,YAAU,SAETC,YAAiBP,GAAQS,OAIjCL,EAASF,OAAS,GACfM,EAAAA,IAAC,KAAA,IACOjB,EAAa,CACbe,UAAW,+BAGdC,SAAAH,EAASM,IAAI,CAACC,EAAMC,IACjBC,EAAAA,cAAC,KAAA,IACOrB,EAAa,CACbmB,KAAAA,EACAL,UAAWQ,EAAAA,KAAK,wBAAyB,CACrC,gCACIF,IAAUnB,MAGtB,cAAY,oBACZsB,IAAKpB,EAAagB,IAEjBhB,EAAagB,SAO1C"}

package/build/cjs/components/autosuggest/utils.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.cjs","sources":["../../../../src/components/autosuggest/utils.ts"],"sourcesContent":["import { matchSorter } from \"match-sorter\";\n\nexport function filter<T>(\n allItems: T[],\n inputValue: string \| null,\n keys?: string[],\n): T[] {\n const options = keys ? { keys } : {};\n if (!inputValue) {\n return allItems;\n }\n return matchSorter(allItems, inputValue, options);\n}\n"],"names":["allItems","inputValue","keys","options","matchSorter"],"mappings":"+~~HAEgB~~,~~SACZA~~,EACAC,EACAC,GAEA,MAAMC,EAAUD,EAAO,CAAEA,KAAAA,GAAS,~~CAAC~~,~~EACnC~~,OAAKD,EAGEG,cAAYJ,EAAUC,EAAYE,GAF9BH,CAGf"}
1	+ {"version":3,"file":"utils.cjs","sources":["../../../../src/components/autosuggest/utils.ts"],"sourcesContent":["import { matchSorter } from \"match-sorter\";\n\nexport function filter<T>(\n allItems: T[],\n inputValue: string \| null,\n keys?: string[],\n): T[] {\n const options = keys ? { keys } : {};\n if (!inputValue) {\n return allItems;\n }\n return matchSorter(allItems, inputValue, options);\n}\n"],"names":["allItems","inputValue","keys","options","matchSorter"],"mappings":"+HAEO,SACHA,EACAC,EACAC,GAEA,MAAMC,EAAUD,EAAO,CAAEA,KAAAA,GAAS,CAAA,EAClC,OAAKD,EAGEG,cAAYJ,EAAUC,EAAYE,GAF9BH,CAGf"}

package/build/cjs/components/breadcrumb/Breadcrumb.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),a=require("react");exports.Breadcrumb=({className:s,children:t,density:l,...n})=>{const c=a.Children.count(t);return e.jsx("nav",{"aria-label":"Sti",className:r.clsx("jkl-breadcrumb",s),"data-layout-density":l,...n,children:e.jsx("ol",{className:"jkl-breadcrumb__list",children:a.Children.map(t,((r,s)=>{const t=s+1===c;return e.jsxs(e.Fragment,{children:[a.isValidElement(r)?a.cloneElement(r,{isLastElement:t}):r,!t&&e.jsx("span",{className:"jkl-breadcrumb__item-separator","aria-hidden":"true",children:"›"})]})}))})})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),a=require("react");exports.Breadcrumb=({className:s,children:t,density:l,...n})=>{const c=a.Children.count(t);return e.jsx("nav",{"aria-label":"Sti",className:r.clsx("jkl-breadcrumb",s),"data-layout-density":l,...n,children:e.jsx("ol",{className:"jkl-breadcrumb__list",children:a.Children.map(t,(r,s)=>{const t=s+1===c;return e.jsxs(e.Fragment,{children:[a.isValidElement(r)?a.cloneElement(r,{isLastElement:t}):r,!t&&e.jsx("span",{className:"jkl-breadcrumb__item-separator","aria-hidden":"true",children:"›"})]})})})})};
 //# sourceMappingURL=Breadcrumb.cjs.map

package/build/cjs/components/breadcrumb/Breadcrumb.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { BreadcrumbItemProps, BreadcrumbProps } from \"./types.js\";\n\nexport const Breadcrumb = ({\n className,\n children,\n density,\n ...rest\n}: BreadcrumbProps): JSX.Element => {\n const numberOfChildren = React.Children.count(children);\n return (\n <nav\n aria-label=\"Sti\"\n className={clsx(\"jkl-breadcrumb\", className)}\n data-layout-density={density}\n {...rest}\n >\n <ol className=\"jkl-breadcrumb__list\">\n {React.Children.map(children, (child, index) => {\n const isLastElement = index + 1 === numberOfChildren;\n return (\n <>\n {React.isValidElement<BreadcrumbItemProps>(child)\n ? React.cloneElement<BreadcrumbItemProps>(\n child,\n {\n isLastElement,\n },\n )\n : child}\n {!isLastElement && (\n <span\n className=\"jkl-breadcrumb__item-separator\"\n aria-hidden=\"true\"\n >\n ›\n </span>\n )}\n </>\n );\n })}\n </ol>\n </nav>\n );\n};\n"],"names":["className","children","density","rest","numberOfChildren","React","Children","count","jsx","clsx","map","child","index","isLastElement","jsxs","Fragment","isValidElement","cloneElement"],"mappings":"mMAI0B,EACtBA,UAAAA,EACAC,SAAAA,EACAC,QAAAA,KACGC,MAEH,MAAMC,EAAmBC,EAAMC,SAASC,MAAMN,~~GAE1C~~,~~OAAAO~~,EAAAA,IAAC,MAAA,CACG,aAAW,MACXR,UAAWS,EAAAA,KAAK,iBAAkBT,GAClC,sBAAqBE,KACjBC,EAEJF,SAAAO,EAAAA,IAAC,~~KAAG~~,~~CAAAR~~,UAAU,uBACTC,SAAAI,EAAMC,SAASI,IAAIT,~~GAAU~~,CAACU,EAAOC,~~KAC5B~~,~~MAAAC~~,EAAgBD,EAAQ,IAAMR,EACpC,~~OAESU~~,EAAAA,KAAAC,WAAA,~~CAAAd~~,SAAA,~~CAAMI~~,~~EAAAW~~,eAAoCL,GACrCN,EAAMY,aACFN,EACA,CACIE,cAAAA,IAGRF,GACJE,GACEL,EAAAA,IAAC,OAAA,CACGR,UAAU,iCACV,cAAY,OACfC,SAAA~~,QAIT,OAIhB~~"}
1	+ {"version":3,"file":"Breadcrumb.cjs","sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport type { BreadcrumbItemProps, BreadcrumbProps } from \"./types.js\";\n\nexport const Breadcrumb = ({\n className,\n children,\n density,\n ...rest\n}: BreadcrumbProps): JSX.Element => {\n const numberOfChildren = React.Children.count(children);\n return (\n <nav\n aria-label=\"Sti\"\n className={clsx(\"jkl-breadcrumb\", className)}\n data-layout-density={density}\n {...rest}\n >\n <ol className=\"jkl-breadcrumb__list\">\n {React.Children.map(children, (child, index) => {\n const isLastElement = index + 1 === numberOfChildren;\n return (\n <>\n {React.isValidElement<BreadcrumbItemProps>(child)\n ? React.cloneElement<BreadcrumbItemProps>(\n child,\n {\n isLastElement,\n },\n )\n : child}\n {!isLastElement && (\n <span\n className=\"jkl-breadcrumb__item-separator\"\n aria-hidden=\"true\"\n >\n ›\n </span>\n )}\n </>\n );\n })}\n </ol>\n </nav>\n );\n};\n"],"names":["className","children","density","rest","numberOfChildren","React","Children","count","jsx","clsx","map","child","index","isLastElement","jsxs","Fragment","isValidElement","cloneElement"],"mappings":"mMAI0B,EACtBA,UAAAA,EACAC,SAAAA,EACAC,QAAAA,KACGC,MAEH,MAAMC,EAAmBC,EAAMC,SAASC,MAAMN,GAC9C,OACIO,EAAAA,IAAC,MAAA,CACG,aAAW,MACXR,UAAWS,EAAAA,KAAK,iBAAkBT,GAClC,sBAAqBE,KACjBC,EAEJF,SAAAO,EAAAA,IAAC,KAAA,CAAGR,UAAU,uBACTC,SAAAI,EAAMC,SAASI,IAAIT,EAAU,CAACU,EAAOC,KAClC,MAAMC,EAAgBD,EAAQ,IAAMR,EACpC,OACIU,EAAAA,KAAAC,WAAA,CACKd,SAAA,CAAAI,EAAMW,eAAoCL,GACrCN,EAAMY,aACFN,EACA,CACIE,cAAAA,IAGRF,GACJE,GACEL,EAAAA,IAAC,OAAA,CACGR,UAAU,iCACV,cAAY,OACfC,SAAA"}

package/build/cjs/components/breadcrumb/BreadcrumbItem.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),l=require("react");exports.BreadcrumbItem=({className:s,children:t,isLastElement:a,...i})=>e.jsx("li",{className:r.clsx("jkl-breadcrumb__item",s),...i,children:l.Children.map(t,(e=>l.isValidElement(e)?l.cloneElement(e,{"aria-current":a?"page":void 0,className:"jkl-link"}):e))});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),l=require("react");exports.BreadcrumbItem=({className:s,children:t,isLastElement:a,...i})=>e.jsx("li",{className:r.clsx("jkl-breadcrumb__item",s),...i,children:l.Children.map(t,e=>l.isValidElement(e)?l.cloneElement(e,{"aria-current":a?"page":void 0,className:"jkl-link"}):e)});
 //# sourceMappingURL=BreadcrumbItem.cjs.map

package/build/cjs/components/breadcrumb/BreadcrumbItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbItem.cjs","sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type AnchorHTMLAttributes } from \"react\";\nimport type { BreadcrumbItemProps } from \"./types.js\";\n\nexport const BreadcrumbItem = ({\n className,\n children,\n isLastElement,\n ...rest\n}: BreadcrumbItemProps): JSX.Element => {\n return (\n <li className={clsx(\"jkl-breadcrumb__item\", className)} {...rest}>\n {React.Children.map(children, (child) => {\n if (\n React.isValidElement<\n AnchorHTMLAttributes<HTMLAnchorElement>\n >(child)\n ) {\n return React.cloneElement<\n AnchorHTMLAttributes<HTMLAnchorElement>\n >(child, {\n \"aria-current\": isLastElement ? \"page\" : undefined,\n className: \"jkl-link\",\n });\n }\n\n return child;\n })}\n </li>\n );\n};\n"],"names":["className","children","isLastElement","rest","jsx","clsx","React","Children","map","child","isValidElement","cloneElement"],"mappings":"uMAI8B,EAC1BA,UAAAA,EACAC,SAAAA,EACAC,cAAAA,KACGC,~~KAGEC~~,EAAAA,~~IAAA~~,KAAA,CAAGJ,UAAWK,EAAAA,KAAK,uBAAwBL,MAAgBG,EACvDF,~~SAAMK~~,~~EAAAC~~,SAASC,IAAIP,~~GAAWQ~~,GAEvBH,EAAMI,eAEJD,GAEKH,EAAMK,aAEXF,EAAO,CACL,eAAgBP,EAAgB,YAAS,EACzCF,UAAW,aAIZS"}
1	+ {"version":3,"file":"BreadcrumbItem.cjs","sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type AnchorHTMLAttributes } from \"react\";\nimport type { BreadcrumbItemProps } from \"./types.js\";\n\nexport const BreadcrumbItem = ({\n className,\n children,\n isLastElement,\n ...rest\n}: BreadcrumbItemProps): JSX.Element => {\n return (\n <li className={clsx(\"jkl-breadcrumb__item\", className)} {...rest}>\n {React.Children.map(children, (child) => {\n if (\n React.isValidElement<\n AnchorHTMLAttributes<HTMLAnchorElement>\n >(child)\n ) {\n return React.cloneElement<\n AnchorHTMLAttributes<HTMLAnchorElement>\n >(child, {\n \"aria-current\": isLastElement ? \"page\" : undefined,\n className: \"jkl-link\",\n });\n }\n\n return child;\n })}\n </li>\n );\n};\n"],"names":["className","children","isLastElement","rest","jsx","clsx","React","Children","map","child","isValidElement","cloneElement"],"mappings":"uMAI8B,EAC1BA,UAAAA,EACAC,SAAAA,EACAC,cAAAA,KACGC,KAGCC,EAAAA,IAAC,KAAA,CAAGJ,UAAWK,EAAAA,KAAK,uBAAwBL,MAAgBG,EACvDF,SAAAK,EAAMC,SAASC,IAAIP,EAAWQ,GAEvBH,EAAMI,eAEJD,GAEKH,EAAMK,aAEXF,EAAO,CACL,eAAgBP,EAAgB,YAAS,EACzCF,UAAW,aAIZS"}

package/build/cjs/components/breadcrumb/documentation/BreadcrumbDocs.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbDocs.cjs","sources":["../../../../../src/components/breadcrumb/documentation/BreadcrumbDocs.tsx"],"sourcesContent":["import React from \"react\";\nimport { Breadcrumb } from \"../Breadcrumb.js\";\nimport { BreadcrumbItem } from \"../BreadcrumbItem.js\";\n\nexport const BreadcrumbExample = () => {\n /* -- EXAMPLE CODE START -- /\n return (\n <Breadcrumb>\n <BreadcrumbItem>\n <a href=\"/\">Hjem</a>\n </BreadcrumbItem>\n <BreadcrumbItem>\n <a href=\"/komponenter/accordion\">Komponenter</a>\n </BreadcrumbItem>\n <BreadcrumbItem>\n <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n </BreadcrumbItem>\n </Breadcrumb>\n );\n / -- EXAMPLE CODE END -- */\n};\n"],"names":["Breadcrumb","children","jsx","BreadcrumbItem","href"],"mappings":"wOAIiC,WAGxBA,~~aACG~~,~~CAAAC~~,SAAA,CAAAC,EAAAA,IAACC,~~kBACGF~~,~~SAACC~~,EAAAA,~~IAAA~~,IAAA,CAAEE,KAAK,IAAIH,0BAEfE,~~EACGA~~,eAAA,~~CAAAF~~,SAAAC,EAAAA,IAAC,KAAEE,KAAK,yBAAyBH,iCAEpCE,~~EACGA~~,eAAA,~~CAAAF~~,SAAAC,MAAC,KAAEE,KAAK,0BAA0BH"}
1	+ {"version":3,"file":"BreadcrumbDocs.cjs","sources":["../../../../../src/components/breadcrumb/documentation/BreadcrumbDocs.tsx"],"sourcesContent":["import React from \"react\";\nimport { Breadcrumb } from \"../Breadcrumb.js\";\nimport { BreadcrumbItem } from \"../BreadcrumbItem.js\";\n\nexport const BreadcrumbExample = () => {\n /* -- EXAMPLE CODE START -- /\n return (\n <Breadcrumb>\n <BreadcrumbItem>\n <a href=\"/\">Hjem</a>\n </BreadcrumbItem>\n <BreadcrumbItem>\n <a href=\"/komponenter/accordion\">Komponenter</a>\n </BreadcrumbItem>\n <BreadcrumbItem>\n <a href=\"/komponenter/breadcrumb\">Breadcrumb</a>\n </BreadcrumbItem>\n </Breadcrumb>\n );\n / -- EXAMPLE CODE END -- */\n};\n"],"names":["Breadcrumb","children","jsx","BreadcrumbItem","href"],"mappings":"wOAIiC,WAGxBA,aAAA,CACGC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBACGF,SAAAC,EAAAA,IAAC,IAAA,CAAEE,KAAK,IAAIH,0BAEfE,EAAAA,eAAA,CACGF,SAAAC,EAAAA,IAAC,KAAEE,KAAK,yBAAyBH,iCAEpCE,EAAAA,eAAA,CACGF,SAAAC,MAAC,KAAEE,KAAK,0BAA0BH"}

package/build/cjs/components/button/Button.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),r=require("../../hooks/useAriaLiveRegion/useAriaLiveRegion.cjs"),o=require("../loader/Loader.cjs"),a=n.forwardRef((function(a,i){const{as:s="button",children:l,className:c,density:u,onTouchStart:d,onAnimationEnd:x,loader:j,icon:b,iconPosition:h="left",iconLeft:v,iconRight:m,variant:y="secondary",...g}=a,p=s;"production"!==process.env.NODE_ENV&&0===n.Children.count(l)&&!a["aria-label"]&&!a["aria-labelledby"]&&!a.title&&console.warn("Når du lager en Button uten synlig tekst må du huske å gi den et navn med enten aria-label, aria-labelledby eller title");const f=r.useAriaLiveRegion(j?.showLoader),L=!!l&&!!j?.showLoader;return e.jsxs(p,{...f,"data-loading":L,"data-density":u,className:t.clsx("jkl-button",`jkl-button--${y}`,c),disabled:"button"===s?j?.showLoader:void 0,...g,ref:i,children:[e.jsxs("div",{className:"jkl-button__label",children:[v&&v,b&&"left"===h&&b,l&&e.jsx("span",{className:"jkl-button__text",children:l}),m&&m,b&&"right"===h&&b]}),l&&e.jsx(o.Loader,{className:"jkl-button__loader",variant:"medium",textDescription:j?.textDescription||"Vennligst vent","aria-hidden":!j?.showLoader})]})}));exports.Button=a,exports.GhostButton=function(t){const n={...t,variant:"ghost"};return e.jsx(a,{...n})},exports.PrimaryButton=function(t){const n={...t,variant:"primary"};return e.jsx(a,{...n})},exports.SecondaryButton=function(t){const n={...t,variant:"secondary"};return e.jsx(a,{...n})},exports.TertiaryButton=function(t){const n={...t,variant:"tertiary"};return e.jsx(a,{...n})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),r=require("../../hooks/useAriaLiveRegion/useAriaLiveRegion.cjs"),o=require("../loader/Loader.cjs"),a=n.forwardRef(function(a,i){const{as:s="button",children:l,className:c,density:u,onTouchStart:d,onAnimationEnd:x,loader:j,icon:b,iconPosition:h="left",iconLeft:v,iconRight:m,variant:y="secondary",...g}=a,p=s;"production"!==process.env.NODE_ENV&&0===n.Children.count(l)&&!a["aria-label"]&&!a["aria-labelledby"]&&!a.title&&console.warn("Når du lager en Button uten synlig tekst må du huske å gi den et navn med enten aria-label, aria-labelledby eller title");const f=r.useAriaLiveRegion(j?.showLoader),L=!!l&&!!j?.showLoader;return e.jsxs(p,{...f,"data-loading":L,"data-density":u,className:t.clsx("jkl-button",`jkl-button--${y}`,c),disabled:"button"===s?j?.showLoader:void 0,...g,ref:i,children:[e.jsxs("div",{className:"jkl-button__label",children:[v&&v,b&&"left"===h&&b,l&&e.jsx("span",{className:"jkl-button__text",children:l}),m&&m,b&&"right"===h&&b]}),l&&e.jsx(o.Loader,{className:"jkl-button__loader",variant:"medium",textDescription:j?.textDescription||"Vennligst vent","aria-hidden":!j?.showLoader})]})});exports.Button=a,exports.GhostButton=function(t){const n={...t,variant:"ghost"};return e.jsx(a,{...n})},exports.PrimaryButton=function(t){const n={...t,variant:"primary"};return e.jsx(a,{...n})},exports.SecondaryButton=function(t){const n={...t,variant:"secondary"};return e.jsx(a,{...n})},exports.TertiaryButton=function(t){const n={...t,variant:"tertiary"};return e.jsx(a,{...n})};
 //# sourceMappingURL=Button.cjs.map

package/build/cjs/components/button/Button.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.cjs","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import cn from \"clsx\";\nimport React, { type ButtonHTMLAttributes } from \"react\";\nimport { useAriaLiveRegion } from \"../../hooks/useAriaLiveRegion/useAriaLiveRegion.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { Loader } from \"../loader/Loader.js\";\nimport type { ButtonComponent, ButtonProps } from \"./types.js\";\n\nexport const Button = React.forwardRef(function Button<\n ElementType extends React.ElementType = \"button\",\n>(props: ButtonProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n as = \"button\",\n children,\n className,\n density,\n onTouchStart,\n onAnimationEnd,\n loader,\n icon,\n iconPosition = \"left\",\n iconLeft,\n iconRight,\n variant = \"secondary\",\n ...rest\n } = props;\n\n const Component = as;\n\n if (\n process.env.NODE_ENV !== \"production\" &&\n React.Children.count(children) === 0 &&\n !props[\"aria-label\"] &&\n !props[\"aria-labelledby\"] &&\n !props.title\n ) {\n console.warn(\n \"Når du lager en Button uten synlig tekst må du huske å gi den et navn med enten aria-label, aria-labelledby eller title\",\n );\n }\n\n const ariaLive = useAriaLiveRegion(loader?.showLoader);\n const showLoader = Boolean(children) && Boolean(loader?.showLoader);\n\n return (\n <Component\n {...ariaLive}\n data-loading={showLoader}\n data-density={density}\n className={cn(\"jkl-button\", `jkl-button--${variant}`, className)}\n disabled={as === \"button\" ? loader?.showLoader : undefined}\n {...rest}\n ref={ref}\n >\n <div className=\"jkl-button__label\">\n {iconLeft && iconLeft}\n {icon && iconPosition === \"left\" && icon}\n {children && (\n <span className=\"jkl-button__text\">{children}</span>\n )}\n {iconRight && iconRight}\n {icon && iconPosition === \"right\" && icon}\n </div>\n\n {children && (\n <Loader\n className=\"jkl-button__loader\"\n variant=\"medium\"\n textDescription={\n loader?.textDescription \|\| \"Vennligst vent\"\n }\n aria-hidden={!loader?.showLoader}\n />\n )}\n </Component>\n );\n}) as ButtonComponent;\n\n/*\n @deprecated bruk heller {@link Button} med ghost-varianten\n /\nexport function PrimaryButton<ElementType extends React.ElementType = \"button\">(\n props: Omit<ButtonProps<ElementType>, \"variant\" \| \"onClick\" \| \"as\"> &\n Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n const buttonProps = {\n ...props,\n variant: \"primary\",\n } as ButtonProps<ElementType>;\n return <Button {...buttonProps} />;\n}\n\n/\n @deprecated bruk heller {@link Button} med ghost-varianten\n /\nexport function SecondaryButton<\n ElementType extends React.ElementType = \"button\",\n>(\n props: Omit<ButtonProps<ElementType>, \"variant\" \| \"onClick\" \| \"as\"> &\n Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n const buttonProps = {\n ...props,\n variant: \"secondary\",\n } as ButtonProps<ElementType>;\n return <Button {...buttonProps} />;\n}\n\n/\n @deprecated bruk heller {@link Button} med ghost-varianten\n /\nexport function TertiaryButton<\n ElementType extends React.ElementType = \"button\",\n>(\n props: Omit<ButtonProps<ElementType>, \"variant\" \| \"onClick\" \| \"as\"> &\n Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n const buttonProps = {\n ...props,\n variant: \"tertiary\",\n } as ButtonProps<ElementType>;\n return <Button {...buttonProps} />;\n}\n\n/\n @deprecated bruk heller {@link Button} med ghost-varianten\n */\nexport function GhostButton<ElementType extends React.ElementType = \"button\">(\n props: Omit<ButtonProps<ElementType>, \"variant\" \| \"loader\">,\n) {\n const buttonProps = {\n ...props,\n variant: \"ghost\",\n } as ButtonProps<ElementType>;\n return <Button {...buttonProps} />;\n}\n"],"names":["Button","React","forwardRef","props","ref","as","children","className","density","onTouchStart","onAnimationEnd","loader","icon","iconPosition","iconLeft","iconRight","variant","rest","Component","process","env","NODE_ENV","Children","count","title","console","warn","ariaLive","useAriaLiveRegion","showLoader","jsxs","cn","~~clsx","~~disabled","jsx","Loader","textDescription","buttonProps"],"mappings":"mRAOaA,EAASC,EAAMC,~~YAAW~~,SAErCC,EAAiCC,~~GACzB~~,~~MACFC~~,GAAAA,EAAK,SACLC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,aAAAA,EACAC,eAAAA,EACAC,OAAAA,EACAC,KAAAA,EACAC,aAAAA,EAAe,OACfC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,eACPC,GACHd,EAEEe,EAAYb,EAGW,eAAzBc,QAAQC,IAAIC,UACuB,IAAnCpB,EAAMqB,SAASC,MAAMjB,KACpBH,EAAM,gBACNA,EAAM,qBACNA,EAAMqB,~~OAECC~~,~~QAAAC~~,KACJ,~~2HAIF~~,~~MAAAC~~,EAAWC,EAAAA,kBAAkBjB,GAAQkB,YACrCA,IAAqBvB,KAAqBK,GAAQkB,~~WAGpD~~,~~OAAAC~~,EAAAA,KAACZ,EAAA,IACOS,EACJ,eAAcE,EACd,eAAcrB,EACdD,UAAWwB,~~EAAGC~~,~~KAAA~~,aAAc,~~eAAehB~~,IAAWT,~~GACtD0B~~,SAAiB,~~WAAP5B~~,EAAkBM,GAAQkB,gBAAa,KAC7CZ,EACJb,IAAAA,EAEAE,SAAA,~~CAACwB~~,EAAAA,~~KAAA~~,MAAA,CAAIvB,UAAU,oBACVD,SAAA,~~CAAYQ~~,~~GAAAA~~,EACZF,GAAyB,SAAjBC,GAA2BD,EACnCN,~~GACG4B~~,EAAAA,IAAC,~~OAAK~~,~~CAAA3B~~,UAAU,mBAAoBD,SAAAA,IAEvCS,GAAaA,EACbH,GAAyB,UAAjBC,GAA4BD,KAGxCN,~~GACG4B~~,EAAAA,IAACC,EAAAA,OAAA,~~CACG5B~~,UAAU,qBACVS,QAAQ,~~SACRoB~~,~~gBACIzB~~,~~GAAQyB~~,iBAAmB,iBAE/B,~~eAAczB~~,GAAQkB,eAK1C,~~yCAmDO~~,SACH1B,GAEA,~~MAAMkC~~,EAAc,~~IACblC~~,EACHa,QAAS,~~SAEN~~,~~OAAAkB~~,~~MAAClC~~,~~EAAQ~~,~~IAAGqC~~,GACvB,wBAtDO,~~SACHlC~~,GAGA,~~MAAMkC~~,EAAc,~~IACblC~~,EACHa,QAAS,~~WAEN~~,~~OAAAkB~~,~~MAAClC~~,~~EAAQ~~,~~IAAGqC~~,GACvB,0BAKO,~~SAGHlC~~,GAGA,~~MAAMkC~~,EAAc,~~IACblC~~,EACHa,QAAS,~~aAEN~~,~~OAAAkB~~,~~MAAClC~~,~~EAAQ~~,~~IAAGqC~~,GACvB,yBAKO,~~SAGHlC~~,GAGA,~~MAAMkC~~,EAAc,~~IACblC~~,EACHa,QAAS,~~YAEN~~,~~OAAAkB~~,~~MAAClC~~,~~EAAQ~~,~~IAAGqC~~,GACvB"}
1	+ {"version":3,"file":"Button.cjs","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import cn from \"clsx\";\nimport React, { type ButtonHTMLAttributes } from \"react\";\nimport { useAriaLiveRegion } from \"../../hooks/useAriaLiveRegion/useAriaLiveRegion.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { Loader } from \"../loader/Loader.js\";\nimport type { ButtonComponent, ButtonProps } from \"./types.js\";\n\nexport const Button = React.forwardRef(function Button<\n ElementType extends React.ElementType = \"button\",\n>(props: ButtonProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n as = \"button\",\n children,\n className,\n density,\n onTouchStart,\n onAnimationEnd,\n loader,\n icon,\n iconPosition = \"left\",\n iconLeft,\n iconRight,\n variant = \"secondary\",\n ...rest\n } = props;\n\n const Component = as;\n\n if (\n process.env.NODE_ENV !== \"production\" &&\n React.Children.count(children) === 0 &&\n !props[\"aria-label\"] &&\n !props[\"aria-labelledby\"] &&\n !props.title\n ) {\n console.warn(\n \"Når du lager en Button uten synlig tekst må du huske å gi den et navn med enten aria-label, aria-labelledby eller title\",\n );\n }\n\n const ariaLive = useAriaLiveRegion(loader?.showLoader);\n const showLoader = Boolean(children) && Boolean(loader?.showLoader);\n\n return (\n <Component\n {...ariaLive}\n data-loading={showLoader}\n data-density={density}\n className={cn(\"jkl-button\", `jkl-button--${variant}`, className)}\n disabled={as === \"button\" ? loader?.showLoader : undefined}\n {...rest}\n ref={ref}\n >\n <div className=\"jkl-button__label\">\n {iconLeft && iconLeft}\n {icon && iconPosition === \"left\" && icon}\n {children && (\n <span className=\"jkl-button__text\">{children}</span>\n )}\n {iconRight && iconRight}\n {icon && iconPosition === \"right\" && icon}\n </div>\n\n {children && (\n <Loader\n className=\"jkl-button__loader\"\n variant=\"medium\"\n textDescription={\n loader?.textDescription \|\| \"Vennligst vent\"\n }\n aria-hidden={!loader?.showLoader}\n />\n )}\n </Component>\n );\n}) as ButtonComponent;\n\n/*\n @deprecated bruk heller {@link Button} med ghost-varianten\n /\nexport function PrimaryButton<ElementType extends React.ElementType = \"button\">(\n props: Omit<ButtonProps<ElementType>, \"variant\" \| \"onClick\" \| \"as\"> &\n Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n const buttonProps = {\n ...props,\n variant: \"primary\",\n } as ButtonProps<ElementType>;\n return <Button {...buttonProps} />;\n}\n\n/\n @deprecated bruk heller {@link Button} med ghost-varianten\n /\nexport function SecondaryButton<\n ElementType extends React.ElementType = \"button\",\n>(\n props: Omit<ButtonProps<ElementType>, \"variant\" \| \"onClick\" \| \"as\"> &\n Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n const buttonProps = {\n ...props,\n variant: \"secondary\",\n } as ButtonProps<ElementType>;\n return <Button {...buttonProps} />;\n}\n\n/\n @deprecated bruk heller {@link Button} med ghost-varianten\n /\nexport function TertiaryButton<\n ElementType extends React.ElementType = \"button\",\n>(\n props: Omit<ButtonProps<ElementType>, \"variant\" \| \"onClick\" \| \"as\"> &\n Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"onClick\">,\n) {\n const buttonProps = {\n ...props,\n variant: \"tertiary\",\n } as ButtonProps<ElementType>;\n return <Button {...buttonProps} />;\n}\n\n/\n @deprecated bruk heller {@link Button} med ghost-varianten\n */\nexport function GhostButton<ElementType extends React.ElementType = \"button\">(\n props: Omit<ButtonProps<ElementType>, \"variant\" \| \"loader\">,\n) {\n const buttonProps = {\n ...props,\n variant: \"ghost\",\n } as ButtonProps<ElementType>;\n return <Button {...buttonProps} />;\n}\n"],"names":["Button","React","forwardRef","props","ref","as","children","className","density","onTouchStart","onAnimationEnd","loader","icon","iconPosition","iconLeft","iconRight","variant","rest","Component","process","env","NODE_ENV","Children","count","title","console","warn","ariaLive","useAriaLiveRegion","showLoader","jsxs","cn","disabled","jsx","Loader","textDescription","buttonProps"],"mappings":"mRAOaA,EAASC,EAAMC,WAAW,SAErCC,EAAiCC,GAC/B,MACIC,GAAAA,EAAK,SACLC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,aAAAA,EACAC,eAAAA,EACAC,OAAAA,EACAC,KAAAA,EACAC,aAAAA,EAAe,OACfC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,eACPC,GACHd,EAEEe,EAAYb,EAGW,eAAzBc,QAAQC,IAAIC,UACuB,IAAnCpB,EAAMqB,SAASC,MAAMjB,KACpBH,EAAM,gBACNA,EAAM,qBACNA,EAAMqB,OAEPC,QAAQC,KACJ,2HAIR,MAAMC,EAAWC,EAAAA,kBAAkBjB,GAAQkB,YACrCA,IAAqBvB,KAAqBK,GAAQkB,WAExD,OACIC,EAAAA,KAACZ,EAAA,IACOS,EACJ,eAAcE,EACd,eAAcrB,EACdD,UAAWwB,EAAAA,KAAG,aAAc,eAAef,IAAWT,GACtDyB,SAAiB,WAAP3B,EAAkBM,GAAQkB,gBAAa,KAC7CZ,EACJb,IAAAA,EAEAE,SAAA,CAAAwB,EAAAA,KAAC,MAAA,CAAIvB,UAAU,oBACVD,SAAA,CAAAQ,GAAYA,EACZF,GAAyB,SAAjBC,GAA2BD,EACnCN,GACG2B,EAAAA,IAAC,OAAA,CAAK1B,UAAU,mBAAoBD,SAAAA,IAEvCS,GAAaA,EACbH,GAAyB,UAAjBC,GAA4BD,KAGxCN,GACG2B,EAAAA,IAACC,EAAAA,OAAA,CACG3B,UAAU,qBACVS,QAAQ,SACRmB,gBACIxB,GAAQwB,iBAAmB,iBAE/B,eAAcxB,GAAQkB,eAK1C,wCAmDO,SACH1B,GAEA,MAAMiC,EAAc,IACbjC,EACHa,QAAS,SAEb,OAAOiB,MAACjC,EAAA,IAAWoC,GACvB,wBAtDO,SACHjC,GAGA,MAAMiC,EAAc,IACbjC,EACHa,QAAS,WAEb,OAAOiB,MAACjC,EAAA,IAAWoC,GACvB,0BAKO,SAGHjC,GAGA,MAAMiC,EAAc,IACbjC,EACHa,QAAS,aAEb,OAAOiB,MAACjC,EAAA,IAAWoC,GACvB,yBAKO,SAGHjC,GAGA,MAAMiC,EAAc,IACbjC,EACHa,QAAS,YAEb,OAAOiB,MAACjC,EAAA,IAAWoC,GACvB"}

package/build/cjs/components/button/documentation/AnchorDocs.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnchorDocs.cjs","sources":["../../../../../src/components/button/documentation/AnchorDocs.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"../Button.js\";\n\nexport const AnchorsExample = () => {\n /* -- EXAMPLE CODE START -- /\n return (\n <div className=\"flex flex-column gap-32 justify-between items-center\">\n <Button\n as=\"a\"\n variant=\"primary\"\n href=\"/komponenter/buttons#knapper-rendret-som-andre-elementer\"\n >\n Send inn\n </Button>\n <Button\n variant=\"secondary\"\n as=\"a\"\n href=\"/komponenter/buttons#knapper-rendret-som-andre-elementer\"\n >\n Lagre\n </Button>\n <Button\n variant=\"tertiary\"\n as=\"a\"\n href=\"/komponenter/buttons#knapper-rendret-som-andre-elementer\"\n >\n Avbryt\n </Button>\n <Button\n variant=\"ghost\"\n as=\"a\"\n href=\"/komponenter/buttons#knapper-rendret-som-andre-elementer\"\n >\n Vis mer\n </Button>\n </div>\n );\n / -- EXAMPLE CODE END -- */\n};\n"],"names":["jsxs","className","children","jsx","Button","as","variant","href"],"mappings":"8LAG8B,IAGtBA,EAAAA,KAAC,~~MAAI~~,~~CAAAC~~,UAAU,uDACXC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACGC,GAAG,IACHC,QAAQ,UACRC,KAAK,2DACRL,SAAA,aAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGE,QAAQ,YACRD,GAAG,IACHE,KAAK,2DACRL,SAAA,UAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGE,QAAQ,WACRD,GAAG,IACHE,KAAK,2DACRL,SAAA,WAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGE,QAAQ,QACRD,GAAG,IACHE,KAAK,2DACRL,SAAA"}
1	+ {"version":3,"file":"AnchorDocs.cjs","sources":["../../../../../src/components/button/documentation/AnchorDocs.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"../Button.js\";\n\nexport const AnchorsExample = () => {\n /* -- EXAMPLE CODE START -- /\n return (\n <div className=\"flex flex-column gap-32 justify-between items-center\">\n <Button\n as=\"a\"\n variant=\"primary\"\n href=\"/komponenter/buttons#knapper-rendret-som-andre-elementer\"\n >\n Send inn\n </Button>\n <Button\n variant=\"secondary\"\n as=\"a\"\n href=\"/komponenter/buttons#knapper-rendret-som-andre-elementer\"\n >\n Lagre\n </Button>\n <Button\n variant=\"tertiary\"\n as=\"a\"\n href=\"/komponenter/buttons#knapper-rendret-som-andre-elementer\"\n >\n Avbryt\n </Button>\n <Button\n variant=\"ghost\"\n as=\"a\"\n href=\"/komponenter/buttons#knapper-rendret-som-andre-elementer\"\n >\n Vis mer\n </Button>\n </div>\n );\n / -- EXAMPLE CODE END -- */\n};\n"],"names":["jsxs","className","children","jsx","Button","as","variant","href"],"mappings":"8LAG8B,IAGtBA,EAAAA,KAAC,MAAA,CAAIC,UAAU,uDACXC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACGC,GAAG,IACHC,QAAQ,UACRC,KAAK,2DACRL,SAAA,aAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGE,QAAQ,YACRD,GAAG,IACHE,KAAK,2DACRL,SAAA,UAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGE,QAAQ,WACRD,GAAG,IACHE,KAAK,2DACRL,SAAA,WAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGE,QAAQ,QACRD,GAAG,IACHE,KAAK,2DACRL,SAAA"}

package/build/cjs/components/button/documentation/ButtonDocs.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("../../flex/Flex.cjs"),n=require("../Button.cjs");exports.ButtonExample=()=>{const[o,i]=t.useState(!1),a=t.useCallback((()=>{i(!0),setTimeout((()=>{i(!1)}),2200)}),[]);return e.jsxs(r.Flex,{direction:"column",gap:"l",justifyContent:"space-between",alignItems:"center",children:[e.jsx(n.Button,{variant:"primary",loader:{showLoader:o,textDescription:"Laster innhold"},onClick:a,children:"Lagre og send inn"}),e.jsx(n.Button,{variant:"secondary",loader:{showLoader:o,textDescription:"Laster innhold"},onClick:a,children:"Lagre"}),e.jsx(n.Button,{variant:"tertiary",loader:{showLoader:o,textDescription:"Laster innhold"},onClick:a,children:"Avbryt"}),e.jsx(n.Button,{variant:"ghost",children:"Ola Nordmann"})]})};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("../../flex/Flex.cjs"),n=require("../Button.cjs");exports.ButtonExample=()=>{const[o,i]=t.useState(!1),a=t.useCallback(()=>{i(!0),setTimeout(()=>{i(!1)},2200)},[]);return e.jsxs(r.Flex,{direction:"column",gap:"l",justifyContent:"space-between",alignItems:"center",children:[e.jsx(n.Button,{variant:"primary",loader:{showLoader:o,textDescription:"Laster innhold"},onClick:a,children:"Lagre og send inn"}),e.jsx(n.Button,{variant:"secondary",loader:{showLoader:o,textDescription:"Laster innhold"},onClick:a,children:"Lagre"}),e.jsx(n.Button,{variant:"tertiary",loader:{showLoader:o,textDescription:"Laster innhold"},onClick:a,children:"Avbryt"}),e.jsx(n.Button,{variant:"ghost",children:"Ola Nordmann"})]})};
 //# sourceMappingURL=ButtonDocs.cjs.map

package/build/cjs/components/button/documentation/ButtonDocs.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonDocs.cjs","sources":["../../../../../src/components/button/documentation/ButtonDocs.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { Button } from \"../Button.js\";\n\nexport const ButtonExample = () => {\n /* -- EXAMPLE CODE START -- /\n const [showLoader, setShowLoader] = useState(false);\n\n const simulateLoading = useCallback(() => {\n setShowLoader(true);\n setTimeout(() => {\n setShowLoader(false);\n }, 2200);\n }, []);\n\n return (\n <Flex\n direction=\"column\"\n gap=\"l\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <Button\n variant=\"primary\"\n loader={{\n showLoader,\n textDescription: \"Laster innhold\",\n }}\n onClick={simulateLoading}\n >\n Lagre og send inn\n </Button>\n <Button\n variant=\"secondary\"\n loader={{\n showLoader,\n textDescription: \"Laster innhold\",\n }}\n onClick={simulateLoading}\n >\n Lagre\n </Button>\n <Button\n variant=\"tertiary\"\n loader={{\n showLoader,\n textDescription: \"Laster innhold\",\n }}\n onClick={simulateLoading}\n >\n Avbryt\n </Button>\n\n <Button variant=\"ghost\">Ola Nordmann</Button>\n </Flex>\n );\n / -- EXAMPLE CODE END -- */\n};\n"],"names":["showLoader","setShowLoader","useState","simulateLoading","useCallback","setTimeout","jsxs","Flex","direction","gap","justifyContent","alignItems","children","jsx","Button","variant","loader","textDescription","onClick"],"mappings":"0NAI6B,KAEzB,MAAOA,EAAYC,GAAiBC,EAAAA,UAAS,GAEvCC,EAAkBC,EAAAA,~~aAAY~~,KAChCH,GAAc,GACdI,~~YAAW~~,KACPJ,GAAc,~~EAAK~~,~~GACpB~~,~~KAAI~~,~~GACR~~,~~IAGC,OAAAK,~~EAAAA,KAACC,EAAAA,KAAA,CACGC,UAAU,SACVC,IAAI,IACJC,eAAe,gBACfC,WAAW,SAEXC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,UACRC,OAAQ,CACJhB,WAAAA,EACAiB,gBAAiB,kBAErBC,QAASf,EACZS,SAAA,sBAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,YACRC,OAAQ,CACJhB,WAAAA,EACAiB,gBAAiB,kBAErBC,QAASf,EACZS,SAAA,UAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,WACRC,OAAQ,CACJhB,WAAAA,EACAiB,gBAAiB,kBAErBC,QAASf,EACZS,SAAA,~~WAIAC~~,EAAAA,~~IAAAC~~,EAAAA,OAAA,CAAOC,QAAQ,QAAQH,~~SAAY,mBACxC~~"}
1	+ {"version":3,"file":"ButtonDocs.cjs","sources":["../../../../../src/components/button/documentation/ButtonDocs.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Flex } from \"../../flex/Flex.js\";\nimport { Button } from \"../Button.js\";\n\nexport const ButtonExample = () => {\n /* -- EXAMPLE CODE START -- /\n const [showLoader, setShowLoader] = useState(false);\n\n const simulateLoading = useCallback(() => {\n setShowLoader(true);\n setTimeout(() => {\n setShowLoader(false);\n }, 2200);\n }, []);\n\n return (\n <Flex\n direction=\"column\"\n gap=\"l\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <Button\n variant=\"primary\"\n loader={{\n showLoader,\n textDescription: \"Laster innhold\",\n }}\n onClick={simulateLoading}\n >\n Lagre og send inn\n </Button>\n <Button\n variant=\"secondary\"\n loader={{\n showLoader,\n textDescription: \"Laster innhold\",\n }}\n onClick={simulateLoading}\n >\n Lagre\n </Button>\n <Button\n variant=\"tertiary\"\n loader={{\n showLoader,\n textDescription: \"Laster innhold\",\n }}\n onClick={simulateLoading}\n >\n Avbryt\n </Button>\n\n <Button variant=\"ghost\">Ola Nordmann</Button>\n </Flex>\n );\n / -- EXAMPLE CODE END -- */\n};\n"],"names":["showLoader","setShowLoader","useState","simulateLoading","useCallback","setTimeout","jsxs","Flex","direction","gap","justifyContent","alignItems","children","jsx","Button","variant","loader","textDescription","onClick"],"mappings":"0NAI6B,KAEzB,MAAOA,EAAYC,GAAiBC,EAAAA,UAAS,GAEvCC,EAAkBC,EAAAA,YAAY,KAChCH,GAAc,GACdI,WAAW,KACPJ,GAAc,IACf,OACJ,IAEH,OACIK,EAAAA,KAACC,EAAAA,KAAA,CACGC,UAAU,SACVC,IAAI,IACJC,eAAe,gBACfC,WAAW,SAEXC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,UACRC,OAAQ,CACJhB,WAAAA,EACAiB,gBAAiB,kBAErBC,QAASf,EACZS,SAAA,sBAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,YACRC,OAAQ,CACJhB,WAAAA,EACAiB,gBAAiB,kBAErBC,QAASf,EACZS,SAAA,UAGDC,EAAAA,IAACC,EAAAA,OAAA,CACGC,QAAQ,WACRC,OAAQ,CACJhB,WAAAA,EACAiB,gBAAiB,kBAErBC,QAASf,EACZS,SAAA,WAIDC,EAAAA,IAACC,EAAAA,OAAA,CAAOC,QAAQ,QAAQH,SAAA"}

package/build/cjs/components/card/Card.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),a=require("react"),t=require("../../utilities/polymorphism/SlotComponent.cjs"),i=a.forwardRef((function(a,i){const{className:s,clickable:c=!1,padding:l="s",variant:o="high",asChild:d,as:n="div",...u}=a,p=d?t.SlotComponent:n;return e.jsx(p,{"data-testid":"jkl-card","data-clickable":c,"data-padding":l,className:r.clsx("jkl-card",`jkl-card--${o}`,s),...u,ref:i})}));exports.Card=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),a=require("react"),t=require("../../utilities/polymorphism/SlotComponent.cjs"),i=a.forwardRef(function(a,i){const{className:s,clickable:c=!1,padding:l="s",variant:o="high",asChild:d,as:n="div",...u}=a,p=d?t.SlotComponent:n;return e.jsx(p,{"data-testid":"jkl-card","data-clickable":c,"data-padding":l,className:r.clsx("jkl-card",`jkl-card--${o}`,s),...u,ref:i})});exports.Card=i;
 //# sourceMappingURL=Card.cjs.map

package/build/cjs/components/card/Card.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { CardProps } from \"./types.js\";\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement \| null;\n\n/*\n En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<\n ElementType extends React.ElementType = \"div\",\n>(props: CardProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n className,\n clickable = false,\n padding = \"s\",\n variant = \"high\",\n asChild,\n as = \"div\",\n ...componentProps\n } = props;\n\n const Component = asChild ? SlotComponent : as;\n\n return (\n <Component\n data-testid=\"jkl-card\"\n data-clickable={clickable}\n data-padding={padding}\n className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n {...componentProps}\n ref={ref}\n />\n );\n}) as CardComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","Component","SlotComponent","jsx","clsx"],"mappings":"4OAiBaA,EAAOC,EAAMC,~~YAAW~~,SAEnCC,EAA+BC,~~GACvB~~,~~MACFC~~,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,OACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAEES,EAAYH,EAAUI,EAAAA,cAAgBH,~~EAGxC~~,~~OAAAI~~,EAAAA,IAACF,EAAA,CACG,cAAY,WACZ,iBAAgBN,EAChB,eAAcC,EACdF,UAAWU,~~EAAKA~~,~~KAAA~~,WAAY,aAAaP,IAAWH,MAChDM,EACJP,IAAAA,GAGZ"}
1	+ {"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { CardProps } from \"./types.js\";\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement \| null;\n\n/*\n En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<\n ElementType extends React.ElementType = \"div\",\n>(props: CardProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n className,\n clickable = false,\n padding = \"s\",\n variant = \"high\",\n asChild,\n as = \"div\",\n ...componentProps\n } = props;\n\n const Component = asChild ? SlotComponent : as;\n\n return (\n <Component\n data-testid=\"jkl-card\"\n data-clickable={clickable}\n data-padding={padding}\n className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n {...componentProps}\n ref={ref}\n />\n );\n}) as CardComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","Component","SlotComponent","jsx","clsx"],"mappings":"4OAiBaA,EAAOC,EAAMC,WAAW,SAEnCC,EAA+BC,GAC7B,MACIC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,OACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAEES,EAAYH,EAAUI,EAAAA,cAAgBH,EAE5C,OACII,EAAAA,IAACF,EAAA,CACG,cAAY,WACZ,iBAAgBN,EAChB,eAAcC,EACdF,UAAWU,EAAAA,KAAK,WAAY,aAAaP,IAAWH,MAChDM,EACJP,IAAAA,GAGZ"}

package/build/cjs/components/card/CardImage.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),s=require("../../utilities/polymorphism/SlotComponent.cjs"),o=t.forwardRef((function({as:t,asChild:o,className:a,placement:i="top",...c},l){const m=o?s.SlotComponent:t||"img";return e.jsx(m,{ref:l,className:r.clsx("jkl-card-image",`jkl-card-image--${i}`,a),...c})}));exports.CardImage=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),s=require("../../utilities/polymorphism/SlotComponent.cjs"),o=t.forwardRef(function({as:t,asChild:o,className:a,placement:i="top",...c},l){const m=o?s.SlotComponent:t||"img";return e.jsx(m,{ref:l,className:r.clsx("jkl-card-image",`jkl-card-image--${i}`,a),...c})});exports.CardImage=o;
 //# sourceMappingURL=CardImage.cjs.map

package/build/cjs/components/card/CardImage.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardImage.cjs","sources":["../../../../src/components/card/CardImage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type {\n PolymorphicPropsWithRef,\n PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type CardImageProps<ElementType extends React.ElementType> =\n PolymorphicPropsWithRef<\n ElementType,\n {\n /*\n Legger til riktig negativ margin avhengig av hvor i kortet bildet\n * skal plasseres. Margin justeres automatisk etter padding i kortet.\n * Velg \"full\" hvis bildet skal være eneste innhold i kortet.\n * @default \"top\"\n /\n placement?: \"top\" \| \"middle\" \| \"bottom\" \| \"full\";\n }\n >;\n\ntype CardImageComponent = <ElementType extends React.ElementType = \"img\">(\n props: CardImageProps<ElementType>,\n) => React.ReactElement \| null;\n\n/\n Bildekomponent som kan brukes i `Card` for å sørge for at bildet\n * blør helt ut i kantene av kortet. Rendres normalt som et `<img>`-\n * element, men du kan overstyre dette med `as` dersom du f.eks. har\n * en egen komponent for å håndtere responsive bilder.\n */\nexport const CardImage = React.forwardRef(function CardImage<\n ElementType extends React.ElementType = \"img\",\n>(\n {\n as,\n asChild,\n className,\n placement = \"top\",\n ...imageProps\n }: CardImageProps<ElementType> & AsChildProps,\n ref?: PolymorphicRef<ElementType>,\n) {\n const Component = asChild ? SlotComponent : as \|\| \"img\";\n\n return (\n <Component\n ref={ref}\n className={clsx(\n \"jkl-card-image\",\n `jkl-card-image--${placement}`,\n className,\n )}\n {...imageProps}\n />\n );\n}) as CardImageComponent;\n"],"names":["CardImage","React","forwardRef","as","asChild","className","placement","imageProps","ref","Component","SlotComponent","jsx","clsx"],"mappings":"4OAiCaA,EAAYC,EAAMC,~~YAAW~~,UAIlCC,GAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,UAAAA,EAAY,SACTC,GAEPC,~~GAEM~~,~~MAAAC~~,EAAYL,EAAUM,EAAAA,cAAgBP,GAAM,~~MAG9C~~,~~OAAAQ~~,EAAAA,IAACF,EAAA,CACGD,IAAAA,EACAH,UAAWO,EAAAA,KACP,iBACA,mBAAmBN,IACnBD,MAEAE,GAGhB"}
1	+ {"version":3,"file":"CardImage.cjs","sources":["../../../../src/components/card/CardImage.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type {\n PolymorphicPropsWithRef,\n PolymorphicRef,\n} from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport type CardImageProps<ElementType extends React.ElementType> =\n PolymorphicPropsWithRef<\n ElementType,\n {\n /*\n Legger til riktig negativ margin avhengig av hvor i kortet bildet\n * skal plasseres. Margin justeres automatisk etter padding i kortet.\n * Velg \"full\" hvis bildet skal være eneste innhold i kortet.\n * @default \"top\"\n /\n placement?: \"top\" \| \"middle\" \| \"bottom\" \| \"full\";\n }\n >;\n\ntype CardImageComponent = <ElementType extends React.ElementType = \"img\">(\n props: CardImageProps<ElementType>,\n) => React.ReactElement \| null;\n\n/\n Bildekomponent som kan brukes i `Card` for å sørge for at bildet\n * blør helt ut i kantene av kortet. Rendres normalt som et `<img>`-\n * element, men du kan overstyre dette med `as` dersom du f.eks. har\n * en egen komponent for å håndtere responsive bilder.\n */\nexport const CardImage = React.forwardRef(function CardImage<\n ElementType extends React.ElementType = \"img\",\n>(\n {\n as,\n asChild,\n className,\n placement = \"top\",\n ...imageProps\n }: CardImageProps<ElementType> & AsChildProps,\n ref?: PolymorphicRef<ElementType>,\n) {\n const Component = asChild ? SlotComponent : as \|\| \"img\";\n\n return (\n <Component\n ref={ref}\n className={clsx(\n \"jkl-card-image\",\n `jkl-card-image--${placement}`,\n className,\n )}\n {...imageProps}\n />\n );\n}) as CardImageComponent;\n"],"names":["CardImage","React","forwardRef","as","asChild","className","placement","imageProps","ref","Component","SlotComponent","jsx","clsx"],"mappings":"4OAiCaA,EAAYC,EAAMC,WAAW,UAIlCC,GAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,UAAAA,EAAY,SACTC,GAEPC,GAEA,MAAMC,EAAYL,EAAUM,EAAAA,cAAgBP,GAAM,MAElD,OACIQ,EAAAA,IAACF,EAAA,CACGD,IAAAA,EACAH,UAAWO,EAAAA,KACP,iBACA,mBAAmBN,IACnBD,MAEAE,GAGhB"}

package/build/cjs/components/checkbox/Checkbox.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),a=require("react"),s=require("../../hooks/useId/useId.cjs"),t=a.forwardRef(((t,r)=>{const{id:n,children:i,invalid:l,className:d,inline:o=!1,density:k,"data-testautoid":x,checked:h,indeterminate:u,...b}=t,j=a.useRef(null);a.useImperativeHandle(r,(()=>j.current),[]);const m=s.useId(n||"jkl-checkbox",{generateSuffix:!n});return a.useEffect((()=>{!0===h&&!0===u&&"production"!==process.env.NODE_ENV&&console.warn("A Checkbox can not be both checked and indeterminate, and will be treated as checked"),j.current&&(j.current.indeterminate=!h&&!!u)}),[h,u]),e.jsxs("div",{className:c.clsx("jkl-checkbox",d,{"jkl-checkbox--inline":o,"jkl-checkbox--error":l}),"data-density":k,children:[e.jsx("input",{id:m,ref:j,className:"jkl-checkbox__input","data-testid":"jkl-checkbox-input","aria-invalid":l,type:"checkbox","data-testautoid":x,checked:h,...b}),e.jsxs("label",{htmlFor:m,className:"jkl-checkbox__label",children:[e.jsxs("span",{className:"jkl-checkbox__mark",children:[e.jsx("span",{className:"jkl-checkbox__indeterminate-mark"}),e.jsx("span",{className:"jkl-checkbox__check-mark"})]}),e.jsx("span",{className:"jkl-checkbox__text",children:i})]})]})}));t.displayName="Checkbox",exports.Checkbox=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),a=require("react"),s=require("../../hooks/useId/useId.cjs"),t=a.forwardRef((t,r)=>{const{id:n,children:i,invalid:l,className:d,inline:o=!1,density:k,"data-testautoid":x,checked:h,indeterminate:u,...b}=t,j=a.useRef(null);a.useImperativeHandle(r,()=>j.current,[]);const m=s.useId(n||"jkl-checkbox",{generateSuffix:!n});return a.useEffect(()=>{!0===h&&!0===u&&"production"!==process.env.NODE_ENV&&console.warn("A Checkbox can not be both checked and indeterminate, and will be treated as checked"),j.current&&(j.current.indeterminate=!h&&!!u)},[h,u]),e.jsxs("div",{className:c.clsx("jkl-checkbox",d,{"jkl-checkbox--inline":o,"jkl-checkbox--error":l}),"data-density":k,children:[e.jsx("input",{id:m,ref:j,className:"jkl-checkbox__input","data-testid":"jkl-checkbox-input","aria-invalid":l,type:"checkbox","data-testautoid":x,checked:h,...b}),e.jsxs("label",{htmlFor:m,className:"jkl-checkbox__label",children:[e.jsxs("span",{className:"jkl-checkbox__mark",children:[e.jsx("span",{className:"jkl-checkbox__indeterminate-mark"}),e.jsx("span",{className:"jkl-checkbox__check-mark"})]}),e.jsx("span",{className:"jkl-checkbox__text",children:i})]})]})});t.displayName="Checkbox",exports.Checkbox=t;
 //# sourceMappingURL=Checkbox.cjs.map

package/build/cjs/components/checkbox/Checkbox.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n forwardRef,\n useEffect,\n useImperativeHandle,\n useRef,\n} from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport type { CheckboxProps } from \"./types.js\";\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n (props, ref) => {\n const {\n id,\n children,\n invalid,\n className,\n inline = false,\n density,\n \"data-testautoid\": testAutoId,\n checked,\n indeterminate,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement>(null);\n useImperativeHandle(\n ref,\n () => inputRef.current as HTMLInputElement,\n [],\n );\n\n const inputId = useId(id \|\| \"jkl-checkbox\", { generateSuffix: !id });\n\n useEffect(() => {\n if (\n checked === true &&\n indeterminate === true &&\n process.env.NODE_ENV !== \"production\"\n ) {\n console.warn(\n \"A Checkbox can not be both checked and indeterminate, and will be treated as checked\",\n );\n }\n if (inputRef.current) {\n inputRef.current.indeterminate = !checked && !!indeterminate;\n }\n }, [checked, indeterminate]);\n\n return (\n <div\n className={clsx(\"jkl-checkbox\", className, {\n \"jkl-checkbox--inline\": inline,\n \"jkl-checkbox--error\": invalid,\n })}\n data-density={density}\n >\n <input\n id={inputId}\n ref={inputRef}\n className=\"jkl-checkbox__input\"\n data-testid=\"jkl-checkbox-input\"\n aria-invalid={invalid}\n type=\"checkbox\"\n data-testautoid={testAutoId}\n checked={checked}\n {...rest}\n />\n <label htmlFor={inputId} className=\"jkl-checkbox__label\">\n <span className=\"jkl-checkbox__mark\">\n <span className=\"jkl-checkbox__indeterminate-mark\" />\n <span className=\"jkl-checkbox__check-mark\" />\n </span>\n <span className=\"jkl-checkbox__text\">{children}</span>\n </label>\n </div>\n );\n },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["Checkbox","forwardRef","props","ref","id","children","invalid","className","inline","density","testAutoId","checked","indeterminate","rest","inputRef","useRef","useImperativeHandle","current","inputId","useId","generateSuffix","useEffect","process","env","NODE_ENV","console","warn","jsxs","clsx","jsx","type","htmlFor","displayName"],"mappings":"yNAUaA,EAAWC,EAAAA,~~YACpB~~,CAACC,EAAOC,~~KACE~~,~~MACFC~~,GAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACA,kBAAmBC,EACnBC,QAAAA,EACAC,cAAAA,KACGC,GACHX,EAEEY,EAAWC,~~SAAyB~~,MAC1CC,EAAAA,oBACIb,~~GACA~~,IAAMW,EAASG,~~SACf~~,~~IAGE~~,~~MAAAC~~,EAAUC,EAAAA,MAAMf,GAAM,eAAgB,CAAEgB,gBAAiBhB,IAE/DiB,OAAAA,EAAAA,~~WAAU~~,MAEU,IAAZV,IACkB,IAAlBC,GACyB,eAAzBU,QAAQC,IAAIC,~~UAEJC~~,~~QAAAC~~,KACJ,wFAGJZ,EAASG,UACTH,EAASG,QAAQL,eAAiBD,KAAaC,~~KAEpD~~,CAACD,EAASC,IAGTe,EAAAA,KAAC,MAAA,CACGpB,UAAWqB,EAAAA,KAAK,eAAgBrB,EAAW,CACvC,uBAAwBC,EACxB,sBAAuBF,IAE3B,eAAcG,EAEdJ,SAAA,CAAAwB,EAAAA,IAAC,QAAA,CACGzB,GAAIc,EACJf,IAAKW,EACLP,UAAU,sBACV,cAAY,qBACZ,eAAcD,EACdwB,KAAK,WACL,kBAAiBpB,EACjBC,QAAAA,KACIE,~~IAEPc~~,EAAAA,~~KAAA~~,QAAA,CAAMI,QAASb,EAASX,UAAU,sBAC/BF,SAAA,~~CAACsB~~,EAAAA,~~KAAA~~,OAAA,CAAKpB,UAAU,qBACZF,SAAA,~~CAACwB~~,EAAAA,~~IAAA~~,OAAA,CAAKtB,UAAU,qCAChBsB,EAAAA,IAAC,~~OAAK~~,~~CAAAtB~~,UAAU,~~gCAEnBsB~~,EAAAA,~~IAAA~~,OAAA,CAAKtB,UAAU,qBAAsBF,SAAAA,~~SAE9C~~,~~IAKZL,~~EAASgC,YAAc"}
1	+ {"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n forwardRef,\n useEffect,\n useImperativeHandle,\n useRef,\n} from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport type { CheckboxProps } from \"./types.js\";\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n (props, ref) => {\n const {\n id,\n children,\n invalid,\n className,\n inline = false,\n density,\n \"data-testautoid\": testAutoId,\n checked,\n indeterminate,\n ...rest\n } = props;\n\n const inputRef = useRef<HTMLInputElement>(null);\n useImperativeHandle(\n ref,\n () => inputRef.current as HTMLInputElement,\n [],\n );\n\n const inputId = useId(id \|\| \"jkl-checkbox\", { generateSuffix: !id });\n\n useEffect(() => {\n if (\n checked === true &&\n indeterminate === true &&\n process.env.NODE_ENV !== \"production\"\n ) {\n console.warn(\n \"A Checkbox can not be both checked and indeterminate, and will be treated as checked\",\n );\n }\n if (inputRef.current) {\n inputRef.current.indeterminate = !checked && !!indeterminate;\n }\n }, [checked, indeterminate]);\n\n return (\n <div\n className={clsx(\"jkl-checkbox\", className, {\n \"jkl-checkbox--inline\": inline,\n \"jkl-checkbox--error\": invalid,\n })}\n data-density={density}\n >\n <input\n id={inputId}\n ref={inputRef}\n className=\"jkl-checkbox__input\"\n data-testid=\"jkl-checkbox-input\"\n aria-invalid={invalid}\n type=\"checkbox\"\n data-testautoid={testAutoId}\n checked={checked}\n {...rest}\n />\n <label htmlFor={inputId} className=\"jkl-checkbox__label\">\n <span className=\"jkl-checkbox__mark\">\n <span className=\"jkl-checkbox__indeterminate-mark\" />\n <span className=\"jkl-checkbox__check-mark\" />\n </span>\n <span className=\"jkl-checkbox__text\">{children}</span>\n </label>\n </div>\n );\n },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["Checkbox","forwardRef","props","ref","id","children","invalid","className","inline","density","testAutoId","checked","indeterminate","rest","inputRef","useRef","useImperativeHandle","current","inputId","useId","generateSuffix","useEffect","process","env","NODE_ENV","console","warn","jsxs","clsx","jsx","type","htmlFor","displayName"],"mappings":"yNAUaA,EAAWC,EAAAA,WACpB,CAACC,EAAOC,KACJ,MACIC,GAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,UAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACA,kBAAmBC,EACnBC,QAAAA,EACAC,cAAAA,KACGC,GACHX,EAEEY,EAAWC,EAAAA,OAAyB,MAC1CC,EAAAA,oBACIb,EACA,IAAMW,EAASG,QACf,IAGJ,MAAMC,EAAUC,EAAAA,MAAMf,GAAM,eAAgB,CAAEgB,gBAAiBhB,IAE/DiB,OAAAA,EAAAA,UAAU,MAEU,IAAZV,IACkB,IAAlBC,GACyB,eAAzBU,QAAQC,IAAIC,UAEZC,QAAQC,KACJ,wFAGJZ,EAASG,UACTH,EAASG,QAAQL,eAAiBD,KAAaC,IAEpD,CAACD,EAASC,IAGTe,EAAAA,KAAC,MAAA,CACGpB,UAAWqB,EAAAA,KAAK,eAAgBrB,EAAW,CACvC,uBAAwBC,EACxB,sBAAuBF,IAE3B,eAAcG,EAEdJ,SAAA,CAAAwB,EAAAA,IAAC,QAAA,CACGzB,GAAIc,EACJf,IAAKW,EACLP,UAAU,sBACV,cAAY,qBACZ,eAAcD,EACdwB,KAAK,WACL,kBAAiBpB,EACjBC,QAAAA,KACIE,IAERc,EAAAA,KAAC,QAAA,CAAMI,QAASb,EAASX,UAAU,sBAC/BF,SAAA,CAAAsB,EAAAA,KAAC,OAAA,CAAKpB,UAAU,qBACZF,SAAA,CAAAwB,EAAAA,IAAC,OAAA,CAAKtB,UAAU,qCAChBsB,EAAAA,IAAC,OAAA,CAAKtB,UAAU,gCAEpBsB,EAAAA,IAAC,OAAA,CAAKtB,UAAU,qBAAsBF,SAAAA,YAO1DL,EAASgC,YAAc"}

package/build/cjs/components/checkbox-panel/CheckboxPanel.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("../../shared/input-panel/BasePanel.cjs"),r=a.forwardRef((function({label:r,extraLabel:c,alwaysOpen:l=!1,checked:n,defaultChecked:s,onChange:o,...u},d){const[h,i]=a.useState(s||!1),b=a.useCallback((e=>{o?.(e),i(e.target.checked)}),[o]),k=typeof n<"u",p=k?n:h;return e.jsx(t.BasePanel,{ref:d,type:"checkbox",isChecked:p,defaultChecked:s,checked:k?n:void 0,onChange:b,alwaysOpen:l,label:r,extraLabel:c,...u})}));exports.CheckboxPanel=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("../../shared/input-panel/BasePanel.cjs"),r=a.forwardRef(function({label:r,extraLabel:c,alwaysOpen:l=!1,checked:n,defaultChecked:s,onChange:o,...u},d){const[h,i]=a.useState(s||!1),b=a.useCallback(e=>{o?.(e),i(e.target.checked)},[o]),k=typeof n<"u",p=k?n:h;return e.jsx(t.BasePanel,{ref:d,type:"checkbox",isChecked:p,defaultChecked:s,checked:k?n:void 0,onChange:b,alwaysOpen:l,label:r,extraLabel:c,...u})});exports.CheckboxPanel=r;
 //# sourceMappingURL=CheckboxPanel.cjs.map

package/build/cjs/components/checkbox-panel/CheckboxPanel.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxPanel.cjs","sources":["../../../../src/components/checkbox-panel/CheckboxPanel.tsx"],"sourcesContent":["import React, {\n type ChangeEvent,\n type ForwardedRef,\n forwardRef,\n useCallback,\n useState,\n} from \"react\";\nimport { BasePanel } from \"../../shared/input-panel/BasePanel.js\";\nimport type { CheckboxPanelProps } from \"./types.js\";\n\nexport const CheckboxPanel = forwardRef(function CheckboxPanel(\n {\n label,\n extraLabel,\n alwaysOpen = false,\n checked,\n defaultChecked,\n onChange,\n ...rest\n }: CheckboxPanelProps,\n ref: ForwardedRef<HTMLInputElement>,\n) {\n const [_isChecked, setIsChecked] = useState(defaultChecked \|\| false);\n\n const handleChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onChange?.(e);\n setIsChecked(e.target.checked);\n },\n [onChange],\n );\n\n const isControlled = typeof checked !== \"undefined\";\n const isChecked = isControlled ? checked : _isChecked;\n\n return (\n <BasePanel\n ref={ref}\n type=\"checkbox\"\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":["CheckboxPanel","forwardRef","label","extraLabel","alwaysOpen","checked","defaultChecked","onChange","rest","ref","_isChecked","setIsChecked","useState","handleChange","useCallback","e","target","isControlled","isChecked","jsx","BasePanel","type"],"mappings":"4LAUaA,EAAgBC,EAAAA,~~YAAW~~,UAEhCC,MAAAA,EACAC,WAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,eAAAA,EACAC,SAAAA,KACGC,GAEPC,GAEA,MAAOC,EAAYC,GAAgBC,EAAAA,SAASN,IAAkB,GAExDO,EAAeC,EAAAA,~~aAChBC~~,IACGR,IAAWQ,~~GACEJ~~,~~EAAAI~~,EAAEC,OAAOX,~~QAAO~~,~~GAEjC,~~CAACE,IAGCU,SAAsBZ,EAAY,IAClCa,EAAYD,EAAeZ,EAAUK,~~EAGvC~~,~~OAAAS~~,EAAAA,IAACC,EAAAA,UAAA,CACGX,IAAAA,EACAY,KAAK,WACLH,UAAAA,EACAZ,eAAAA,EACAD,QAASY,EAAeZ,OAAU,EAClCE,SAAUM,EACVT,WAAAA,EACAF,MAAAA,EACAC,WAAAA,KACIK,GAGhB"}
1	+ {"version":3,"file":"CheckboxPanel.cjs","sources":["../../../../src/components/checkbox-panel/CheckboxPanel.tsx"],"sourcesContent":["import React, {\n type ChangeEvent,\n type ForwardedRef,\n forwardRef,\n useCallback,\n useState,\n} from \"react\";\nimport { BasePanel } from \"../../shared/input-panel/BasePanel.js\";\nimport type { CheckboxPanelProps } from \"./types.js\";\n\nexport const CheckboxPanel = forwardRef(function CheckboxPanel(\n {\n label,\n extraLabel,\n alwaysOpen = false,\n checked,\n defaultChecked,\n onChange,\n ...rest\n }: CheckboxPanelProps,\n ref: ForwardedRef<HTMLInputElement>,\n) {\n const [_isChecked, setIsChecked] = useState(defaultChecked \|\| false);\n\n const handleChange = useCallback(\n (e: ChangeEvent<HTMLInputElement>) => {\n onChange?.(e);\n setIsChecked(e.target.checked);\n },\n [onChange],\n );\n\n const isControlled = typeof checked !== \"undefined\";\n const isChecked = isControlled ? checked : _isChecked;\n\n return (\n <BasePanel\n ref={ref}\n type=\"checkbox\"\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":["CheckboxPanel","forwardRef","label","extraLabel","alwaysOpen","checked","defaultChecked","onChange","rest","ref","_isChecked","setIsChecked","useState","handleChange","useCallback","e","target","isControlled","isChecked","jsx","BasePanel","type"],"mappings":"4LAUaA,EAAgBC,EAAAA,WAAW,UAEhCC,MAAAA,EACAC,WAAAA,EACAC,WAAAA,GAAa,EACbC,QAAAA,EACAC,eAAAA,EACAC,SAAAA,KACGC,GAEPC,GAEA,MAAOC,EAAYC,GAAgBC,EAAAA,SAASN,IAAkB,GAExDO,EAAeC,EAAAA,YAChBC,IACGR,IAAWQ,GACXJ,EAAaI,EAAEC,OAAOX,UAE1B,CAACE,IAGCU,SAAsBZ,EAAY,IAClCa,EAAYD,EAAeZ,EAAUK,EAE3C,OACIS,EAAAA,IAACC,EAAAA,UAAA,CACGX,IAAAA,EACAY,KAAK,WACLH,UAAAA,EACAZ,eAAAA,EACAD,QAASY,EAAeZ,OAAU,EAClCE,SAAUM,EACVT,WAAAA,EACAF,MAAAA,EACAC,WAAAA,KACIK,GAGhB"}

package/build/cjs/components/checkbox-panel/types.d.cts CHANGED Viewed

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

package/build/cjs/components/chip/Chip.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),i=require("react"),s=require("../icon/icons/CheckIcon.cjs"),r=require("../icon/icons/CloseIcon.cjs"),l=i.forwardRef((function({className:i,variant:l,onClick:t,children:n,selected:a,size:o="small",...j},u){return e.jsxs("button",{type:"button",ref:u,className:c.clsx("jkl-chip",`jkl-chip--${o}`,`jkl-chip--${l}`,i),onClick:t,"aria-pressed":a,...j,children:[n,"filter"===l&&a&&e.jsx(s.CheckIcon,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-check-icon"}),"input"===l&&e.jsx(r.CloseIcon,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-close-icon"})]})}));exports.Chip=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),i=require("react"),s=require("../icon/icons/CheckIcon.cjs"),r=require("../icon/icons/CloseIcon.cjs"),l=i.forwardRef(function({className:i,variant:l,onClick:t,children:n,selected:a,size:o="small",...j},u){return e.jsxs("button",{type:"button",ref:u,className:c.clsx("jkl-chip",`jkl-chip--${o}`,`jkl-chip--${l}`,i),onClick:t,"aria-pressed":a,...j,children:[n,"filter"===l&&a&&e.jsx(s.CheckIcon,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-check-icon"}),"input"===l&&e.jsx(r.CloseIcon,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-close-icon"})]})});exports.Chip=l;
 //# sourceMappingURL=Chip.cjs.map

package/build/cjs/components/chip/Chip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.cjs","sources":["../../../../src/components/chip/Chip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport type { ChipProps } from \"./types.js\";\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n {\n className,\n variant,\n onClick,\n children,\n selected,\n size = \"small\",\n ...rest\n },\n ref,\n) {\n return (\n <button\n type=\"button\"\n ref={ref}\n className={clsx(\n \"jkl-chip\",\n `jkl-chip--${size}`,\n `jkl-chip--${variant}`,\n className,\n )}\n onClick={onClick}\n aria-pressed={selected}\n {...rest}\n >\n {children}\n {variant === \"filter\" && selected && (\n <CheckIcon\n className=\"jkl-chip__icon\"\n variant=\"small\"\n data-testid=\"jkl-check-icon\"\n />\n )}\n {variant === \"input\" && (\n <CloseIcon\n className=\"jkl-chip__icon\"\n variant=\"small\"\n data-testid=\"jkl-close-icon\"\n />\n )}\n </button>\n );\n});\n"],"names":["Chip","forwardRef","className","variant","onClick","children","selected","size","rest","ref","jsxs","type","clsx","jsx","CheckIcon","CloseIcon"],"mappings":"kQAMaA,EAAOC,EAAAA,~~YAAyC~~,UAErDC,UAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EAAO,WACJC,GAEPC,~~GAGI~~,~~OAAAC~~,EAAAA,KAAC,SAAA,CACGC,KAAK,SACLF,IAAAA,EACAP,UAAWU,EAAAA,KACP,WACA,aAAaL,IACb,aAAaJ,IACbD,GAEJE,QAAAA,EACA,eAAcE,KACVE,EAEHH,SAAA,CAAAA,EACY,WAAZF,GAAwBG,GACrBO,EAAAA,IAACC,EAAAA,UAAA,CACGZ,UAAU,iBACVC,QAAQ,QACR,cAAY,mBAGP,UAAZA,GACGU,EAAAA,IAACE,EAAAA,UAAA,CACGb,UAAU,iBACVC,QAAQ,QACR,cAAY,qBAKhC"}
1	+ {"version":3,"file":"Chip.cjs","sources":["../../../../src/components/chip/Chip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport type { ChipProps } from \"./types.js\";\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n {\n className,\n variant,\n onClick,\n children,\n selected,\n size = \"small\",\n ...rest\n },\n ref,\n) {\n return (\n <button\n type=\"button\"\n ref={ref}\n className={clsx(\n \"jkl-chip\",\n `jkl-chip--${size}`,\n `jkl-chip--${variant}`,\n className,\n )}\n onClick={onClick}\n aria-pressed={selected}\n {...rest}\n >\n {children}\n {variant === \"filter\" && selected && (\n <CheckIcon\n className=\"jkl-chip__icon\"\n variant=\"small\"\n data-testid=\"jkl-check-icon\"\n />\n )}\n {variant === \"input\" && (\n <CloseIcon\n className=\"jkl-chip__icon\"\n variant=\"small\"\n data-testid=\"jkl-close-icon\"\n />\n )}\n </button>\n );\n});\n"],"names":["Chip","forwardRef","className","variant","onClick","children","selected","size","rest","ref","jsxs","type","clsx","jsx","CheckIcon","CloseIcon"],"mappings":"kQAMaA,EAAOC,EAAAA,WAAyC,UAErDC,UAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EAAO,WACJC,GAEPC,GAEA,OACIC,EAAAA,KAAC,SAAA,CACGC,KAAK,SACLF,IAAAA,EACAP,UAAWU,EAAAA,KACP,WACA,aAAaL,IACb,aAAaJ,IACbD,GAEJE,QAAAA,EACA,eAAcE,KACVE,EAEHH,SAAA,CAAAA,EACY,WAAZF,GAAwBG,GACrBO,EAAAA,IAACC,EAAAA,UAAA,CACGZ,UAAU,iBACVC,QAAQ,QACR,cAAY,mBAGP,UAAZA,GACGU,EAAAA,IAACE,EAAAA,UAAA,CACGb,UAAU,iBACVC,QAAQ,QACR,cAAY,qBAKhC"}

package/build/cjs/components/combobox/Combobox.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),a=require("../../hooks/useAnimatedHeight/useAnimatedHeight.cjs"),n=require("../../hooks/useId/useId.cjs"),r=require("../../hooks/useListNavigation/useListNavigation.cjs"),l=require("../chip/Chip.cjs"),s=require("../icon-button/IconButton.cjs"),c=require("../icon/icons/CheckIcon.cjs"),i=require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),u=require("../input-group/InputGroup.cjs"),p=require("../tooltip/Tooltip.cjs"),b=require("../tooltip/TooltipContent.cjs"),d=require("../tooltip/TooltipTrigger.cjs");function m(e){return"string"==typeof e?{value:e,label:e}:e}const x=({id:x,placeholder:j,items:k,onChange:v,onFocus:f,onBlur:h,value:g,label:_,noMatchingOption:y,labelProps:C,helpLabel:w,errorLabel:q,width:N,density:$,name:L,className:T,invalid:S,description:I,hasTagHover:P})=>{const B=n.useId(x||"jkl-combobox",{generateSuffix:!x}),D=`${B}_label`,E=`${B}_button`,A=`${B}_search-input`,[F,M]=t.useState(g||[]),[O,K]=t.useState(!1),[H,R]=t.useState(""),[V,G]=t.useState(!1),[U,z]=t.useState(!1),J=t.useRef(null),Q=t.useRef(null),W=t.useRef(!1);t.useEffect((()=>{R(""),O&&J.current&&J.current.focus()}),[O]),t.useEffect((()=>{M((e=>g||e))}),[g]);const X=e=>!!F&&F.some((o=>o.value===e.value)),Y=t.useCallback((e=>F.filter((o=>o.value!==e))),[F]),Z=t.useCallback(((e,o)=>{const t=Y(o);M(t),v({type:"change",target:{name:L,value:o,selectedOptions:t}}),e.stopPropagation(),0===t.length&&z(!1)}),[Y,v,L]),ee=t.useCallback((e=>{let o;if(F.some((o=>o.value===e)))o=Y(e);else{const t=k.find((o=>o.value===e));o=[...F,t]}J.current?.focus(),M(o),v({type:"change",target:{name:L,value:e,selectedOptions:o}})}),[F,v,L,Y,k]),oe=e=>{J.current?.focus(),K(!0),R(e.target.value)},te=t.useMemo((()=>{if(!H)return k;const e=k.filter((e=>e.label.toLowerCase().indexOf(H.toLowerCase())>=0));return G(0===e.length),e}),[H,k]),[ae,ne]=t.useState(te[0]?.value?`${B}-${te[0]?.value}`:void 0),re=!O;t.useEffect((()=>{const e=e=>{"Escape"===e.key&&O&&K(!1)};return typeof window<"u"&&window.addEventListener("keydown",e),()=>{typeof window<"u"&&O&&window.removeEventListener("keydown",e)}}),[O]);const le=t.useCallback((e=>{e?J.current&&J.current.focus():W.current&&Q.current&&Q.current.focus()}),[]),se=t.useCallback((()=>{W.current||(f&&f({type:"change",target:{name:L,value:F?.[0].value||"",selectedOptions:F}}),W.current=!0,K(!0))}),[f,F,L]),[ce]=a.useAnimatedHeight(O,{onFirstVisible:le,onTransitionEnd:le});r.useListNavigation({ref:ce});const ie=t.useRef(null),ue=t.useCallback((e=>{ie.current?.contains(e.relatedTarget)||(R(""),h&&(h({type:"blur",target:{name:L,value:F?.[0]?.value||"",selectedOptions:F}}),Q.current?.dispatchEvent(new Event("focusout",{bubbles:!0}))),W.current=!1,K(!1))}),[h,L,F]),pe=t.useCallback((e=>{e.target.focus({preventScroll:!0})}),[]),be=t.useCallback((e=>{if("ArrowDown"===e.key){e.preventDefault(),e.stopPropagation();const o=ce.current;o&&o.querySelector('[role="option"]')?.focus()}else"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),K(!1));if(e.metaKey&&"a"===e.key||e.ctrlKey&&"a"===e.key){e.preventDefault(),e.stopPropagation();const o=F.map((e=>({...e,isMarked:!0})));z(!0),M(o)}else if("Backspace"===e.key)if(e.stopPropagation(),z(!1),F.some((e=>e.isMarked))){const e=F.filter((e=>!e.isMarked));M(e),R("")}else F.length>0&&""===H&&Z(e,F[F.length-1].value)}),[F,H,ce,Z]),de=t.useCallback((e=>{if("Tab"===e.key)J.current&&(e.preventDefault(),e.stopPropagation(),e.shiftKey||K(!1),J.current.focus());else if("ArrowUp"===e.key&&ce.current&&J.current){const o=ce.current.querySelector('[role="option"]:not([hidden])');e.currentTarget.id===o?.id&&J.current&&J.current.focus()}}),[ce]),me=F.length>=1,xe=t.useCallback((o=>e.jsx(l.Chip,{"data-testid":"jkl-chip","aria-label":`Fjern ${o.tagLabel}`,className:`jkl-combobox__selected-option ${U&&"jkl-combobox__selected-option--marked"}`,variant:"input",onClick:e=>{J.current&&J.current.focus(),Z(e,o.value)},onBlur:ue,children:o.tagLabel?o.tagLabel:o.label},o.value)),[ue,Z,U]);return e.jsx(u.InputGroup,{label:_,id:A,ref:ie,"data-testid":"jkl-combobox",className:o.clsx("jkl-combobox",T,{"jkl-combobox--invalid":!!q||S,"jkl-combobox--menu-open":O,"jkl-combobox--menu-closed":!O&&me}),labelProps:{id:D,...C},helpLabel:w,errorLabel:q,density:$,description:I,render:t=>e.jsxs("div",{className:o.clsx("jkl-combobox__wrapper",{"jkl-combobox__wrapper--active-value":me}),style:{width:N},tabIndex:-1,onFocus:se,onBlur:ue,children:[e.jsxs("div",{className:"jkl-combobox__chips","data-testid":"jkl-combobox__chips",children:[F.map(m).map((o=>P?e.jsxs(p.Tooltip,{children:[e.jsx(d.TooltipTrigger,{children:xe(o)}),e.jsx(b.TooltipContent,{children:o.label})]},o.value):xe(o))),e.jsx("input",{...t,className:"jkl-combobox__search-input",onChange:oe,"data-testid":"jkl-combobox__search-input",onFocus:se,onBlur:ue,onKeyDown:be,value:H,ref:J,"aria-controls":B,role:"combobox","aria-autocomplete":"list","aria-expanded":O,placeholder:F.length>0?"":j,autoComplete:"off"})]}),e.jsxs("div",{className:"jkl-combobox__menu",role:"listbox",ref:ce,id:B,"aria-labelledby":D,"aria-multiselectable":"true","aria-activedescendant":ae,onFocus:se,onBlur:ue,tabIndex:-1,children:[te.map(((o,t)=>e.jsxs("button",{type:"button",id:`${B}__${o.value}`,"aria-selected":X(o),role:"option",value:o.value,onBlur:ue,className:`jkl-combobox__option ${X(o)&&"jkl-combobox__option--selected"}`,"data-testid":"jkl-combobox__option","data-testautoid":`jkl-combobox__option-${t}`,onFocus:se,onKeyDown:de,onClick:e=>{ne(`${B}__${o.value}`),e.stopPropagation(),ee(o.value),R("")},onMouseOver:pe,children:[o.description?e.jsxs("span",{children:[o.label,e.jsx("span",{className:"jkl-combobox__option-description",children:o.description})]}):o.label,X(o)?e.jsxs("span",{children:[e.jsx(c.CheckIcon,{})," "]}):null]},`${B}-${o.value}`))),V&&e.jsx("div",{className:"jkl-combobox__no-option",children:y})]}),e.jsx("div",{className:"jkl-combobox__actions",children:e.jsx(s.IconButton,{id:E,onFocus:se,onBlur:ue,className:"jkl-combobox__button","data-testid":"jkl-combobox__button","aria-label":"Åpne meny","aria-expanded":O,"aria-controls":B,onClick:()=>K((e=>!e)),onMouseDown:e=>{e.preventDefault(),Q.current?.focus()},children:e.jsx(i.ArrowVerticalAnimated,{pointingDown:re})})})]})})};x.displayName="Combobox",exports.Combobox=x,exports.getComboboxValuePair=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../clsx-E3yX_9sL.cjs"),t=require("react"),a=require("../../hooks/useAnimatedHeight/useAnimatedHeight.cjs"),n=require("../../hooks/useId/useId.cjs"),r=require("../../hooks/useListNavigation/useListNavigation.cjs"),l=require("../chip/Chip.cjs"),s=require("../icon-button/IconButton.cjs"),c=require("../icon/icons/CheckIcon.cjs"),i=require("../icon/icons/animated/ArrowVerticalAnimated.cjs"),u=require("../input-group/InputGroup.cjs"),p=require("../tooltip/Tooltip.cjs"),b=require("../tooltip/TooltipContent.cjs"),d=require("../tooltip/TooltipTrigger.cjs");function m(e){return"string"==typeof e?{value:e,label:e}:e}const x=({id:x,placeholder:j,items:k,onChange:v,onFocus:f,onBlur:h,value:g,label:_,noMatchingOption:y,labelProps:C,helpLabel:w,errorLabel:q,width:N,density:$,name:L,className:T,invalid:S,description:I,hasTagHover:P})=>{const B=n.useId(x||"jkl-combobox",{generateSuffix:!x}),D=`${B}_label`,E=`${B}_button`,A=`${B}_search-input`,[F,M]=t.useState(g||[]),[O,K]=t.useState(!1),[H,R]=t.useState(""),[V,G]=t.useState(!1),[U,z]=t.useState(!1),J=t.useRef(null),Q=t.useRef(null),W=t.useRef(!1);t.useEffect(()=>{R(""),O&&J.current&&J.current.focus()},[O]),t.useEffect(()=>{M(e=>g||e)},[g]);const X=e=>!!F&&F.some(o=>o.value===e.value),Y=t.useCallback(e=>F.filter(o=>o.value!==e),[F]),Z=t.useCallback((e,o)=>{const t=Y(o);M(t),v({type:"change",target:{name:L,value:o,selectedOptions:t}}),e.stopPropagation(),0===t.length&&z(!1)},[Y,v,L]),ee=t.useCallback(e=>{let o;if(F.some(o=>o.value===e))o=Y(e);else{const t=k.find(o=>o.value===e);o=[...F,t]}J.current?.focus(),M(o),v({type:"change",target:{name:L,value:e,selectedOptions:o}})},[F,v,L,Y,k]),oe=e=>{J.current?.focus(),K(!0),R(e.target.value)},te=t.useMemo(()=>{if(!H)return k;const e=k.filter(e=>e.label.toLowerCase().indexOf(H.toLowerCase())>=0);return G(0===e.length),e},[H,k]),[ae,ne]=t.useState(te[0]?.value?`${B}-${te[0]?.value}`:void 0),re=!O;t.useEffect(()=>{const e=e=>{"Escape"===e.key&&O&&K(!1)};return typeof window<"u"&&window.addEventListener("keydown",e),()=>{typeof window<"u"&&O&&window.removeEventListener("keydown",e)}},[O]);const le=t.useCallback(e=>{e?J.current&&J.current.focus():W.current&&Q.current&&Q.current.focus()},[]),se=t.useCallback(()=>{W.current||(f&&f({type:"change",target:{name:L,value:F?.[0].value||"",selectedOptions:F}}),W.current=!0,K(!0))},[f,F,L]),[ce]=a.useAnimatedHeight(O,{onFirstVisible:le,onTransitionEnd:le});r.useListNavigation({ref:ce});const ie=t.useRef(null),ue=t.useCallback(e=>{ie.current?.contains(e.relatedTarget)||(R(""),h&&(h({type:"blur",target:{name:L,value:F?.[0]?.value||"",selectedOptions:F}}),Q.current?.dispatchEvent(new Event("focusout",{bubbles:!0}))),W.current=!1,K(!1))},[h,L,F]),pe=t.useCallback(e=>{e.target.focus({preventScroll:!0})},[]),be=t.useCallback(e=>{if("ArrowDown"===e.key){e.preventDefault(),e.stopPropagation();const o=ce.current;o&&o.querySelector('[role="option"]')?.focus()}else"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),K(!1));if(e.metaKey&&"a"===e.key||e.ctrlKey&&"a"===e.key){e.preventDefault(),e.stopPropagation();const o=F.map(e=>({...e,isMarked:!0}));z(!0),M(o)}else if("Backspace"===e.key)if(e.stopPropagation(),z(!1),F.some(e=>e.isMarked)){const e=F.filter(e=>!e.isMarked);M(e),R("")}else F.length>0&&""===H&&Z(e,F[F.length-1].value)},[F,H,ce,Z]),de=t.useCallback(e=>{if("Tab"===e.key)J.current&&(e.preventDefault(),e.stopPropagation(),e.shiftKey||K(!1),J.current.focus());else if("ArrowUp"===e.key&&ce.current&&J.current){const o=ce.current.querySelector('[role="option"]:not([hidden])');e.currentTarget.id===o?.id&&J.current&&J.current.focus()}},[ce]),me=F.length>=1,xe=t.useCallback(o=>e.jsx(l.Chip,{"data-testid":"jkl-chip","aria-label":`Fjern ${o.tagLabel}`,className:`jkl-combobox__selected-option ${U&&"jkl-combobox__selected-option--marked"}`,variant:"input",onClick:e=>{J.current&&J.current.focus(),Z(e,o.value)},onBlur:ue,children:o.tagLabel?o.tagLabel:o.label},o.value),[ue,Z,U]);return e.jsx(u.InputGroup,{label:_,id:A,ref:ie,"data-testid":"jkl-combobox",className:o.clsx("jkl-combobox",T,{"jkl-combobox--invalid":!!q||S,"jkl-combobox--menu-open":O,"jkl-combobox--menu-closed":!O&&me}),labelProps:{id:D,...C},helpLabel:w,errorLabel:q,density:$,description:I,render:t=>e.jsxs("div",{className:o.clsx("jkl-combobox__wrapper",{"jkl-combobox__wrapper--active-value":me}),style:{width:N},tabIndex:-1,onFocus:se,onBlur:ue,children:[e.jsxs("div",{className:"jkl-combobox__chips","data-testid":"jkl-combobox__chips",children:[F.map(m).map(o=>P?e.jsxs(p.Tooltip,{children:[e.jsx(d.TooltipTrigger,{children:xe(o)}),e.jsx(b.TooltipContent,{children:o.label})]},o.value):xe(o)),e.jsx("input",{...t,className:"jkl-combobox__search-input",onChange:oe,"data-testid":"jkl-combobox__search-input",onFocus:se,onBlur:ue,onKeyDown:be,value:H,ref:J,"aria-controls":B,role:"combobox","aria-autocomplete":"list","aria-expanded":O,placeholder:F.length>0?"":j,autoComplete:"off"})]}),e.jsxs("div",{className:"jkl-combobox__menu",role:"listbox",ref:ce,id:B,"aria-labelledby":D,"aria-multiselectable":"true","aria-activedescendant":ae,onFocus:se,onBlur:ue,tabIndex:-1,children:[te.map((o,t)=>e.jsxs("button",{type:"button",id:`${B}__${o.value}`,"aria-selected":X(o),role:"option",value:o.value,onBlur:ue,className:`jkl-combobox__option ${X(o)&&"jkl-combobox__option--selected"}`,"data-testid":"jkl-combobox__option","data-testautoid":`jkl-combobox__option-${t}`,onFocus:se,onKeyDown:de,onClick:e=>{ne(`${B}__${o.value}`),e.stopPropagation(),ee(o.value),R("")},onMouseOver:pe,children:[o.description?e.jsxs("span",{children:[o.label,e.jsx("span",{className:"jkl-combobox__option-description",children:o.description})]}):o.label,X(o)?e.jsxs("span",{children:[e.jsx(c.CheckIcon,{})," "]}):null]},`${B}-${o.value}`)),V&&e.jsx("div",{className:"jkl-combobox__no-option",children:y})]}),e.jsx("div",{className:"jkl-combobox__actions",children:e.jsx(s.IconButton,{id:E,onFocus:se,onBlur:ue,className:"jkl-combobox__button","data-testid":"jkl-combobox__button","aria-label":"Åpne meny","aria-expanded":O,"aria-controls":B,onClick:()=>K(e=>!e),onMouseDown:e=>{e.preventDefault(),Q.current?.focus()},children:e.jsx(i.ArrowVerticalAnimated,{pointingDown:re})})})]})})};x.displayName="Combobox",exports.Combobox=x,exports.getComboboxValuePair=m;
 //# sourceMappingURL=Combobox.cjs.map

package/build/cjs/components/combobox/Combobox.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Combobox.cjs","sources":["../../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n type FC,\n type FocusEvent,\n type KeyboardEvent,\n type MouseEvent,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {useAnimatedHeight} from \"../../hooks/useAnimatedHeight/useAnimatedHeight.js\";\nimport {useId} from \"../../hooks/useId/useId.js\";\nimport {useListNavigation} from \"../../hooks/useListNavigation/useListNavigation.js\";\nimport type {ValuePair} from \"../../utilities/valuePair.js\";\nimport {Chip} from \"../chip/Chip.js\";\nimport {IconButton} from \"../icon-button/IconButton.js\";\nimport {CheckIcon} from \"../icon/icons/CheckIcon.js\";\nimport {ArrowVerticalAnimated} from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport {InputGroup} from \"../input-group/InputGroup.js\";\nimport {Tooltip} from \"../tooltip/Tooltip.js\";\nimport {TooltipContent} from \"../tooltip/TooltipContent.js\";\nimport {TooltipTrigger} from \"../tooltip/TooltipTrigger.js\";\nimport type {ComboboxProps, ComboboxValuePair} from \"./types.js\";\n\nexport function getComboboxValuePair(\n item: string \| ComboboxValuePair,\n): ComboboxValuePair {\n return typeof item === \"string\" ? { value: item, label: item } : item;\n}\n\nexport const Combobox: FC<ComboboxProps> = ({\n id,\n placeholder,\n items,\n onChange,\n onFocus,\n onBlur,\n value,\n label,\n noMatchingOption,\n labelProps,\n helpLabel,\n errorLabel,\n width,\n density,\n name,\n className,\n invalid,\n description,\n hasTagHover,\n}) => {\n const listId = useId(id \|\| \"jkl-combobox\", { generateSuffix: !id });\n const labelId = `${listId}_label`;\n const buttonId = `${listId}_button`;\n const inputId = `${listId}_search-input`;\n\n const [selectedValue, setSelectedValue] = useState<\n Array<ComboboxValuePair>\n >(value \|\| []);\n const [showMenu, setShowMenu] = useState<boolean>(false);\n const [searchValue, setSearchValue] = useState<string>(\"\");\n const [noResults, setNoResults] = useState(false);\n const [marked, setMarked] = useState<boolean>(false);\n\n const searchRef = useRef<HTMLInputElement>(null);\n const inputRef = useRef<HTMLDivElement>(null);\n const focusInsideRef = useRef(false);\n\n useEffect(() => {\n setSearchValue(\"\");\n if (showMenu && searchRef.current) {\n searchRef.current.focus();\n }\n }, [showMenu]);\n\n useEffect(() => {\n setSelectedValue((prev) => value \|\| prev);\n }, [value]);\n\n // Funksjon for å stile valgt element\n const isSelected = (option: ValuePair) => {\n if (!selectedValue) {\n return false;\n }\n\n return selectedValue.some((value) => value.value === option.value);\n };\n\n // Fjerne ett eller flere valg\n const removeOption = useCallback(\n (option: string) => {\n return selectedValue.filter((value) => value.value !== option);\n },\n [selectedValue],\n );\n\n const onTagRemove = useCallback(\n (\n e:\n \| React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent>\n \| React.KeyboardEvent<HTMLInputElement>,\n option: string,\n ) => {\n const newValue = removeOption(option);\n setSelectedValue(newValue);\n onChange({\n type: \"change\",\n target: { name, value: option, selectedOptions: newValue },\n });\n e.stopPropagation();\n\n if (newValue.length === 0) {\n setMarked(false);\n }\n },\n [removeOption, onChange, name],\n );\n\n // Håndtere valgt verdi i listen\n const onItemClick = useCallback(\n (option: string) => {\n let newValue: Array<ValuePair>;\n\n if (selectedValue.some((value) => value.value === option)) {\n newValue = removeOption(option);\n } else {\n const item = items.find((i) => i.value === option);\n newValue = [...selectedValue, item as ValuePair];\n }\n searchRef.current?.focus();\n setSelectedValue(newValue);\n onChange({\n type: \"change\",\n target: { name, value: option, selectedOptions: newValue },\n });\n },\n [selectedValue, onChange, name, removeOption, items],\n );\n\n // Funksjon for søk\n const onSearch = (e: {\n target: { value: React.SetStateAction<string> };\n }) => {\n searchRef.current?.focus();\n setShowMenu(true);\n setSearchValue(e.target.value);\n };\n\n const options = useMemo(() => {\n if (!searchValue) {\n return items;\n }\n\n const filteredOptions = items.filter(\n (option) =>\n option.label.toLowerCase().indexOf(searchValue.toLowerCase()) >=\n 0,\n );\n\n setNoResults(filteredOptions.length === 0);\n\n return filteredOptions;\n }, [searchValue, items]);\n\n // Det første elementet i listen skal være aktivt fram til brukeren klikker på noe annet\n const [activeDescendant, setActiveDescendant] = useState<\n string \| undefined\n >(options[0]?.value ? `${listId}-${options[0]?.value}` : undefined);\n\n // Håndtere arrow-state\n const isPointingDown = !showMenu;\n\n // Lukk meny med ESC\n useEffect(() => {\n const handleEscape = (e: globalThis.KeyboardEvent) => {\n if (e.key === \"Escape\" && showMenu) {\n setShowMenu(false);\n }\n };\n if (typeof window !== \"undefined\") {\n window.addEventListener(\"keydown\", handleEscape);\n }\n return () => {\n if (typeof window !== \"undefined\" && showMenu) {\n window.removeEventListener(\"keydown\", handleEscape);\n }\n };\n }, [showMenu]);\n\n // Fokushåndtering\n const handleFocusPlacement = useCallback((isOpen: boolean) => {\n if (isOpen) {\n if (searchRef.current) {\n searchRef.current.focus();\n }\n } else {\n if (focusInsideRef.current && inputRef.current) {\n inputRef.current.focus();\n }\n }\n }, []);\n\n const handleFocus = useCallback(() => {\n if (!focusInsideRef.current) {\n if (onFocus) {\n onFocus({\n type: \"change\",\n target: {\n name,\n value: selectedValue?.[0].value \|\| \"\",\n selectedOptions: selectedValue,\n },\n });\n }\n focusInsideRef.current = true;\n setShowMenu(true);\n }\n }, [onFocus, selectedValue, name]);\n\n const [dropdownRef] = useAnimatedHeight<HTMLDivElement>(showMenu, {\n onFirstVisible: handleFocusPlacement,\n onTransitionEnd: handleFocusPlacement,\n });\n\n useListNavigation({ ref: dropdownRef });\n\n const componentRootElementRef = useRef<HTMLDivElement>(null);\n\n const handleBlur = useCallback(\n (\n e: FocusEvent<\n HTMLDivElement \| HTMLInputElement \| HTMLButtonElement\n >,\n ) => {\n const componentRootElement = componentRootElementRef.current;\n const nextFocusIsInsideComponent = componentRootElement?.contains(\n e.relatedTarget as Node,\n );\n if (!nextFocusIsInsideComponent) {\n setSearchValue(\"\");\n\n if (onBlur) {\n onBlur({\n type: \"blur\",\n target: {\n name,\n value: selectedValue?.[0]?.value \|\| \"\",\n selectedOptions: selectedValue,\n },\n });\n inputRef.current?.dispatchEvent(\n new Event(\"focusout\", { bubbles: true }),\n );\n }\n focusInsideRef.current = false;\n setShowMenu(false);\n }\n },\n [onBlur, name, selectedValue],\n );\n\n const handleMouseOver = useCallback((e: MouseEvent<HTMLButtonElement>) => {\n // Ved mouseOver på options flytter vi fokus til dem for å unngå \"dobbel fokus\"\n // der det ser ut som to forskjellige elementer er fokusert/hovered samtidig\n (e.target as HTMLButtonElement).focus({ preventScroll: true });\n }, []);\n\n // Tastaturnavigasjon\n const handleSearchOnKeyDown = useCallback(\n (e: KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n e.stopPropagation();\n const listElement = dropdownRef.current;\n if (listElement) {\n listElement\n .querySelector<HTMLButtonElement>('[role=\"option\"]')\n ?.focus();\n }\n } else if (e.key === \"Escape\") {\n e.preventDefault();\n e.stopPropagation();\n setShowMenu(false);\n }\n\n if ((e.metaKey && e.key === \"a\") \|\| (e.ctrlKey && e.key === \"a\")) {\n e.preventDefault();\n e.stopPropagation();\n const updatedSelectedValue = selectedValue.map((item) => ({\n ...item,\n isMarked: true,\n }));\n setMarked(true);\n setSelectedValue(updatedSelectedValue);\n } else if (e.key === \"Backspace\") {\n e.stopPropagation();\n setMarked(false);\n\n // Sjekk om selectedValue er markert\n const selectedValueIsMarked = selectedValue.some(\n (item) => item.isMarked,\n );\n\n if (selectedValueIsMarked) {\n const updatedSelectedValue = selectedValue.filter(\n (item) => !item.isMarked,\n );\n setSelectedValue(updatedSelectedValue);\n setSearchValue(\"\");\n } else if (selectedValue.length > 0 && searchValue === \"\") {\n // Hvis ingen items er markert, fjern siste valgte item\n onTagRemove(\n e,\n selectedValue[selectedValue.length - 1].value,\n );\n }\n }\n },\n [selectedValue, searchValue, dropdownRef, onTagRemove],\n );\n\n const handleOptionOnKeyDown = useCallback(\n (e: KeyboardEvent<HTMLButtonElement>) => {\n if (e.key === \"Tab\") {\n if (searchRef.current) {\n e.preventDefault();\n e.stopPropagation();\n\n if (e.shiftKey) {\n searchRef.current.focus();\n } else {\n setShowMenu(false);\n searchRef.current.focus();\n }\n }\n } else if (e.key === \"ArrowUp\") {\n if (dropdownRef.current && searchRef.current) {\n // Can't be based on index since the first item might be filtered out\n const firstVisible = dropdownRef.current.querySelector(\n '[role=\"option\"]:not([hidden])',\n );\n if (\n e.currentTarget.id === firstVisible?.id &&\n searchRef.current\n ) {\n searchRef.current.focus();\n }\n }\n }\n },\n [dropdownRef],\n );\n\n const hasSelection = selectedValue.length >= 1;\n\n const renderSelectedOption = useCallback(\n (option: ComboboxValuePair) => (\n <Chip\n key={option.value}\n data-testid=\"jkl-chip\"\n aria-label={`Fjern ${option.tagLabel}`}\n className={`jkl-combobox__selected-option ${\n marked && \"jkl-combobox__selected-option--marked\"\n }`}\n variant=\"input\"\n onClick={(e) => {\n if (searchRef.current) {\n searchRef.current.focus();\n }\n onTagRemove(e, option.value);\n }}\n onBlur={handleBlur}\n >\n {option.tagLabel ? option.tagLabel : option.label}\n </Chip>\n ),\n [handleBlur, onTagRemove, marked],\n );\n\n return (\n <InputGroup\n label={label}\n id={inputId}\n ref={componentRootElementRef}\n data-testid=\"jkl-combobox\"\n className={clsx(\"jkl-combobox\", className, {\n \"jkl-combobox--invalid\": !!errorLabel \|\| invalid,\n \"jkl-combobox--menu-open\": showMenu,\n \"jkl-combobox--menu-closed\": !showMenu && hasSelection,\n })}\n labelProps={{\n id: labelId,\n ...labelProps,\n }}\n helpLabel={helpLabel}\n errorLabel={errorLabel}\n density={density}\n description={description}\n render={(inputProps) => (\n <div\n className={clsx(\"jkl-combobox__wrapper\", {\n \"jkl-combobox__wrapper--active-value\": hasSelection,\n })}\n style={{ width }}\n tabIndex={-1}\n onFocus={handleFocus}\n onBlur={handleBlur}\n >\n <div\n className=\"jkl-combobox__chips\"\n data-testid=\"jkl-combobox__chips\"\n >\n {selectedValue\n .map(getComboboxValuePair)\n .map((option) => {\n return hasTagHover ? (\n <Tooltip key={option.value}>\n <TooltipTrigger>\n {renderSelectedOption(option)}\n </TooltipTrigger>\n <TooltipContent>\n {option.label}\n </TooltipContent>\n </Tooltip>\n ) : (\n renderSelectedOption(option)\n );\n })}\n <input\n {...inputProps}\n className=\"jkl-combobox__search-input\"\n onChange={onSearch}\n data-testid=\"jkl-combobox__search-input\"\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleSearchOnKeyDown}\n value={searchValue}\n ref={searchRef}\n aria-controls={listId}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-expanded={showMenu}\n placeholder={\n selectedValue.length > 0 ? \"\" : placeholder\n }\n autoComplete=\"off\"\n />\n </div>\n\n <div\n className=\"jkl-combobox__menu\"\n // biome-ignore lint/a11y/useSemanticElements: Dette er en reimplementering av en liste\n role=\"listbox\"\n ref={dropdownRef}\n id={listId}\n aria-labelledby={labelId}\n aria-multiselectable=\"true\"\n aria-activedescendant={activeDescendant}\n onFocus={handleFocus}\n onBlur={handleBlur}\n tabIndex={-1}\n >\n {options.map((option, i) => (\n <button\n key={`${listId}-${option.value}`}\n type=\"button\"\n id={`${listId}__${option.value}`}\n aria-selected={isSelected(option)}\n // biome-ignore lint/a11y/useSemanticElements: Dette er en reimplementering av en liste\n role=\"option\"\n value={option.value}\n onBlur={handleBlur}\n className={`jkl-combobox__option ${\n isSelected(option) &&\n \"jkl-combobox__option--selected\"\n }`}\n data-testid=\"jkl-combobox__option\"\n data-testautoid={`jkl-combobox__option-${i}`}\n onFocus={handleFocus}\n onKeyDown={handleOptionOnKeyDown}\n onClick={(e) => {\n setActiveDescendant(\n `${listId}__${option.value}`,\n ); // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#required_javascript_features\n e.stopPropagation();\n onItemClick(option.value);\n setSearchValue(\"\");\n }}\n onMouseOver={handleMouseOver}\n >\n {option.description ? (\n <span>\n {option.label}\n <span className=\"jkl-combobox__option-description\">\n {option.description}\n </span>\n </span>\n ) : (\n option.label\n )}\n {isSelected(option) ? (\n <span>\n <CheckIcon />{\" \"}\n </span>\n ) : null}\n </button>\n ))}\n {noResults && (\n <div className=\"jkl-combobox__no-option\">\n {noMatchingOption}\n </div>\n )}\n </div>\n <div className=\"jkl-combobox__actions\">\n <IconButton\n id={buttonId}\n onFocus={handleFocus}\n onBlur={handleBlur}\n className=\"jkl-combobox__button\"\n data-testid=\"jkl-combobox__button\"\n aria-label=\"Åpne meny\"\n aria-expanded={showMenu}\n aria-controls={listId}\n onClick={() => setShowMenu((previous) => !previous)}\n onMouseDown={(e) => {\n e.preventDefault();\n inputRef.current?.focus();\n }}\n >\n <ArrowVerticalAnimated\n pointingDown={isPointingDown}\n />\n </IconButton>\n </div>\n </div>\n )}\n />\n );\n};\nCombobox.displayName = \"Combobox\";\n"],"names":["getComboboxValuePair","item","value","label","Combobox","id","placeholder","items","onChange","onFocus","onBlur","noMatchingOption","labelProps","helpLabel","errorLabel","width","density","name","className","invalid","description","hasTagHover","listId","useId","generateSuffix","labelId","buttonId","inputId","selectedValue","setSelectedValue","useState","showMenu","setShowMenu","searchValue","setSearchValue","noResults","setNoResults","marked","setMarked","searchRef","useRef","inputRef","focusInsideRef","useEffect","current","focus","prev","isSelected","option","some","removeOption","useCallback","filter","onTagRemove","e","newValue","type","target","selectedOptions","stopPropagation","length","onItemClick","find","i","onSearch","options","useMemo","filteredOptions","toLowerCase","indexOf","activeDescendant","setActiveDescendant","isPointingDown","handleEscape","key","window","addEventListener","removeEventListener","handleFocusPlacement","isOpen","handleFocus","dropdownRef","useAnimatedHeight","onFirstVisible","onTransitionEnd","useListNavigation","ref","componentRootElementRef","handleBlur","contains","relatedTarget","dispatchEvent","Event","bubbles","handleMouseOver","preventScroll","handleSearchOnKeyDown","preventDefault","listElement","querySelector","metaKey","ctrlKey","updatedSelectedValue","map","isMarked","handleOptionOnKeyDown","shiftKey","firstVisible","currentTarget","hasSelection","renderSelectedOption","jsx","Chip","tagLabel","variant","onClick","children","InputGroup","clsx","render","inputProps","jsxs","style","tabIndex","Tooltip","TooltipTrigger","TooltipContent","onKeyDown","role","autoComplete","onMouseOver","CheckIcon","IconButton","previous","onMouseDown","ArrowVerticalAnimated","pointingDown","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"Combobox.cjs","sources":["../../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n type FC,\n type FocusEvent,\n type KeyboardEvent,\n type MouseEvent,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport {useAnimatedHeight} from \"../../hooks/useAnimatedHeight/useAnimatedHeight.js\";\nimport {useId} from \"../../hooks/useId/useId.js\";\nimport {useListNavigation} from \"../../hooks/useListNavigation/useListNavigation.js\";\nimport type {ValuePair} from \"../../utilities/valuePair.js\";\nimport {Chip} from \"../chip/Chip.js\";\nimport {IconButton} from \"../icon-button/IconButton.js\";\nimport {CheckIcon} from \"../icon/icons/CheckIcon.js\";\nimport {ArrowVerticalAnimated} from \"../icon/icons/animated/ArrowVerticalAnimated.js\";\nimport {InputGroup} from \"../input-group/InputGroup.js\";\nimport {Tooltip} from \"../tooltip/Tooltip.js\";\nimport {TooltipContent} from \"../tooltip/TooltipContent.js\";\nimport {TooltipTrigger} from \"../tooltip/TooltipTrigger.js\";\nimport type {ComboboxProps, ComboboxValuePair} from \"./types.js\";\n\nexport function getComboboxValuePair(\n item: string \| ComboboxValuePair,\n): ComboboxValuePair {\n return typeof item === \"string\" ? { value: item, label: item } : item;\n}\n\nexport const Combobox: FC<ComboboxProps> = ({\n id,\n placeholder,\n items,\n onChange,\n onFocus,\n onBlur,\n value,\n label,\n noMatchingOption,\n labelProps,\n helpLabel,\n errorLabel,\n width,\n density,\n name,\n className,\n invalid,\n description,\n hasTagHover,\n}) => {\n const listId = useId(id \|\| \"jkl-combobox\", { generateSuffix: !id });\n const labelId = `${listId}_label`;\n const buttonId = `${listId}_button`;\n const inputId = `${listId}_search-input`;\n\n const [selectedValue, setSelectedValue] = useState<\n Array<ComboboxValuePair>\n >(value \|\| []);\n const [showMenu, setShowMenu] = useState<boolean>(false);\n const [searchValue, setSearchValue] = useState<string>(\"\");\n const [noResults, setNoResults] = useState(false);\n const [marked, setMarked] = useState<boolean>(false);\n\n const searchRef = useRef<HTMLInputElement>(null);\n const inputRef = useRef<HTMLDivElement>(null);\n const focusInsideRef = useRef(false);\n\n useEffect(() => {\n setSearchValue(\"\");\n if (showMenu && searchRef.current) {\n searchRef.current.focus();\n }\n }, [showMenu]);\n\n useEffect(() => {\n setSelectedValue((prev) => value \|\| prev);\n }, [value]);\n\n // Funksjon for å stile valgt element\n const isSelected = (option: ValuePair) => {\n if (!selectedValue) {\n return false;\n }\n\n return selectedValue.some((value) => value.value === option.value);\n };\n\n // Fjerne ett eller flere valg\n const removeOption = useCallback(\n (option: string) => {\n return selectedValue.filter((value) => value.value !== option);\n },\n [selectedValue],\n );\n\n const onTagRemove = useCallback(\n (\n e:\n \| React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent>\n \| React.KeyboardEvent<HTMLInputElement>,\n option: string,\n ) => {\n const newValue = removeOption(option);\n setSelectedValue(newValue);\n onChange({\n type: \"change\",\n target: { name, value: option, selectedOptions: newValue },\n });\n e.stopPropagation();\n\n if (newValue.length === 0) {\n setMarked(false);\n }\n },\n [removeOption, onChange, name],\n );\n\n // Håndtere valgt verdi i listen\n const onItemClick = useCallback(\n (option: string) => {\n let newValue: Array<ValuePair>;\n\n if (selectedValue.some((value) => value.value === option)) {\n newValue = removeOption(option);\n } else {\n const item = items.find((i) => i.value === option);\n newValue = [...selectedValue, item as ValuePair];\n }\n searchRef.current?.focus();\n setSelectedValue(newValue);\n onChange({\n type: \"change\",\n target: { name, value: option, selectedOptions: newValue },\n });\n },\n [selectedValue, onChange, name, removeOption, items],\n );\n\n // Funksjon for søk\n const onSearch = (e: {\n target: { value: React.SetStateAction<string> };\n }) => {\n searchRef.current?.focus();\n setShowMenu(true);\n setSearchValue(e.target.value);\n };\n\n const options = useMemo(() => {\n if (!searchValue) {\n return items;\n }\n\n const filteredOptions = items.filter(\n (option) =>\n option.label.toLowerCase().indexOf(searchValue.toLowerCase()) >=\n 0,\n );\n\n setNoResults(filteredOptions.length === 0);\n\n return filteredOptions;\n }, [searchValue, items]);\n\n // Det første elementet i listen skal være aktivt fram til brukeren klikker på noe annet\n const [activeDescendant, setActiveDescendant] = useState<\n string \| undefined\n >(options[0]?.value ? `${listId}-${options[0]?.value}` : undefined);\n\n // Håndtere arrow-state\n const isPointingDown = !showMenu;\n\n // Lukk meny med ESC\n useEffect(() => {\n const handleEscape = (e: globalThis.KeyboardEvent) => {\n if (e.key === \"Escape\" && showMenu) {\n setShowMenu(false);\n }\n };\n if (typeof window !== \"undefined\") {\n window.addEventListener(\"keydown\", handleEscape);\n }\n return () => {\n if (typeof window !== \"undefined\" && showMenu) {\n window.removeEventListener(\"keydown\", handleEscape);\n }\n };\n }, [showMenu]);\n\n // Fokushåndtering\n const handleFocusPlacement = useCallback((isOpen: boolean) => {\n if (isOpen) {\n if (searchRef.current) {\n searchRef.current.focus();\n }\n } else {\n if (focusInsideRef.current && inputRef.current) {\n inputRef.current.focus();\n }\n }\n }, []);\n\n const handleFocus = useCallback(() => {\n if (!focusInsideRef.current) {\n if (onFocus) {\n onFocus({\n type: \"change\",\n target: {\n name,\n value: selectedValue?.[0].value \|\| \"\",\n selectedOptions: selectedValue,\n },\n });\n }\n focusInsideRef.current = true;\n setShowMenu(true);\n }\n }, [onFocus, selectedValue, name]);\n\n const [dropdownRef] = useAnimatedHeight<HTMLDivElement>(showMenu, {\n onFirstVisible: handleFocusPlacement,\n onTransitionEnd: handleFocusPlacement,\n });\n\n useListNavigation({ ref: dropdownRef });\n\n const componentRootElementRef = useRef<HTMLDivElement>(null);\n\n const handleBlur = useCallback(\n (\n e: FocusEvent<\n HTMLDivElement \| HTMLInputElement \| HTMLButtonElement\n >,\n ) => {\n const componentRootElement = componentRootElementRef.current;\n const nextFocusIsInsideComponent = componentRootElement?.contains(\n e.relatedTarget as Node,\n );\n if (!nextFocusIsInsideComponent) {\n setSearchValue(\"\");\n\n if (onBlur) {\n onBlur({\n type: \"blur\",\n target: {\n name,\n value: selectedValue?.[0]?.value \|\| \"\",\n selectedOptions: selectedValue,\n },\n });\n inputRef.current?.dispatchEvent(\n new Event(\"focusout\", { bubbles: true }),\n );\n }\n focusInsideRef.current = false;\n setShowMenu(false);\n }\n },\n [onBlur, name, selectedValue],\n );\n\n const handleMouseOver = useCallback((e: MouseEvent<HTMLButtonElement>) => {\n // Ved mouseOver på options flytter vi fokus til dem for å unngå \"dobbel fokus\"\n // der det ser ut som to forskjellige elementer er fokusert/hovered samtidig\n (e.target as HTMLButtonElement).focus({ preventScroll: true });\n }, []);\n\n // Tastaturnavigasjon\n const handleSearchOnKeyDown = useCallback(\n (e: KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"ArrowDown\") {\n e.preventDefault();\n e.stopPropagation();\n const listElement = dropdownRef.current;\n if (listElement) {\n listElement\n .querySelector<HTMLButtonElement>('[role=\"option\"]')\n ?.focus();\n }\n } else if (e.key === \"Escape\") {\n e.preventDefault();\n e.stopPropagation();\n setShowMenu(false);\n }\n\n if ((e.metaKey && e.key === \"a\") \|\| (e.ctrlKey && e.key === \"a\")) {\n e.preventDefault();\n e.stopPropagation();\n const updatedSelectedValue = selectedValue.map((item) => ({\n ...item,\n isMarked: true,\n }));\n setMarked(true);\n setSelectedValue(updatedSelectedValue);\n } else if (e.key === \"Backspace\") {\n e.stopPropagation();\n setMarked(false);\n\n // Sjekk om selectedValue er markert\n const selectedValueIsMarked = selectedValue.some(\n (item) => item.isMarked,\n );\n\n if (selectedValueIsMarked) {\n const updatedSelectedValue = selectedValue.filter(\n (item) => !item.isMarked,\n );\n setSelectedValue(updatedSelectedValue);\n setSearchValue(\"\");\n } else if (selectedValue.length > 0 && searchValue === \"\") {\n // Hvis ingen items er markert, fjern siste valgte item\n onTagRemove(\n e,\n selectedValue[selectedValue.length - 1].value,\n );\n }\n }\n },\n [selectedValue, searchValue, dropdownRef, onTagRemove],\n );\n\n const handleOptionOnKeyDown = useCallback(\n (e: KeyboardEvent<HTMLButtonElement>) => {\n if (e.key === \"Tab\") {\n if (searchRef.current) {\n e.preventDefault();\n e.stopPropagation();\n\n if (e.shiftKey) {\n searchRef.current.focus();\n } else {\n setShowMenu(false);\n searchRef.current.focus();\n }\n }\n } else if (e.key === \"ArrowUp\") {\n if (dropdownRef.current && searchRef.current) {\n // Can't be based on index since the first item might be filtered out\n const firstVisible = dropdownRef.current.querySelector(\n '[role=\"option\"]:not([hidden])',\n );\n if (\n e.currentTarget.id === firstVisible?.id &&\n searchRef.current\n ) {\n searchRef.current.focus();\n }\n }\n }\n },\n [dropdownRef],\n );\n\n const hasSelection = selectedValue.length >= 1;\n\n const renderSelectedOption = useCallback(\n (option: ComboboxValuePair) => (\n <Chip\n key={option.value}\n data-testid=\"jkl-chip\"\n aria-label={`Fjern ${option.tagLabel}`}\n className={`jkl-combobox__selected-option ${\n marked && \"jkl-combobox__selected-option--marked\"\n }`}\n variant=\"input\"\n onClick={(e) => {\n if (searchRef.current) {\n searchRef.current.focus();\n }\n onTagRemove(e, option.value);\n }}\n onBlur={handleBlur}\n >\n {option.tagLabel ? option.tagLabel : option.label}\n </Chip>\n ),\n [handleBlur, onTagRemove, marked],\n );\n\n return (\n <InputGroup\n label={label}\n id={inputId}\n ref={componentRootElementRef}\n data-testid=\"jkl-combobox\"\n className={clsx(\"jkl-combobox\", className, {\n \"jkl-combobox--invalid\": !!errorLabel \|\| invalid,\n \"jkl-combobox--menu-open\": showMenu,\n \"jkl-combobox--menu-closed\": !showMenu && hasSelection,\n })}\n labelProps={{\n id: labelId,\n ...labelProps,\n }}\n helpLabel={helpLabel}\n errorLabel={errorLabel}\n density={density}\n description={description}\n render={(inputProps) => (\n <div\n className={clsx(\"jkl-combobox__wrapper\", {\n \"jkl-combobox__wrapper--active-value\": hasSelection,\n })}\n style={{ width }}\n tabIndex={-1}\n onFocus={handleFocus}\n onBlur={handleBlur}\n >\n <div\n className=\"jkl-combobox__chips\"\n data-testid=\"jkl-combobox__chips\"\n >\n {selectedValue\n .map(getComboboxValuePair)\n .map((option) => {\n return hasTagHover ? (\n <Tooltip key={option.value}>\n <TooltipTrigger>\n {renderSelectedOption(option)}\n </TooltipTrigger>\n <TooltipContent>\n {option.label}\n </TooltipContent>\n </Tooltip>\n ) : (\n renderSelectedOption(option)\n );\n })}\n <input\n {...inputProps}\n className=\"jkl-combobox__search-input\"\n onChange={onSearch}\n data-testid=\"jkl-combobox__search-input\"\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleSearchOnKeyDown}\n value={searchValue}\n ref={searchRef}\n aria-controls={listId}\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-expanded={showMenu}\n placeholder={\n selectedValue.length > 0 ? \"\" : placeholder\n }\n autoComplete=\"off\"\n />\n </div>\n\n <div\n className=\"jkl-combobox__menu\"\n // biome-ignore lint/a11y/useSemanticElements: Dette er en reimplementering av en liste\n role=\"listbox\"\n ref={dropdownRef}\n id={listId}\n aria-labelledby={labelId}\n aria-multiselectable=\"true\"\n aria-activedescendant={activeDescendant}\n onFocus={handleFocus}\n onBlur={handleBlur}\n tabIndex={-1}\n >\n {options.map((option, i) => (\n <button\n key={`${listId}-${option.value}`}\n type=\"button\"\n id={`${listId}__${option.value}`}\n aria-selected={isSelected(option)}\n // biome-ignore lint/a11y/useSemanticElements: Dette er en reimplementering av en liste\n role=\"option\"\n value={option.value}\n onBlur={handleBlur}\n className={`jkl-combobox__option ${\n isSelected(option) &&\n \"jkl-combobox__option--selected\"\n }`}\n data-testid=\"jkl-combobox__option\"\n data-testautoid={`jkl-combobox__option-${i}`}\n onFocus={handleFocus}\n onKeyDown={handleOptionOnKeyDown}\n onClick={(e) => {\n setActiveDescendant(\n `${listId}__${option.value}`,\n ); // https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#required_javascript_features\n e.stopPropagation();\n onItemClick(option.value);\n setSearchValue(\"\");\n }}\n onMouseOver={handleMouseOver}\n >\n {option.description ? (\n <span>\n {option.label}\n <span className=\"jkl-combobox__option-description\">\n {option.description}\n </span>\n </span>\n ) : (\n option.label\n )}\n {isSelected(option) ? (\n <span>\n <CheckIcon />{\" \"}\n </span>\n ) : null}\n </button>\n ))}\n {noResults && (\n <div className=\"jkl-combobox__no-option\">\n {noMatchingOption}\n </div>\n )}\n </div>\n <div className=\"jkl-combobox__actions\">\n <IconButton\n id={buttonId}\n onFocus={handleFocus}\n onBlur={handleBlur}\n className=\"jkl-combobox__button\"\n data-testid=\"jkl-combobox__button\"\n aria-label=\"Åpne meny\"\n aria-expanded={showMenu}\n aria-controls={listId}\n onClick={() => setShowMenu((previous) => !previous)}\n onMouseDown={(e) => {\n e.preventDefault();\n inputRef.current?.focus();\n }}\n >\n <ArrowVerticalAnimated\n pointingDown={isPointingDown}\n />\n </IconButton>\n </div>\n </div>\n )}\n />\n );\n};\nCombobox.displayName = \"Combobox\";\n"],"names":["getComboboxValuePair","item","value","label","Combobox","id","placeholder","items","onChange","onFocus","onBlur","noMatchingOption","labelProps","helpLabel","errorLabel","width","density","name","className","invalid","description","hasTagHover","listId","useId","generateSuffix","labelId","buttonId","inputId","selectedValue","setSelectedValue","useState","showMenu","setShowMenu","searchValue","setSearchValue","noResults","setNoResults","marked","setMarked","searchRef","useRef","inputRef","focusInsideRef","useEffect","current","focus","prev","isSelected","option","some","removeOption","useCallback","filter","onTagRemove","e","newValue","type","target","selectedOptions","stopPropagation","length","onItemClick","find","i","onSearch","options","useMemo","filteredOptions","toLowerCase","indexOf","activeDescendant","setActiveDescendant","isPointingDown","handleEscape","key","window","addEventListener","removeEventListener","handleFocusPlacement","isOpen","handleFocus","dropdownRef","useAnimatedHeight","onFirstVisible","onTransitionEnd","useListNavigation","ref","componentRootElementRef","handleBlur","contains","relatedTarget","dispatchEvent","Event","bubbles","handleMouseOver","preventScroll","handleSearchOnKeyDown","preventDefault","listElement","querySelector","metaKey","ctrlKey","updatedSelectedValue","map","isMarked","handleOptionOnKeyDown","shiftKey","firstVisible","currentTarget","hasSelection","renderSelectedOption","jsx","Chip","tagLabel","variant","onClick","children","InputGroup","clsx","render","inputProps","jsxs","style","tabIndex","Tooltip","TooltipTrigger","TooltipContent","onKeyDown","role","autoComplete","onMouseOver","CheckIcon","IconButton","previous","onMouseDown","ArrowVerticalAnimated","pointingDown","displayName"],"mappings":"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"}

package/build/cjs/components/cookie-consent/CookieConsent.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),o=require("../button/Button.cjs"),r=require("../flex/Flex.cjs"),i=require("../link/Link.cjs"),s=require("../modal/Modal.cjs"),a=require("../modal/useModal.cjs"),l=require("./CookieConsentContext.cjs"),c=require("./cookieConsentUtils.cjs");exports.CookieConsent=({blocking:d,onAccept:u,aboutPage:j="https://www.fremtind.no/informasjonskapsler",...k})=>{const{currentConsent:m,cookieName:f,cookieDomain:h,cookiePath:p,requirement:g,isOpen:b,setIsOpen:x,updateCurrentConsents:v}=l.useInternalState(),[C,y]=a.useModal({id:`jkl-cookie-modal-${t.useId()}`,role:d?"alertdialog":"dialog",title:"Informasjonskapsler"});if(t.useEffect((()=>{b?C?.show():C?.hide()}),[C,b]),t.useEffect((()=>{const e=()=>x(!1);return C?.on("hide",e),()=>{C?.off("hide",e)}}),[C,x]),typeof document>"u")return null;if(typeof navigator<"u"&&!navigator.cookieEnabled)return u&&u({functional:"denied",statistics:"denied"}),null;const q=(e=c.convertBooleanConsentObjectToConsentObject({functional:!0,statistics:!0},g))=>{const t=Object.fromEntries(Object.entries(e).filter((([,e])=>typeof e<"u"))),n={...m,...t};c.setConsentCookie({consent:n,name:f,domain:h,path:p}),v(),u?.(n),C?.hide()};return n.createPortal(e.jsxs(s.ModalContainer,{...y.container,...k,"data-cookie-consent-open":b,children:[e.jsx(s.ModalOverlay,{...y.overlay}),e.jsx(s.Modal,{component:"form",...y.modal,onSubmit:e=>{e.preventDefault();const t=new FormData(e.currentTarget),n=c.convertBooleanConsentObjectToConsentObject({functional:"true"===t.get("functional"),statistics:"true"===t.get("statistics")},g);q(n)},children:e.jsxs("form",{children:[e.jsx(s.ModalHeader,{children:e.jsx(s.ModalTitle,{...y.title,children:"Får vi bruke valgfrie informasjonskapsler?"})}),e.jsx(s.ModalBody,{children:e.jsxs(r.Flex,{direction:"column",gap:"m",children:[e.jsx("p",{children:"Vi ønsker å samle anonym statistikk for å forstå hvordan nettsidene våre brukes. Det hjelper oss til å gjøre innhold og løsninger bedre og mer brukervennlige."}),e.jsxs("p",{children:[e.jsx(i.Link,{href:j,target:"_blank",children:"Les mer om hvilke informasjonskapsler vi lagrer her"}),"."]})]})}),e.jsxs(s.ModalActions,{children:[e.jsx(o.Button,{variant:"secondary","data-testid":"jkl-cookie-consent-godta-alle",type:"button",onClick:()=>q(),children:"Ja, det er greit"}),e.jsx(o.Button,{variant:"secondary","data-testid":"jkl-cookie-consent-godta",type:"submit",children:"Nei takk"})]})]})})]}),document.body)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),o=require("../button/Button.cjs"),r=require("../flex/Flex.cjs"),i=require("../link/Link.cjs"),s=require("../modal/Modal.cjs"),a=require("../modal/useModal.cjs"),l=require("./CookieConsentContext.cjs"),c=require("./cookieConsentUtils.cjs");exports.CookieConsent=({blocking:d,onAccept:u,aboutPage:j="https://www.fremtind.no/informasjonskapsler",...k})=>{const{currentConsent:m,cookieName:f,cookieDomain:h,cookiePath:p,requirement:g,isOpen:b,setIsOpen:x,updateCurrentConsents:v}=l.useInternalState(),[C,y]=a.useModal({id:`jkl-cookie-modal-${t.useId()}`,role:d?"alertdialog":"dialog",title:"Informasjonskapsler"});if(t.useEffect(()=>{b?C?.show():C?.hide()},[C,b]),t.useEffect(()=>{const e=()=>x(!1);return C?.on("hide",e),()=>{C?.off("hide",e)}},[C,x]),typeof document>"u")return null;if(typeof navigator<"u"&&!navigator.cookieEnabled)return u&&u({functional:"denied",statistics:"denied"}),null;const q=(e=c.convertBooleanConsentObjectToConsentObject({functional:!0,statistics:!0},g))=>{const t=Object.fromEntries(Object.entries(e).filter(([,e])=>typeof e<"u")),n={...m,...t};c.setConsentCookie({consent:n,name:f,domain:h,path:p}),v(),u?.(n),C?.hide()};return n.createPortal(e.jsxs(s.ModalContainer,{...y.container,...k,"data-cookie-consent-open":b,children:[e.jsx(s.ModalOverlay,{...y.overlay}),e.jsx(s.Modal,{component:"form",...y.modal,onSubmit:e=>{e.preventDefault();const t=new FormData(e.currentTarget),n=c.convertBooleanConsentObjectToConsentObject({functional:"true"===t.get("functional"),statistics:"true"===t.get("statistics")},g);q(n)},children:e.jsxs("form",{children:[e.jsx(s.ModalHeader,{children:e.jsx(s.ModalTitle,{...y.title,children:"Får vi bruke valgfrie informasjonskapsler?"})}),e.jsx(s.ModalBody,{children:e.jsxs(r.Flex,{direction:"column",gap:"m",children:[e.jsx("p",{children:"Vi ønsker å samle anonym statistikk for å forstå hvordan nettsidene våre brukes. Det hjelper oss til å gjøre innhold og løsninger bedre og mer brukervennlige."}),e.jsxs("p",{children:[e.jsx(i.Link,{href:j,target:"_blank",children:"Les mer om hvilke informasjonskapsler vi lagrer her"}),"."]})]})}),e.jsxs(s.ModalActions,{children:[e.jsx(o.Button,{variant:"secondary","data-testid":"jkl-cookie-consent-godta-alle",type:"button",onClick:()=>q(),children:"Ja, det er greit"}),e.jsx(o.Button,{variant:"secondary","data-testid":"jkl-cookie-consent-godta",type:"submit",children:"Nei takk"})]})]})})]}),document.body)};
 //# sourceMappingURL=CookieConsent.cjs.map