npm - @fremtind/jokul - Versions diffs - 0.67.0 → 0.68.0 - Mend

@fremtind/jokul 0.67.0 → 0.68.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 (576) hide show

package/build/es/components/tabs/stories/Tabs.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tabs.stories.js","sources":["../../../../../src/components/tabs/stories/Tabs.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tab } from \"../Tab.js\";\nimport { TabList } from \"../TabList.js\";\nimport { TabPanel } from \"../TabPanel.js\";\nimport { Tabs } from \"../Tabs.js\";\n\nconst meta = {\n title: \"Komponenter/Tabs/Tabs\",\n component: Tabs,\n subcomponents: {\n TabList,\n TabPanel,\n Tab,\n },\n argTypes: {\n defaultTab: {\n control: \"number\",\n table: {\n defaultValue: {\n summary: undefined,\n },\n },\n },\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TabsStory: Story = {\n name: \"Tabs\",\n args: {\n children: <p />,\n },\n render: (args) => (\n <div style={{ maxWidth: \"300px\" }}>\n <Tabs {...args}>\n <TabList aria-label=\"Avtale-filter\">\n <Tab>Alle avtaler</Tab>\n <Tab>NICE</Tab>\n <Tab>Prolife</Tab>\n <Tab>Paris</Tab>\n </TabList>\n\n <TabPanel>Alle avtaler</TabPanel>\n\n <TabPanel>NICE-avtaler</TabPanel>\n\n <TabPanel>Prolife-avtaler</TabPanel>\n\n <TabPanel>Paris-avtaler</TabPanel>\n </Tabs>\n </div>\n ),\n};\n"],"names":["meta","title","component","Tabs","subcomponents","TabList","TabPanel","Tab","argTypes","defaultTab","control","table","defaultValue","summary","tags","TabsStory","name","args","children","render","jsx","style","maxWidth","jsxs"],"mappings":"~~6OAQA~~,MAAMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EACXC,cAAe,CACXC,QAAAA,EACAC,SAAAA,EACAC,IAAAA,GAEJC,SAAU,CACNC,WAAY,CACRC,QAAS,SACTC,MAAO,CACHC,aAAc,CACVC,aAAS,MAKzBC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,WAAW,IAAE,KAEjBC,OAASF,GACLG,EAAC,MAAI,CAAAC,MAAO,CAAEC,SAAU,SACpBJ,SAACK,EAAApB,EAAA,IAASc,EACNC,SAAA,CAACK,EAAAlB,EAAA,CAAQ,aAAW,gBAChBa,SAAA,CAAAE,EAACb,GAAIW,SAAY,iBACjBE,EAACb,GAAIW,SAAI,SACTE,EAACb,GAAIW,SAAO,YACZE,EAACb,GAAIW,SAAK,aAGdE,EAACd,GAASY,SAAY,iBAEtBE,EAACd,GAASY,SAAY,iBAEtBE,EAACd,GAASY,SAAe,oBAEzBE,EAACd,GAASY,SAAa"}
1	+ {"version":3,"file":"Tabs.stories.js","sources":["../../../../../src/components/tabs/stories/Tabs.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tab } from \"../Tab.js\";\nimport { TabList } from \"../TabList.js\";\nimport { TabPanel } from \"../TabPanel.js\";\nimport { Tabs } from \"../Tabs.js\";\n\nconst meta = {\n title: \"Komponenter/Tabs/Tabs\",\n component: Tabs,\n subcomponents: {\n TabList,\n TabPanel,\n Tab,\n },\n argTypes: {\n defaultTab: {\n control: \"number\",\n table: {\n defaultValue: {\n summary: undefined,\n },\n },\n },\n },\n tags: [\"autodocs\"],\n} satisfies Meta<typeof Tabs>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TabsStory: Story = {\n name: \"Tabs\",\n args: {\n children: <p />,\n },\n render: (args) => (\n <div style={{ maxWidth: \"300px\" }}>\n <Tabs {...args}>\n <TabList aria-label=\"Avtale-filter\">\n <Tab>Alle avtaler</Tab>\n <Tab>NICE</Tab>\n <Tab>Prolife</Tab>\n <Tab>Paris</Tab>\n </TabList>\n\n <TabPanel>Alle avtaler</TabPanel>\n\n <TabPanel>NICE-avtaler</TabPanel>\n\n <TabPanel>Prolife-avtaler</TabPanel>\n\n <TabPanel>Paris-avtaler</TabPanel>\n </Tabs>\n </div>\n ),\n};\n"],"names":["meta","title","component","Tabs","subcomponents","TabList","TabPanel","Tab","argTypes","defaultTab","control","table","defaultValue","summary","tags","TabsStory","name","args","children","render","jsx","style","maxWidth","jsxs"],"mappings":"2PAQA,MAAMA,EAAO,CACTC,MAAO,wBACPC,UAAWC,EACXC,cAAe,CACXC,QAAAA,EACAC,SAAAA,EACAC,IAAAA,GAEJC,SAAU,CACNC,WAAY,CACRC,QAAS,SACTC,MAAO,CACHC,aAAc,CACVC,aAAS,MAKzBC,KAAM,CAAC,aAMEC,EAAmB,CAC5BC,KAAM,OACNC,KAAM,CACFC,WAAW,IAAE,KAEjBC,OAASF,GACLG,EAAC,MAAI,CAAAC,MAAO,CAAEC,SAAU,SACpBJ,SAACK,EAAApB,EAAA,IAASc,EACNC,SAAA,CAACK,EAAAlB,EAAA,CAAQ,aAAW,gBAChBa,SAAA,CAAAE,EAACb,GAAIW,SAAY,iBACjBE,EAACb,GAAIW,SAAI,SACTE,EAACb,GAAIW,SAAO,YACZE,EAACb,GAAIW,SAAK,aAGdE,EAACd,GAASY,SAAY,iBAEtBE,EAACd,GAASY,SAAY,iBAEtBE,EAACd,GAASY,SAAe,oBAEzBE,EAACd,GAASY,SAAa"}

package/build/es/components/tag/Tag.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";function s(s){const n=({className:n,density:e,children:c,...t})=>r("span",{className:a("jkl-tag",{"jkl-tag--info":"info"===s,"jkl-tag--error":"error"===s,"jkl-tag--warning":"warning"===s,"jkl-tag--success":"success"===s},n),"data-density":e,...t,children:c});return n.displayName=function(r){switch(r){case"info":return"InfoTag";case"error":return"ErrorTag";case"warning":return"WarningTag";case"success":return"SuccessTag";default:return"Tag"}}(s),n}const n=s(),e=s("info"),c=s("error"),t=s("warning"),g=s("success");export{c as ErrorTag,e as InfoTag,g as SuccessTag,n as Tag,t as WarningTag};
+import{jsx as r}from"react/jsx-runtime";import{c as a}from"../../../clsx-BeLtu-UY.js";import"react";function s(s){const n=({className:n,density:e,children:c,...t})=>r("span",{className:a("jkl-tag",{"jkl-tag--info":"info"===s,"jkl-tag--error":"error"===s,"jkl-tag--warning":"warning"===s,"jkl-tag--success":"success"===s},n),"data-density":e,...t,children:c});return n.displayName=function(r){switch(r){case"info":return"InfoTag";case"error":return"ErrorTag";case"warning":return"WarningTag";case"success":return"SuccessTag";default:return"Tag"}}(s),n}const n=s(),e=s("info"),c=s("error"),t=s("warning"),i=s("success");export{c as ErrorTag,e as InfoTag,i as SuccessTag,n as Tag,t as WarningTag};
 //# sourceMappingURL=Tag.js.map

package/build/es/components/tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { TagProps } from \"./types.js\";\n\ntype Variant = \"info\" \| \"error\" \| \"warning\" \| \"success\";\n\nfunction getDisplayName(variant?: Variant) {\n switch (variant) {\n case \"info\":\n return \"InfoTag\";\n case \"error\":\n return \"ErrorTag\";\n case \"warning\":\n return \"WarningTag\";\n case \"success\":\n return \"SuccessTag\";\n default:\n return \"Tag\";\n }\n}\n\nfunction tagFactory(variant?: Variant) {\n const Tag: FC<TagProps> = ({ className, density, children, ...rest }) => (\n <span\n className={clsx(\n \"jkl-tag\",\n {\n \"jkl-tag--info\": variant === \"info\",\n \"jkl-tag--error\": variant === \"error\",\n \"jkl-tag--warning\": variant === \"warning\",\n \"jkl-tag--success\": variant === \"success\",\n },\n className,\n )}\n data-density={density}\n {...rest}\n >\n {children}\n </span>\n );\n Tag.displayName = getDisplayName(variant);\n return Tag;\n}\n\nexport const Tag = tagFactory();\nexport const InfoTag = tagFactory(\"info\");\nexport const ErrorTag = tagFactory(\"error\");\nexport const WarningTag = tagFactory(\"warning\");\nexport const SuccessTag = tagFactory(\"success\");\n"],"names":["tagFactory","variant","Tag","className","density","children","rest","jsx","clsx","displayName","getDisplayName","InfoTag","ErrorTag","WarningTag","SuccessTag"],"mappings":"~~sFAqBA~~,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,SAAAA,KAAaC,KAC1DC,EAAC,OAAA,CACGJ,UAAWK,EACP,UACA,CACI,gBAA6B,SAAZP,EACjB,iBAA8B,UAAZA,EAClB,mBAAgC,YAAZA,EACpB,mBAAgC,YAAZA,GAExBE,GAEJ,eAAcC,KACVE,EAEHD,SAAAA,IAGTH,OAAAA,EAAIO,YAlCR,SAAwBR,GACpB,OAAQA,GACJ,IAAK,OACM,MAAA,UACX,IAAK,QACM,MAAA,WACX,IAAK,UACM,MAAA,aACX,IAAK,UACM,MAAA,aACX,QACW,MAAA,MAEnB,CAqBsBS,CAAeT,GAC1BC,CACX,CAEO,MAAMA,EAAMF,IACNW,EAAUX,EAAW,QACrBY,EAAWZ,EAAW,SACtBa,EAAab,EAAW,WACxBc,EAAad,EAAW"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../src/components/tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { TagProps } from \"./types.js\";\n\ntype Variant = \"info\" \| \"error\" \| \"warning\" \| \"success\";\n\nfunction getDisplayName(variant?: Variant) {\n switch (variant) {\n case \"info\":\n return \"InfoTag\";\n case \"error\":\n return \"ErrorTag\";\n case \"warning\":\n return \"WarningTag\";\n case \"success\":\n return \"SuccessTag\";\n default:\n return \"Tag\";\n }\n}\n\nfunction tagFactory(variant?: Variant) {\n const Tag: FC<TagProps> = ({ className, density, children, ...rest }) => (\n <span\n className={clsx(\n \"jkl-tag\",\n {\n \"jkl-tag--info\": variant === \"info\",\n \"jkl-tag--error\": variant === \"error\",\n \"jkl-tag--warning\": variant === \"warning\",\n \"jkl-tag--success\": variant === \"success\",\n },\n className,\n )}\n data-density={density}\n {...rest}\n >\n {children}\n </span>\n );\n Tag.displayName = getDisplayName(variant);\n return Tag;\n}\n\nexport const Tag = tagFactory();\nexport const InfoTag = tagFactory(\"info\");\nexport const ErrorTag = tagFactory(\"error\");\nexport const WarningTag = tagFactory(\"warning\");\nexport const SuccessTag = tagFactory(\"success\");\n"],"names":["tagFactory","variant","Tag","className","density","children","rest","jsx","clsx","displayName","getDisplayName","InfoTag","ErrorTag","WarningTag","SuccessTag"],"mappings":"oGAqBA,SAASA,EAAWC,GACVC,MAAAA,EAAoB,EAAGC,UAAAA,EAAWC,QAAAA,EAASC,SAAAA,KAAaC,KAC1DC,EAAC,OAAA,CACGJ,UAAWK,EACP,UACA,CACI,gBAA6B,SAAZP,EACjB,iBAA8B,UAAZA,EAClB,mBAAgC,YAAZA,EACpB,mBAAgC,YAAZA,GAExBE,GAEJ,eAAcC,KACVE,EAEHD,SAAAA,IAGTH,OAAAA,EAAIO,YAlCR,SAAwBR,GACpB,OAAQA,GACJ,IAAK,OACM,MAAA,UACX,IAAK,QACM,MAAA,WACX,IAAK,UACM,MAAA,aACX,IAAK,UACM,MAAA,aACX,QACW,MAAA,MAEnB,CAqBsBS,CAAeT,GAC1BC,CACX,CAEO,MAAMA,EAAMF,IACNW,EAAUX,EAAW,QACrBY,EAAWZ,EAAW,SACtBa,EAAab,EAAW,WACxBc,EAAad,EAAW"}

