@fremtind/jokul 0.56.2 → 0.56.4

package/build/cjs/components/table/stories/table.stories.cjs

@@ -1,2 +1,2 @@
-"use strict";
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../Table.cjs"),a=require("../TableBody.cjs"),l=require("../TableCaption.cjs"),n=require("../TableCell.cjs"),t=require("../TableHead.cjs"),i=require("../TableHeader.cjs"),s=require("../TableRow.cjs"),d={title:"Komponenter/Table",component:r.Table,parameters:{layout:"centered"},tags:["autodocs"]},o=["Dato","Saksnummer","Kundenummer","Kundenavn","Milepæl","Følger saken"],b=[["24.02.2020","20-1234567","010203 99887","Ola Nordmann","Opprettet","Siri Saksbehandler"],["13.04.2019","20-8382811","010203 99887","Kari Nordkvinne","Opprettet","Siri Saksbehandler"],["31.07.2017","20-1111","010203 99887","Kari Nordkvinne","Opprettet","Per Persen"]],c={render:d=>e.jsxs(r.Table,{fullWidth:!0,children:[e.jsx(l.TableCaption,{srOnly:!0,children:"Overskrift for skjermlesere"}),e.jsx(t.TableHead,{children:e.jsx(s.TableRow,{children:o.map(((r,a)=>e.jsx(i.TableHeader,{bold:!0,children:r},a)))})}),e.jsx(a.TableBody,{children:b.map(((r,a)=>e.jsx(s.TableRow,{children:r.map(((r,a)=>e.jsx(n.TableCell,{"data-th":o[a],align:[1,2].includes(a)?"right":"left",children:r},a)))},a)))})]})};exports.TableComponent=c,exports.default=d;
 //# sourceMappingURL=table.stories.cjs.map

package/build/cjs/components/table/stories/table.stories.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.stories.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"table.stories.cjs","sources":["../../../../../src/components/table/stories/table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/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 } from \"../TableHeader.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta = {\n    title: \"Komponenter/Table\",\n    component: Table,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst columns = [\n    \"Dato\",\n    \"Saksnummer\",\n    \"Kundenummer\",\n    \"Kundenavn\",\n    \"Milepæl\",\n    \"Følger saken\",\n];\n\nconst rows = [\n    [\n        \"24.02.2020\",\n        \"20-1234567\",\n        \"010203 99887\",\n        \"Ola Nordmann\",\n        \"Opprettet\",\n        \"Siri Saksbehandler\",\n    ],\n    [\n        \"13.04.2019\",\n        \"20-8382811\",\n        \"010203 99887\",\n        \"Kari Nordkvinne\",\n        \"Opprettet\",\n        \"Siri Saksbehandler\",\n    ],\n    [\n        \"31.07.2017\",\n        \"20-1111\",\n        \"010203 99887\",\n        \"Kari Nordkvinne\",\n        \"Opprettet\",\n        \"Per Persen\",\n    ],\n];\n\nexport const TableComponent: Story = {\n    render: (args) => (\n        <Table fullWidth>\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n            <TableHead>\n                <TableRow>\n                    {columns.map((column, index) => (\n                        <TableHeader key={index} bold>\n                            {column}\n                        </TableHeader>\n                    ))}\n                </TableRow>\n            </TableHead>\n            <TableBody>\n                {rows.map((row, rowIndex) => (\n                    <TableRow key={rowIndex}>\n                        {row.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}\n                            </TableCell>\n                        ))}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </Table>\n    ),\n};\n"],"names":["meta","title","component","Table","parameters","layout","tags","columns","rows","TableComponent","render","args","jsxs","fullWidth","children","jsx","TableCaption","srOnly","TableHead","TableRow","map","column","index","TableHeader","bold","TableBody","row","rowIndex","cell","cellIndex","TableCell","align","includes"],"mappings":"mWAWMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EAAAA,MACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAU,CACZ,OACA,aACA,cACA,YACA,UACA,gBAGEC,EAAO,CACT,CACI,aACA,aACA,eACA,eACA,YACA,sBAEJ,CACI,aACA,aACA,eACA,kBACA,YACA,sBAEJ,CACI,aACA,UACA,eACA,kBACA,YACA,eAIKC,EAAwB,CACjCC,OAASC,GACJC,EAAAA,KAAAT,EAAAA,MAAA,CAAMU,WAAS,EACZC,SAAA,CAACC,EAAAA,IAAAC,EAAAA,aAAA,CAAaC,QAAM,EAACH,SAA2B,sCAC/CI,EAAAA,UACG,CAAAJ,SAAAC,EAAAA,IAACI,WACI,CAAAL,SAAAP,EAAQa,KAAI,CAACC,EAAQC,IAClBP,EAAAA,IAACQ,eAAwBC,MAAI,EACxBV,YADaQ,SAM7BP,EAAAA,IAAAU,EAAAA,UAAA,CACIX,SAAKN,EAAAY,KAAI,CAACM,EAAKC,IACZZ,EAAAA,IAACI,EACIA,SAAA,CAAAL,SAAAY,EAAIN,KAAI,CAACQ,EAAMC,IACZd,EAAAA,IAACe,EAAAA,UAAA,CAEG,UAASvB,EAAQsB,GACjBE,MACI,CAAC,EAAG,GAAGC,SAASH,GACV,QACA,OAGTf,SAAAc,GARIC,MAHFF"}

package/build/cjs/components/table/stories/table.stories.d.cts

@@ -1 +1,13 @@
-export {};
+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>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TableComponent: Story;

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

