@fremtind/jokul 1.1.1 → 1.1.2

package/build/es/components/radio-button/stories/BaseRadioButton.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { BaseRadioButton as BaseRadioButtonComponent } from '../BaseRadioButton.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof BaseRadioButtonComponent>;
-export declare const BaseRadioButton: Story;

package/build/es/components/radio-button/stories/BaseRadioButton.stories.js

@@ -1,2 +0,0 @@
-import{BaseRadioButton as t}from"../BaseRadioButton.js";/* empty css                         */const o={title:"Komponenter/RadioButton/BaseRadioButton",component:t,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{value:"BaseRadioButton"}};export{a as BaseRadioButton,o as default};
-//# sourceMappingURL=BaseRadioButton.stories.js.map

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

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

package/build/es/components/radio-button/stories/RadioButton.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { RadioButton as RadioButtonComponent } from '../RadioButton.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof RadioButtonComponent>;
-export declare const RadioButton: Story;

package/build/es/components/radio-button/stories/RadioButton.stories.js

@@ -1,2 +0,0 @@
-import{RadioButton as t}from"../RadioButton.js";/* empty css                         */const o={title:"Komponenter/RadioButton/RadioButton",component:t,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{value:"RadioButton"}};export{a as RadioButton,o as default};
-//# sourceMappingURL=RadioButton.stories.js.map

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

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

package/build/es/components/radio-button/stories/RadioButtonGroup.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { RadioButtonGroup as RadioButtonGroupComponent } from '../RadioButtonGroup.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof RadioButtonGroupComponent>;
-export declare const RadioButtonGroup: Story;

package/build/es/components/radio-button/stories/RadioButtonGroup.stories.js

