@shipfox/react-ui 0.24.0 → 0.26.0

package/dist/components/dashboard/components/charts/bar-chart.stories.js

@@ -1,287 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BarChart } from './bar-chart.js';
-const meta = {
-    title: 'Components/Charts/BarChart',
-    component: BarChart,
-    tags: [
-        'autodocs'
-    ],
-    parameters: {
-        layout: 'centered'
-    }
-};
-export default meta;
-const sampleData = [
-    {
-        label: 'Jan',
-        value1: 100,
-        value2: 80,
-        value3: 120
-    },
-    {
-        label: 'Feb',
-        value1: 150,
-        value2: 130,
-        value3: 140
-    },
-    {
-        label: 'Mar',
-        value1: 200,
-        value2: 180,
-        value3: 160
-    },
-    {
-        label: 'Apr',
-        value1: 180,
-        value2: 200,
-        value3: 180
-    },
-    {
-        label: 'May',
-        value1: 250,
-        value2: 220,
-        value3: 200
-    },
-    {
-        label: 'Jun',
-        value1: 300,
-        value2: 280,
-        value3: 240
-    }
-];
-export const Default = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(BarChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        bars: [
-            {
-                dataKey: 'value1',
-                name: 'Series 1'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Series 2'
-            },
-            {
-                dataKey: 'value3',
-                name: 'Series 3'
-            }
-        ],
-        height: 200
-    }
-};
-export const WithTitle = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(BarChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        bars: [
-            {
-                dataKey: 'value1',
-                name: 'Revenue'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Expenses'
-            }
-        ],
-        height: 200,
-        title: 'Monthly Comparison'
-    }
-};
-export const SingleBar = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(BarChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        bars: [
-            {
-                dataKey: 'value1',
-                name: 'Total Sales'
-            }
-        ],
-        height: 200,
-        title: 'Sales Over Time'
-    }
-};
-export const CustomColors = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(BarChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        bars: [
-            {
-                dataKey: 'value1',
-                name: 'Blue Series',
-                color: 'blue'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Green Series',
-                color: 'green'
-            },
-            {
-                dataKey: 'value3',
-                name: 'Orange Series',
-                color: 'orange'
-            }
-        ],
-        height: 200,
-        title: 'Custom Colored Bars'
-    }
-};
-export const StackedBars = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(BarChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        bars: [
-            {
-                dataKey: 'value1',
-                name: 'Series 1',
-                stackId: 'stack'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Series 2',
-                stackId: 'stack'
-            },
-            {
-                dataKey: 'value3',
-                name: 'Series 3',
-                stackId: 'stack'
-            }
-        ],
-        height: 200,
-        title: 'Stacked Bars'
-    }
-};
-export const RoundedBars = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(BarChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        bars: [
-            {
-                dataKey: 'value1',
-                name: 'Series 1'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Series 2'
-            }
-        ],
-        height: 200,
-        barRadius: [
-            4,
-            4,
-            0,
-            0
-        ],
-        title: 'Rounded Top Corners'
-    }
-};
-export const HiddenBars = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(BarChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        bars: [
-            {
-                dataKey: 'value1',
-                name: 'Visible Series'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Hidden Series',
-                hide: true
-            },
-            {
-                dataKey: 'value3',
-                name: 'Another Visible Series'
-            }
-        ],
-        height: 200,
-        title: 'With Hidden Bars'
-    }
-};
-export const CustomFormatter = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(BarChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        bars: [
-            {
-                dataKey: 'value1',
-                name: 'Sales'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Profit'
-            }
-        ],
-        height: 200,
-        tooltip: {
-            formatter: (value)=>`$${value.toLocaleString()}`,
-            labelFormatter: (label)=>`Month: ${label}`
-        },
-        yAxis: {
-            tickFormatter: (value)=>`$${value}`
-        },
-        title: 'Formatted Values'
-    }
-};
-export const EmptyState = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(BarChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: [],
-        bars: [
-            {
-                dataKey: 'value1',
-                name: 'Series 1'
-            }
-        ],
-        height: 200,
-        title: 'Duration distribution'
-    }
-};
-
-//# sourceMappingURL=bar-chart.stories.js.map

package/dist/components/dashboard/components/charts/line-chart.stories.js

