@laerdal/life-react-components 3.5.1-dev.11 → 3.5.1-dev.13

package/dist/stories/NavItem.stories.d.ts

@@ -3,6 +3,6 @@ import { NavItem } from '../src/index';
 import { Meta, StoryObj } from "@storybook/react/*";
 declare const meta: Meta<typeof NavItem>;
 export default meta;
-type Story = StoryObj<typeof NavItem>;
+declare type Story = StoryObj<typeof NavItem>;
 export declare const Primary: Story;
 export declare const NavItemDemo: () => React.JSX.Element;

package/dist/stories/NavItem.stories.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { NavItem } from '../src/index';
+var meta = {
+    title: 'Components/NavItem',
+    component: NavItem,
+    decorators: [],
+    tags: ['autodocs'],
+    parameters: {},
+};
+export default meta;
+export var Primary = {
+    args: {},
+};
+export var NavItemDemo = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(NavItem, { to: null, tabIndex: 0 }, "Menu 1"),
+    React.createElement(NavItem, { to: null, tabIndex: 0 }, "Menu 2"),
+    React.createElement(NavItem, { to: null, tabIndex: 0 }, "Menu 3"),
+    React.createElement(NavItem, { to: null, tabIndex: 0 }, "Menu 4"))); };

package/dist/stories/Notification.stories.d.ts

@@ -3,6 +3,6 @@ import { NotificationDot } from '../src/index';
 import type { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<typeof NotificationDot>;
 export default meta;
-type Story = StoryObj<typeof NotificationDot>;
+declare type Story = StoryObj<typeof NotificationDot>;
 export declare const Primary: Story;
 export declare const NotificationDemo: () => React.JSX.Element;

package/dist/stories/Notification.stories.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Note, Size, NotificationDot } from '../src/index';
+var meta = {
+    title: 'Components/Notification',
+    component: NotificationDot,
+    tags: ['autodocs'],
+};
+export default meta;
+export var Primary = {
+    args: {}
+};
+export var NotificationDemo = function () { return (React.createElement(React.Fragment, null,
+    React.createElement("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', padding: '8px' } },
+        React.createElement(NotificationDot, { size: Size.Small, variant: 'positive' }),
+        React.createElement(Note, null, "Small Notification Positive Dot")),
+    React.createElement("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', padding: '8px' } },
+        React.createElement(NotificationDot, { size: Size.Small, variant: 'critical' }),
+        React.createElement(Note, null, "Small Notification Critical Dot")),
+    React.createElement("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', padding: '8px' } },
+        React.createElement(NotificationDot, { size: Size.Medium, variant: 'positive' }),
+        React.createElement(Note, null, "Medium Notification Positive Dot")),
+    React.createElement("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', padding: '8px' } },
+        React.createElement(NotificationDot, { size: Size.Medium, variant: 'critical' }),
+        React.createElement(Note, null, "Medium Notification Critical Dot")),
+    React.createElement("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', padding: '8px' } },
+        React.createElement(NotificationDot, { size: Size.Large, variant: 'positive' }),
+        React.createElement(Note, null, "Large Notification Positive Dot")),
+    React.createElement("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', padding: '8px' } },
+        React.createElement(NotificationDot, { size: Size.Large, variant: 'critical' }),
+        React.createElement(Note, null, "Large Notification Critical Dot")))); };

package/dist/stories/Paginator.stories.d.ts

@@ -3,7 +3,7 @@ import { Paginator } from '../src/index';
 import { Meta, StoryObj } from "@storybook/react/*";
 declare const meta: Meta<typeof Paginator>;
 export default meta;
-type Story = StoryObj<typeof Paginator>;
+declare type Story = StoryObj<typeof Paginator>;
 export declare const Primary: Story;
 export declare const PaginatorDemo: () => React.JSX.Element;
 export declare const PaginatorDemoWithDots: () => React.JSX.Element;

package/dist/stories/Paginator.stories.js

@@ -0,0 +1,27 @@
+import React, { useState } from 'react';
+import { Paginator } from '../src/index';
+var meta = {
+    title: 'Components/Paginator',
+    component: Paginator,
+    decorators: [],
+    tags: ['autodocs'],
+    parameters: {},
+};
+export default meta;
+export var Primary = {
+    args: {},
+};
+export var PaginatorDemo = function () {
+    var _a = useState(1), currentPage = _a[0], setCurrentPage = _a[1];
+    return (React.createElement(Paginator, { pageCount: 5, currentPage: currentPage, baseUrl: "/", onPageChange: function (p) {
+            setCurrentPage(p);
+            console.log(p);
+        } }));
+};
+export var PaginatorDemoWithDots = function () {
+    var _a = useState(1), currentPage1 = _a[0], setCurrentPage1 = _a[1];
+    return (React.createElement(Paginator, { pageCount: 8, currentPage: currentPage1, baseUrl: "/", onPageChange: function (p) {
+            setCurrentPage1(p);
+            console.log(p);
+        } }));
+};