@@ -1,2 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{RadioButton as o}from"../RadioButton.js";import{RadioButtonGroup as e}from"../RadioButtonGroup.js";/* empty css                         */import"react";const r={title:"Komponenter/RadioButton/RadioButtonGroup",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a=["Send en e-post","Ring meg","Send et brev til folkeregistrert adresse"],n={args:{legend:"Dette er en RadioButtonGroup"},render:r=>t(e,{...r,children:a.map((e=>t(o,{value:e,children:e},e)))})};export{n as RadioButtonGroup,r as default};
-//# sourceMappingURL=RadioButtonGroup.stories.js.map

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

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

package/build/es/components/radio-panel/stories/RadioPanel.stories.d.ts

@@ -1,18 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<Omit<import('../types.js').RadioPanelProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        extraLabel: {
-            control: "text";
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const RadioPanel: Story;

package/build/es/components/radio-panel/stories/RadioPanel.stories.js

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

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

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

package/build/es/components/segmented-control/stories/segmentedControl.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { SegmentedControl } from '../SegmentedControl.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof SegmentedControl>;
-export declare const SegmentedControlStory: Story;
-export declare const DekningsoversiktStory: Story;

package/build/es/components/segmented-control/stories/segmentedControl.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as n}from"react";import{Link as s}from"../../link/Link.js";import{List as i}from"../../list/List.js";import{CheckListItem as l,ListItem as a,CrossListItem as o}from"../../list/ListItem.js";import{SegmentedControl as d}from"../SegmentedControl.js";/* empty css                         *//* empty css                         */const k={title:"Komponenter/SegmentedControl",component:d,parameters:{layout:"centered"},tags:["autodocs"]},m=["Auto","Light","Dark","High Contrast"],g=["Vis alt","Dekker","Dekker ikke","Dekkes kanskje"],h={name:"Segmented Control",args:{legend:"Tema",items:m,separateItem:1},argTypes:{defaultValue:{control:"select",options:[...m,...m.keys()]}},render:t=>e(d,{...t})},c={name:"Segmented Control: Dekningsoversikt",args:{legend:"Velg hva som vises",items:g,defaultValue:g[1],showLegend:!1,separateItem:1},argTypes:{defaultValue:{control:"select",options:[...g,...g.keys()]}},render:k=>{const[m,h]=n(k.defaultValue),c=t(i,{children:[e(l,{children:"avtalt erstatning hvis hunder dør eller må avlives som følge av ulykke eller sykdom"}),e(l,{children:"forsvinning og tyveri"})]}),p=e(i,{children:e(o,{children:"hvis hunden må avlives på grunn av atferdsproblemer, for eksempel nervøsitet eller aggresjon"})}),u=e(i,{children:e(a,{children:"kanskje hunden din stikker av, det dekker vi ikke hehe"})}),v=t("div",{style:{marginBlockStart:"24px"},children:[e("p",{children:"På denne siden har vi forenklet teksten om hva forsikringen dekker og ikke dekker. Du må alltid lese vilkårene i avtaledokumentet for å få full oversikt."}),t("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e(s,{external:!0,href:"#",children:"Fullstendige vilkår (PDF)"}),e(s,{external:!0,href:"#",children:"Standardisert produktinformasjon (PDF)"})]})]});return t(r,{children:[e("h2",{style:{marginBlockEnd:"24px"},children:"Dekningsoversikt hund og katt"}),e(d,{...k,onChange:e=>h(e.target.value)}),t("div",{style:{maxWidth:"60ch",display:"flex",gap:"24px",flexDirection:"column",marginBlockStart:"24px"},children:[m===g[0]&&t(r,{children:[c,p,u]}),m===g[1]&&c,m===g[2]&&u,m===g[3]&&p,v]})]})}};export{c as DekningsoversiktStory,h as SegmentedControlStory,k as default};
-//# sourceMappingURL=segmentedControl.stories.js.map

package/build/es/components/segmented-control/stories/segmentedControl.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmentedControl.stories.js","sources":["../../../../../src/components/segmented-control/stories/segmentedControl.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from \"@storybook/react\";\nimport React, {useState} from \"react\";\nimport {Link} from \"../../link/index.js\";\nimport {\n    CheckListItem,\n    CrossListItem,\n    List,\n    ListItem,\n} from \"../../list/index.js\";\nimport {SegmentedControl} from \"../SegmentedControl.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../list/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/SegmentedControl\",\n    component: SegmentedControl,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof SegmentedControl>;\n\nconst themeChoices = [\"Auto\", \"Light\", \"Dark\", \"High Contrast\"];\nconst coverageChoices = [\"Vis alt\", \"Dekker\", \"Dekker ikke\", \"Dekkes kanskje\"];\n\nexport const SegmentedControlStory: Story = {\n    name: \"Segmented Control\",\n    args: {\n        legend: \"Tema\",\n        items: themeChoices,\n        separateItem: 1,\n    },\n    argTypes: {\n        defaultValue: {\n            control: \"select\",\n            options: [...themeChoices, ...themeChoices.keys()],\n        },\n    },\n    render: (args) => <SegmentedControl {...args} />,\n};\n\nexport const DekningsoversiktStory: Story = {\n    name: \"Segmented Control: Dekningsoversikt\",\n    args: {\n        legend: \"Velg hva som vises\",\n        items: coverageChoices,\n        defaultValue: coverageChoices[1],\n        showLegend: false,\n        separateItem: 1,\n    },\n    argTypes: {\n        defaultValue: {\n            control: \"select\",\n            options: [...coverageChoices, ...coverageChoices.keys()],\n        },\n    },\n    render: (args) => {\n        const [value, setValue] = useState(args.defaultValue);\n\n        const dekkesListe = (\n            <List>\n                <CheckListItem>\n                    avtalt erstatning hvis hunder dør eller må avlives som følge\n                    av ulykke eller sykdom\n                </CheckListItem>\n                <CheckListItem>forsvinning og tyveri</CheckListItem>\n            </List>\n        );\n\n        const dekkesIkkeListe = (\n            <List>\n                <CrossListItem>\n                    hvis hunden må avlives på grunn av atferdsproblemer, for\n                    eksempel nervøsitet eller aggresjon\n                </CrossListItem>\n            </List>\n        );\n\n        const dekkesKanskjeListe = (\n            <List>\n                <ListItem>\n                    kanskje hunden din stikker av, det dekker vi ikke hehe\n                </ListItem>\n            </List>\n        );\n\n        const links = (\n            <div style={{marginBlockStart: \"24px\"}}>\n                <p>\n                    På denne siden har vi forenklet teksten om hva forsikringen\n                    dekker og ikke dekker. Du må alltid lese vilkårene i\n                    avtaledokumentet for å få full oversikt.\n                </p>\n                <div\n                    style={{\n                        display: \"flex\",\n                        flexDirection: \"column\",\n                        gap: \"12px\",\n                    }}\n                >\n                    <Link external={true} href={\"#\"}>\n                        Fullstendige vilkår (PDF)\n                    </Link>\n                    <Link external={true} href={\"#\"}>\n                        Standardisert produktinformasjon (PDF)\n                    </Link>\n                </div>\n            </div>\n        );\n\n        return (\n            <>\n                <h2 style={{marginBlockEnd: \"24px\"}}>\n                    Dekningsoversikt hund og katt\n                </h2>\n                <SegmentedControl\n                    {...args}\n                    onChange={(e) => setValue(e.target.value)}\n                />\n                <div\n                    style={{\n                        maxWidth: \"60ch\",\n                        display: \"flex\",\n                        gap: \"24px\",\n                        flexDirection: \"column\",\n                        marginBlockStart: \"24px\",\n                    }}\n                >\n                    {value === coverageChoices[0] && (\n                        <>\n                            {dekkesListe}\n                            {dekkesIkkeListe}\n                            {dekkesKanskjeListe}\n                        </>\n                    )}\n                    {value === coverageChoices[1] && dekkesListe}\n                    {value === coverageChoices[2] && dekkesKanskjeListe}\n                    {value === coverageChoices[3] && dekkesIkkeListe}\n                    {links}\n                </div>\n            </>\n        );\n    },\n};\n"],"names":["meta","title","component","SegmentedControl","parameters","layout","tags","themeChoices","coverageChoices","SegmentedControlStory","name","args","legend","items","separateItem","argTypes","defaultValue","control","options","keys","render","jsx","DekningsoversiktStory","showLegend","value","setValue","useState","dekkesListe","List","children","CheckListItem","dekkesIkkeListe","CrossListItem","dekkesKanskjeListe","ListItem","links","jsxs","style","marginBlockStart","display","flexDirection","gap","Link","external","href","Fragment","marginBlockEnd","onChange","e","target","maxWidth"],"mappings":"qZAeA,MAAMA,EAAa,CACfC,MAAO,+BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAOLC,EAAe,CAAC,OAAQ,QAAS,OAAQ,iBACzCC,EAAkB,CAAC,UAAW,SAAU,cAAe,kBAEhDC,EAA+B,CACxCC,KAAM,oBACNC,KAAM,CACFC,OAAQ,OACRC,MAAON,EACPO,aAAc,GAElBC,SAAU,CACNC,aAAc,CACVC,QAAS,SACTC,QAAS,IAAIX,KAAiBA,EAAaY,UAGnDC,OAAST,GAAUU,EAAAlB,EAAA,IAAqBQ,KAG/BW,EAA+B,CACxCZ,KAAM,sCACNC,KAAM,CACFC,OAAQ,qBACRC,MAAOL,EACPQ,aAAcR,EAAgB,GAC9Be,YAAY,EACZT,aAAc,GAElBC,SAAU,CACNC,aAAc,CACVC,QAAS,SACTC,QAAS,IAAIV,KAAoBA,EAAgBW,UAGzDC,OAAST,IACL,MAAOa,EAAOC,GAAYC,EAASf,EAAKK,cAElCW,IACDC,EACG,CAAAC,SAAA,CAAAR,EAACS,GAAcD,SAGf,wFACAR,EAACS,GAAcD,SAAqB,6BAItCE,EACDV,EAAAO,EAAA,CACGC,SAACR,EAAAW,EAAA,CAAcH,4GAOjBI,EACDZ,EAAAO,EAAA,CACGC,SAACR,EAAAa,EAAA,CAASL,sEAMZM,EACDC,EAAA,MAAA,CAAIC,MAAO,CAACC,iBAAkB,QAC3BT,SAAA,CAAAR,EAAC,KAAEQ,SAIH,8JACAO,EAAC,MAAA,CACGC,MAAO,CACHE,QAAS,OACTC,cAAe,SACfC,IAAK,QAGTZ,SAAA,CAAAR,EAACqB,EAAK,CAAAC,UAAU,EAAMC,KAAM,IAAKf,SAEjC,gCACCa,EAAK,CAAAC,UAAU,EAAMC,KAAM,IAAKf,SAEjC,iDAKZ,OAEQO,EAAAS,EAAA,CAAAhB,SAAA,CAAAR,EAAC,MAAGgB,MAAO,CAACS,eAAgB,QAASjB,SAErC,kCACAR,EAAClB,EAAA,IACOQ,EACJoC,SAAWC,GAAMvB,EAASuB,EAAEC,OAAOzB,SAEvCY,EAAC,MAAA,CACGC,MAAO,CACHa,SAAU,OACVX,QAAS,OACTE,IAAK,OACLD,cAAe,SACfF,iBAAkB,QAGrBT,SAAA,CAAUL,IAAAhB,EAAgB,IAElB4B,EAAAS,EAAA,CAAAhB,SAAA,CAAAF,EACAI,EACAE,KAGRT,IAAUhB,EAAgB,IAAMmB,EAChCH,IAAUhB,EAAgB,IAAMyB,EAChCT,IAAUhB,EAAgB,IAAMuB,EAChCI,OAET"}

package/build/es/components/select/stories/select.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Select } from '../Select.js';
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof Select>;
-export declare const SelectStory: Story;

package/build/es/components/select/stories/select.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import{Select as l}from"../Select.js";const a={title:"Komponenter/Select",component:l,parameters:{layout:"padded"},tags:["autodocs"]},t={args:{name:"Select",label:"Hvilket merke er telefonen?",items:[{value:"Apple",label:"Apple"},{value:"Samsung",label:"Samsung"},{value:"Google",label:"Google"},{value:"OnePlus",label:"OnePlus"},{value:"Nokia",label:"Nokia"}]},render:({...a})=>e(l,{...a})};export{t as SelectStory,a as default};
-//# sourceMappingURL=select.stories.js.map

package/build/es/components/select/stories/select.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.stories.js","sources":["../../../../../src/components/select/stories/select.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { Select } from \"../Select.js\";\nimport \"../styles/_index.scss\";\n\nconst meta: Meta = {\n    title: \"Komponenter/Select\",\n    component: Select,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Select>;\n\nconst baseArgs = {\n    name: \"Select\",\n    label: \"Hvilket merke er telefonen?\",\n    items: [\n        { value: \"Apple\", label: \"Apple\" },\n        { value: \"Samsung\", label: \"Samsung\" },\n        { value: \"Google\", label: \"Google\" },\n        { value: \"OnePlus\", label: \"OnePlus\" },\n        { value: \"Nokia\", label: \"Nokia\" },\n    ],\n};\n\nexport const SelectStory: Story = {\n    args: baseArgs,\n    render: ({ ...props }) => <Select {...props} />,\n};\n"],"names":["meta","title","component","Select","parameters","layout","tags","SelectStory","args","name","label","items","value","render","props","jsx"],"mappings":"4FAKA,MAAMA,EAAa,CACfC,MAAO,qBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAmBEC,EAAqB,CAC9BC,KAba,CACbC,KAAM,SACNC,MAAO,8BACPC,MAAO,CACH,CAAEC,MAAO,QAASF,MAAO,SACzB,CAAEE,MAAO,UAAWF,MAAO,WAC3B,CAAEE,MAAO,SAAUF,MAAO,UAC1B,CAAEE,MAAO,UAAWF,MAAO,WAC3B,CAAEE,MAAO,QAASF,MAAO,WAM7BG,OAAQ,KAAMC,KAAYC,EAACZ,EAAQ,IAAGW"}

package/build/es/components/summary-table/stories/summary-table.stories.d.ts

@@ -1,13 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.FC<import('../types.js').SummaryTableProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SummaryTable: Story;

package/build/es/components/summary-table/stories/summary-table.stories.js

@@ -1,2 +0,0 @@
-import{jsxs as e,Fragment as a,jsx as r}from"react/jsx-runtime";import"react";import{SummaryTable as t}from"../SummaryTable.js";import{SummaryTableRow as m}from"../SummaryTableRow.js";const o={title:"Komponenter/SummaryTable",component:t,parameters:{layout:"padded"},tags:["autodocs"]},n="­",s={args:{caption:"Example",header:["Product","Price"],body:e(a,{children:[r(m,{header:`Uføre${n}pensjon`,content:"340,00 kr/mnd"}),r(m,{className:"summary-table-example__custom-row",header:`Livs${n}forsikring`,content:"Tatt ut av tilbudet"}),r(m,{header:`Innbo${n}forsikring`,content:"122,00 kr/mnd"}),r(m,{header:`Reise${n}forsikring`,content:"249,00 kr/mnd"}),r(m,{className:"summary-table-example__custom-row",header:"Rabatt",content:"- 17,50 kr/mnd"})]}),footer:e(a,{children:[r(m,{header:"Total sum",content:"693,50 kr/mnd"}),r(m,{header:r("span",{className:"jkl-sr-only",children:"Total sum per år"}),content:"8322,50 kr/mnd"})]})}};export{s as SummaryTable,o as default};
-//# sourceMappingURL=summary-table.stories.js.map

package/build/es/components/summary-table/stories/summary-table.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"summary-table.stories.js","sources":["../../../../../src/components/summary-table/stories/summary-table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React from \"react\";\nimport { SummaryTable as SummaryTableComponent } from \"../SummaryTable.js\";\nimport { SummaryTableRow } from \"../SummaryTableRow.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SummaryTable\",\n    component: SummaryTableComponent,\n    parameters: {\n        layout: \"padded\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof SummaryTableComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst SOFT_HYPHEN = \"\\u00AD\";\n\nexport const SummaryTable: Story = {\n    args: {\n        caption: \"Example\",\n        header: [\"Product\", \"Price\"],\n        body: (\n            <>\n                <SummaryTableRow\n                    header={`Uføre${SOFT_HYPHEN}pensjon`}\n                    content=\"340,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    className=\"summary-table-example__custom-row\"\n                    header={`Livs${SOFT_HYPHEN}forsikring`}\n                    content=\"Tatt ut av tilbudet\"\n                />\n                <SummaryTableRow\n                    header={`Innbo${SOFT_HYPHEN}forsikring`}\n                    content=\"122,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    header={`Reise${SOFT_HYPHEN}forsikring`}\n                    content=\"249,00 kr/mnd\"\n                />\n                <SummaryTableRow\n                    className=\"summary-table-example__custom-row\"\n                    header=\"Rabatt\"\n                    content=\"- 17,50 kr/mnd\"\n                />\n            </>\n        ),\n        footer: (\n            <>\n                <SummaryTableRow header=\"Total sum\" content=\"693,50 kr/mnd\" />\n                <SummaryTableRow\n                    header={\n                        <span className=\"jkl-sr-only\">Total sum per år</span>\n                    }\n                    content=\"8322,50 kr/mnd\"\n                />\n            </>\n        ),\n    },\n};\n"],"names":["meta","title","component","SummaryTableComponent","parameters","layout","tags","SOFT_HYPHEN","SummaryTable","args","caption","header","body","jsxs","Fragment","children","jsx","SummaryTableRow","content","className","footer"],"mappings":"wLAMA,MAAMA,EAAO,CACTC,MAAO,2BACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,UAEZC,KAAM,CAAC,aAMLC,EAAc,IAEPC,EAAsB,CAC/BC,KAAM,CACFC,QAAS,UACTC,OAAQ,CAAC,UAAW,SACpBC,KAEQC,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAA,CACGN,OAAQ,QAAQJ,WAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGE,UAAU,oCACVR,OAAQ,OAAOJ,cACfW,QAAQ,wBAEZF,EAACC,EAAA,CACGN,OAAQ,QAAQJ,cAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGN,OAAQ,QAAQJ,cAChBW,QAAQ,kBAEZF,EAACC,EAAA,CACGE,UAAU,oCACVR,OAAO,SACPO,QAAQ,sBAIpBE,OAEQP,EAAAC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAgB,CAAAN,OAAO,YAAYO,QAAQ,kBAC5CF,EAACC,EAAA,CACGN,OACIK,EAAC,OAAK,CAAAG,UAAU,cAAcJ,SAAgB,qBAElDG,QAAQ"}

package/build/es/components/system-message/stories/ErrorSystemMessage.stories.d.ts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('../types.js').SystemMessageProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ErrorSystemMessage: Story;

package/build/es/components/system-message/stories/ErrorSystemMessage.stories.js

@@ -1,2 +0,0 @@
-import{ErrorSystemMessage as e}from"../SystemMessage.js";/* empty css                         */const r={title:"Komponenter/SystemMessage/ErrorSystemMessage",component:e,parameters:{layout:"centered"},tags:["autodocs"]},s={args:{name:"Error Message",value:"Error",children:"Hei, jeg er en varslingsmelding av typen Error ",defaultValue:0}};export{s as ErrorSystemMessage,r as default};
-//# sourceMappingURL=ErrorSystemMessage.stories.js.map

package/build/es/components/system-message/stories/ErrorSystemMessage.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorSystemMessage.stories.js","sources":["../../../../../src/components/system-message/stories/ErrorSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { ErrorSystemMessage as ErrorSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SystemMessage/ErrorSystemMessage\",\n    component: ErrorSystemMessageComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof ErrorSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n    name: \"Error Message\",\n    value: \"Error\",\n    children: \"Hei, jeg er en varslingsmelding av typen Error \",\n    defaultValue: 0,\n};\nexport const ErrorSystemMessage: Story = {\n    args: {\n        ...baseArgs,\n    },\n};\n"],"names":["meta","title","component","ErrorSystemMessageComponent","parameters","layout","tags","ErrorSystemMessage","args","name","value","children","defaultValue"],"mappings":"gGAIA,MAAMA,EAAO,CACTC,MAAO,+CACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEC,EAA4B,CACrCC,KAAM,CANNC,KAAM,gBACNC,MAAO,QACPC,SAAU,kDACVC,aAAc"}

package/build/es/components/system-message/stories/InfoSystemMessage.stories.d.ts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('../types.js').SystemMessageProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const InfoSystemMessage: Story;