package/build/es/components/tag/stories/Tag.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{Tag as r,SuccessTag as e,InfoTag as n,WarningTag as s,ErrorTag as o}from"../Tag.js";const g={title:"Komponenter/Tag",component:r,tags:["autodocs"],args:{children:"Hei"}},t={name:"Tag",render:e=>a(r,{...e})},T={name:"Success Tag",render:r=>a(e,{...r})},m={name:"Info Tag",render:r=>a(n,{...r})},c={name:"Warning Tag",render:r=>a(s,{...r})},i={name:"Error Tag",render:r=>a(o,{...r})};export{i as ErrorTagStory,m as InfoTagStory,T as SuccessTagStory,t as TagStory,c as WarningTagStory,g as default};
+import{jsx as a}from"react/jsx-runtime";import"react";import{Tag as r,SuccessTag as e,InfoTag as n,WarningTag as s,ErrorTag as o}from"../Tag.js";const g={title:"Komponenter/Tag",component:r,tags:["autodocs"],args:{children:"Hei"}},t={name:"Tag",render:e=>a(r,{...e})},T={name:"Success Tag",render:r=>a(e,{...r})},m={name:"Info Tag",render:r=>a(n,{...r})},c={name:"Warning Tag",render:r=>a(s,{...r})},i={name:"Error Tag",render:r=>a(o,{...r})};export{i as ErrorTagStory,m as InfoTagStory,T as SuccessTagStory,t as TagStory,c as WarningTagStory,g as default};
 //# sourceMappingURL=Tag.stories.js.map

package/build/es/components/tag/stories/Tag.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.stories.js","sources":["../../../../../src/components/tag/stories/Tag.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { ErrorTag, InfoTag, SuccessTag, Tag, WarningTag } from \"../Tag.js\";\n\nconst meta = {\n title: \"Komponenter/Tag\",\n component: Tag,\n tags: [\"autodocs\"],\n args: {\n children: \"Hei\",\n },\n} satisfies Meta<typeof Tag>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TagStory: Story = {\n name: \"Tag\",\n render: (args) => <Tag {...args} />,\n};\n\nexport const SuccessTagStory: Story = {\n name: \"Success Tag\",\n render: (args) => <SuccessTag {...args} />,\n};\n\nexport const InfoTagStory: Story = {\n name: \"Info Tag\",\n render: (args) => <InfoTag {...args} />,\n};\n\nexport const WarningTagStory: Story = {\n name: \"Warning Tag\",\n render: (args) => <WarningTag {...args} />,\n};\n\nexport const ErrorTagStory: Story = {\n name: \"Error Tag\",\n render: (args) => <ErrorTag {...args} />,\n};\n"],"names":["meta","title","component","Tag","tags","args","children","TagStory","name","render","jsx","SuccessTagStory","SuccessTag","InfoTagStory","InfoTag","WarningTagStory","WarningTag","ErrorTagStory","ErrorTag"],"mappings":"~~mIAKA~~,MAAMA,EAAO,CACTC,MAAO,kBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,KAAM,CACFC,SAAU,QAOLC,EAAkB,CAC3BC,KAAM,MACNC,OAASJ,GAAUK,EAAAP,EAAA,IAAQE,KAGlBM,EAAyB,CAClCH,KAAM,cACNC,OAASJ,GAAUK,EAAAE,EAAA,IAAeP,KAGzBQ,EAAsB,CAC/BL,KAAM,WACNC,OAASJ,GAAUK,EAAAI,EAAA,IAAYT,KAGtBU,EAAyB,CAClCP,KAAM,cACNC,OAASJ,GAAUK,EAAAM,EAAA,IAAeX,KAGzBY,EAAuB,CAChCT,KAAM,YACNC,OAASJ,GAAUK,EAAAQ,EAAA,IAAab"}
1	+ {"version":3,"file":"Tag.stories.js","sources":["../../../../../src/components/tag/stories/Tag.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { ErrorTag, InfoTag, SuccessTag, Tag, WarningTag } from \"../Tag.js\";\n\nconst meta = {\n title: \"Komponenter/Tag\",\n component: Tag,\n tags: [\"autodocs\"],\n args: {\n children: \"Hei\",\n },\n} satisfies Meta<typeof Tag>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TagStory: Story = {\n name: \"Tag\",\n render: (args) => <Tag {...args} />,\n};\n\nexport const SuccessTagStory: Story = {\n name: \"Success Tag\",\n render: (args) => <SuccessTag {...args} />,\n};\n\nexport const InfoTagStory: Story = {\n name: \"Info Tag\",\n render: (args) => <InfoTag {...args} />,\n};\n\nexport const WarningTagStory: Story = {\n name: \"Warning Tag\",\n render: (args) => <WarningTag {...args} />,\n};\n\nexport const ErrorTagStory: Story = {\n name: \"Error Tag\",\n render: (args) => <ErrorTag {...args} />,\n};\n"],"names":["meta","title","component","Tag","tags","args","children","TagStory","name","render","jsx","SuccessTagStory","SuccessTag","InfoTagStory","InfoTag","WarningTagStory","WarningTag","ErrorTagStory","ErrorTag"],"mappings":"iJAKA,MAAMA,EAAO,CACTC,MAAO,kBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,KAAM,CACFC,SAAU,QAOLC,EAAkB,CAC3BC,KAAM,MACNC,OAASJ,GAAUK,EAAAP,EAAA,IAAQE,KAGlBM,EAAyB,CAClCH,KAAM,cACNC,OAASJ,GAAUK,EAAAE,EAAA,IAAeP,KAGzBQ,EAAsB,CAC/BL,KAAM,WACNC,OAASJ,GAAUK,EAAAI,EAAA,IAAYT,KAGtBU,EAAyB,CAClCP,KAAM,cACNC,OAASJ,GAAUK,EAAAM,EAAA,IAAeX,KAGzBY,EAAuB,CAChCT,KAAM,YACNC,OAASJ,GAAUK,EAAAQ,EAAA,IAAab"}

package/build/es/components/toast/Toast.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useToast as s}from"@react-aria/toast";import{c as a}from"../../../clsx-BeLtu-UY.js";import{useRef as n,useEffect as e}from"react";import{useBrowserPreferences as r}from"../../hooks/useBrowserPreferences/useBrowserPreferences.js";import{Countdown as i}from"../countdown/Countdown.js";import{IconButton as c}from"../icon-button/IconButton.js";import{CloseIcon as l}from"../icon/icons/CloseIcon.js";import{ErrorIcon as m}from"../icon/icons/ErrorIcon.js";import{InfoIcon as u}from"../icon/icons/InfoIcon.js";import{SuccessIcon as f}from"../icon/icons/SuccessIcon.js";import{WarningIcon as j}from"../icon/icons/WarningIcon.js";const d=t=>{switch(t){case"error":return o(m,{className:"jkl-toast__icon"});case"info":return o(u,{className:"jkl-toast__icon"});case"success":return o(f,{className:"jkl-toast__icon"});case"warning":return o(j,{className:"jkl-toast__icon"});default:return null}};function p({className:m,state:u,...f}){var j;const p=n(null),{toastProps:k,titleProps:_}=s(f,u,p),v="string"==typeof f.toast.content?f.toast.content:f.toast.content.content,I="string"==typeof f.toast.content?void 0:f.toast.content.title,g=null==(null==(j=f.toast.timer)?void 0:j.timerId),{prefersReducedMotion:N}=r();return e((()=>{N&&"exiting"===f.toast.animation&&u.remove(f.toast.key)}),[N,f.toast.animation,f.toast.key,u]),t("div",{...k,ref:p,className:a("jkl-toast",{"jkl-toast--info":"info"===f.toast.variant,"jkl-toast--error":"error"===f.toast.variant,"jkl-toast--warning":"warning"===f.toast.variant,"jkl-toast--success":"success"===f.toast.variant},m),"data-animation":f.toast.animation,onAnimationEnd:()=>{"exiting"===f.toast.animation&&u.remove(f.toast.key)},children:[o("span",{className:"jkl-toast__progress",children:f.toast.timeout?o(i,{from:f.toast.timeout,isPaused:g,onAnimationEnd:t=>{t.stopPropagation()}}):null}),d(f.toast.variant),t("div",{..._,className:"jkl-toast__content",children:[I&&o("p",{className:"jkl-toast__title",children:I}),o("p",{className:"jkl-toast__message",children:v})]}),o(c,{"data-theme":f.toast.variant?"light":void 0,"aria-label":"Lukk varsel",className:"jkl-toast__dismiss-button",onClick:()=>{u.close(f.toast.key)},children:o(l,{})})]})}export{p as Toast};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useToast as s}from"@react-aria/toast";import{c as a}from"../../../clsx-BeLtu-UY.js";import{useRef as n,useEffect as e}from"react";import{useBrowserPreferences as r}from"../../hooks/useBrowserPreferences/useBrowserPreferences.js";import{Button as i}from"../button/Button.js";import{Countdown as c}from"../countdown/Countdown.js";import{IconButton as l}from"../icon-button/IconButton.js";import{CloseIcon as m}from"../icon/icons/CloseIcon.js";import{ErrorIcon as u}from"../icon/icons/ErrorIcon.js";import{InfoIcon as f}from"../icon/icons/InfoIcon.js";import{SuccessIcon as d}from"../icon/icons/SuccessIcon.js";import{WarningIcon as j}from"../icon/icons/WarningIcon.js";const p=t=>{switch(t){case"error":return o(u,{className:"jkl-toast__icon"});case"info":return o(f,{className:"jkl-toast__icon"});case"success":return o(d,{className:"jkl-toast__icon"});case"warning":return o(j,{className:"jkl-toast__icon"});default:return null}};function k({className:u,state:f,...d}){var j;const k=n(null),{toastProps:_,titleProps:v}=s(d,f,k),I="string"==typeof d.toast.content?d.toast.content:d.toast.content.content,g="string"==typeof d.toast.content?void 0:d.toast.content.title,h=null==(null==(j=d.toast.timer)?void 0:j.timerId),{prefersReducedMotion:N}=r();return e((()=>{N&&"exiting"===d.toast.animation&&f.remove(d.toast.key)}),[N,d.toast.animation,d.toast.key,f]),t("div",{..._,ref:k,className:a("jkl-toast",{"jkl-toast--info":"info"===d.toast.variant,"jkl-toast--error":"error"===d.toast.variant,"jkl-toast--warning":"warning"===d.toast.variant,"jkl-toast--success":"success"===d.toast.variant},u),"data-animation":d.toast.animation,onAnimationEnd:()=>{"exiting"===d.toast.animation&&f.remove(d.toast.key)},children:[o("span",{className:"jkl-toast__progress",children:d.toast.timeout?o(c,{from:d.toast.timeout,isPaused:h,onAnimationEnd:t=>{t.stopPropagation()}}):null}),p(d.toast.variant),t("div",{...v,className:"jkl-toast__content",children:[g&&o("p",{className:"jkl-toast__title",children:g}),o("p",{className:"jkl-toast__message",children:I}),d.toast.action&&o("div",{className:"jkl-toast__action",children:o(i,{variant:"secondary",density:"compact",onClick:d.toast.action.onClick,children:d.toast.action.label})})]}),o(l,{"data-theme":d.toast.variant?"light":void 0,"aria-label":"Lukk varsel",className:"jkl-toast__dismiss-button",onClick:()=>{f.close(d.toast.key)},children:o(m,{})})]})}export{k as Toast};
 //# sourceMappingURL=Toast.js.map