@@ -1 +1,13 @@
-export {};
+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>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TableComponent: Story;

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

@@ -1,2 +1,2 @@
-
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Table as a}from"../Table.js";import{TableBody as l}from"../TableBody.js";import{TableCaption as t}from"../TableCaption.js";import{TableCell as n}from"../TableCell.js";import{TableHead as o}from"../TableHead.js";import{TableHeader as s}from"../TableHeader.js";import{TableRow as i}from"../TableRow.js";const m={title:"Komponenter/Table",component:a,parameters:{layout:"centered"},tags:["autodocs"]},d=["Dato","Saksnummer","Kundenummer","Kundenavn","Milepæl","Følger saken"],p=[["24.02.2020","20-1234567","010203 99887","Ola Nordmann","Opprettet","Siri Saksbehandler"],["13.04.2019","20-8382811","010203 99887","Kari Nordkvinne","Opprettet","Siri Saksbehandler"],["31.07.2017","20-1111","010203 99887","Kari Nordkvinne","Opprettet","Per Persen"]],b={render:m=>e(a,{fullWidth:!0,children:[r(t,{srOnly:!0,children:"Overskrift for skjermlesere"}),r(o,{children:r(i,{children:d.map(((e,a)=>r(s,{bold:!0,children:e},a)))})}),r(l,{children:p.map(((e,a)=>r(i,{children:e.map(((e,a)=>r(n,{"data-th":d[a],align:[1,2].includes(a)?"right":"left",children:e},a)))},a)))})]})};export{b as TableComponent,m as default};
 //# sourceMappingURL=table.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.stories.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"table.stories.js","sources":["../../../../../src/components/table/stories/table.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/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 } from \"../TableHeader.js\";\nimport { TableRow } from \"../TableRow.js\";\nimport \"../styles/_index.scss\";\nimport React from \"react\";\n\nconst meta = {\n    title: \"Komponenter/Table\",\n    component: Table,\n    parameters: {\n        layout: \"centered\",\n    },\n    tags: [\"autodocs\"],\n} satisfies Meta<typeof Table>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst columns = [\n    \"Dato\",\n    \"Saksnummer\",\n    \"Kundenummer\",\n    \"Kundenavn\",\n    \"Milepæl\",\n    \"Følger saken\",\n];\n\nconst rows = [\n    [\n        \"24.02.2020\",\n        \"20-1234567\",\n        \"010203 99887\",\n        \"Ola Nordmann\",\n        \"Opprettet\",\n        \"Siri Saksbehandler\",\n    ],\n    [\n        \"13.04.2019\",\n        \"20-8382811\",\n        \"010203 99887\",\n        \"Kari Nordkvinne\",\n        \"Opprettet\",\n        \"Siri Saksbehandler\",\n    ],\n    [\n        \"31.07.2017\",\n        \"20-1111\",\n        \"010203 99887\",\n        \"Kari Nordkvinne\",\n        \"Opprettet\",\n        \"Per Persen\",\n    ],\n];\n\nexport const TableComponent: Story = {\n    render: (args) => (\n        <Table fullWidth>\n            <TableCaption srOnly>Overskrift for skjermlesere</TableCaption>\n            <TableHead>\n                <TableRow>\n                    {columns.map((column, index) => (\n                        <TableHeader key={index} bold>\n                            {column}\n                        </TableHeader>\n                    ))}\n                </TableRow>\n            </TableHead>\n            <TableBody>\n                {rows.map((row, rowIndex) => (\n                    <TableRow key={rowIndex}>\n                        {row.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}\n                            </TableCell>\n                        ))}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </Table>\n    ),\n};\n"],"names":["meta","title","component","Table","parameters","layout","tags","columns","rows","TableComponent","render","args","jsxs","fullWidth","children","jsx","TableCaption","srOnly","TableHead","TableRow","map","column","index","TableHeader","bold","TableBody","row","rowIndex","cell","cellIndex","TableCell","align","includes"],"mappings":"sWAWA,MAAMA,EAAO,CACTC,MAAO,oBACPC,UAAWC,EACXC,WAAY,CACRC,OAAQ,YAEZC,KAAM,CAAC,aAMLC,EAAU,CACZ,OACA,aACA,cACA,YACA,UACA,gBAGEC,EAAO,CACT,CACI,aACA,aACA,eACA,eACA,YACA,sBAEJ,CACI,aACA,aACA,eACA,kBACA,YACA,sBAEJ,CACI,aACA,UACA,eACA,kBACA,YACA,eAIKC,EAAwB,CACjCC,OAASC,GACJC,EAAAT,EAAA,CAAMU,WAAS,EACZC,SAAA,CAACC,EAAAC,EAAA,CAAaC,QAAM,EAACH,SAA2B,kCAC/CI,EACG,CAAAJ,SAAAC,EAACI,EACI,CAAAL,SAAAP,EAAQa,KAAI,CAACC,EAAQC,IAClBP,EAACQ,GAAwBC,MAAI,EACxBV,YADaQ,SAM7BP,EAAAU,EAAA,CACIX,SAAKN,EAAAY,KAAI,CAACM,EAAKC,IACZZ,EAACI,EACI,CAAAL,SAAAY,EAAIN,KAAI,CAACQ,EAAMC,IACZd,EAACe,EAAA,CAEG,UAASvB,EAAQsB,GACjBE,MACI,CAAC,EAAG,GAAGC,SAASH,GACV,QACA,OAGTf,SAAAc,GARIC,MAHFF"}