package/build/es/components/system-message/stories/InfoSystemMessage.stories.js

@@ -1,2 +0,0 @@
-import{InfoSystemMessage as e}from"../SystemMessage.js";/* empty css                         */const s={title:"Komponenter/SystemMessage/InfoSystemMessage",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{name:"Info Message",value:"Info",children:"Hei, jeg er en varslingsmelding av typen Info ",defaultValue:0}};export{a as InfoSystemMessage,s as default};
-//# sourceMappingURL=InfoSystemMessage.stories.js.map

package/build/es/components/system-message/stories/InfoSystemMessage.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoSystemMessage.stories.js","sources":["../../../../../src/components/system-message/stories/InfoSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { InfoSystemMessage as InfoSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SystemMessage/InfoSystemMessage\",\n    component: InfoSystemMessageComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof InfoSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n    name: \"Info Message\",\n    value: \"Info\",\n    children: \"Hei, jeg er en varslingsmelding av typen Info \",\n    defaultValue: 0,\n};\nexport const InfoSystemMessage: Story = {\n    args: {\n        ...baseArgs,\n    },\n};\n"],"names":["meta","title","component","InfoSystemMessageComponent","parameters","layout","tags","InfoSystemMessage","args","name","value","children","defaultValue"],"mappings":"+FAIA,MAAMA,EAAO,CACTC,MAAO,8CACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEC,EAA2B,CACpCC,KAAM,CANNC,KAAM,eACNC,MAAO,OACPC,SAAU,iDACVC,aAAc"}

package/build/es/components/system-message/stories/SuccessSystemMessage.stories.d.ts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('../types.js').SystemMessageProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SuccessSystemMessage: Story;

package/build/es/components/system-message/stories/SuccessSystemMessage.stories.js

@@ -1,2 +0,0 @@
-import{SuccessSystemMessage as e}from"../SystemMessage.js";/* empty css                         */const s={title:"Komponenter/SystemMessage/SuccessSystemMessage",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{name:"Success Message",value:"Success",children:"Hei, jeg er en varslingsmelding av typen Success ",defaultValue:0}};export{a as SuccessSystemMessage,s as default};
-//# sourceMappingURL=SuccessSystemMessage.stories.js.map

package/build/es/components/system-message/stories/SuccessSystemMessage.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SuccessSystemMessage.stories.js","sources":["../../../../../src/components/system-message/stories/SuccessSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { SuccessSystemMessage as SuccessSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SystemMessage/SuccessSystemMessage\",\n    component: SuccessSystemMessageComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof SuccessSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n    name: \"Success Message\",\n    value: \"Success\",\n    children: \"Hei, jeg er en varslingsmelding av typen Success \",\n    defaultValue: 0,\n};\nexport const SuccessSystemMessage: Story = {\n    args: {\n        ...baseArgs,\n    },\n};\n"],"names":["meta","title","component","SuccessSystemMessageComponent","parameters","layout","tags","SuccessSystemMessage","args","name","value","children","defaultValue"],"mappings":"kGAIA,MAAMA,EAAO,CACTC,MAAO,iDACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEC,EAA8B,CACvCC,KAAM,CANNC,KAAM,kBACNC,MAAO,UACPC,SAAU,oDACVC,aAAc"}

package/build/es/components/system-message/stories/WarningSystemMessage.stories.d.ts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import('react').FC<import('../types.js').SystemMessageProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const WarningSystemMessage: Story;

package/build/es/components/system-message/stories/WarningSystemMessage.stories.js

@@ -1,2 +0,0 @@
-import{WarningSystemMessage as e}from"../SystemMessage.js";/* empty css                         */const s={title:"Komponenter/SystemMessage/WarningSystemMessage",component:e,parameters:{layout:"centered"},tags:["autodocs"]},a={args:{name:"Warning Message",value:"Warning",children:"Hei, jeg er en varslingsmelding av typen Warning ",defaultValue:0}};export{a as WarningSystemMessage,s as default};
-//# sourceMappingURL=WarningSystemMessage.stories.js.map

package/build/es/components/system-message/stories/WarningSystemMessage.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WarningSystemMessage.stories.js","sources":["../../../../../src/components/system-message/stories/WarningSystemMessage.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { WarningSystemMessage as WarningSystemMessageComponent } from \"../SystemMessage.js\";\nimport \"../styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/SystemMessage/WarningSystemMessage\",\n    component: WarningSystemMessageComponent,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof WarningSystemMessageComponent>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst baseArgs = {\n    name: \"Warning Message\",\n    value: \"Warning\",\n    children: \"Hei, jeg er en varslingsmelding av typen Warning \",\n    defaultValue: 0,\n};\nexport const WarningSystemMessage: Story = {\n    args: {\n        ...baseArgs,\n    },\n};\n"],"names":["meta","title","component","WarningSystemMessageComponent","parameters","layout","tags","WarningSystemMessage","args","name","value","children","defaultValue"],"mappings":"kGAIA,MAAMA,EAAO,CACTC,MAAO,iDACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAYEC,EAA8B,CACvCC,KAAM,CANNC,KAAM,kBACNC,MAAO,UACPC,SAAU,oDACVC,aAAc"}

package/build/es/components/table/stories/table.stories.d.ts