package/build/es/components/toast/Toast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.js","sources":["../../../../src/components/toast/Toast.tsx"],"sourcesContent":["import {type AriaToastProps, useToast} from \"@react-aria/toast\";\nimport type {QueuedToast, ToastState} from \"@react-stately/toast\";\nimport clsx from \"clsx\";\nimport React, {useEffect, useRef} from \"react\";\nimport {useBrowserPreferences} from \"../../hooks/useBrowserPreferences/useBrowserPreferences.js\";\nimport {Countdown} from \"../countdown/Countdown.js\";\nimport {IconButton} from \"../icon-button/IconButton.js\";\nimport {CloseIcon} from \"../icon/icons/CloseIcon.js\";\nimport {ErrorIcon} from \"../icon/icons/ErrorIcon.js\";\nimport {InfoIcon} from \"../icon/icons/InfoIcon.js\";\nimport {SuccessIcon} from \"../icon/icons/SuccessIcon.js\";\nimport {WarningIcon} from \"../icon/icons/WarningIcon.js\";\nimport type {ToastContent, ToastOptions} from \"./types.js\";\n\nexport interface ToastProps<T extends ToastContent> extends AriaToastProps<T> {\n className?: string;\n state: ToastState<T>;\n toast: QueuedToast<T> & ToastOptions;\n}\n\nconst getIcon = (messageType?: \"error\" \| \"info\" \| \"success\" \| \"warning\") => {\n switch (messageType) {\n case \"error\":\n return <ErrorIcon className=\"jkl-toast__icon\" />;\n case \"info\":\n return <InfoIcon className=\"jkl-toast__icon\" />;\n case \"success\":\n return <SuccessIcon className=\"jkl-toast__icon\" />;\n case \"warning\":\n return <WarningIcon className=\"jkl-toast__icon\" />;\n default:\n return null;\n }\n};\n\nexport function Toast<T extends ToastContent>({\n className,\n state,\n ...props\n}: ToastProps<T>) {\n const ref = useRef(null);\n const { toastProps, titleProps } = useToast(props, state, ref);\n\n const content =\n typeof props.toast.content === \"string\"\n ? props.toast.content\n : props.toast.content.content;\n const title =\n typeof props.toast.content === \"string\"\n ? undefined\n : props.toast.content.title;\n\n // @ts-ignore Proxy for å sjekke om timeren er pauset: https://github.com/adobe/react-spectrum/blob/b1545c0d225b12672fb6a4e7b787268591d66b90/packages/%40react-stately/toast/src/useToastState.ts#L222\n const isPaused = props.toast.timer?.timerId == null;\n\n const { prefersReducedMotion } = useBrowserPreferences();\n\n useEffect(() => {\n if (prefersReducedMotion && props.toast.animation === \"exiting\") {\n // If user has prefers-reduced-motion the exit animation won't run and our\n // onAnimationEnd callback won't be invoked. In this case, remove the toast\n // manually.\n state.remove(props.toast.key);\n }\n }, [prefersReducedMotion, props.toast.animation, props.toast.key, state]);\n\n return (\n <div\n {...toastProps}\n ref={ref}\n className={clsx(\n \"jkl-toast\",\n {\n \"jkl-toast--info\": props.toast.variant === \"info\",\n \"jkl-toast--error\": props.toast.variant === \"error\",\n \"jkl-toast--warning\": props.toast.variant === \"warning\",\n \"jkl-toast--success\": props.toast.variant === \"success\",\n },\n className,\n )}\n data-animation={props.toast.animation}\n onAnimationEnd={() => {\n // Remove the toast when the exiting animation completes.\n if (props.toast.animation === \"exiting\") {\n state.remove(props.toast.key);\n }\n }}\n >\n <span className=\"jkl-toast__progress\">\n {props.toast.timeout ? (\n <Countdown\n from={props.toast.timeout}\n isPaused={isPaused}\n onAnimationEnd={(e) => {\n // Avoid triggering the toast's onAnimationEnd handler so we still get our exit animation\n e.stopPropagation();\n }}\n />\n ) : null}\n </span>\n {getIcon(props.toast.variant)}\n <div {...titleProps} className=\"jkl-toast__content\">\n {title && <p className=\"jkl-toast__title\">{title}</p>}\n <p className=\"jkl-toast__message\">{content}</p>\n </div>\n <IconButton\n data-theme={!props.toast.variant ? undefined : \"light\"}\n aria-label=\"Lukk varsel\"\n className=\"jkl-toast__dismiss-button\"\n onClick={() => {\n state.close(props.toast.key);\n }}\n >\n <CloseIcon />\n </IconButton>\n </div>\n );\n}\n"],"names":["getIcon","messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon","Toast","state","props","ref","useRef","toastProps","titleProps","useToast","content","toast","title","isPaused","_a","timer","timerId","prefersReducedMotion","useBrowserPreferences","useEffect","animation","remove","key","jsxs","clsx","variant","onAnimationEnd","children","timeout","Countdown","from","e","stopPropagation","~~IconButton~~","onClick","close","CloseIcon"],"mappings":"~~uqBAoBA~~,MAAMA,EAAWC,IACb,OAAQA,GACJ,IAAK,QACM,OAAAC,EAACC,EAAU,CAAAC,UAAU,oBAChC,IAAK,OACM,OAAAF,EAACG,EAAS,CAAAD,UAAU,oBAC/B,IAAK,UACM,OAAAF,EAACI,EAAY,CAAAF,UAAU,oBAClC,IAAK,UACM,OAAAF,EAACK,EAAY,CAAAH,UAAU,oBAClC,QACW,OAAA,KACf,EAGG,SAASI,GACZJ,UAAAA,EACAK,MAAAA,KACGC,UAEGC,MAAAA,EAAMC,EAAO,OACXC,WAAAA,EAAYC,WAAAA,GAAeC,EAASL,EAAOD,EAAOE,GAEpDK,EAC6B,iBAAxBN,EAAMO,MAAMD,QACbN,EAAMO,MAAMD,QACZN,EAAMO,MAAMD,QAAQA,QACxBE,EAC6B,iBAAxBR,EAAMO,MAAMD,aACb,EACAN,EAAMO,MAAMD,QAAQE,MAGxBC,EAAyC,OAA9B,OAAAC,EAAAV,EAAMO,MAAMI,YAAZ,EAAAD,EAAmBE,UAE5BC,qBAAAA,GAAyBC,IAEjC,OAAAC,GAAU,KACFF,GAAkD,YAA1Bb,EAAMO,MAAMS,WAI9BjB,EAAAkB,OAAOjB,EAAMO,MAAMW,IAAG,GAEjC,CAACL,EAAsBb,EAAMO,MAAMS,UAAWhB,EAAMO,MAAMW,IAAKnB,IAG9DoB,EAAC,MAAA,IACOhB,EACJF,IAAAA,EACAP,UAAW0B,EACP,YACA,CACI,kBAA2C,SAAxBpB,EAAMO,MAAMc,QAC/B,mBAA4C,UAAxBrB,EAAMO,MAAMc,QAChC,qBAA8C,YAAxBrB,EAAMO,MAAMc,QAClC,qBAA8C,YAAxBrB,EAAMO,MAAMc,SAEtC3B,GAEJ,iBAAgBM,EAAMO,MAAMS,UAC5BM,eAAgB,KAEkB,YAA1BtB,EAAMO,MAAMS,WACNjB,EAAAkB,OAAOjB,EAAMO,MAAMW,IAAG,EAIpCK,SAAA,CAAA/B,EAAC,OAAK,CAAAE,UAAU,sBACX6B,SAAAvB,EAAMO,MAAMiB,QACThC,EAACiC,EAAA,CACGC,KAAM1B,EAAMO,MAAMiB,QAClBf,SAAAA,EACAa,eAAiBK,IAEbA,EAAEC,iBAAgB,IAG1B,OAEPtC,EAAQU,EAAMO,MAAMc,SACpBF,EAAA,MAAA,IAAQf,EAAYV,UAAU,qBAC1B6B,SAAA,CAAAf,GAAUhB,EAAA,IAAA,CAAEE,UAAU,mBAAoB6B,SAAMf,IAChDhB,EAAA,IAAA,CAAEE,UAAU,qBAAsB6B,SAAQjB,~~OAE~~/Cd,~~EAACqC~~,EAAA,CACG,~~aAAa7B~~,EAAMO,MAAMc,QAAsB,aAAZ,EACnC,aAAW,cACX3B,UAAU,~~4BACVoC~~,QAAS,~~KACC/B~~,~~EAAAgC~~,~~MAAM/B~~,EAAMO,MAAMW,IAAG,EAG/BK,~~WAACS~~,EAAU,QAI3B"}
1	+ {"version":3,"file":"Toast.js","sources":["../../../../src/components/toast/Toast.tsx"],"sourcesContent":["import { type AriaToastProps, useToast } from \"@react-aria/toast\";\nimport type { QueuedToast, ToastState } from \"@react-stately/toast\";\nimport clsx from \"clsx\";\nimport React, { useEffect, useRef } from \"react\";\nimport { useBrowserPreferences } from \"../../hooks/useBrowserPreferences/useBrowserPreferences.js\";\nimport { Button } from \"../button/Button.js\";\nimport { Countdown } from \"../countdown/Countdown.js\";\nimport { IconButton } from \"../icon-button/IconButton.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { ErrorIcon } from \"../icon/icons/ErrorIcon.js\";\nimport { InfoIcon } from \"../icon/icons/InfoIcon.js\";\nimport { SuccessIcon } from \"../icon/icons/SuccessIcon.js\";\nimport { WarningIcon } from \"../icon/icons/WarningIcon.js\";\nimport type { ToastContent, ToastOptions } from \"./types.js\";\n\nexport interface ToastProps<T extends ToastContent> extends AriaToastProps<T> {\n className?: string;\n state: ToastState<T>;\n toast: QueuedToast<T> & ToastOptions;\n}\n\nconst getIcon = (messageType?: \"error\" \| \"info\" \| \"success\" \| \"warning\") => {\n switch (messageType) {\n case \"error\":\n return <ErrorIcon className=\"jkl-toast__icon\" />;\n case \"info\":\n return <InfoIcon className=\"jkl-toast__icon\" />;\n case \"success\":\n return <SuccessIcon className=\"jkl-toast__icon\" />;\n case \"warning\":\n return <WarningIcon className=\"jkl-toast__icon\" />;\n default:\n return null;\n }\n};\n\nexport function Toast<T extends ToastContent>({\n className,\n state,\n ...props\n}: ToastProps<T>) {\n const ref = useRef(null);\n const { toastProps, titleProps } = useToast(props, state, ref);\n\n const content =\n typeof props.toast.content === \"string\"\n ? props.toast.content\n : props.toast.content.content;\n const title =\n typeof props.toast.content === \"string\"\n ? undefined\n : props.toast.content.title;\n\n // @ts-ignore Proxy for å sjekke om timeren er pauset: https://github.com/adobe/react-spectrum/blob/b1545c0d225b12672fb6a4e7b787268591d66b90/packages/%40react-stately/toast/src/useToastState.ts#L222\n const isPaused = props.toast.timer?.timerId == null;\n\n const { prefersReducedMotion } = useBrowserPreferences();\n\n useEffect(() => {\n if (prefersReducedMotion && props.toast.animation === \"exiting\") {\n // If user has prefers-reduced-motion the exit animation won't run and our\n // onAnimationEnd callback won't be invoked. In this case, remove the toast\n // manually.\n state.remove(props.toast.key);\n }\n }, [prefersReducedMotion, props.toast.animation, props.toast.key, state]);\n\n return (\n <div\n {...toastProps}\n ref={ref}\n className={clsx(\n \"jkl-toast\",\n {\n \"jkl-toast--info\": props.toast.variant === \"info\",\n \"jkl-toast--error\": props.toast.variant === \"error\",\n \"jkl-toast--warning\": props.toast.variant === \"warning\",\n \"jkl-toast--success\": props.toast.variant === \"success\",\n },\n className,\n )}\n data-animation={props.toast.animation}\n onAnimationEnd={() => {\n // Remove the toast when the exiting animation completes.\n if (props.toast.animation === \"exiting\") {\n state.remove(props.toast.key);\n }\n }}\n >\n <span className=\"jkl-toast__progress\">\n {props.toast.timeout ? (\n <Countdown\n from={props.toast.timeout}\n isPaused={isPaused}\n onAnimationEnd={(e) => {\n // Avoid triggering the toast's onAnimationEnd handler so we still get our exit animation\n e.stopPropagation();\n }}\n />\n ) : null}\n </span>\n {getIcon(props.toast.variant)}\n <div {...titleProps} className=\"jkl-toast__content\">\n {title && <p className=\"jkl-toast__title\">{title}</p>}\n <p className=\"jkl-toast__message\">{content}</p>\n {props.toast.action && (\n <div className=\"jkl-toast__action\">\n <Button\n variant=\"secondary\"\n density=\"compact\"\n onClick={props.toast.action.onClick}\n >\n {props.toast.action.label}\n </Button>\n </div>\n )}\n </div>\n <IconButton\n data-theme={!props.toast.variant ? undefined : \"light\"}\n aria-label=\"Lukk varsel\"\n className=\"jkl-toast__dismiss-button\"\n onClick={() => {\n state.close(props.toast.key);\n }}\n >\n <CloseIcon />\n </IconButton>\n </div>\n );\n}\n"],"names":["getIcon","messageType","jsx","ErrorIcon","className","InfoIcon","SuccessIcon","WarningIcon","Toast","state","props","ref","useRef","toastProps","titleProps","useToast","content","toast","title","isPaused","_a","timer","timerId","prefersReducedMotion","useBrowserPreferences","useEffect","animation","remove","key","jsxs","clsx","variant","onAnimationEnd","children","timeout","Countdown","from","e","stopPropagation","action","Button","density","onClick","label","IconButton","close","CloseIcon"],"mappings":"otBAqBA,MAAMA,EAAWC,IACb,OAAQA,GACJ,IAAK,QACM,OAAAC,EAACC,EAAU,CAAAC,UAAU,oBAChC,IAAK,OACM,OAAAF,EAACG,EAAS,CAAAD,UAAU,oBAC/B,IAAK,UACM,OAAAF,EAACI,EAAY,CAAAF,UAAU,oBAClC,IAAK,UACM,OAAAF,EAACK,EAAY,CAAAH,UAAU,oBAClC,QACW,OAAA,KACf,EAGG,SAASI,GACZJ,UAAAA,EACAK,MAAAA,KACGC,UAEGC,MAAAA,EAAMC,EAAO,OACXC,WAAAA,EAAYC,WAAAA,GAAeC,EAASL,EAAOD,EAAOE,GAEpDK,EAC6B,iBAAxBN,EAAMO,MAAMD,QACbN,EAAMO,MAAMD,QACZN,EAAMO,MAAMD,QAAQA,QACxBE,EAC6B,iBAAxBR,EAAMO,MAAMD,aACb,EACAN,EAAMO,MAAMD,QAAQE,MAGxBC,EAAyC,OAA9B,OAAAC,EAAAV,EAAMO,MAAMI,YAAZ,EAAAD,EAAmBE,UAE5BC,qBAAAA,GAAyBC,IAEjC,OAAAC,GAAU,KACFF,GAAkD,YAA1Bb,EAAMO,MAAMS,WAI9BjB,EAAAkB,OAAOjB,EAAMO,MAAMW,IAAG,GAEjC,CAACL,EAAsBb,EAAMO,MAAMS,UAAWhB,EAAMO,MAAMW,IAAKnB,IAG9DoB,EAAC,MAAA,IACOhB,EACJF,IAAAA,EACAP,UAAW0B,EACP,YACA,CACI,kBAA2C,SAAxBpB,EAAMO,MAAMc,QAC/B,mBAA4C,UAAxBrB,EAAMO,MAAMc,QAChC,qBAA8C,YAAxBrB,EAAMO,MAAMc,QAClC,qBAA8C,YAAxBrB,EAAMO,MAAMc,SAEtC3B,GAEJ,iBAAgBM,EAAMO,MAAMS,UAC5BM,eAAgB,KAEkB,YAA1BtB,EAAMO,MAAMS,WACNjB,EAAAkB,OAAOjB,EAAMO,MAAMW,IAAG,EAIpCK,SAAA,CAAA/B,EAAC,OAAK,CAAAE,UAAU,sBACX6B,SAAAvB,EAAMO,MAAMiB,QACThC,EAACiC,EAAA,CACGC,KAAM1B,EAAMO,MAAMiB,QAClBf,SAAAA,EACAa,eAAiBK,IAEbA,EAAEC,iBAAgB,IAG1B,OAEPtC,EAAQU,EAAMO,MAAMc,SACpBF,EAAA,MAAA,IAAQf,EAAYV,UAAU,qBAC1B6B,SAAA,CAAAf,GAAUhB,EAAA,IAAA,CAAEE,UAAU,mBAAoB6B,SAAMf,IAChDhB,EAAA,IAAA,CAAEE,UAAU,qBAAsB6B,SAAQjB,IAC1CN,EAAMO,MAAMsB,QACRrC,EAAA,MAAA,CAAIE,UAAU,oBACX6B,SAAA/B,EAACsC,EAAA,CACGT,QAAQ,YACRU,QAAQ,UACRC,QAAShC,EAAMO,MAAMsB,OAAOG,QAE3BT,SAAAvB,EAAMO,MAAMsB,OAAOI,aAKpCzC,EAAC0C,EAAA,CACG,aAAalC,EAAMO,MAAMc,QAAsB,aAAZ,EACnC,aAAW,cACX3B,UAAU,4BACVsC,QAAS,KACCjC,EAAAoC,MAAMnC,EAAMO,MAAMW,IAAG,EAG/BK,WAACa,EAAU,QAI3B"}

