@r2digisolutions/components 0.1.6 → 0.1.7

package/dist/components/molecules/InfiniteScroll/InfiniteScroll.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/svelte';
 declare const meta: {
     title: string;
     component: import("svelte").Component<{
-        example?: "error" | "manual" | "both" | "grid" | "ended" | "list" | "chat" | "feed";
+        example?: "error" | "ended" | "manual" | "both" | "grid" | "list" | "chat" | "feed";
         mode?: import("./InfiniteScroll.svelte.ts").InfiniteScrollMode;
         rootMargin?: string;
         pageSize?: number;

package/dist/components/organisms/AssetPickerPage/AssetPickerPage.svelte.d.ts

@@ -34,6 +34,6 @@ interface AssetPickerPageProps {
     onquerychange?: (query: string) => void;
     onviewchange?: (view: AssetPickerView) => void;
 }
-declare const AssetPickerPage: Component<AssetPickerPageProps, {}, "selected" | "view" | "query">;
+declare const AssetPickerPage: Component<AssetPickerPageProps, {}, "view" | "selected" | "query">;
 type AssetPickerPage = ReturnType<typeof AssetPickerPage>;
 export default AssetPickerPage;

package/dist/components/organisms/BacklogPage/BacklogPage.svelte.d.ts

@@ -64,6 +64,6 @@ interface BacklogPageProps {
     onviewchange?: (view: BacklogView) => void;
     onsortchange?: (sort: BacklogSort) => void;
 }
-declare const BacklogPage: import("svelte").Component<BacklogPageProps, {}, "sort" | "selected" | "view" | "query" | "filters">;
+declare const BacklogPage: import("svelte").Component<BacklogPageProps, {}, "sort" | "view" | "selected" | "query" | "filters">;
 type BacklogPage = ReturnType<typeof BacklogPage>;
 export default BacklogPage;

package/dist/components/organisms/CalendarApp/CalendarApp.svelte.d.ts

@@ -58,6 +58,6 @@ interface CalendarAppProps {
         endTime: string;
     }) => void;
 }
-declare const CalendarApp: import("svelte").Component<CalendarAppProps, {}, "view" | "date" | "query" | "events" | "calendars" | "selectedEventId">;
+declare const CalendarApp: import("svelte").Component<CalendarAppProps, {}, "date" | "view" | "query" | "events" | "calendars" | "selectedEventId">;
 type CalendarApp = ReturnType<typeof CalendarApp>;
 export default CalendarApp;

package/dist/components/organisms/DataGrid/DataGrid.stories.d.ts

@@ -0,0 +1,65 @@
+import type { StoryObj } from '@storybook/svelte';
+declare const meta: {
+    title: string;
+    component: import("svelte").Component<{
+        example?: "loading" | "default" | "marquee" | "readOnly" | "empty" | "pinned" | "editable" | "contextMenu" | "large" | "rowSelection" | "columnAndCell" | "withNotes" | "conditional" | "formatPanel" | "customDock" | "responsive";
+        sortable?: boolean;
+        editable?: boolean;
+        compact?: boolean;
+        striped?: boolean;
+    }, {}, "">;
+    tags: string[];
+    argTypes: {
+        example: {
+            control: "select";
+            options: string[];
+        };
+        sortable: {
+            control: "boolean";
+        };
+        editable: {
+            control: "boolean";
+        };
+        compact: {
+            control: "boolean";
+        };
+        striped: {
+            control: "boolean";
+        };
+    };
+    args: {
+        example: "default";
+        sortable: true;
+        editable: false;
+        compact: false;
+        striped: false;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            story: {
+                inline: boolean;
+                iframeHeight: number;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RowSelection: Story;
+export declare const ColumnAndCellSelection: Story;
+export declare const MarqueeDragSelect: Story;
+export declare const ContextMenuAndActions: Story;
+export declare const WithNotes: Story;
+export declare const ConditionalFormatting: Story;
+export declare const FormatRulesPanel: Story;
+export declare const EditableCells: Story;
+export declare const PinnedColumns: Story;
+export declare const ResponsiveViewsAndFilters: Story;
+export declare const LargeDataset: Story;
+export declare const EmptyAndLoading: Story;
+export declare const Loading: Story;
+export declare const CustomDockActions: Story;
+export declare const ReadOnly: Story;
+export declare const CompactStriped: Story;

package/dist/components/organisms/DataGrid/DataGrid.stories.js

@@ -0,0 +1,95 @@
+import DataGridStory from './DataGridStory.svelte';
+const meta = {
+    title: 'Organisms/DataGrid',
+    component: DataGridStory,
+    tags: ['autodocs'],
+    argTypes: {
+        example: {
+            control: 'select',
+            options: [
+                'default',
+                'rowSelection',
+                'columnAndCell',
+                'marquee',
+                'contextMenu',
+                'withNotes',
+                'conditional',
+                'formatPanel',
+                'editable',
+                'pinned',
+                'responsive',
+                'large',
+                'empty',
+                'loading',
+                'customDock',
+                'readOnly'
+            ]
+        },
+        sortable: { control: 'boolean' },
+        editable: { control: 'boolean' },
+        compact: { control: 'boolean' },
+        striped: { control: 'boolean' }
+    },
+    args: {
+        example: 'default',
+        sortable: true,
+        editable: false,
+        compact: false,
+        striped: false
+    },
+    parameters: {
+        layout: 'padded',
+        docs: {
+            // Docs only mounts Default below — other variants are canvas-only.
+            story: { inline: false, iframeHeight: 420 }
+        }
+    }
+};
+export default meta;
+/** Keep Docs page light: one live preview. Rest stay available in Canvas. */
+const canvasOnly = {
+    parameters: {
+        docs: { disable: true }
+    }
+};
+export const Default = {};
+export const RowSelection = { args: { example: 'rowSelection' }, ...canvasOnly };
+export const ColumnAndCellSelection = {
+    args: { example: 'columnAndCell' },
+    ...canvasOnly
+};
+export const MarqueeDragSelect = {
+    args: { example: 'marquee' },
+    ...canvasOnly
+};
+export const ContextMenuAndActions = {
+    args: { example: 'contextMenu', editable: true },
+    ...canvasOnly
+};
+export const WithNotes = { args: { example: 'withNotes' }, ...canvasOnly };
+export const ConditionalFormatting = {
+    args: { example: 'conditional' },
+    ...canvasOnly
+};
+export const FormatRulesPanel = {
+    args: { example: 'formatPanel' },
+    ...canvasOnly
+};
+export const EditableCells = {
+    args: { example: 'editable', editable: true },
+    ...canvasOnly
+};
+export const PinnedColumns = { args: { example: 'pinned' }, ...canvasOnly };
+export const ResponsiveViewsAndFilters = {
+    args: { example: 'responsive' },
+    ...canvasOnly
+};
+export const LargeDataset = { args: { example: 'large' }, ...canvasOnly };
+export const EmptyAndLoading = { args: { example: 'empty' }, ...canvasOnly };
+export const Loading = { args: { example: 'loading' }, ...canvasOnly };
+export const CustomDockActions = { args: { example: 'customDock' }, ...canvasOnly };
+export const ReadOnly = { args: { example: 'readOnly' }, ...canvasOnly };
+export const CompactStriped = {
+    args: { example: 'default', compact: true, striped: true },
+    ...canvasOnly
+};