@@ -1,22 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import('../types.js').TableProps & React.RefAttributes<HTMLTableElement>>;
-    subcomponents: {
-        TableCaption: React.ForwardRefExoticComponent<import('../types.js').TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
-        TableHead: React.ForwardRefExoticComponent<import('../types.js').TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableHeader: React.ForwardRefExoticComponent<import('../types.js').TableHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-        TableBody: React.ForwardRefExoticComponent<import('../types.js').TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableRow: React.ForwardRefExoticComponent<import('../types.js').TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-        TableCell: React.ForwardRefExoticComponent<import('../types.js').TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TableStory: Story;
-export declare const StortableTable: Story;

package/build/es/components/table/stories/table.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as r}from"react";import{Table as l}from"../Table.js";import{TableBody as t}from"../TableBody.js";import{TableCaption as s}from"../TableCaption.js";import{TableCell as o}from"../TableCell.js";import{TableHead as i}from"../TableHead.js";import{TableHeader as n}from"../TableHeader.js";import{TableRow as d}from"../TableRow.js";import{c as m}from"../../../../paginated-table-data-ZMeh4d0Y.js";import{useSortableTableHeader as c}from"../utils.js";import{skadesaker as p,faktura as b}from"./data.js";/* empty css                         *//* empty css                         *//* empty css                         */const T={title:"Komponenter/Table",component:l,subcomponents:{TableCaption:s,TableHead:i,TableHeader:n,TableBody:t,TableRow:d,TableCell:o},parameters:{layout:"centered"},tags:["autodocs"]},h={name:"Table",args:{collapseToList:!0,fullWidth:!0,caption:e(s,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:""},render:r=>e("div",{style:{width:"90dvw"},children:a(l,{...r,children:[e(i,{sticky:!0,children:e(d,{children:p.columns.map(((a,r)=>e(n,{bold:!0,children:a},r)))})}),e(t,{children:p.rows.map(((a,r)=>e(d,{children:a.map(((a,r)=>e(o,{"data-th":p.columns[r],align:[1,2].includes(r)?"right":"left",children:a},r)))},r)))})]})})},f={name:"useSortableTableHeader",args:{caption:e(s,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:""},render:s=>{const[p,T]=r(m[0]),[h,f]=r("desc"),{getSortProps:u}=c(p,h,((e,a)=>{T(e),f(a)}));return a(l,{caption:s.caption,fullWidth:!0,children:[e(i,{sticky:!0,children:e(d,{children:b.columns.slice(0,4).map(((a,r)=>e(n,{bold:!0,...u(a),children:a},r)))})}),e(t,{children:b.rows.sort(((e,a)=>{if("Forfallsdato"===p){const r=new Date(e[0]).getTime(),l=new Date(a[0]).getTime();return"asc"===h?r-l:l-r}if("Beløp"===p){const r=Number(e[2]),l=Number(a[2]);return"asc"===h?r-l:l-r}return 0})).map(((a,r)=>e(d,{children:a.slice(0,4).map(((a,r)=>e(o,{"data-th":m[r],align:[1,2].includes(r)?"right":"left",children:a.toLocaleString()},r)))},r)))})]})}};export{f as StortableTable,h as TableStory,T as default};
-//# sourceMappingURL=table.stories.js.map

package/build/es/components/table/stories/table.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.stories.js","sources":["../../../../../src/components/table/stories/table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { useState } from \"react\";\nimport { Table } from \"../Table.js\";\nimport { TableBody } from \"../TableBody.js\";\nimport { TableCaption } from \"../TableCaption.js\";\nimport { TableCell } from \"../TableCell.js\";\nimport { TableHead } from \"../TableHead.js\";\nimport { TableHeader, type TableSortDirection } from \"../TableHeader.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport { columns } from \"../development/paginated-table-data.js\";\nimport { useSortableTableHeader } from \"../utils.js\";\nimport { faktura, skadesaker } from \"./data.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../description-list/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table\",\n    component: Table,\n    subcomponents: {\n        TableCaption,\n        TableHead,\n        TableHeader,\n        TableBody,\n        TableRow,\n        TableCell,\n    },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TableStory: Story = {\n    name: \"Table\",\n    args: {\n        collapseToList: true,\n        fullWidth: true,\n        caption: (\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n        ),\n        children: \"\",\n    },\n    render: (args) => (\n        <div style={{ width: \"90dvw\" }}>\n            <Table {...args}>\n                <TableHead sticky={true}>\n                    <TableRow>\n                        {skadesaker.columns.map((column, index) => (\n                            <TableHeader key={index} bold>\n                                {column}\n                            </TableHeader>\n                        ))}\n                    </TableRow>\n                </TableHead>\n                <TableBody>\n                    {skadesaker.rows.map((row, rowIndex) => (\n                        <TableRow key={rowIndex}>\n                            {row.map((cell, cellIndex) => (\n                                <TableCell\n                                    key={cellIndex}\n                                    data-th={skadesaker.columns[cellIndex]}\n                                    align={\n                                        [1, 2].includes(cellIndex)\n                                            ? \"right\"\n                                            : \"left\"\n                                    }\n                                >\n                                    {cell}\n                                </TableCell>\n                            ))}\n                        </TableRow>\n                    ))}\n                </TableBody>\n            </Table>\n        </div>\n    ),\n};\n\nexport const StortableTable: Story = {\n    name: \"useSortableTableHeader\",\n    args: {\n        caption: (\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n        ),\n        children: \"\",\n    },\n    render: (args) => {\n        const [sortBy, setSortBy] = useState(columns[0]);\n        const [direction, setDirection] = useState<TableSortDirection>(\"desc\");\n\n        const handleSortChange = (\n            sortKey: string,\n            sortDirection: TableSortDirection,\n        ) => {\n            setSortBy(sortKey);\n            setDirection(sortDirection);\n        };\n\n        const { getSortProps } = useSortableTableHeader(\n            sortBy,\n            direction,\n            handleSortChange,\n        );\n\n        return (\n            <Table caption={args.caption} fullWidth>\n                <TableHead sticky={true}>\n                    <TableRow>\n                        {faktura.columns.slice(0, 4).map((column, index) => (\n                            <TableHeader\n                                key={index}\n                                bold\n                                {...getSortProps(column)}\n                            >\n                                {column}\n                            </TableHeader>\n                        ))}\n                    </TableRow>\n                </TableHead>\n                <TableBody>\n                    {faktura.rows\n                        .sort((a, b) => {\n                            if (sortBy === \"Forfallsdato\") {\n                                const timeA = new Date(a[0] as Date).getTime();\n                                const timeB = new Date(b[0] as Date).getTime();\n\n                                if (direction === \"asc\") {\n                                    return timeA - timeB;\n                                }\n\n                                return timeB - timeA;\n                            }\n\n                            if (sortBy === \"Beløp\") {\n                                const numberA = Number(a[2]);\n                                const numberB = Number(b[2]);\n\n                                if (direction === \"asc\") {\n                                    return numberA - numberB;\n                                }\n\n                                return numberB - numberA;\n                            }\n\n                            return 0;\n                        })\n                        .map((row, rowIndex) => (\n                            <TableRow key={rowIndex}>\n                                {row.slice(0, 4).map((cell, cellIndex) => (\n                                    <TableCell\n                                        key={cellIndex}\n                                        data-th={columns[cellIndex]}\n                                        align={\n                                            [1, 2].includes(cellIndex)\n                                                ? \"right\"\n                                                : \"left\"\n                                        }\n                                    >\n                                        {cell.toLocaleString()}\n                                    </TableCell>\n                                ))}\n                            </TableRow>\n                        ))}\n                </TableBody>\n            </Table>\n        );\n    },\n};\n"],"names":["meta","title","component","Table","subcomponents","TableCaption","TableHead","TableHeader","TableBody","TableRow","TableCell","parameters","layout","tags","TableStory","name","args","collapseToList","fullWidth","caption","jsx","srOnly","children","render","style","width","jsxs","sticky","skadesaker","columns","map","column","index","bold","rows","row","rowIndex","cell","cellIndex","align","includes","StortableTable","sortBy","setSortBy","useState","direction","setDirection","getSortProps","useSortableTableHeader","sortKey","sortDirection","faktura","slice","sort","a","b","timeA","Date","getTime","timeB","numberA","Number","numberB","toLocaleString"],"mappings":"sqBAiBA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,cAAe,CACXC,aAAAA,EACAC,UAAAA,EACAC,YAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,GAEJC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAoB,CAC7BC,KAAM,QACNC,KAAM,CACFC,gBAAgB,EAChBC,WAAW,EACXC,QACIC,EAACf,EAAa,CAAAgB,QAAM,EAACC,SAA2B,gCAEpDA,SAAU,IAEdC,OAASP,GACLI,EAAC,MAAI,CAAAI,MAAO,CAAEC,MAAO,SACjBH,SAACI,EAAAvB,EAAA,IAAUa,EACPM,SAAA,CAAAF,EAACd,GAAUqB,QAAQ,EACfL,WAACb,EACI,CAAAa,SAAAM,EAAWC,QAAQC,KAAI,CAACC,EAAQC,IAC7BZ,EAACb,GAAwB0B,MAAI,EACxBX,YADaU,SAM7BZ,EAAAZ,EAAA,CACIc,SAAWM,EAAAM,KAAKJ,KAAI,CAACK,EAAKC,IACvBhB,EAACX,EACI,CAAAa,SAAAa,EAAIL,KAAI,CAACO,EAAMC,IACZlB,EAACV,EAAA,CAEG,UAASkB,EAAWC,QAAQS,GAC5BC,MACI,CAAC,EAAG,GAAGC,SAASF,GACV,QACA,OAGThB,SAAAe,GARIC,MAHFF,aAsB1BK,EAAwB,CACjC1B,KAAM,yBACNC,KAAM,CACFG,QACIC,EAACf,EAAa,CAAAgB,QAAM,EAACC,SAA2B,gCAEpDA,SAAU,IAEdC,OAASP,IACL,MAAO0B,EAAQC,GAAaC,EAASf,EAAQ,KACtCgB,EAAWC,GAAgBF,EAA6B,SAUvDG,aAAAA,GAAiBC,EACrBN,EACAG,GAVqB,CACrBI,EACAC,KAEAP,EAAUM,GACVH,EAAaI,EAAa,aAUzB/C,EAAM,CAAAgB,QAASH,EAAKG,QAASD,WAAS,EACnCI,SAAA,CAAAF,EAACd,EAAU,CAAAqB,QAAQ,EACfL,SAAAF,EAACX,GACIa,SAAQ6B,EAAAtB,QAAQuB,MAAM,EAAG,GAAGtB,KAAI,CAACC,EAAQC,IACtCZ,EAACb,EAAA,CAEG0B,MAAI,KACAc,EAAahB,GAEhBT,SAAAS,GAJIC,WASpBxB,EACI,CAAAc,SAAA6B,EAAQjB,KACJmB,MAAK,CAACC,EAAGC,KACN,GAAe,iBAAXb,EAA2B,CAC3B,MAAMc,EAAQ,IAAIC,KAAKH,EAAE,IAAYI,UAC/BC,EAAQ,IAAIF,KAAKF,EAAE,IAAYG,UAErC,MAAkB,QAAdb,EACOW,EAAQG,EAGZA,EAAQH,CAAA,CAGnB,GAAe,UAAXd,EAAoB,CACdkB,MAAAA,EAAUC,OAAOP,EAAE,IACnBQ,EAAUD,OAAON,EAAE,IAEzB,MAAkB,QAAdV,EACOe,EAAUE,EAGdA,EAAUF,CAAA,CAGd,OAAA,CAAA,IAEV9B,KAAI,CAACK,EAAKC,IACNhB,EAAAX,EAAA,CACIa,SAAIa,EAAAiB,MAAM,EAAG,GAAGtB,KAAI,CAACO,EAAMC,IACxBlB,EAACV,EAAA,CAEG,UAASmB,EAAQS,GACjBC,MACI,CAAC,EAAG,GAAGC,SAASF,GACV,QACA,OAGThB,WAAKyC,kBARDzB,MAHFF,SAiB/B"}

package/build/es/components/table/stories/tableCollapsing.stories.d.ts