package/build/es/components/toast/stories/Toast.stories.d.ts CHANGED Viewed

@@ -13,6 +13,10 @@ declare const meta: {
                     content: string;
                     key: string;
                     variant: string;
+                    action: {
+                        label: string;
+                        onClick: () => void;
+                    };
                 };
                 Error: {
                     content: string;

package/build/es/components/toast/stories/Toast.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";/* empty css                         */import{Toast as n}from"../Toast.js";const t={title:"Komponenter/Toast",component:n,tags:["autodocs"],argTypes:{toast:{description:"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.",options:["Info","Error","Success","Warning","Ingen"],mapping:{Info:{content:"Hei verden",key:"",variant:"info"},Error:{content:"Hei verden",key:"",variant:"error"},Success:{content:"Hei verden",key:"",variant:"success"},Warning:{content:"Hei verden",key:"",variant:"warning"},Ingen:{content:"Hei verden",key:""}}}},args:{state:{add:()=>"e",close:()=>"",pauseAll:()=>"",remove:()=>"",resumeAll:()=>"",visibleToasts:[{content:"Hei verden",key:Date.now().toString()}]},toast:{content:"Hei verden",key:"",variant:"info"}}},r={render:t=>e(n,{...t})};export{r as Toast,t as default};
+import{jsx as e}from"react/jsx-runtime";import"react";/* empty css                         */import{Toast as t}from"../Toast.js";const n={title:"Komponenter/Toast",component:t,tags:["autodocs"],argTypes:{toast:{description:"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.",options:["Info","Error","Success","Warning","Ingen"],mapping:{Info:{content:"Utkastet er slettet",key:"",variant:"info",action:{label:"Angre",onClick:()=>{}}},Error:{content:"Hei verden",key:"",variant:"error"},Success:{content:"Hei verden",key:"",variant:"success"},Warning:{content:"Hei verden",key:"",variant:"warning"},Ingen:{content:"Hei verden",key:""}}}},args:{state:{add:()=>"e",close:()=>"",pauseAll:()=>"",remove:()=>"",resumeAll:()=>"",visibleToasts:[{content:"Hei verden",key:Date.now().toString()}]},toast:{content:"Hei verden",key:"",variant:"info"}}},r={render:n=>e(t,{...n})};export{r as Toast,n as default};
 //# sourceMappingURL=Toast.stories.js.map

package/build/es/components/toast/stories/Toast.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.stories.js","sources":["../../../../../src/components/toast/stories/Toast.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Toast as ToastComponent } from \"../Toast.js\";\n\nconst meta = {\n title: \"Komponenter/Toast\",\n component: ToastComponent,\n tags: [\"autodocs\"],\n argTypes: {\n toast: {\n description:\n \"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.\",\n options: [\"Info\", \"Error\", \"Success\", \"Warning\", \"Ingen\"],\n mapping: {\n Info: {\n content: \"~~Hei~~ ~~verden~~\",\n key: \"\",\n variant: \"info\",\n },\n Error: {\n content: \"Hei verden\",\n key: \"\",\n variant: \"error\",\n },\n Success: {\n content: \"Hei verden\",\n key: \"\",\n variant: \"success\",\n },\n Warning: {\n content: \"Hei verden\",\n key: \"\",\n variant: \"warning\",\n },\n Ingen: {\n content: \"Hei verden\",\n key: \"\",\n },\n },\n },\n },\n args: {\n state: {\n add: () => \"e\",\n close: () => \"\",\n pauseAll: () => \"\",\n remove: () => \"\",\n resumeAll: () => \"\",\n visibleToasts: [\n { content: \"Hei verden\", key: Date.now().toString() },\n ],\n },\n toast: {\n content: \"Hei verden\",\n key: \"\",\n variant: \"info\",\n },\n },\n} satisfies Meta<typeof ToastComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Toast: Story = {\n render: (args) => <ToastComponent {...args} />,\n};\n"],"names":["meta","title","component","ToastComponent","tags","argTypes","toast","description","options","mapping","Info","content","key","variant","Error","Success","Warning","Ingen","args","state","add","close","pauseAll","remove","resumeAll","visibleToasts","Date","now","toString","Toast","render","jsx"],"mappings":"~~mHAKA~~,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,YACI,8EACJC,QAAS,CAAC,OAAQ,QAAS,UAAW,UAAW,SACjDC,QAAS,CACLC,KAAM,CACFC,QAAS,~~aACTC~~,IAAK,GACLC,QAAS,~~QAEbC~~,MAAO,~~CACHH~~,QAAS,aACTC,IAAK,GACLC,QAAS,~~SAEbE~~,QAAS,~~CACLJ~~,QAAS,aACTC,IAAK,GACLC,QAAS,~~WAEbG~~,QAAS,~~CACLL~~,QAAS,aACTC,IAAK,GACLC,QAAS,~~WAEbI~~,MAAO,~~CACHN~~,QAAS,aACTC,IAAK,~~OAKrBM~~,KAAM,CACFC,MAAO,CACHC,IAAK,IAAM,IACXC,MAAO,IAAM,GACbC,SAAU,IAAM,GAChBC,OAAQ,IAAM,GACdC,UAAW,IAAM,GACjBC,cAAe,CACX,~~CAAEd~~,QAAS,aAAcC,~~IAAKc~~,KAAKC,MAAMC,~~cAGjDtB~~,MAAO,CACHK,QAAS,aACTC,IAAK,GACLC,QAAS,~~UAQRgB~~,EAAe,CACxBC,OAASZ,GAAUa,~~EAAA5B~~,EAAA,~~IAAmBe~~"}
1	+ {"version":3,"file":"Toast.stories.js","sources":["../../../../../src/components/toast/stories/Toast.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Toast as ToastComponent } from \"../Toast.js\";\nimport \"../../button/styles/button.scss\";\n\nconst meta = {\n title: \"Komponenter/Toast\",\n component: ToastComponent,\n tags: [\"autodocs\"],\n argTypes: {\n toast: {\n description:\n \"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.\",\n options: [\"Info\", \"Error\", \"Success\", \"Warning\", \"Ingen\"],\n mapping: {\n Info: {\n content: \"Utkastet er slettet\",\n key: \"\",\n variant: \"info\",\n action: {\n label: \"Angre\",\n onClick: () => {},\n },\n },\n Error: {\n content: \"Hei verden\",\n key: \"\",\n variant: \"error\",\n },\n Success: {\n content: \"Hei verden\",\n key: \"\",\n variant: \"success\",\n },\n Warning: {\n content: \"Hei verden\",\n key: \"\",\n variant: \"warning\",\n },\n Ingen: {\n content: \"Hei verden\",\n key: \"\",\n },\n },\n },\n },\n args: {\n state: {\n add: () => \"e\",\n close: () => \"\",\n pauseAll: () => \"\",\n remove: () => \"\",\n resumeAll: () => \"\",\n visibleToasts: [\n { content: \"Hei verden\", key: Date.now().toString() },\n ],\n },\n toast: {\n content: \"Hei verden\",\n key: \"\",\n variant: \"info\",\n },\n },\n} satisfies Meta<typeof ToastComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Toast: Story = {\n render: (args) => <ToastComponent {...args} />,\n};\n"],"names":["meta","title","component","ToastComponent","tags","argTypes","toast","description","options","mapping","Info","content","key","variant","action","label","onClick","Error","Success","Warning","Ingen","args","state","add","close","pauseAll","remove","resumeAll","visibleToasts","Date","now","toString","Toast","render","jsx"],"mappings":"iIAMA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CACHC,YACI,8EACJC,QAAS,CAAC,OAAQ,QAAS,UAAW,UAAW,SACjDC,QAAS,CACLC,KAAM,CACFC,QAAS,sBACTC,IAAK,GACLC,QAAS,OACTC,OAAQ,CACJC,MAAO,QACPC,QAAS,SAGjBC,MAAO,CACHN,QAAS,aACTC,IAAK,GACLC,QAAS,SAEbK,QAAS,CACLP,QAAS,aACTC,IAAK,GACLC,QAAS,WAEbM,QAAS,CACLR,QAAS,aACTC,IAAK,GACLC,QAAS,WAEbO,MAAO,CACHT,QAAS,aACTC,IAAK,OAKrBS,KAAM,CACFC,MAAO,CACHC,IAAK,IAAM,IACXC,MAAO,IAAM,GACbC,SAAU,IAAM,GAChBC,OAAQ,IAAM,GACdC,UAAW,IAAM,GACjBC,cAAe,CACX,CAAEjB,QAAS,aAAcC,IAAKiB,KAAKC,MAAMC,cAGjDzB,MAAO,CACHK,QAAS,aACTC,IAAK,GACLC,QAAS,UAQRmB,EAAe,CACxBC,OAASZ,GAAUa,EAAA/B,EAAA,IAAmBkB"}

package/build/es/components/toast/stories/ToastInCotext.stories.d.ts CHANGED Viewed

@@ -21,6 +21,15 @@ declare const meta: {
                     variant: string;
                     timeout: number;
                 };