@@ -1,257 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LineChart } from './line-chart.js';
-const meta = {
-    title: 'Components/Charts/LineChart',
-    component: LineChart,
-    tags: [
-        'autodocs'
-    ],
-    parameters: {
-        layout: 'centered'
-    }
-};
-export default meta;
-const sampleData = [
-    {
-        label: 'Jan',
-        value1: 100,
-        value2: 80,
-        value3: 120
-    },
-    {
-        label: 'Feb',
-        value1: 150,
-        value2: 130,
-        value3: 140
-    },
-    {
-        label: 'Mar',
-        value1: 200,
-        value2: 180,
-        value3: 160
-    },
-    {
-        label: 'Apr',
-        value1: 180,
-        value2: 200,
-        value3: 180
-    },
-    {
-        label: 'May',
-        value1: 250,
-        value2: 220,
-        value3: 200
-    },
-    {
-        label: 'Jun',
-        value1: 300,
-        value2: 280,
-        value3: 240
-    }
-];
-export const Default = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(LineChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        lines: [
-            {
-                dataKey: 'value1',
-                name: 'Series 1'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Series 2'
-            },
-            {
-                dataKey: 'value3',
-                name: 'Series 3'
-            }
-        ],
-        height: 200
-    }
-};
-export const WithTitle = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(LineChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        lines: [
-            {
-                dataKey: 'value1',
-                name: 'Revenue'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Expenses'
-            }
-        ],
-        height: 200,
-        title: 'Monthly Trends'
-    }
-};
-export const SingleLine = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(LineChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        lines: [
-            {
-                dataKey: 'value1',
-                name: 'Total Sales'
-            }
-        ],
-        height: 200,
-        title: 'Sales Over Time'
-    }
-};
-export const CustomColors = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(LineChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        lines: [
-            {
-                dataKey: 'value1',
-                name: 'Blue Series',
-                color: 'blue'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Green Series',
-                color: 'green'
-            },
-            {
-                dataKey: 'value3',
-                name: 'Orange Series',
-                color: 'orange'
-            }
-        ],
-        height: 200,
-        title: 'Custom Colored Lines'
-    }
-};
-export const HiddenAxis = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(LineChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        lines: [
-            {
-                dataKey: 'value1',
-                name: 'Series 1'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Series 2'
-            }
-        ],
-        height: 200,
-        xAxis: {
-            hide: true
-        },
-        yAxis: {
-            hide: true
-        },
-        title: 'No Axes'
-    }
-};
-export const HiddenLines = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(LineChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        lines: [
-            {
-                dataKey: 'value1',
-                name: 'Visible Series'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Hidden Series',
-                hide: true
-            },
-            {
-                dataKey: 'value3',
-                name: 'Another Visible Series'
-            }
-        ],
-        height: 200,
-        title: 'With Hidden Lines'
-    }
-};
-export const CustomFormatter = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(LineChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: sampleData,
-        lines: [
-            {
-                dataKey: 'value1',
-                name: 'Sales'
-            },
-            {
-                dataKey: 'value2',
-                name: 'Profit'
-            }
-        ],
-        height: 200,
-        tooltip: {
-            formatter: (value)=>`$${value.toLocaleString()}`,
-            labelFormatter: (label)=>`Month: ${label}`
-        },
-        yAxis: {
-            tickFormatter: (value)=>`$${value}`
-        },
-        title: 'Formatted Values'
-    }
-};
-export const EmptyState = {
-    render: (args)=>/*#__PURE__*/ _jsx("div", {
-            className: "w-400",
-            children: /*#__PURE__*/ _jsx(LineChart, {
-                ...args
-            })
-        }),
-    args: {
-        data: [],
-        lines: [
-            {
-                dataKey: 'value1',
-                name: 'Series 1'
-            }
-        ],
-        height: 200,
-        title: 'Performance over time'
-    }
-};
-
-//# sourceMappingURL=line-chart.stories.js.map

package/dist/components/dashboard/dashboard.stories.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Dashboard } from './dashboard.js';
-const meta = {
-    title: 'Dashboard/Example',
-    tags: [
-        'autodocs'
-    ],
-    parameters: {
-        layout: 'fullscreen',
-        viewport: {
-            defaultViewport: 'extraLarge'
-        }
-    }
-};
-export default meta;
-export const Default = {
-    render: ()=>/*#__PURE__*/ _jsx("div", {
-            className: "h-screen w-full",
-            children: /*#__PURE__*/ _jsx(Dashboard, {})
-        })
-};
-
-//# sourceMappingURL=dashboard.stories.js.map