@@ -1,16 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import('../types.js').ExpandableTableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-    subcomponents: {
-        ExpandableTableRowController: React.ForwardRefExoticComponent<import('../types.js').ExpandableTableRowControllerProps & React.RefAttributes<HTMLTableCellElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TableCollapse: Story;

package/build/es/components/table/stories/tableCollapsing.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{createElement as r,Fragment as l}from"react";import{DescriptionList as o,DescriptionTerm as t,DescriptionDetail as n}from"../../description-list/DescriptionList.js";import{Link as i}from"../../link/Link.js";import{ExpandableTableRow as s}from"../ExpandableTableRow.js";import{ExpandableTableRowController as d}from"../ExpandableTableRowController.js";import{Table as p}from"../Table.js";import{TableBody as m}from"../TableBody.js";import{TableCaption as c}from"../TableCaption.js";import{TableCell as b}from"../TableCell.js";import{TableHead as h}from"../TableHead.js";import{TableHeader as T}from"../TableHeader.js";import{TableRow as f}from"../TableRow.js";import{c as j}from"../../../../paginated-table-data-ZMeh4d0Y.js";import{faktura as x}from"./data.js";/* empty css                         *//* empty css                         *//* empty css                         */const w={title:"Komponenter/Table/ExpandableTableRow",component:s,subcomponents:{ExpandableTableRowController:d},parameters:{layout:"centered"},tags:["autodocs"]},k={name:"Expandable Table",args:{colSpan:99,clickable:!1,isOpen:!1,expandedChildren:""},render:w=>e("div",{style:{width:"90dvw"},children:a(p,{fullWidth:!0,caption:e(c,{children:"Eksempel på ekspanderbare rader"}),children:[e(h,{sticky:!0,children:a(f,{children:[x.columns.slice(0,4).map(((a,r)=>e(T,{bold:!0,children:a},r))),e(T,{})]})}),e(m,{children:x.rows.map(((p,m)=>r(s,{...w,key:m,expandedChildren:a(o,{children:[x.columns.map(((r,o)=>p.map(((i,s)=>o===s&&a(l,{children:[e(t,{children:r}),e(n,{children:i.toLocaleString()})]},s))))),e(t,{children:"Faktura"}),e(n,{children:e(i,{external:!0,target:"_blank",href:"#",children:"Åpne i ny fane"})}),e(n,{children:e(i,{download:`${p[3]} ${new Date(p[0]).toLocaleDateString()}`,href:"#",children:"Last ned"})})]})},e(b,{children:e(i,{download:`${p[3]} ${new Date(p[0]).toLocaleDateString()}`,href:"#",children:new Date(p[0]).toLocaleDateString()})}),p.slice(1,4).map(((a,r)=>e(b,{"data-th":j[r],children:a.toLocaleString()},r))),e(d,{children:"Vis detaljer"}))))})]})})};export{k as TableCollapse,w as default};
-//# sourceMappingURL=tableCollapsing.stories.js.map

package/build/es/components/table/stories/tableCollapsing.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableCollapsing.stories.js","sources":["../../../../../src/components/table/stories/tableCollapsing.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { Fragment } from \"react\";\nimport {\n    DescriptionDetail,\n    DescriptionList,\n    DescriptionTerm,\n} from \"../../description-list/index.js\";\nimport { Link } from \"../../link/index.js\";\nimport { ExpandableTableRow } from \"../ExpandableTableRow.js\";\nimport { ExpandableTableRowController } from \"../ExpandableTableRowController.js\";\nimport { Table } from \"../Table.js\";\nimport { TableBody } from \"../TableBody.js\";\nimport { TableCaption } from \"../TableCaption.js\";\nimport { TableCell } from \"../TableCell.js\";\nimport { TableHead } from \"../TableHead.js\";\nimport { TableHeader } from \"../TableHeader.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport { columns } from \"../development/paginated-table-data.js\";\nimport { faktura } from \"./data.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../description-list/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table/ExpandableTableRow\",\n    component: ExpandableTableRow,\n    subcomponents: {\n        ExpandableTableRowController,\n    },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TableCollapse: Story = {\n    name: \"Expandable Table\",\n    args: {\n        colSpan: 99,\n        // @ts-ignore\n        clickable: false,\n        isOpen: false,\n        expandedChildren: \"\",\n    },\n    render: (args) => (\n        <div style={{ width: \"90dvw\" }}>\n            <Table\n                fullWidth={true}\n                caption={\n                    <TableCaption>Eksempel på ekspanderbare rader</TableCaption>\n                }\n            >\n                <TableHead sticky={true}>\n                    <TableRow>\n                        {faktura.columns.slice(0, 4).map((column, index) => (\n                            <TableHeader key={index} bold>\n                                {column}\n                            </TableHeader>\n                        ))}\n                        <TableHeader />\n                    </TableRow>\n                </TableHead>\n                <TableBody>\n                    {faktura.rows.map((row, rowIndex) => (\n                        <ExpandableTableRow\n                            {...args}\n                            key={rowIndex}\n                            expandedChildren={\n                                <DescriptionList>\n                                    {faktura.columns.map(\n                                        (column, columnIndex) =>\n                                            row.map(\n                                                (cell, rowIndex) =>\n                                                    columnIndex ===\n                                                        rowIndex && (\n                                                        <Fragment\n                                                            key={rowIndex}\n                                                        >\n                                                            <DescriptionTerm>\n                                                                {column}\n                                                            </DescriptionTerm>\n                                                            <DescriptionDetail>\n                                                                {cell.toLocaleString()}\n                                                            </DescriptionDetail>\n                                                        </Fragment>\n                                                    ),\n                                            ),\n                                    )}\n                                    <DescriptionTerm>Faktura</DescriptionTerm>\n                                    <DescriptionDetail>\n                                        <Link\n                                            external\n                                            target={\"_blank\"}\n                                            href={\"#\"}\n                                        >\n                                            Åpne i ny fane\n                                        </Link>\n                                    </DescriptionDetail>\n                                    <DescriptionDetail>\n                                        <Link\n                                            download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                            href={\"#\"}\n                                        >\n                                            Last ned\n                                        </Link>\n                                    </DescriptionDetail>\n                                </DescriptionList>\n                            }\n                        >\n                            <TableCell>\n                                <Link\n                                    download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                    href={\"#\"}\n                                >\n                                    {new Date(\n                                        row[0] as Date,\n                                    ).toLocaleDateString()}\n                                </Link>\n                            </TableCell>\n                            {row.slice(1, 4).map((cell, cellIndex) => (\n                                <TableCell\n                                    key={cellIndex}\n                                    data-th={columns[cellIndex]}\n                                >\n                                    {cell.toLocaleString()}\n                                </TableCell>\n                            ))}\n                            <ExpandableTableRowController>\n                                Vis detaljer\n                            </ExpandableTableRowController>\n                        </ExpandableTableRow>\n                    ))}\n                </TableBody>\n            </Table>\n        </div>\n    ),\n};\n"],"names":["meta","title","component","ExpandableTableRow","subcomponents","ExpandableTableRowController","parameters","layout","tags","TableCollapse","name","args","colSpan","clickable","isOpen","expandedChildren","render","jsx","style","width","children","jsxs","Table","fullWidth","caption","TableCaption","TableHead","sticky","TableRow","faktura","columns","slice","map","column","index","TableHeader","bold","TableBody","rows","row","rowIndex","createElement","key","DescriptionList","columnIndex","cell","Fragment","DescriptionTerm","DescriptionDetail","toLocaleString","Link","external","target","href","download","Date","toLocaleDateString","TableCell","cellIndex"],"mappings":"s6BAwBA,MAAMA,EAAO,CACTC,MAAO,uCACPC,UAAWC,EACXC,cAAe,CACXC,6BAAAA,GAEJC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAuB,CAChCC,KAAM,mBACNC,KAAM,CACFC,QAAS,GAETC,WAAW,EACXC,QAAQ,EACRC,iBAAkB,IAEtBC,OAASL,GACLM,EAAC,OAAIC,MAAO,CAAEC,MAAO,SACjBC,SAAAC,EAACC,EAAA,CACGC,WAAW,EACXC,QACKP,EAAAQ,EAAA,CAAaL,SAA+B,oCAGjDA,SAAA,CAAAH,EAACS,EAAU,CAAAC,QAAQ,EACfP,SAAAC,EAACO,EACI,CAAAR,SAAA,CAAAS,EAAQC,QAAQC,MAAM,EAAG,GAAGC,KAAI,CAACC,EAAQC,MACrCC,EAAwB,CAAAC,MAAI,EACxBhB,SAAAa,GADaC,OAIrBC,EAAY,CAAA,UAGpBE,EACI,CAAAjB,SAAAS,EAAQS,KAAKN,KAAI,CAACO,EAAKC,IACpBC,EAACtC,EAAA,IACOQ,EACJ+B,IAAKF,EACLzB,mBACK4B,EACI,CAAAvB,SAAA,CAAAS,EAAQC,QAAQE,KACb,CAACC,EAAQW,IACLL,EAAIP,KACA,CAACa,EAAML,IACHI,IACIJ,GACAnB,EAACyB,EAAA,CAGG1B,SAAA,CAAAH,EAAC8B,GACI3B,SACLa,IACChB,EAAA+B,EAAA,CACI5B,SAAKyB,EAAAI,qBANLT,OAY7BvB,EAAC8B,GAAgB3B,SAAO,cACvB4B,EACG,CAAA5B,SAAAH,EAACiC,EAAA,CACGC,UAAQ,EACRC,OAAQ,SACRC,KAAM,IACTjC,SAAA,uBAIJ4B,EACG,CAAA5B,SAAAH,EAACiC,EAAA,CACGI,SAAU,GAAGf,EAAI,MAAM,IAAIgB,KAAKhB,EAAI,IAAYiB,uBAChDH,KAAM,IACTjC,SAAA,qBAOZqC,EACG,CAAArC,SAAAH,EAACiC,EAAA,CACGI,SAAU,GAAGf,EAAI,MAAM,IAAIgB,KAAKhB,EAAI,IAAYiB,uBAChDH,KAAM,IAELjC,SAAI,IAAAmC,KACDhB,EAAI,IACNiB,yBAGTjB,EAAIR,MAAM,EAAG,GAAGC,KAAI,CAACa,EAAMa,IACxBzC,EAACwC,EAAA,CAEG,UAAS3B,EAAQ4B,GAEhBtC,WAAK6B,kBAHDS,KAMbzC,EAACZ,GAA6Be,SAE9B"}

package/build/es/components/table/stories/tableComplex.stories.d.ts