+                "Med handling": {
+                    content: string;
+                    key: string;
+                    variant: string;
+                    action: {
+                        label: string;
+                        onClick: () => void;
+                    };
+                };
                 Info: {
                     content: {
                         title: string;

package/build/es/components/toast/stories/ToastInCotext.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import{Button as n}from"../../button/Button.js";import{Toast as o}from"../Toast.js";import{ToastProvider as r,useToast as s}from"../toastContext.js";/* empty css                         *//* empty css                         */const a={title:"Komponenter/Toast",component:o,tags:["autodocs"],argTypes:{state:{table:{disable:!0}},toast:{name:"eksempel",description:"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.",options:["Med timeout","Info","Error","Success","Warning","Uten variant"],mapping:{"Med timeout":{content:"Søknad sendt",key:"",variant:"success",timeout:5e3},Info:{content:{title:"En infomelding",content:"Lenger tekst om infomeldinga"},key:"",variant:"info",timeout:0},Error:{content:{title:"Kunne ikke sende søknaden",content:"Sjekk internettforbindelsen din og prøv igjen senere."},key:"",variant:"error",timeout:0},Success:{content:"Søknad sendt",key:"",variant:"success",timeout:0},Warning:{content:"Du blir snart logget ut",key:"",variant:"warning",timeout:0},"Uten variant":{content:"Hei verden",key:"",timeout:0}}}},args:{state:{add:()=>"",close:()=>"",pauseAll:()=>"",remove:()=>"",resumeAll:()=>"",visibleToasts:[{content:"Hei verden",key:Date.now().toString()}]},toast:{content:{title:"Her kommer en tittel",content:"Her kommer en lenger tekst."},key:""}}},i={render:o=>{const a={...o};function i(){const{add:o}=s(),[r,i]=e([]);return t(n,{variant:"primary",onClick:()=>{i([...r,o(a.toast.content,a.toast)])},children:"Vis toast"})}return t(r,{children:t(i,{})})}};export{i as ToastInContext,a as default};
+import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import{Button as n}from"../../button/Button.js";import{Toast as o}from"../Toast.js";import{ToastProvider as r,useToast as s}from"../toastContext.js";/* empty css                         *//* empty css                         */const a={title:"Komponenter/Toast",component:o,tags:["autodocs"],argTypes:{state:{table:{disable:!0}},toast:{name:"eksempel",description:"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.",options:["Med timeout","Med handling","Info","Error","Success","Warning","Uten variant"],mapping:{"Med timeout":{content:"Søknad sendt",key:"",variant:"success",timeout:5e3},"Med handling":{content:"Utkastet er slettet",key:"",variant:"success",action:{label:"Angre",onClick:()=>{}}},Info:{content:{title:"En infomelding",content:"Lenger tekst om infomeldinga"},key:"",variant:"info",timeout:0},Error:{content:{title:"Kunne ikke sende søknaden",content:"Sjekk internettforbindelsen din og prøv igjen senere."},key:"",variant:"error",timeout:0},Success:{content:"Søknad sendt",key:"",variant:"success",timeout:0},Warning:{content:"Du blir snart logget ut",key:"",variant:"warning",timeout:0},"Uten variant":{content:"Hei verden",key:"",timeout:0}}}},args:{state:{add:()=>"",close:()=>"",pauseAll:()=>"",remove:()=>"",resumeAll:()=>"",visibleToasts:[{content:"Hei verden",key:Date.now().toString()}]},toast:{content:{title:"Her kommer en tittel",content:"Her kommer en lenger tekst."},key:""}}},i={render:o=>{const a={...o};function i(){const{add:o}=s(),[r,i]=e([]);return t(n,{variant:"primary",onClick:()=>{i([...r,o(a.toast.content,a.toast)])},children:"Vis toast"})}return t(r,{children:t(i,{})})}};export{i as ToastInContext,a as default};
 //# sourceMappingURL=ToastInCotext.stories.js.map

package/build/es/components/toast/stories/ToastInCotext.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToastInCotext.stories.js","sources":["../../../../../src/components/toast/stories/ToastInCotext.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from \"@storybook/react\";\nimport React, {useState} from \"react\";\nimport {Button} from \"../../button/index.js\";\nimport {Toast as ToastComponent, type ToastProps} from \"../Toast.js\";\nimport {ToastProvider, useToast} from \"../toastContext.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../button/styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Toast\",\n component: ToastComponent,\n tags: [\"autodocs\"],\n argTypes: {\n state: {table: {disable: true}},\n toast: {\n name: \"eksempel\",\n description:\n \"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.\",\n options: [\n \"Med timeout\",\n \"Info\",\n \"Error\",\n \"Success\",\n \"Warning\",\n \"Uten variant\",\n ],\n mapping: {\n \"Med timeout\": {\n content: \"Søknad sendt\",\n key: \"\",\n variant: \"success\",\n timeout: 5000,\n },\n Info: {\n content: {\n title: \"En infomelding\",\n content: \"Lenger tekst om infomeldinga\",\n },\n key: \"\",\n variant: \"info\",\n timeout: 0,\n },\n Error: {\n content: {\n title: \"Kunne ikke sende søknaden\",\n content:\n \"Sjekk internettforbindelsen din og prøv igjen senere.\",\n },\n key: \"\",\n variant: \"error\",\n timeout: 0,\n },\n Success: {\n content: \"Søknad sendt\",\n key: \"\",\n variant: \"success\",\n timeout: 0,\n },\n Warning: {\n content: \"Du blir snart logget ut\",\n key: \"\",\n variant: \"warning\",\n timeout: 0,\n },\n \"Uten variant\": {\n content: \"Hei verden\",\n key: \"\",\n timeout: 0,\n },\n },\n },\n },\n args: {\n state: {\n add: () => \"\",\n close: () => \"\",\n pauseAll: () => \"\",\n remove: () => \"\",\n resumeAll: () => \"\",\n visibleToasts: [\n {content: \"Hei verden\", key: Date.now().toString()},\n ],\n },\n toast: {\n content: {\n title: \"Her kommer en tittel\",\n content: \"Her kommer en lenger tekst.\",\n },\n key: \"\",\n },\n },\n} satisfies Meta<typeof ToastComponent>;\n\nexport default meta;\ntype ToastStory = StoryObj<typeof meta>;\n\nexport const ToastInContext: ToastStory = {\n render: (args) => {\n const example: ToastProps<any> = {...args};\n\n function ToastUsageExample() {\n const {add} = useToast();\n const [keys, setKeys] = useState<string[]>([]);\n\n return (\n <Button\n variant=\"primary\"\n onClick={() => {\n setKeys([\n ...keys,\n add(example.toast.content, example.toast),\n ]);\n }}\n >\n Vis toast\n </Button>\n );\n }\n\n return (\n <ToastProvider>\n <ToastUsageExample/>\n </ToastProvider>\n );\n },\n};\n"],"names":["meta","title","component","ToastComponent","tags","argTypes","state","table","disable","toast","name","description","options","mapping","content","key","variant","timeout","Info","Error","Success","Warning","args","add","close","pauseAll","remove","resumeAll","visibleToasts","Date","now","toString","ToastInContext","render","example","ToastUsageExample","useToast","keys","setKeys","useState","jsx","Button","~~onClick","~~children","ToastProvider"],"mappings":"4SASA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,~~CAACC~~,MAAO,~~CAACC~~,SAAS,~~IACzBC~~,MAAO,CACHC,KAAM,WACNC,YACI,8EACJC,QAAS,CACL,cACA,OACA,QACA,UACA,UACA,gBAEJC,QAAS,CACL,cAAe,CACXC,QAAS,eACTC,IAAK,GACLC,QAAS,UACTC,QAAS,~~KAEbC~~,KAAM,~~CACFJ~~,QAAS,CACLb,MAAO,iBACPa,QAAS,gCAEbC,IAAK,GACLC,QAAS,OACTC,QAAS,~~GAEbE~~,MAAO,~~CACHL~~,QAAS,CACLb,MAAO,4BACPa,QACI,yDAERC,IAAK,GACLC,QAAS,QACTC,QAAS,~~GAEbG~~,QAAS,~~CACLN~~,QAAS,eACTC,IAAK,GACLC,QAAS,UACTC,QAAS,~~GAEbI~~,QAAS,~~CACLP~~,QAAS,0BACTC,IAAK,GACLC,QAAS,UACTC,QAAS,GAEb,eAAgB,CACZH,QAAS,aACTC,IAAK,GACLE,QAAS,~~MAKzBK~~,KAAM,~~CACFhB~~,MAAO,~~CACHiB~~,IAAK,IAAM,GACXC,MAAO,IAAM,GACbC,SAAU,IAAM,GAChBC,OAAQ,IAAM,GACdC,UAAW,IAAM,GACjBC,cAAe,CACX,~~CAACd~~,QAAS,aAAcC,~~IAAKc~~,KAAKC,MAAMC,~~cAGhDtB~~,MAAO,CACHK,QAAS,CACLb,MAAO,uBACPa,QAAS,+BAEbC,IAAK,~~MAQJiB~~,EAA6B,CACtCC,OAASX,IACCY,MAAAA,EAA2B,~~IAAIZ~~,~~GAErC~~,SAASa,IACC,~~MAACZ~~,IAAAA,~~GAAOa~~,~~KACPC~~,EAAMC,GAAWC,EAAmB,IAGvC,OAAAC,EAACC,EAAA,~~CACGzB~~,QAAQ,~~UACR0B~~,QAAS,~~KACGJ~~,EAAA,IACDD,EACHd,EAAIW,~~EAAQzB~~,MAAMK,~~QAASoB~~,~~EAAQzB~~,QACtC,~~EAERkC~~,SAAA,aAIT,CAGK,~~OAAAH~~,~~EAAAI~~,EAAA,CACGD,~~SAACH~~,EAAAL,EAAA,CAAA,IACL"}
1	+ {"version":3,"file":"ToastInCotext.stories.js","sources":["../../../../../src/components/toast/stories/ToastInCotext.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Button } from \"../../button/index.js\";\nimport { Toast as ToastComponent, type ToastProps } from \"../Toast.js\";\nimport { ToastProvider, useToast } from \"../toastContext.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../button/styles/_index.scss\";\n\nconst meta = {\n title: \"Komponenter/Toast\",\n component: ToastComponent,\n tags: [\"autodocs\"],\n argTypes: {\n state: { table: { disable: true } },\n toast: {\n name: \"eksempel\",\n description:\n \"Obs: Dette er en forenklet versjon av 'toast'-propen for å vise variantene.\",\n options: [\n \"Med timeout\",\n \"Med handling\",\n \"Info\",\n \"Error\",\n \"Success\",\n \"Warning\",\n \"Uten variant\",\n ],\n mapping: {\n \"Med timeout\": {\n content: \"Søknad sendt\",\n key: \"\",\n variant: \"success\",\n timeout: 5000,\n },\n \"Med handling\": {\n content: \"Utkastet er slettet\",\n key: \"\",\n variant: \"success\",\n action: {\n label: \"Angre\",\n onClick: () => {},\n },\n },\n Info: {\n content: {\n title: \"En infomelding\",\n content: \"Lenger tekst om infomeldinga\",\n },\n key: \"\",\n variant: \"info\",\n timeout: 0,\n },\n Error: {\n content: {\n title: \"Kunne ikke sende søknaden\",\n content:\n \"Sjekk internettforbindelsen din og prøv igjen senere.\",\n },\n key: \"\",\n variant: \"error\",\n timeout: 0,\n },\n Success: {\n content: \"Søknad sendt\",\n key: \"\",\n variant: \"success\",\n timeout: 0,\n },\n Warning: {\n content: \"Du blir snart logget ut\",\n key: \"\",\n variant: \"warning\",\n timeout: 0,\n },\n \"Uten variant\": {\n content: \"Hei verden\",\n key: \"\",\n timeout: 0,\n },\n },\n },\n },\n args: {\n state: {\n add: () => \"\",\n close: () => \"\",\n pauseAll: () => \"\",\n remove: () => \"\",\n resumeAll: () => \"\",\n visibleToasts: [\n { content: \"Hei verden\", key: Date.now().toString() },\n ],\n },\n toast: {\n content: {\n title: \"Her kommer en tittel\",\n content: \"Her kommer en lenger tekst.\",\n },\n key: \"\",\n },\n },\n} satisfies Meta<typeof ToastComponent>;\n\nexport default meta;\ntype ToastStory = StoryObj<typeof meta>;\n\nexport const ToastInContext: ToastStory = {\n render: (args) => {\n const example: ToastProps<any> = { ...args };\n\n function ToastUsageExample() {\n const { add } = useToast();\n const [keys, setKeys] = useState<string[]>([]);\n\n return (\n <Button\n variant=\"primary\"\n onClick={() => {\n setKeys([\n ...keys,\n add(example.toast.content, example.toast),\n ]);\n }}\n >\n Vis toast\n </Button>\n );\n }\n\n return (\n <ToastProvider>\n <ToastUsageExample />\n </ToastProvider>\n );\n },\n};\n"],"names":["meta","title","component","ToastComponent","tags","argTypes","state","table","disable","toast","name","description","options","mapping","content","key","variant","timeout","action","label","onClick","Info","Error","Success","Warning","args","add","close","pauseAll","remove","resumeAll","visibleToasts","Date","now","toString","ToastInContext","render","example","ToastUsageExample","useToast","keys","setKeys","useState","jsx","Button","children","ToastProvider"],"mappings":"4SASA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CAAEC,MAAO,CAAEC,SAAS,IAC3BC,MAAO,CACHC,KAAM,WACNC,YACI,8EACJC,QAAS,CACL,cACA,eACA,OACA,QACA,UACA,UACA,gBAEJC,QAAS,CACL,cAAe,CACXC,QAAS,eACTC,IAAK,GACLC,QAAS,UACTC,QAAS,KAEb,eAAgB,CACZH,QAAS,sBACTC,IAAK,GACLC,QAAS,UACTE,OAAQ,CACJC,MAAO,QACPC,QAAS,SAGjBC,KAAM,CACFP,QAAS,CACLb,MAAO,iBACPa,QAAS,gCAEbC,IAAK,GACLC,QAAS,OACTC,QAAS,GAEbK,MAAO,CACHR,QAAS,CACLb,MAAO,4BACPa,QACI,yDAERC,IAAK,GACLC,QAAS,QACTC,QAAS,GAEbM,QAAS,CACLT,QAAS,eACTC,IAAK,GACLC,QAAS,UACTC,QAAS,GAEbO,QAAS,CACLV,QAAS,0BACTC,IAAK,GACLC,QAAS,UACTC,QAAS,GAEb,eAAgB,CACZH,QAAS,aACTC,IAAK,GACLE,QAAS,MAKzBQ,KAAM,CACFnB,MAAO,CACHoB,IAAK,IAAM,GACXC,MAAO,IAAM,GACbC,SAAU,IAAM,GAChBC,OAAQ,IAAM,GACdC,UAAW,IAAM,GACjBC,cAAe,CACX,CAAEjB,QAAS,aAAcC,IAAKiB,KAAKC,MAAMC,cAGjDzB,MAAO,CACHK,QAAS,CACLb,MAAO,uBACPa,QAAS,+BAEbC,IAAK,MAQJoB,EAA6B,CACtCC,OAASX,IACCY,MAAAA,EAA2B,IAAKZ,GAEtC,SAASa,IACC,MAAEZ,IAAAA,GAAQa,KACTC,EAAMC,GAAWC,EAAmB,IAGvC,OAAAC,EAACC,EAAA,CACG5B,QAAQ,UACRI,QAAS,KACGqB,EAAA,IACDD,EACHd,EAAIW,EAAQ5B,MAAMK,QAASuB,EAAQ5B,QACtC,EAERoC,SAAA,aAIT,CAGK,OAAAF,EAAAG,EAAA,CACGD,SAACF,EAAAL,EAAA,CAAA,IACL"}

