@fremtind/jokul 0.51.0 → 0.52.0

package/build/cjs/components/pagination/stories/Pagination.stories.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),a=require("../Pagination.cjs"),t={title:"Komponenter/Pagination",component:a.Pagination,parameters:{layout:"centered"},tags:["autodocs"]},n={args:{currentPage:1,numberOfPages:10,onPageChange:()=>{}},decorators:[(t,n)=>{const[o,s]=r.useState(n.args.currentPage),g=n.args.numberOfPages;return e.jsx("div",{children:e.jsx(a.Pagination,{currentPage:o,numberOfPages:g,onPageChange:(e,r)=>{e>0&&e<=g&&s(e)}})})}]};exports.Pagination=n,exports.default=t;
+//# sourceMappingURL=Pagination.stories.cjs.map

package/build/cjs/components/pagination/stories/Pagination.stories.cjs.map

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

package/build/cjs/components/pagination/stories/Pagination.stories.d.cts

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

package/build/es/components/pagination/stories/Pagination.stories.d.ts

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

package/build/es/components/pagination/stories/Pagination.stories.js

@@ -0,0 +1,2 @@
+import{jsx as a}from"react/jsx-runtime";import{useState as e}from"react";import{Pagination as r}from"../Pagination.js";const t={title:"Komponenter/Pagination",component:r,parameters:{layout:"centered"},tags:["autodocs"]},n={args:{currentPage:1,numberOfPages:10,onPageChange:()=>{}},decorators:[(t,n)=>{const[o,s]=e(n.args.currentPage),g=n.args.numberOfPages;return a("div",{children:a(r,{currentPage:o,numberOfPages:g,onPageChange:(a,e)=>{a>0&&a<=g&&s(a)}})})}]};export{n as Pagination,t as default};
+//# sourceMappingURL=Pagination.stories.js.map

package/build/es/components/pagination/stories/Pagination.stories.js.map

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