@@ -1,21 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import('../types.js').TableProps & React.RefAttributes<HTMLTableElement>>;
-    subcomponents: {
-        TableCaption: React.ForwardRefExoticComponent<import('../types.js').TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
-        TableHead: React.ForwardRefExoticComponent<import('../types.js').TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableHeader: React.ForwardRefExoticComponent<import('../types.js').TableHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-        TableBody: React.ForwardRefExoticComponent<import('../types.js').TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableRow: React.ForwardRefExoticComponent<import('../types.js').TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-        TableCell: React.ForwardRefExoticComponent<import('../types.js').TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TableComplex: Story;

package/build/es/components/table/stories/tableComplex.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as a,Fragment as t}from"react/jsx-runtime";import{useRef as r,useState as l,useEffect as o,Fragment as n}from"react";import{Button as s}from"../../button/Button.js";import{DescriptionList as i,DescriptionTerm as c,DescriptionDetail as m}from"../../description-list/DescriptionList.js";import{Link as d}from"../../link/Link.js";import{Select as p}from"../../select/Select.js";import"../../select/NativeSelect.js";import"../../text-input/BaseTextInput.js";import{TextInput as b}from"../../text-input/TextInput.js";import{ExpandableTableRow as u}from"../ExpandableTableRow.js";import{ExpandableTableRowController as h}from"../ExpandableTableRowController.js";import{Table as f}from"../Table.js";import{TableBody as T}from"../TableBody.js";import{TableCaption as g}from"../TableCaption.js";import{TableCell as j}from"../TableCell.js";import{TableFooter as w}from"../TableFooter.js";import{TableHead as x}from"../TableHead.js";import{TableHeader as C}from"../TableHeader.js";import{TablePagination as k}from"../TablePagination.js";import{TableRow as S}from"../TableRow.js";import{useSortableTableHeader as L}from"../utils.js";import{faktura as v}from"./data.js";/* empty css                         *//* empty css                         *//* empty css                         *//* empty css                         *//* empty css                         *//* empty css                         */const D={title:"Komponenter/Table",component:f,subcomponents:{TableCaption:g,TableHead:x,TableHeader:C,TableBody:T,TableRow:S,TableCell:j},parameters:{layout:"centered"},tags:["autodocs"]},P={name:"Kompleks Table",args:{collapseToList:!0,fullWidth:!0,caption:e(g,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:""},render:g=>{const D=r(null),[P,y]=l(0),[R,F]=l(6),[I,B]=l(v.columns[0]),[H,_]=l("desc"),[E,N]=l(""),[$,O]=l(""),[V,A]=l(v.rows),K=P*R,{getSortProps:W}=L(I,H,((e,a)=>{B(e),_(a)}));return o((()=>{A(v.rows.filter((e=>e.toString().toLowerCase().includes(E.toLowerCase()))).filter((e=>e[3].toString().toLowerCase().includes($.toLowerCase()))).slice(K,K+R))}),[K,R,E,$]),a(t,{children:[a("aside",{style:{display:"flex",gap:"24px",alignItems:"end",marginBlockEnd:"24px"},children:[e(b,{label:"Søk",value:E,placeholder:"Søk",onChange:e=>N(e.target.value)}),e(p,{items:[{label:"Alle statuser",value:""},"Faktura","Påminnelse","Inkasso"],label:"Status",name:"status",value:$,onChange:e=>O(e.target.value)}),e(s,{onClick:()=>{N(""),O("")},children:"Fjern filter"})]}),e("div",{style:{width:"90dvw"},children:a(f,{...g,children:[e(x,{sticky:!0,children:e(S,{children:v.columns.slice(0,6).map(((a,t)=>e(C,{bold:!0,...W(a),children:a},t)))})}),e(T,{children:0!==V.length?V.sort(((e,a)=>{if("Forfallsdato"===I){const t=new Date(e[0]).getTime(),r=new Date(a[0]).getTime();return"asc"===H?t-r:r-t}if("Beløp"===I){const t=Number(e[2]),r=Number(a[2]);return"asc"===H?t-r:r-t}return 0})).map(((t,r)=>a(u,{clickable:!1,expandedChildren:a(i,{children:[v.columns.map(((r,l)=>t.map(((t,o)=>l===o&&a(n,{children:[e(c,{children:r}),e(m,{children:t.toLocaleString()})]},o))))),e(c,{children:"Faktura"}),e(m,{children:e(d,{external:!0,target:"_blank",href:"#",children:"Åpne i ny fane"})}),e(m,{children:e(d,{download:`${t[3]} ${new Date(t[0]).toLocaleDateString()}`,href:"#",children:"Last ned"})})]}),children:[e(j,{children:e(d,{download:`${t[3]} ${new Date(t[0]).toLocaleDateString()}`,href:"#",children:new Date(t[0]).toLocaleDateString()})}),t.slice(1,6).map(((a,t)=>e(j,{"data-th":v.columns[t],children:a.toLocaleString()},t))),e(h,{children:"Vis detaljer"})]},r))):e(S,{children:e(j,{colSpan:99,children:"Fant ingen fakturaer."})})}),e(w,{children:e(S,{children:e(j,{colSpan:99,children:e(k,{activePage:P,totalNumberOfRows:v.rows.length,rowsPerPage:R,rowsPerPageItems:[6,12,24,{label:"Alle",value:V.length}],onChangeRowsPerPage:e=>{const a=Number.parseInt(e.target.value);F(a),y(0),D.current&&D.current.scrollIntoView({behavior:"smooth"})},onChange:(e,a)=>{y(a),D.current&&D.current.scrollIntoView({behavior:"smooth"})}})})})})]})})]})}};export{P as TableComplex,D as default};
-//# sourceMappingURL=tableComplex.stories.js.map

package/build/es/components/table/stories/tableComplex.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableComplex.stories.js","sources":["../../../../../src/components/table/stories/tableComplex.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport React, { Fragment, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"../../button/index.js\";\nimport {\n    DescriptionDetail,\n    DescriptionList,\n    DescriptionTerm,\n} from \"../../description-list/index.js\";\nimport { Link } from \"../../link/index.js\";\nimport { Select } from \"../../select/index.js\";\nimport { TextInput } from \"../../text-input/index.js\";\nimport { ExpandableTableRow } from \"../ExpandableTableRow.js\";\nimport { ExpandableTableRowController } from \"../ExpandableTableRowController.js\";\nimport { Table } from \"../Table.js\";\nimport { TableBody } from \"../TableBody.js\";\nimport { TableCaption } from \"../TableCaption.js\";\nimport { TableCell } from \"../TableCell.js\";\nimport { TableFooter } from \"../TableFooter.js\";\nimport { TableHead } from \"../TableHead.js\";\nimport { TableHeader, type TableSortDirection } from \"../TableHeader.js\";\nimport { TablePagination } from \"../TablePagination.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport { useSortableTableHeader } from \"../utils.js\";\nimport { faktura } from \"./data.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../description-list/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\nimport \"../../button/styles/_index.scss\";\nimport \"../../combobox/styles/_index.scss\";\nimport \"../../text-input/styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table\",\n    component: Table,\n    subcomponents: {\n        TableCaption,\n        TableHead,\n        TableHeader,\n        TableBody,\n        TableRow,\n        TableCell,\n    },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TableComplex: Story = {\n    name: \"Kompleks Table\",\n    args: {\n        collapseToList: true,\n        fullWidth: true,\n        caption: (\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n        ),\n        children: \"\",\n    },\n    render: (args) => {\n        const ref = useRef<HTMLTableElement>(null);\n        const [activePage, setActivePage] = useState(0);\n        const [rowsPerPage, setRowsPerPage] = useState(6);\n        const [sortBy, setSortBy] = useState(faktura.columns[0]);\n        const [direction, setDirection] = useState<TableSortDirection>(\"desc\");\n        const [search, setSearch] = useState(\"\");\n        const [status, setStatus] = useState(\"\");\n        const [filteredRows, setFilteredRows] = useState(faktura.rows);\n\n        const startIndex = activePage * rowsPerPage;\n\n        const handleSortChange = (\n            sortKey: string,\n            sortDirection: TableSortDirection,\n        ) => {\n            setSortBy(sortKey);\n            setDirection(sortDirection);\n        };\n\n        const { getSortProps } = useSortableTableHeader(\n            sortBy,\n            direction,\n            handleSortChange,\n        );\n\n        useEffect(() => {\n            setFilteredRows(\n                faktura.rows\n                    .filter((row) =>\n                        row\n                            .toString()\n                            .toLowerCase()\n                            .includes(search.toLowerCase()),\n                    )\n                    .filter((row) =>\n                        row[3]\n                            .toString()\n                            .toLowerCase()\n                            .includes(status.toLowerCase()),\n                    )\n                    .slice(startIndex, startIndex + rowsPerPage),\n            );\n        }, [startIndex, rowsPerPage, search, status]);\n\n        return (\n            <>\n                <aside\n                    style={{\n                        display: \"flex\",\n                        gap: \"24px\",\n                        alignItems: \"end\",\n                        marginBlockEnd: \"24px\",\n                    }}\n                >\n                    <TextInput\n                        label={\"Søk\"}\n                        value={search}\n                        placeholder={\"Søk\"}\n                        onChange={(e) => setSearch(e.target.value)}\n                    />\n                    <Select\n                        items={[\n                            { label: \"Alle statuser\", value: \"\" },\n                            \"Faktura\",\n                            \"Påminnelse\",\n                            \"Inkasso\",\n                        ]}\n                        label={\"Status\"}\n                        name={\"status\"}\n                        value={status}\n                        onChange={(e) => setStatus(e.target.value)}\n                    />\n\n                    <Button\n                        onClick={() => {\n                            setSearch(\"\");\n                            setStatus(\"\");\n                        }}\n                    >\n                        Fjern filter\n                    </Button>\n                </aside>\n                <div style={{ width: \"90dvw\" }}>\n                    <Table {...args}>\n                        <TableHead sticky={true}>\n                            <TableRow>\n                                {faktura.columns\n                                    .slice(0, 6)\n                                    .map((column, index) => (\n                                        <TableHeader\n                                            key={index}\n                                            bold\n                                            {...getSortProps(column)}\n                                        >\n                                            {column}\n                                        </TableHeader>\n                                    ))}\n                            </TableRow>\n                        </TableHead>\n                        <TableBody>\n                            {filteredRows.length !== 0 ? (\n                                filteredRows\n                                    .sort((a, b) => {\n                                        if (sortBy === \"Forfallsdato\") {\n                                            const timeA = new Date(\n                                                a[0] as Date,\n                                            ).getTime();\n                                            const timeB = new Date(\n                                                b[0] as Date,\n                                            ).getTime();\n\n                                            if (direction === \"asc\") {\n                                                return timeA - timeB;\n                                            }\n\n                                            return timeB - timeA;\n                                        }\n\n                                        if (sortBy === \"Beløp\") {\n                                            const numberA = Number(a[2]);\n                                            const numberB = Number(b[2]);\n\n                                            if (direction === \"asc\") {\n                                                return numberA - numberB;\n                                            }\n\n                                            return numberB - numberA;\n                                        }\n\n                                        return 0;\n                                    })\n                                    .map((row, rowIndex) => (\n                                        <ExpandableTableRow\n                                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                            // @ts-ignore\n                                            clickable={false}\n                                            key={rowIndex}\n                                            expandedChildren={\n                                                <DescriptionList>\n                                                    {faktura.columns.map(\n                                                        (column, columnIndex) =>\n                                                            row.map(\n                                                                (\n                                                                    cell,\n                                                                    rowIndex,\n                                                                ) =>\n                                                                    columnIndex ===\n                                                                        rowIndex && (\n                                                                        <Fragment\n                                                                            key={\n                                                                                rowIndex\n                                                                            }\n                                                                        >\n                                                                            <DescriptionTerm>\n                                                                                {\n                                                                                    column\n                                                                                }\n                                                                            </DescriptionTerm>\n                                                                            <DescriptionDetail>\n                                                                                {cell.toLocaleString()}\n                                                                            </DescriptionDetail>\n                                                                        </Fragment>\n                                                                    ),\n                                                            ),\n                                                    )}\n                                                    <DescriptionTerm>\n                                                        Faktura\n                                                    </DescriptionTerm>\n                                                    <DescriptionDetail>\n                                                        <Link\n                                                            external\n                                                            target={\"_blank\"}\n                                                            href={\"#\"}\n                                                        >\n                                                            Åpne i ny fane\n                                                        </Link>\n                                                    </DescriptionDetail>\n                                                    <DescriptionDetail>\n                                                        <Link\n                                                            download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                                            href={\"#\"}\n                                                        >\n                                                            Last ned\n                                                        </Link>\n                                                    </DescriptionDetail>\n                                                </DescriptionList>\n                                            }\n                                        >\n                                            <TableCell>\n                                                <Link\n                                                    download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                                    href={\"#\"}\n                                                >\n                                                    {new Date(\n                                                        row[0] as Date,\n                                                    ).toLocaleDateString()}\n                                                </Link>\n                                            </TableCell>\n                                            {row\n                                                .slice(1, 6)\n                                                .map((cell, cellIndex) => (\n                                                    <TableCell\n                                                        key={cellIndex}\n                                                        data-th={\n                                                            faktura.columns[\n                                                                cellIndex\n                                                            ]\n                                                        }\n                                                    >\n                                                        {cell.toLocaleString()}\n                                                    </TableCell>\n                                                ))}\n                                            <ExpandableTableRowController>\n                                                Vis detaljer\n                                            </ExpandableTableRowController>\n                                        </ExpandableTableRow>\n                                    ))\n                            ) : (\n                                <TableRow>\n                                    <TableCell colSpan={99}>\n                                        Fant ingen fakturaer.\n                                    </TableCell>\n                                </TableRow>\n                            )}\n                        </TableBody>\n                        <TableFooter>\n                            <TableRow>\n                                <TableCell colSpan={99}>\n                                    <TablePagination\n                                        activePage={activePage}\n                                        totalNumberOfRows={faktura.rows.length}\n                                        rowsPerPage={rowsPerPage}\n                                        rowsPerPageItems={[\n                                            6,\n                                            12,\n                                            24,\n                                            {\n                                                label: \"Alle\",\n                                                value: filteredRows.length,\n                                            },\n                                        ]}\n                                        onChangeRowsPerPage={(e) => {\n                                            const newRowsPerPage =\n                                                Number.parseInt(e.target.value);\n                                            setRowsPerPage(newRowsPerPage);\n                                            setActivePage(0);\n                                            if (ref.current) {\n                                                ref.current.scrollIntoView({\n                                                    behavior: \"smooth\",\n                                                });\n                                            }\n                                        }}\n                                        onChange={(_, toPage) => {\n                                            setActivePage(toPage);\n                                            if (ref.current) {\n                                                ref.current.scrollIntoView({\n                                                    behavior: \"smooth\",\n                                                });\n                                            }\n                                        }}\n                                    />\n                                </TableCell>\n                            </TableRow>\n                        </TableFooter>\n                    </Table>\n                </div>\n            </>\n        );\n    },\n};\n"],"names":["meta","title","component","Table","subcomponents","TableCaption","TableHead","TableHeader","TableBody","TableRow","TableCell","parameters","layout","tags","TableComplex","name","args","collapseToList","fullWidth","caption","jsx","srOnly","children","render","ref","useRef","activePage","setActivePage","useState","rowsPerPage","setRowsPerPage","sortBy","setSortBy","faktura","columns","direction","setDirection","search","setSearch","status","setStatus","filteredRows","setFilteredRows","rows","startIndex","getSortProps","useSortableTableHeader","sortKey","sortDirection","useEffect","filter","row","toString","toLowerCase","includes","slice","jsxs","Fragment","style","display","gap","alignItems","marginBlockEnd","TextInput","label","value","placeholder","onChange","e","target","Select","items","Button","onClick","width","sticky","map","column","index","bold","length","sort","a","b","timeA","Date","getTime","timeB","numberA","Number","numberB","rowIndex","ExpandableTableRow","clickable","expandedChildren","DescriptionList","columnIndex","cell","DescriptionTerm","DescriptionDetail","toLocaleString","Link","external","href","download","toLocaleDateString","cellIndex","ExpandableTableRowController","colSpan","TableFooter","TablePagination","totalNumberOfRows","rowsPerPageItems","onChangeRowsPerPage","newRowsPerPage","parseInt","current","scrollIntoView","behavior","_","toPage"],"mappings":"o4CAgCA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,cAAe,CACXC,aAAAA,EACAC,UAAAA,EACAC,YAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,GAEJC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAsB,CAC/BC,KAAM,iBACNC,KAAM,CACFC,gBAAgB,EAChBC,WAAW,EACXC,QACIC,EAACf,EAAa,CAAAgB,QAAM,EAACC,SAA2B,gCAEpDA,SAAU,IAEdC,OAASP,IACC,MAAAQ,EAAMC,EAAyB,OAC9BC,EAAYC,GAAiBC,EAAS,IACtCC,EAAaC,GAAkBF,EAAS,IACxCG,EAAQC,GAAaJ,EAASK,EAAQC,QAAQ,KAC9CC,EAAWC,GAAgBR,EAA6B,SACxDS,EAAQC,GAAaV,EAAS,KAC9BW,EAAQC,GAAaZ,EAAS,KAC9Ba,EAAcC,GAAmBd,EAASK,EAAQU,MAEnDC,EAAalB,EAAaG,GAUxBgB,aAAAA,GAAiBC,EACrBf,EACAI,GAVqB,CACrBY,EACAC,KAEAhB,EAAUe,GACVX,EAAaY,EAAa,IAS9B,OAAAC,GAAU,KACNP,EACIT,EAAQU,KACHO,QAAQC,GACLA,EACKC,WACAC,cACAC,SAASjB,EAAOgB,iBAExBH,QAAQC,GACLA,EAAI,GACCC,WACAC,cACAC,SAASf,EAAOc,iBAExBE,MAAMX,EAAYA,EAAaf,GACxC,GACD,CAACe,EAAYf,EAAaQ,EAAQE,IAI7BiB,EAAAC,EAAA,CAAAnC,SAAA,CAAAkC,EAAC,QAAA,CACGE,MAAO,CACHC,QAAS,OACTC,IAAK,OACLC,WAAY,MACZC,eAAgB,QAGpBxC,SAAA,CAAAF,EAAC2C,EAAA,CACGC,MAAO,MACPC,MAAO5B,EACP6B,YAAa,MACbC,SAAWC,GAAM9B,EAAU8B,EAAEC,OAAOJ,SAExC7C,EAACkD,EAAA,CACGC,MAAO,CACH,CAAEP,MAAO,gBAAiBC,MAAO,IACjC,UACA,aACA,WAEJD,MAAO,SACPjD,KAAM,SACNkD,MAAO1B,EACP4B,SAAWC,GAAM5B,EAAU4B,EAAEC,OAAOJ,SAGxC7C,EAACoD,EAAA,CACGC,QAAS,KACLnC,EAAU,IACVE,EAAU,GAAE,EAEnBlB,SAAA,oBAILF,EAAC,MAAI,CAAAsC,MAAO,CAAEgB,MAAO,SACjBpD,SAAAkC,EAACrD,EAAO,IAAGa,EACPM,SAAA,CAAAF,EAACd,EAAU,CAAAqE,QAAQ,EACfrD,SAAAF,EAACX,GACIa,SAAQW,EAAAC,QACJqB,MAAM,EAAG,GACTqB,KAAI,CAACC,EAAQC,IACV1D,EAACb,EAAA,CAEGwE,MAAI,KACAlC,EAAagC,GAEhBvD,SAAAuD,GAJIC,SASzB1D,EAACZ,GACIc,SAAwB,IAAXmB,EAAAuC,OACVvC,EACKwC,MAAK,CAACC,EAAGC,KACN,GAAe,iBAAXpD,EAA2B,CAC3B,MAAMqD,EAAQ,IAAIC,KACdH,EAAE,IACJI,UACIC,EAAQ,IAAIF,KACdF,EAAE,IACJG,UAEF,MAAkB,QAAdnD,EACOiD,EAAQG,EAGZA,EAAQH,CAAA,CAGnB,GAAe,UAAXrD,EAAoB,CACdyD,MAAAA,EAAUC,OAAOP,EAAE,IACnBQ,EAAUD,OAAON,EAAE,IAEzB,MAAkB,QAAdhD,EACOqD,EAAUE,EAGdA,EAAUF,CAAA,CAGd,OAAA,CAAA,IAEVZ,KAAI,CAACzB,EAAKwC,IACPnC,EAACoC,EAAA,CAGGC,WAAW,EAEXC,mBACKC,EACI,CAAAzE,SAAA,CAAAW,EAAQC,QAAQ0C,KACb,CAACC,EAAQmB,IACL7C,EAAIyB,KACA,CACIqB,EACAN,IAEAK,IACIL,GACAnC,EAACC,EAAA,CAKGnC,SAAA,CAAAF,EAAC8E,GAEO5E,SAERuD,IACCzD,EAAA+E,EAAA,CACI7E,SAAK2E,EAAAG,qBATNT,OAe5BvE,EAAC8E,GAAgB5E,SAEjB,cACC6E,EACG,CAAA7E,SAAAF,EAACiF,EAAA,CACGC,UAAQ,EACRjC,OAAQ,SACRkC,KAAM,IACTjF,SAAA,uBAIJ6E,EACG,CAAA7E,SAAAF,EAACiF,EAAA,CACGG,SAAU,GAAGrD,EAAI,MAAM,IAAIkC,KAAKlC,EAAI,IAAYsD,uBAChDF,KAAM,IACTjF,SAAA,kBAObA,SAAA,CAAAF,EAACV,EACG,CAAAY,SAAAF,EAACiF,EAAA,CACGG,SAAU,GAAGrD,EAAI,MAAM,IAAIkC,KAAKlC,EAAI,IAAYsD,uBAChDF,KAAM,IAELjF,SAAI,IAAA+D,KACDlC,EAAI,IACNsD,yBAGTtD,EACII,MAAM,EAAG,GACTqB,KAAI,CAACqB,EAAMS,IACRtF,EAACV,EAAA,CAEG,UACIuB,EAAQC,QACJwE,GAIPpF,WAAK8E,kBAPDM,KAUjBtF,EAACuF,GAA6BrF,SAE9B,mBA9EKqE,KAkFjBvE,EAACX,EACG,CAAAa,SAAAF,EAACV,GAAUkG,QAAS,GAAItF,SAExB,gCAIXuF,EACG,CAAAvF,SAAAF,EAACX,GACGa,SAACF,EAAAV,EAAA,CAAUkG,QAAS,GAChBtF,SAAAF,EAAC0F,EAAA,CACGpF,WAAAA,EACAqF,kBAAmB9E,EAAQU,KAAKqC,OAChCnD,YAAAA,EACAmF,iBAAkB,CACd,EACA,GACA,GACA,CACIhD,MAAO,OACPC,MAAOxB,EAAauC,SAG5BiC,oBAAsB7C,IAClB,MAAM8C,EACFzB,OAAO0B,SAAS/C,EAAEC,OAAOJ,OAC7BnC,EAAeoF,GACfvF,EAAc,GACVH,EAAI4F,SACJ5F,EAAI4F,QAAQC,eAAe,CACvBC,SAAU,UACb,EAGTnD,SAAU,CAACoD,EAAGC,KACV7F,EAAc6F,GACVhG,EAAI4F,SACJ5F,EAAI4F,QAAQC,eAAe,CACvBC,SAAU,UACb,iBASrC"}