package/build/es/components/toast/types.d.ts CHANGED Viewed

@@ -5,9 +5,14 @@ export type ToastContent = {
     content: ReactNode;
     title?: string;
 } | string;
+type ToastActionProps = {
+    label: string;
+    onClick: () => void;
+};
 export type ToastOptions = Omit<StatelyToastOptions, "timeout"> & {
     variant?: "info" | "success" | "warning" | "error";
     timeout?: number | null | "off";
+    action?: ToastActionProps;
 };
 export type ToastContext = {
     add: (toast: ToastContent, options?: ToastOptions) => string;
@@ -20,3 +25,4 @@ export type ToastContextProviderProps = WithChildren & {
      */
     placement?: "center" | "left";
 };
+export {};

package/build/es/components/tooltip/stories/Tooltip.stories.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as t}from"react/jsx-runtime";import{Tooltip as e}from"../Tooltip.js";import{TooltipContent as r}from"../TooltipContent.js";import{TooltipTrigger as i}from"../TooltipTrigger.js";const n={title:"Komponenter/Tooltip",component:e,subcomponents:{TooltipTrigger:i,TooltipContent:r},tags:["autodocs"],argTypes:{delay:{control:"number"},initialOpen:{control:"boolean"},placement:{control:"select",options:["top","top-start","top-end","left","right"]},triggerOn:{control:"select",options:["click","hover"]}}},l={args:{children:o("p",{children:"Klikk for å kopiere til utklippstavlen"}),delay:2e3,initialOpen:!1,placement:"top",triggerOn:"hover"},render:n=>t("p",{children:["Kontonummer:"," ",t(e,{...n,children:[o(i,{children:"1602 44 54979"}),o(r,{children:"Klikk for å kopiere til utklippstavlen"})]})]})};export{l as Tooltip,n as default};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import"react";import{Tooltip as e}from"../Tooltip.js";import{TooltipContent as r}from"../TooltipContent.js";import{TooltipTrigger as i}from"../TooltipTrigger.js";const n={title:"Komponenter/Tooltip",component:e,subcomponents:{TooltipTrigger:i,TooltipContent:r},tags:["autodocs"],argTypes:{delay:{control:"number"},initialOpen:{control:"boolean"},placement:{control:"select",options:["top","top-start","top-end","left","right"]},triggerOn:{control:"select",options:["click","hover"]}}},l={args:{children:o("p",{children:"Klikk for å kopiere til utklippstavlen"}),delay:2e3,initialOpen:!1,placement:"top",triggerOn:"hover"},render:n=>t("p",{children:["Kontonummer:"," ",t(e,{...n,children:[o(i,{children:"1602 44 54979"}),o(r,{children:"Klikk for å kopiere til utklippstavlen"})]})]})};export{l as Tooltip,n as default};
 //# sourceMappingURL=Tooltip.stories.js.map

package/build/es/components/tooltip/stories/Tooltip.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.stories.js","sources":["../../../../../src/components/tooltip/stories/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tooltip as TooltipComponent } from \"../Tooltip.js\";\nimport { TooltipContent } from \"../TooltipContent.js\";\nimport { TooltipTrigger } from \"../TooltipTrigger.js\";\n\nconst meta = {\n title: \"Komponenter/Tooltip\",\n component: TooltipComponent,\n subcomponents: { TooltipTrigger, TooltipContent },\n tags: [\"autodocs\"],\n argTypes: {\n delay: { control: \"number\" },\n initialOpen: { control: \"boolean\" },\n placement: {\n control: \"select\",\n options: [\"top\", \"top-start\", \"top-end\", \"left\", \"right\"],\n },\n triggerOn: { control: \"select\", options: [\"click\", \"hover\"] },\n },\n} satisfies Meta<typeof TooltipComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Tooltip: Story = {\n args: {\n children: <p>Klikk for å kopiere til utklippstavlen</p>,\n delay: 2000,\n initialOpen: false,\n placement: \"top\",\n triggerOn: \"hover\",\n },\n render: (args) => (\n <p>\n Kontonummer:{\" \"}\n <TooltipComponent {...args}>\n <TooltipTrigger>1602 44 54979</TooltipTrigger>\n <TooltipContent>\n Klikk for å kopiere til utklippstavlen\n </TooltipContent>\n </TooltipComponent>\n </p>\n ),\n};\n"],"names":["meta","title","component","TooltipComponent","subcomponents","TooltipTrigger","TooltipContent","tags","argTypes","delay","control","initialOpen","placement","options","triggerOn","Tooltip","args","children","jsx","render","jsxs"],"mappings":"~~sMAOA~~,MAAMA,EAAO,CACTC,MAAO,sBACPC,UAAWC,EACXC,cAAe,CAAEC,eAAAA,EAAgBC,eAAAA,GACjCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CAAEC,QAAS,UAClBC,YAAa,CAAED,QAAS,WACxBE,UAAW,CACPF,QAAS,SACTG,QAAS,CAAC,MAAO,YAAa,UAAW,OAAQ,UAErDC,UAAW,CAAEJ,QAAS,SAAUG,QAAS,CAAC,QAAS,YAO9CE,EAAiB,CAC1BC,KAAM,CACFC,SAAWC,EAAA,IAAA,CAAED,SAAsC,2CACnDR,MAAO,IACPE,aAAa,EACbC,UAAW,MACXE,UAAW,SAEfK,OAASH,GACLI,EAAC,IAAE,CAAAH,SAAA,CAAA,eACc,IACbG,EAACjB,EAAkB,IAAGa,EAClBC,SAAA,CAAAC,EAACb,GAAeY,SAAa,kBAC7BC,EAACZ,GAAeW,SAEhB"}
1	+ {"version":3,"file":"Tooltip.stories.js","sources":["../../../../../src/components/tooltip/stories/Tooltip.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport \"../styles/_index.scss\";\nimport { Tooltip as TooltipComponent } from \"../Tooltip.js\";\nimport { TooltipContent } from \"../TooltipContent.js\";\nimport { TooltipTrigger } from \"../TooltipTrigger.js\";\n\nconst meta = {\n title: \"Komponenter/Tooltip\",\n component: TooltipComponent,\n subcomponents: { TooltipTrigger, TooltipContent },\n tags: [\"autodocs\"],\n argTypes: {\n delay: { control: \"number\" },\n initialOpen: { control: \"boolean\" },\n placement: {\n control: \"select\",\n options: [\"top\", \"top-start\", \"top-end\", \"left\", \"right\"],\n },\n triggerOn: { control: \"select\", options: [\"click\", \"hover\"] },\n },\n} satisfies Meta<typeof TooltipComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Tooltip: Story = {\n args: {\n children: <p>Klikk for å kopiere til utklippstavlen</p>,\n delay: 2000,\n initialOpen: false,\n placement: \"top\",\n triggerOn: \"hover\",\n },\n render: (args) => (\n <p>\n Kontonummer:{\" \"}\n <TooltipComponent {...args}>\n <TooltipTrigger>1602 44 54979</TooltipTrigger>\n <TooltipContent>\n Klikk for å kopiere til utklippstavlen\n </TooltipContent>\n </TooltipComponent>\n </p>\n ),\n};\n"],"names":["meta","title","component","TooltipComponent","subcomponents","TooltipTrigger","TooltipContent","tags","argTypes","delay","control","initialOpen","placement","options","triggerOn","Tooltip","args","children","jsx","render","jsxs"],"mappings":"oNAOA,MAAMA,EAAO,CACTC,MAAO,sBACPC,UAAWC,EACXC,cAAe,CAAEC,eAAAA,EAAgBC,eAAAA,GACjCC,KAAM,CAAC,YACPC,SAAU,CACNC,MAAO,CAAEC,QAAS,UAClBC,YAAa,CAAED,QAAS,WACxBE,UAAW,CACPF,QAAS,SACTG,QAAS,CAAC,MAAO,YAAa,UAAW,OAAQ,UAErDC,UAAW,CAAEJ,QAAS,SAAUG,QAAS,CAAC,QAAS,YAO9CE,EAAiB,CAC1BC,KAAM,CACFC,SAAWC,EAAA,IAAA,CAAED,SAAsC,2CACnDR,MAAO,IACPE,aAAa,EACbC,UAAW,MACXE,UAAW,SAEfK,OAASH,GACLI,EAAC,IAAE,CAAAH,SAAA,CAAA,eACc,IACbG,EAACjB,EAAkB,IAAGa,EAClBC,SAAA,CAAAC,EAACb,GAAeY,SAAa,kBAC7BC,EAACZ,GAAeW,SAEhB"}

package/build/es/hooks/useBrowserPreferences/useBrowserPreferences.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as e,useReducer as r,useEffect as t}from"react";import{getInitialMediaQueryMatch as a,addMediaQueryListener as o,removeMediaQueryListener as s}from"../mediaQueryUtils.js";const c="(prefers-reduced-motion: reduce)",i="(prefers-color-scheme: light)",d="(forced-colors: active)",u={prefersReducedMotion:!1,prefersColorScheme:"light",forcedColors:!1},C=(e,r)=>{switch(r.type){case"COLOR_SCHEME_CHANGED":return{...e,prefersColorScheme:r.value};case"REDUCED_MOTION_CHANGED":return{...e,prefersReducedMotion:r.value};case"FORCED_COLORS_CHANGED":return{...e,forcedColors:r.value};default:return e}},n=()=>{const[n,E]=e(!1),[l,O]=r(C,u);return t((()=>{E(!0);const e=a(c),r=a(i)?"light":"dark",t=a(d);O({type:"REDUCED_MOTION_CHANGED",value:e}),O({type:"COLOR_SCHEME_CHANGED",value:r}),O({type:"FORCED_COLORS_CHANGED",value:t})}),[]),t((()=>{if(!n||!window.matchMedia)return;const e=e=>{O({type:"REDUCED_MOTION_CHANGED",value:e.matches})},r=e=>{O({type:"COLOR_SCHEME_CHANGED",value:e.matches?"light":"dark"})},t=e=>{O({type:"FORCED_COLORS_CHANGED",value:e.matches})};return o(window.matchMedia(c),e),o(window.matchMedia(i),r),o(window.matchMedia(d),t),()=>{s(window.matchMedia(c),e),s(window.matchMedia(i),r),s(window.matchMedia(d),t)}}),[n]),{...l}};export{n as useBrowserPreferences};
+import{useState as e,useReducer as r,useEffect as t}from"react";import{getInitialMediaQueryMatch as a,addMediaQueryListener as o,removeMediaQueryListener as s}from"../mediaQueryUtils.js";const c="COLOR_SCHEME_CHANGED",i="REDUCED_MOTION_CHANGED",d="FORCED_COLORS_CHANGED",u="(prefers-reduced-motion: reduce)",n="(prefers-color-scheme: light)",l="(forced-colors: active)",m={prefersReducedMotion:!1,prefersColorScheme:"light",forcedColors:!1},h=(e,r)=>{switch(r.type){case c:return{...e,prefersColorScheme:r.value};case i:return{...e,prefersReducedMotion:r.value};case d:return{...e,forcedColors:r.value};default:return e}},f=()=>{const[f,p]=e(!1),[w,M]=r(h,m);return t((()=>{p(!0);const e=a(u),r=a(n)?"light":"dark",t=a(l);M({type:i,value:e}),M({type:c,value:r}),M({type:d,value:t})}),[]),t((()=>{if(!f||!window.matchMedia)return;const e=e=>{M({type:i,value:e.matches})},r=e=>{M({type:c,value:e.matches?"light":"dark"})},t=e=>{M({type:d,value:e.matches})};return o(window.matchMedia(u),e),o(window.matchMedia(n),r),o(window.matchMedia(l),t),()=>{s(window.matchMedia(u),e),s(window.matchMedia(n),r),s(window.matchMedia(l),t)}}),[f]),{...w}};export{f as useBrowserPreferences};
 //# sourceMappingURL=useBrowserPreferences.js.map