package/build/es/components/table/stories/tableFiltering.stories.d.ts

@@ -1,21 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import('../types.js').TableProps & React.RefAttributes<HTMLTableElement>>;
-    subcomponents: {
-        TableCaption: React.ForwardRefExoticComponent<import('../types.js').TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
-        TableHead: React.ForwardRefExoticComponent<import('../types.js').TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableHeader: React.ForwardRefExoticComponent<import('../types.js').TableHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-        TableBody: React.ForwardRefExoticComponent<import('../types.js').TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-        TableRow: React.ForwardRefExoticComponent<import('../types.js').TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-        TableCell: React.ForwardRefExoticComponent<import('../types.js').TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TableFiltering: Story;

package/build/es/components/table/stories/tableFiltering.stories.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as a,useEffect as r}from"react";import{Button as l}from"../../button/Button.js";import{Link as o}from"../../link/Link.js";import{Select as s}from"../../select/Select.js";import"../../select/NativeSelect.js";import"../../text-input/BaseTextInput.js";import{TextInput as i}from"../../text-input/TextInput.js";import{Table as n}from"../Table.js";import{TableBody as m}from"../TableBody.js";import{TableCaption as d}from"../TableCaption.js";import{TableCell as c}from"../TableCell.js";import{TableHead as p}from"../TableHead.js";import{TableHeader as u}from"../TableHeader.js";import{TableRow as b}from"../TableRow.js";import{faktura as f}from"./data.js";/* empty css                         *//* empty css                         *//* empty css                         *//* empty css                         *//* empty css                         *//* empty css                         */const T={title:"Komponenter/Table",component:n,subcomponents:{TableCaption:d,TableHead:p,TableHeader:u,TableBody:m,TableRow:b,TableCell:c},parameters:{layout:"centered"},tags:["autodocs"]},j={name:"Filtrering av data",args:{collapseToList:!0,fullWidth:!0,caption:e(d,{srOnly:!0,children:"Overskrift for skjermlesere"}),children:""},render:d=>{const[T,j]=a(""),[h,g]=a(""),[x,k]=a(f.rows);return r((()=>{k(f.rows.filter((e=>e.toString().toLowerCase().includes(T.toLowerCase()))).filter((e=>e[3].toString().toLowerCase().includes(h.toLowerCase()))))}),[T,h]),t("div",{style:{width:"90dvw"},children:[t("aside",{style:{display:"flex",gap:"24px",alignItems:"end",marginBlockEnd:"24px"},children:[e(i,{label:"Søk",value:T,placeholder:"Søk",onChange:e=>j(e.target.value)}),e(s,{items:[{label:"Alle statuser",value:""},"Faktura","Påminnelse","Inkasso"],label:"Status",name:"status",value:h,onChange:e=>g(e.target.value)}),e(l,{onClick:()=>{j(""),g("")},children:"Fjern filter"})]}),t(n,{...d,children:[e(p,{sticky:!0,children:e(b,{children:f.columns.slice(0).map(((t,a)=>e(u,{bold:!0,children:t},a)))})}),e(m,{children:0!==x.length?x.map(((a,r)=>t(b,{children:[e(c,{children:e(o,{download:`${a[3]} ${new Date(a[0]).toLocaleDateString()}`,href:"#",children:new Date(a[0]).toLocaleDateString()})}),a.slice(1).map(((t,a)=>e(c,{"data-th":f.columns[a],children:t.toLocaleString()},a)))]},r))):e(b,{children:e(c,{colSpan:99,children:"Fant ingen fakturaer."})})})]})]})}};export{j as TableFiltering,T as default};
-//# sourceMappingURL=tableFiltering.stories.js.map