package/build/es/hooks/useBrowserPreferences/useBrowserPreferences.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useBrowserPreferences.js","sources":["../../../../src/hooks/useBrowserPreferences/useBrowserPreferences.tsx"],"sourcesContent":["import { type Reducer, useEffect, useReducer, useState } from \"react\";\nimport type { ColorScheme } from \"../../core/types.js\";\nimport {\n addMediaQueryListener,\n getInitialMediaQueryMatch,\n removeMediaQueryListener,\n} from \"../mediaQueryUtils.js\";\n\ntype BrowserPreferences = {\n prefersReducedMotion: boolean;\n prefersColorScheme: ColorScheme;\n forcedColors: boolean;\n};\n\~~nenum~~ ActionType {\n PrefersColorScheme = \"COLOR_SCHEME_CHANGED\",\n PrefersReducedMotion = \"REDUCED_MOTION_CHANGED\",\n ForcedColors = \"FORCED_COLORS_CHANGED\",\n}\n\ntype Action =\n \| {\n type: ActionType.PrefersColorScheme;\n value: ColorScheme;\n }\n \| {\n type: ActionType.PrefersReducedMotion;\n value: boolean;\n }\n \| {\n type: ActionType.ForcedColors;\n value: boolean;\n };\n\nconst PREFERS_REDUCED_MOTION = \"(prefers-reduced-motion: reduce)\";\nconst PREFERS_LIGHT_COLOR_SCHEME = \"(prefers-color-scheme: light)\";\nconst FORCED_COLORS = \"(forced-colors: active)\";\n\nconst initialState: BrowserPreferences = {\n prefersReducedMotion: false,\n prefersColorScheme: \"light\",\n forcedColors: false,\n};\n\nconst reducer: Reducer<BrowserPreferences, Action> = (state, action) => {\n switch (action.type) {\n case ActionType.PrefersColorScheme:\n return {\n ...state,\n prefersColorScheme: action.value,\n };\n case ActionType.PrefersReducedMotion:\n return {\n ...state,\n prefersReducedMotion: action.value,\n };\n case ActionType.ForcedColors:\n return {\n ...state,\n forcedColors: action.value,\n };\n default:\n return state;\n }\n};\n\n/*\n Hook som gir informasjon om brukerens foretrukne konfigurasjon.\n * @returns Objekt med informasjon om brukerens foretrukne tema (lyst vs mørkt), redusert bevegelse, og høykontrast (forced colors).\n */\nexport const useBrowserPreferences = (): BrowserPreferences => {\n const [hasMounted, setHasMounted] = useState(false);\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n useEffect(() => {\n setHasMounted(true);\n const prefersReducedMotion = getInitialMediaQueryMatch(\n PREFERS_REDUCED_MOTION,\n );\n const prefersColorScheme = getInitialMediaQueryMatch(\n PREFERS_LIGHT_COLOR_SCHEME,\n )\n ? \"light\"\n : \"dark\";\n const forcedColors = getInitialMediaQueryMatch(FORCED_COLORS);\n dispatch({\n type: ActionType.PrefersReducedMotion,\n value: prefersReducedMotion,\n });\n dispatch({\n type: ActionType.PrefersColorScheme,\n value: prefersColorScheme,\n });\n dispatch({ type: ActionType.ForcedColors, value: forcedColors });\n }, []);\n\n useEffect(() => {\n if (!hasMounted \|\| !window.matchMedia) {\n return;\n }\n const onPrefersReducedMotionChange = (e: MediaQueryListEvent) => {\n dispatch({\n type: ActionType.PrefersReducedMotion,\n value: e.matches,\n });\n };\n const onPrefersColorSchemeChange = (e: MediaQueryListEvent) => {\n dispatch({\n type: ActionType.PrefersColorScheme,\n value: e.matches ? \"light\" : \"dark\",\n });\n };\n const onForcedColorsChange = (e: MediaQueryListEvent) => {\n dispatch({ type: ActionType.ForcedColors, value: e.matches });\n };\n\n addMediaQueryListener(\n window.matchMedia(PREFERS_REDUCED_MOTION),\n onPrefersReducedMotionChange,\n );\n addMediaQueryListener(\n window.matchMedia(PREFERS_LIGHT_COLOR_SCHEME),\n onPrefersColorSchemeChange,\n );\n addMediaQueryListener(\n window.matchMedia(FORCED_COLORS),\n onForcedColorsChange,\n );\n\n return () => {\n removeMediaQueryListener(\n window.matchMedia(PREFERS_REDUCED_MOTION),\n onPrefersReducedMotionChange,\n );\n removeMediaQueryListener(\n window.matchMedia(PREFERS_LIGHT_COLOR_SCHEME),\n onPrefersColorSchemeChange,\n );\n removeMediaQueryListener(\n window.matchMedia(FORCED_COLORS),\n onForcedColorsChange,\n );\n };\n }, [hasMounted]);\n\n return { ...state };\n};\n"],"names":["PREFERS_REDUCED_MOTION","PREFERS_LIGHT_COLOR_SCHEME","FORCED_COLORS","initialState","prefersReducedMotion","prefersColorScheme","forcedColors","reducer","state","action","type","value","useBrowserPreferences","hasMounted","setHasMounted","useState","dispatch","useReducer","useEffect","getInitialMediaQueryMatch","window","matchMedia","onPrefersReducedMotionChange","e","matches","onPrefersColorSchemeChange","onForcedColorsChange","addMediaQueryListener","removeMediaQueryListener"],"mappings":"~~2LAkCA~~,MAAMA,EAAyB,mCACzBC,EAA6B,gCAC7BC,EAAgB,0BAEhBC,EAAmC,CACrCC,sBAAsB,EACtBC,mBAAoB,QACpBC,cAAc,GAGZC,EAA+C,CAACC,EAAOC,KACzD,OAAQA,EAAOC,MACX,~~IAAK~~,~~uBACM~~,MAAA,~~IACAF~~,EACHH,mBAAoBI,EAAOE,OAEnC,~~IAAK~~,~~yBACM~~,MAAA,~~IACAH~~,EACHJ,qBAAsBK,EAAOE,OAErC,~~IAAK~~,~~wBACM~~,MAAA,~~IACAH~~,EACHF,aAAcG,EAAOE,OAE7B,QACWH,OAAAA,EACf,EAOSI,EAAwB,KACjC,MAAOC,EAAYC,GAAiBC,GAAS,IAEtCP,EAAOQ,GAAYC,EAAWV,EAASJ,GAE9C,OAAAe,GAAU,KACNJ,GAAc,GACd,MAAMV,EAAuBe,EACzBnB,GAEEK,EAAqBc,EACvBlB,GAEE,QACA,OACAK,EAAea,EAA0BjB,GACtCc,EAAA,CACLN,~~KAAM~~,~~yBACNC~~,MAAOP,IAEFY,EAAA,CACLN,~~KAAM~~,~~uBACNC~~,MAAON,IAEXW,EAAS,CAAEN,~~KAAM~~,~~wBAAyBC~~,MAAOL,GAAc,GAChE,IAEHY,GAAU,KACF,IAACL,IAAeO,OAAOC,WACvB,OAEEC,MAAAA,EAAgCC,IACzBP,EAAA,CACLN,~~KAAM~~,~~yBACNC~~,MAAOY,EAAEC,SACZ,EAECC,EAA8BF,IACvBP,EAAA,CACLN,~~KAAM~~,~~uBACNC~~,MAAOY,EAAEC,QAAU,QAAU,QAChC,EAECE,EAAwBH,IAC1BP,EAAS,CAAEN,~~KAAM~~,~~wBAAyBC~~,MAAOY,EAAEC,SAAS,EAGhEG,OAAAA,EACIP,OAAOC,WAAWrB,GAClBsB,GAEJK,EACIP,OAAOC,WAAWpB,GAClBwB,GAEJE,EACIP,OAAOC,WAAWnB,GAClBwB,GAGG,KACHE,EACIR,OAAOC,WAAWrB,GAClBsB,GAEJM,EACIR,OAAOC,WAAWpB,GAClBwB,GAEJG,EACIR,OAAOC,WAAWnB,GAClBwB,EAAA,CACJ,GAEL,CAACb,IAEG,IAAKL"}
1	+ {"version":3,"file":"useBrowserPreferences.js","sources":["../../../../src/hooks/useBrowserPreferences/useBrowserPreferences.tsx"],"sourcesContent":["import { type Reducer, useEffect, useReducer, useState } from \"react\";\nimport type { ColorScheme } from \"../../core/types.js\";\nimport {\n addMediaQueryListener,\n getInitialMediaQueryMatch,\n removeMediaQueryListener,\n} from \"../mediaQueryUtils.js\";\n\ntype BrowserPreferences = {\n prefersReducedMotion: boolean;\n prefersColorScheme: ColorScheme;\n forcedColors: boolean;\n};\n\nconst ActionType = {\n PrefersColorScheme: \"COLOR_SCHEME_CHANGED\",\n PrefersReducedMotion: \"REDUCED_MOTION_CHANGED\",\n ForcedColors: \"FORCED_COLORS_CHANGED\",\n} as const;\n\ntype Action =\n \| {\n type: typeof ActionType.PrefersColorScheme;\n value: ColorScheme;\n }\n \| {\n type: typeof ActionType.PrefersReducedMotion;\n value: boolean;\n }\n \| {\n type: typeof ActionType.ForcedColors;\n value: boolean;\n };\n\nconst PREFERS_REDUCED_MOTION = \"(prefers-reduced-motion: reduce)\";\nconst PREFERS_LIGHT_COLOR_SCHEME = \"(prefers-color-scheme: light)\";\nconst FORCED_COLORS = \"(forced-colors: active)\";\n\nconst initialState: BrowserPreferences = {\n prefersReducedMotion: false,\n prefersColorScheme: \"light\",\n forcedColors: false,\n};\n\nconst reducer: Reducer<BrowserPreferences, Action> = (state, action) => {\n switch (action.type) {\n case ActionType.PrefersColorScheme:\n return {\n ...state,\n prefersColorScheme: action.value,\n };\n case ActionType.PrefersReducedMotion:\n return {\n ...state,\n prefersReducedMotion: action.value,\n };\n case ActionType.ForcedColors:\n return {\n ...state,\n forcedColors: action.value,\n };\n default:\n return state;\n }\n};\n\n/*\n Hook som gir informasjon om brukerens foretrukne konfigurasjon.\n * @returns Objekt med informasjon om brukerens foretrukne tema (lyst vs mørkt), redusert bevegelse, og høykontrast (forced colors).\n */\nexport const useBrowserPreferences = (): BrowserPreferences => {\n const [hasMounted, setHasMounted] = useState(false);\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n useEffect(() => {\n setHasMounted(true);\n const prefersReducedMotion = getInitialMediaQueryMatch(\n PREFERS_REDUCED_MOTION,\n );\n const prefersColorScheme = getInitialMediaQueryMatch(\n PREFERS_LIGHT_COLOR_SCHEME,\n )\n ? \"light\"\n : \"dark\";\n const forcedColors = getInitialMediaQueryMatch(FORCED_COLORS);\n dispatch({\n type: ActionType.PrefersReducedMotion,\n value: prefersReducedMotion,\n });\n dispatch({\n type: ActionType.PrefersColorScheme,\n value: prefersColorScheme,\n });\n dispatch({ type: ActionType.ForcedColors, value: forcedColors });\n }, []);\n\n useEffect(() => {\n if (!hasMounted \|\| !window.matchMedia) {\n return;\n }\n const onPrefersReducedMotionChange = (e: MediaQueryListEvent) => {\n dispatch({\n type: ActionType.PrefersReducedMotion,\n value: e.matches,\n });\n };\n const onPrefersColorSchemeChange = (e: MediaQueryListEvent) => {\n dispatch({\n type: ActionType.PrefersColorScheme,\n value: e.matches ? \"light\" : \"dark\",\n });\n };\n const onForcedColorsChange = (e: MediaQueryListEvent) => {\n dispatch({ type: ActionType.ForcedColors, value: e.matches });\n };\n\n addMediaQueryListener(\n window.matchMedia(PREFERS_REDUCED_MOTION),\n onPrefersReducedMotionChange,\n );\n addMediaQueryListener(\n window.matchMedia(PREFERS_LIGHT_COLOR_SCHEME),\n onPrefersColorSchemeChange,\n );\n addMediaQueryListener(\n window.matchMedia(FORCED_COLORS),\n onForcedColorsChange,\n );\n\n return () => {\n removeMediaQueryListener(\n window.matchMedia(PREFERS_REDUCED_MOTION),\n onPrefersReducedMotionChange,\n );\n removeMediaQueryListener(\n window.matchMedia(PREFERS_LIGHT_COLOR_SCHEME),\n onPrefersColorSchemeChange,\n );\n removeMediaQueryListener(\n window.matchMedia(FORCED_COLORS),\n onForcedColorsChange,\n );\n };\n }, [hasMounted]);\n\n return { ...state };\n};\n"],"names":["ActionType","PREFERS_REDUCED_MOTION","PREFERS_LIGHT_COLOR_SCHEME","FORCED_COLORS","initialState","prefersReducedMotion","prefersColorScheme","forcedColors","reducer","state","action","type","value","useBrowserPreferences","hasMounted","setHasMounted","useState","dispatch","useReducer","useEffect","getInitialMediaQueryMatch","window","matchMedia","onPrefersReducedMotionChange","e","matches","onPrefersColorSchemeChange","onForcedColorsChange","addMediaQueryListener","removeMediaQueryListener"],"mappings":"2LAcA,MAAMA,EACkB,uBADlBA,EAEoB,yBAFpBA,EAGY,wBAiBZC,EAAyB,mCACzBC,EAA6B,gCAC7BC,EAAgB,0BAEhBC,EAAmC,CACrCC,sBAAsB,EACtBC,mBAAoB,QACpBC,cAAc,GAGZC,EAA+C,CAACC,EAAOC,KACzD,OAAQA,EAAOC,MACX,KAAKX,EACM,MAAA,IACAS,EACHH,mBAAoBI,EAAOE,OAEnC,KAAKZ,EACM,MAAA,IACAS,EACHJ,qBAAsBK,EAAOE,OAErC,KAAKZ,EACM,MAAA,IACAS,EACHF,aAAcG,EAAOE,OAE7B,QACWH,OAAAA,EACf,EAOSI,EAAwB,KACjC,MAAOC,EAAYC,GAAiBC,GAAS,IAEtCP,EAAOQ,GAAYC,EAAWV,EAASJ,GAE9C,OAAAe,GAAU,KACNJ,GAAc,GACd,MAAMV,EAAuBe,EACzBnB,GAEEK,EAAqBc,EACvBlB,GAEE,QACA,OACAK,EAAea,EAA0BjB,GACtCc,EAAA,CACLN,KAAMX,EACNY,MAAOP,IAEFY,EAAA,CACLN,KAAMX,EACNY,MAAON,IAEXW,EAAS,CAAEN,KAAMX,EAAyBY,MAAOL,GAAc,GAChE,IAEHY,GAAU,KACF,IAACL,IAAeO,OAAOC,WACvB,OAEEC,MAAAA,EAAgCC,IACzBP,EAAA,CACLN,KAAMX,EACNY,MAAOY,EAAEC,SACZ,EAECC,EAA8BF,IACvBP,EAAA,CACLN,KAAMX,EACNY,MAAOY,EAAEC,QAAU,QAAU,QAChC,EAECE,EAAwBH,IAC1BP,EAAS,CAAEN,KAAMX,EAAyBY,MAAOY,EAAEC,SAAS,EAGhEG,OAAAA,EACIP,OAAOC,WAAWrB,GAClBsB,GAEJK,EACIP,OAAOC,WAAWpB,GAClBwB,GAEJE,EACIP,OAAOC,WAAWnB,GAClBwB,GAGG,KACHE,EACIR,OAAOC,WAAWrB,GAClBsB,GAEJM,EACIR,OAAOC,WAAWpB,GAClBwB,GAEJG,EACIR,OAAOC,WAAWnB,GAClBwB,EAAA,CACJ,GAEL,CAACb,IAEG,IAAKL"}