package/build/es/components/table/stories/tableFiltering.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableFiltering.stories.js","sources":["../../../../../src/components/table/stories/tableFiltering.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from \"@storybook/react\";\nimport React, {useEffect, useState} from \"react\";\nimport {Button} from \"../../button/index.js\";\nimport {Link} from \"../../link/index.js\";\nimport {Select} from \"../../select/index.js\";\nimport {TextInput} from \"../../text-input/index.js\";\nimport {Table} from \"../Table.js\";\nimport {TableBody} from \"../TableBody.js\";\nimport {TableCaption} from \"../TableCaption.js\";\nimport {TableCell} from \"../TableCell.js\";\nimport {TableHead} from \"../TableHead.js\";\nimport {TableHeader} from \"../TableHeader.js\";\nimport {TableRow} from \"../TableRow.js\";\nimport {faktura} from \"./data.js\";\n\nimport \"../styles/_index.scss\";\nimport \"../../description-list/styles/_index.scss\";\nimport \"../../button/styles/_index.scss\";\nimport \"../../combobox/styles/_index.scss\";\nimport \"../../text-input/styles/_index.scss\";\nimport \"../../link/styles/_index.scss\";\n\nconst meta = {\n    title: \"Komponenter/Table\",\n    component: Table,\n    subcomponents: {\n        TableCaption,\n        TableHead,\n        TableHeader,\n        TableBody,\n        TableRow,\n        TableCell,\n    },\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const TableFiltering: Story = {\n    name: \"Filtrering av data\",\n    args: {\n        collapseToList: true,\n        fullWidth: true,\n        caption: (\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n        ),\n        children: \"\",\n    },\n    render: (args) => {\n        const [search, setSearch] = useState(\"\");\n        const [status, setStatus] = useState(\"\");\n        const [filteredRows, setFilteredRows] = useState(faktura.rows);\n\n        useEffect(() => {\n            setFilteredRows(\n                faktura.rows\n                    .filter((row) =>\n                        row\n                            .toString()\n                            .toLowerCase()\n                            .includes(search.toLowerCase()),\n                    )\n                    .filter((row) =>\n                        row[3]\n                            .toString()\n                            .toLowerCase()\n                            .includes(status.toLowerCase()),\n                    ),\n            );\n        }, [search, status]);\n\n        return (\n            <div style={{width: \"90dvw\"}}>\n                <aside\n                    style={{\n                        display: \"flex\",\n                        gap: \"24px\",\n                        alignItems: \"end\",\n                        marginBlockEnd: \"24px\",\n                    }}\n                >\n                    <TextInput\n                        label={\"Søk\"}\n                        value={search}\n                        placeholder={\"Søk\"}\n                        onChange={(e) => setSearch(e.target.value)}\n                    />\n                    <Select\n                        items={[\n                            {label: \"Alle statuser\", value: \"\"},\n                            \"Faktura\",\n                            \"Påminnelse\",\n                            \"Inkasso\",\n                        ]}\n                        label={\"Status\"}\n                        name={\"status\"}\n                        value={status}\n                        onChange={(e) => setStatus(e.target.value)}\n                    />\n\n                    <Button\n                        onClick={() => {\n                            setSearch(\"\");\n                            setStatus(\"\");\n                        }}\n                    >\n                        Fjern filter\n                    </Button>\n                </aside>\n                <Table {...args}>\n                    <TableHead sticky={true}>\n                        <TableRow>\n                            {faktura.columns.slice(0).map((column, index) => (\n                                <TableHeader key={index} bold>\n                                    {column}\n                                </TableHeader>\n                            ))}\n                        </TableRow>\n                    </TableHead>\n                    <TableBody>\n                        {filteredRows.length !== 0 ? (\n                            filteredRows.map((row, rowIndex) => (\n                                <TableRow key={rowIndex}>\n                                    <TableCell>\n                                        <Link\n                                            download={`${row[3]} ${new Date(row[0] as Date).toLocaleDateString()}`}\n                                            href={\"#\"}\n                                        >\n                                            {new Date(\n                                                row[0] as Date,\n                                            ).toLocaleDateString()}\n                                        </Link>\n                                    </TableCell>\n                                    {row.slice(1).map((cell, cellIndex) => (\n                                        <TableCell\n                                            key={cellIndex}\n                                            data-th={faktura.columns[cellIndex]}\n                                        >\n                                            {cell.toLocaleString()}\n                                        </TableCell>\n                                    ))}\n                                </TableRow>\n                            ))\n                        ) : (\n                            <TableRow>\n                                <TableCell colSpan={99}>\n                                    Fant ingen fakturaer.\n                                </TableCell>\n                            </TableRow>\n                        )}\n                    </TableBody>\n                </Table>\n            </div>\n        );\n    },\n};\n"],"names":["meta","title","component","Table","subcomponents","TableCaption","TableHead","TableHeader","TableBody","TableRow","TableCell","parameters","layout","tags","TableFiltering","name","args","collapseToList","fullWidth","caption","jsx","srOnly","children","render","search","setSearch","useState","status","setStatus","filteredRows","setFilteredRows","faktura","rows","useEffect","filter","row","toString","toLowerCase","includes","style","width","jsxs","display","gap","alignItems","marginBlockEnd","TextInput","label","value","placeholder","onChange","e","target","Select","items","Button","onClick","sticky","columns","slice","map","column","index","bold","length","rowIndex","Link","download","Date","toLocaleDateString","href","cell","cellIndex","toLocaleString","colSpan"],"mappings":"u7BAsBA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,cAAe,CACXC,aAAAA,EACAC,UAAAA,EACAC,YAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,UAAAA,GAEJC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMEC,EAAwB,CACjCC,KAAM,qBACNC,KAAM,CACFC,gBAAgB,EAChBC,WAAW,EACXC,QACIC,EAACf,EAAa,CAAAgB,QAAM,EAACC,SAA2B,gCAEpDA,SAAU,IAEdC,OAASP,IACC,MAACQ,EAAQC,GAAaC,EAAS,KAC9BC,EAAQC,GAAaF,EAAS,KAC9BG,EAAcC,GAAmBJ,EAASK,EAAQC,MAEzD,OAAAC,GAAU,KACNH,EACIC,EAAQC,KACHE,QAAQC,GACLA,EACKC,WACAC,cACAC,SAASd,EAAOa,iBAExBH,QAAQC,GACLA,EAAI,GACCC,WACAC,cACAC,SAASX,EAAOU,iBAEjC,GACD,CAACb,EAAQG,MAGP,MAAI,CAAAY,MAAO,CAACC,MAAO,SAChBlB,SAAA,CAAAmB,EAAC,QAAA,CACGF,MAAO,CACHG,QAAS,OACTC,IAAK,OACLC,WAAY,MACZC,eAAgB,QAGpBvB,SAAA,CAAAF,EAAC0B,EAAA,CACGC,MAAO,MACPC,MAAOxB,EACPyB,YAAa,MACbC,SAAWC,GAAM1B,EAAU0B,EAAEC,OAAOJ,SAExC5B,EAACiC,EAAA,CACGC,MAAO,CACH,CAACP,MAAO,gBAAiBC,MAAO,IAChC,UACA,aACA,WAEJD,MAAO,SACPhC,KAAM,SACNiC,MAAOrB,EACPuB,SAAWC,GAAMvB,EAAUuB,EAAEC,OAAOJ,SAGxC5B,EAACmC,EAAA,CACGC,QAAS,KACL/B,EAAU,IACVG,EAAU,GAAE,EAEnBN,SAAA,oBAILmB,EAACtC,EAAO,IAAGa,EACPM,SAAA,CAACF,EAAAd,EAAA,CAAUmD,QAAQ,EACfnC,SAAAF,EAACX,GACIa,SAAQS,EAAA2B,QAAQC,MAAM,GAAGC,KAAI,CAACC,EAAQC,MAClCvD,EAAwB,CAAAwD,MAAI,EACxBzC,SADauC,GAAAC,SAM9B1C,EAACZ,EACI,CAAAc,SAAwB,IAAxBO,EAAamC,OACVnC,EAAa+B,KAAI,CAACzB,EAAK8B,IACnBxB,EAAChC,EACG,CAAAa,SAAA,CAAAF,EAACV,EACG,CAAAY,SAAAF,EAAC8C,EAAA,CACGC,SAAU,GAAGhC,EAAI,MAAM,IAAIiC,KAAKjC,EAAI,IAAYkC,uBAChDC,KAAM,IAELhD,SAAI,IAAA8C,KACDjC,EAAI,IACNkC,yBAGTlC,EAAIwB,MAAM,GAAGC,KAAI,CAACW,EAAMC,IACrBpD,EAACV,EAAA,CAEG,UAASqB,EAAQ2B,QAAQc,GAExBlD,WAAKmD,kBAHDD,OAbFP,KAsBlB7C,EAAAX,EAAA,CACGa,SAACF,EAAAV,EAAA,CAAUgE,QAAS,GAAIpD,SAExB,mCAKpB"}

package/build/es/components/table/stories/tablePagination.stories.d.ts

@@ -1,13 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { default as React } from 'react';
-declare const meta: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import('../types.js').TablePaginationProps & React.RefAttributes<HTMLDivElement>>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TablePaginationStory: Story;

package/build/es/components/table/stories/tablePagination.stories.js

@@ -1,2 +0,0 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";import"react";import{Link as o}from"../../link/Link.js";import{Table as r}from"../Table.js";import{TableBody as t}from"../TableBody.js";import{TableCaption as n}from"../TableCaption.js";import{TableCell as i}from"../TableCell.js";import{TableFooter as l}from"../TableFooter.js";import{TableHead as s}from"../TableHead.js";import{TableHeader as m}from"../TableHeader.js";import{TablePagination as p}from"../TablePagination.js";import{TableRow as d}from"../TableRow.js";import{c}from"../../../../paginated-table-data-ZMeh4d0Y.js";import{faktura as g}from"./data.js";/* empty css                         *//* empty css                         *//* empty css                         */const b={title:"Komponenter/Table/TablePagination",component:p,parameters:{layout:"centered"},tags:["autodocs"]},T={name:"TablePagination",args:{labels:{next:"Neste side",previous:"Forrige side",rowsPerPage:"Fakturaer per side"},activePage:0,totalNumberOfRows:g.rows.length,rowsPerPage:12,rowsPerPageItems:[5,10,12,{label:"Alle",value:-1}],withGoToPage:{gotoLabel:"Side"},onChangeRowsPerPage:()=>"",onChange:()=>""},argTypes:{activePage:{control:{type:"number",min:0}},totalNumberOfRows:{control:{type:"number",min:g.rows.length,max:g.rows.length}},rowsPerPage:{control:{type:"number",min:-1,max:g.rows.length}},withGoToPage:{control:"boolean",description:"Du kan også velge å endre teksten ved siden av input-feltet med en optional goToPageLabel-prop."}},render:b=>{const T=(b.activePage||0)*b.rowsPerPage,P=g.rows.slice(T,T+b.rowsPerPage);return e(r,{caption:a(n,{children:"Eksempel på paginering"}),children:[a(s,{sticky:!0,children:a(d,{children:g.columns.slice(0,5).map(((e,o)=>a(m,{bold:!0,children:e},o)))})}),a(t,{children:P.map(((r,t)=>e(d,{children:[a(i,{children:a(o,{download:`${r[3]} ${new Date(r[0]).toLocaleDateString()}`,href:"#",children:new Date(r[0]).toLocaleDateString()})}),r.slice(1,5).map(((e,o)=>a(i,{"data-th":c[o],children:e.toLocaleString()},o)))]},t)))}),a(l,{children:a(d,{children:a(i,{colSpan:99,children:a(p,{...b})})})})]})}};export{T as TablePaginationStory,b as default};
-//# sourceMappingURL=tablePagination.stories.js.map