package/build/es/hooks/useScreen/state.d.ts CHANGED Viewed

@@ -6,12 +6,12 @@ export interface ScreenState {
     isLandscape: boolean;
     isPortrait: boolean;
 }
-export declare enum ActionType {
-    orientation = "ORIENTATION_CHANGED",
-    deviceSize = "DEVICE_SIZE_CHANGED"
-}
+export declare const ActionType: {
+    readonly orientation: "ORIENTATION_CHANGED";
+    readonly deviceSize: "DEVICE_SIZE_CHANGED";
+};
 export interface ScreenAction {
-    type: ActionType;
+    type: (typeof ActionType)[keyof typeof ActionType];
     property: keyof ScreenState;
 }
 export declare const reducer: (state: ScreenState, action: ScreenAction) => ScreenState;

package/build/es/hooks/useScreen/state.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e=(e=>(e.orientation="ORIENTATION_CHANGED",e.deviceSize="DEVICE_SIZE_CHANGED",e))(e||{});function i(e){return{isSmallDevice:"isSmallDevice"===e,isMediumDevice:"isMediumDevice"===e,isLargeDevice:"isLargeDevice"===e,isXlDevice:"isXlDevice"===e}}function r(e){return{isLandscape:"isLandscape"===e,isPortrait:"isPortrait"===e}}const t=(e,t)=>{switch(t.type){case"ORIENTATION_CHANGED":return{...e,...r(t.property)};case"DEVICE_SIZE_CHANGED":return{...e,...i(t.property)};default:return e}};export{e as ActionType,t as reducer};
+const e={orientation:"ORIENTATION_CHANGED",deviceSize:"DEVICE_SIZE_CHANGED"};function i(e){return{isSmallDevice:"isSmallDevice"===e,isMediumDevice:"isMediumDevice"===e,isLargeDevice:"isLargeDevice"===e,isXlDevice:"isXlDevice"===e}}function r(e){return{isLandscape:"isLandscape"===e,isPortrait:"isPortrait"===e}}const t=(t,c)=>{switch(c.type){case e.orientation:return{...t,...r(c.property)};case e.deviceSize:return{...t,...i(c.property)};default:return t}};export{e as ActionType,t as reducer};
 //# sourceMappingURL=state.js.map

package/build/es/hooks/useScreen/state.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"state.js","sources":["../../../../src/hooks/useScreen/state.ts"],"sourcesContent":["export interface ScreenState {\n isSmallDevice: boolean;\n isMediumDevice: boolean;\n isLargeDevice: boolean;\n isXlDevice: boolean;\n isLandscape: boolean;\n isPortrait: boolean;\n}\n\nexport ~~enum~~ ActionType {\n orientation = \"ORIENTATION_CHANGED\",\n deviceSize = \"DEVICE_SIZE_CHANGED\",\n}\n\nexport interface ScreenAction {\n type: ActionType;\n property: keyof ScreenState;\n}\n\nfunction setDeviceSize(\n deviceSize: keyof ScreenState,\n): Omit<ScreenState, \"isLandscape\" \| \"isPortrait\"> {\n return {\n isSmallDevice: deviceSize === \"isSmallDevice\",\n isMediumDevice: deviceSize === \"isMediumDevice\",\n isLargeDevice: deviceSize === \"isLargeDevice\",\n isXlDevice: deviceSize === \"isXlDevice\",\n };\n}\n\nfunction setOrientation(\n orientation: keyof ScreenState,\n): Pick<ScreenState, \"isLandscape\" \| \"isPortrait\"> {\n return {\n isLandscape: orientation === \"isLandscape\",\n isPortrait: orientation === \"isPortrait\",\n };\n}\n\nexport const reducer = (\n state: ScreenState,\n action: ScreenAction,\n): ScreenState => {\n switch (action.type) {\n case ActionType.orientation:\n return {\n ...state,\n ...setOrientation(action.property),\n };\n case ActionType.deviceSize:\n return {\n ...state,\n ...setDeviceSize(action.property),\n };\n default:\n return state;\n }\n};\n"],"names":["ActionType","orientation","deviceSize","setDeviceSize","isSmallDevice","isMediumDevice","isLargeDevice","isXlDevice","setOrientation","isLandscape","isPortrait","reducer","state","action","type","property"],"mappings":"~~AASY~~,~~IAAAA~~,~~GAAAA~~,~~IACRA~~,~~EAAAC~~,~~YAAc~~,~~sBACdD~~,~~EAAAE~~,~~WAAa~~,~~sBAFLF,IAAAA,GAAA,CAAA,GAUZ,SAASG,~~EACLD,GAEO,MAAA,CACHE,cAA8B,kBAAfF,EACfG,eAA+B,mBAAfH,EAChBI,cAA8B,kBAAfJ,EACfK,WAA2B,eAAfL,EAEpB,CAEA,SAASM,EACLP,GAEO,MAAA,CACHQ,YAA6B,gBAAhBR,EACbS,WAA4B,eAAhBT,EAEpB,CAEa,MAAAU,EAAU,CACnBC,EACAC,KAEA,OAAQA,EAAOC,MACX,~~IAAK~~,~~sBACM~~,MAAA,~~IACAF~~,KACAJ,EAAeK,EAAOE,WAEjC,~~IAAK~~,~~sBACM~~,MAAA,~~IACAH~~,KACAT,EAAcU,EAAOE,WAEhC,QACWH,OAAAA,EACf"}
1	+ {"version":3,"file":"state.js","sources":["../../../../src/hooks/useScreen/state.ts"],"sourcesContent":["export interface ScreenState {\n isSmallDevice: boolean;\n isMediumDevice: boolean;\n isLargeDevice: boolean;\n isXlDevice: boolean;\n isLandscape: boolean;\n isPortrait: boolean;\n}\n\nexport const ActionType = {\n orientation: \"ORIENTATION_CHANGED\",\n deviceSize: \"DEVICE_SIZE_CHANGED\",\n} as const;\n\nexport interface ScreenAction {\n type: (typeof ActionType)[keyof typeof ActionType];\n property: keyof ScreenState;\n}\n\nfunction setDeviceSize(\n deviceSize: keyof ScreenState,\n): Omit<ScreenState, \"isLandscape\" \| \"isPortrait\"> {\n return {\n isSmallDevice: deviceSize === \"isSmallDevice\",\n isMediumDevice: deviceSize === \"isMediumDevice\",\n isLargeDevice: deviceSize === \"isLargeDevice\",\n isXlDevice: deviceSize === \"isXlDevice\",\n };\n}\n\nfunction setOrientation(\n orientation: keyof ScreenState,\n): Pick<ScreenState, \"isLandscape\" \| \"isPortrait\"> {\n return {\n isLandscape: orientation === \"isLandscape\",\n isPortrait: orientation === \"isPortrait\",\n };\n}\n\nexport const reducer = (\n state: ScreenState,\n action: ScreenAction,\n): ScreenState => {\n switch (action.type) {\n case ActionType.orientation:\n return {\n ...state,\n ...setOrientation(action.property),\n };\n case ActionType.deviceSize:\n return {\n ...state,\n ...setDeviceSize(action.property),\n };\n default:\n return state;\n }\n};\n"],"names":["ActionType","orientation","deviceSize","setDeviceSize","isSmallDevice","isMediumDevice","isLargeDevice","isXlDevice","setOrientation","isLandscape","isPortrait","reducer","state","action","type","property"],"mappings":"AASO,MAAMA,EAAa,CACtBC,YAAa,sBACbC,WAAY,uBAQhB,SAASC,EACLD,GAEO,MAAA,CACHE,cAA8B,kBAAfF,EACfG,eAA+B,mBAAfH,EAChBI,cAA8B,kBAAfJ,EACfK,WAA2B,eAAfL,EAEpB,CAEA,SAASM,EACLP,GAEO,MAAA,CACHQ,YAA6B,gBAAhBR,EACbS,WAA4B,eAAhBT,EAEpB,CAEa,MAAAU,EAAU,CACnBC,EACAC,KAEA,OAAQA,EAAOC,MACX,KAAKd,EAAWC,YACL,MAAA,IACAW,KACAJ,EAAeK,EAAOE,WAEjC,KAAKf,EAAWE,WACL,MAAA,IACAU,KACAT,EAAcU,EAAOE,WAEhC,QACWH,OAAAA,EACf"}

package/build/es/utilities/polymorphism/mergeRefs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-function n(...n){return e=>{for(const o of n)"function"==typeof o?o(e):null!=o&&(o.current=e)}}export{n as mergeRefs};
+import"react";function r(...r){return t=>{for(const e of r)"function"==typeof e?e(t):null!=e&&(e.current=t)}}export{r as mergeRefs};
 //# sourceMappingURL=mergeRefs.js.map

package/build/es/utilities/polymorphism/mergeRefs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mergeRefs.js","sources":["../../../../src/utilities/polymorphism/mergeRefs.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PossibleRef<T> = React.LegacyRef<T> \| undefined;\n\nexport function mergeRefs<T>(\n ...possibleRefs: PossibleRef<T>[]\n): React.RefCallback<T> {\n return (instance) => {\n for (const ref of possibleRefs) {\n if (typeof ref === \"function\") {\n ref(instance);\n } else if (ref !== null && ref !== undefined) {\n (ref as React.MutableRefObject<T \| null>).current = instance;\n }\n }\n };\n}\n"],"names":["mergeRefs","possibleRefs","instance","ref","current"],"mappings":"~~AAIO~~,SAASA,KACTC,GAEH,OAAQC,IACJ,IAAA,MAAWC,KAAOF,EACK,mBAARE,EACPA,EAAID,GACW,MAARC,IACNA,EAAyCC,QAAUF,EAAAA,CAIpE"}
1	+ {"version":3,"file":"mergeRefs.js","sources":["../../../../src/utilities/polymorphism/mergeRefs.ts"],"sourcesContent":["import React from \"react\";\n\nexport type PossibleRef<T> = React.LegacyRef<T> \| undefined;\n\nexport function mergeRefs<T>(\n ...possibleRefs: PossibleRef<T>[]\n): React.RefCallback<T> {\n return (instance) => {\n for (const ref of possibleRefs) {\n if (typeof ref === \"function\") {\n ref(instance);\n } else if (ref !== null && ref !== undefined) {\n (ref as React.MutableRefObject<T \| null>).current = instance;\n }\n }\n };\n}\n"],"names":["mergeRefs","possibleRefs","instance","ref","current"],"mappings":"cAIO,SAASA,KACTC,GAEH,OAAQC,IACJ,IAAA,MAAWC,KAAOF,EACK,mBAARE,EACPA,EAAID,GACW,MAARC,IACNA,EAAyCC,QAAUF,EAAAA,CAIpE"}