@spaced-out/ui-design-system 0.4.15-beta.4 → 0.5.0

package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/DonutChart/DonutChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMxC,wBA6NE;AAyCF,eAAO,MAAM,WAAW;WAAU,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAehD,CAAC;AAYF,QAAA,MAAM,SAAS,yBAUd,CAAC;AAEF,eAAO,MAAM,wBAAwB;WAAU,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;mBA0B9B,KAAK,CAAC,YAAY,CAC9C,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CACvC;;CAbF,CAAC;AAgBF,eAAO,MAAM,wBAAwB;WAAU,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe7D,CAAC"}

package/lib/components/Charts/FunnelChart/FunnelChart.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
 import type { ChartWrapperClassNames, ExportOptionType } from '../ChartWrapper';
-export type ClassNames = Readonly<((ChartWrapperClassNames) & {
+export type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
-})>;
+}>;
 export type FunnelSeriesItem = {
     name?: string;
     showInLegend?: boolean;
     data: Array<DataOptionsType>;
 };
-export type FunnelChartProps = ((ChartOptions) & {
+export type FunnelChartProps = ChartOptions & {
     isLoading?: boolean;
     classNames?: ClassNames;
     cardTitle?: React.ReactNode;
@@ -20,6 +20,6 @@ export type FunnelChartProps = ((ChartOptions) & {
     showLegend?: boolean;
     hasEmptyData?: boolean;
     emptyText?: React.ReactNode;
-});
+};
 export declare const FunnelChart: ({ isLoading, classNames, cardTitle, customExportOptions, series, headerActions, drilldown, showLegend, hasEmptyData, emptyText, ...userOptions }: FunnelChartProps) => React.JSX.Element;
 //# sourceMappingURL=FunnelChart.d.ts.map

package/lib/components/Charts/FunnelChart/FunnelChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FunnelChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/FunnelChart/FunnelChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EACV,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAQ3C,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,GACtB,kJAYG,gBAAgB,sBA+CpB,CAAC"}
+{"version":3,"file":"FunnelChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/FunnelChart/FunnelChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EACV,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAM9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAC/B,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,kJAYzB,gBAAgB,sBA8ClB,CAAC"}

package/lib/components/Charts/FunnelChart/FunnelChart.stories.d.ts

@@ -0,0 +1,308 @@
+import * as React from 'react';
+import { EmptyData } from '../ColumnChart/ColumnChart.stories';
+import type { FunnelChartProps } from './index.ts';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: ({ isLoading, classNames, cardTitle, customExportOptions, series, headerActions, drilldown, showLegend, hasEmptyData, emptyText, ...userOptions }: FunnelChartProps) => React.JSX.Element;
+    argTypes: {
+        isLoading: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        cardTitle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            type: {
+                summary: string;
+            };
+        };
+        customExportOptions: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        series: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        showLegend: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        plotOptions: {
+            description: string;
+        };
+        xAxis: {
+            description: string;
+        };
+        yAxis: {
+            description: string;
+        };
+        headerActions: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hasEmptyData: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        emptyText: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _FunnelChart: {
+    (args: FunnelChartProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                name: string;
+                y: number;
+            }[];
+            showInLegend: boolean;
+        }[];
+        yAxis: {
+            readonly title: {
+                readonly text: "Number of Employees";
+            };
+        };
+    };
+};
+export declare const _FunnelChartWithEmptyData: {
+    (args: FunnelChartProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                name: string;
+                y: number;
+            }[];
+            showInLegend: boolean;
+        }[];
+        yAxis: {
+            readonly title: {
+                readonly text: "Number of Employees";
+            };
+        };
+        hasEmptyData: boolean;
+        emptyText: React.ReactElement<React.ComponentProps<typeof EmptyData>>;
+    };
+};
+export declare const _FunnelChartWithDrilldown: {
+    (args: FunnelChartProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                name: string;
+                y: number;
+                drilldown: string;
+            }[];
+        }[];
+        drilldown: {
+            readonly series: readonly [{
+                readonly name: "Jan Weekly Sales Data";
+                readonly id: "jan";
+                readonly data: readonly [{
+                    readonly name: "Week 1";
+                    readonly y: 50;
+                }, {
+                    readonly name: "Week 2";
+                    readonly y: 70;
+                }, {
+                    readonly name: "Week 3";
+                    readonly y: 60;
+                }, {
+                    readonly name: "Week 4";
+                    readonly y: 80;
+                }];
+            }, {
+                readonly name: "Feb Weekly Sales Data";
+                readonly id: "feb";
+                readonly data: readonly [{
+                    readonly name: "Week 5";
+                    readonly y: 60;
+                }, {
+                    readonly name: "Week 6";
+                    readonly y: 80;
+                }, {
+                    readonly name: "Week 7";
+                    readonly y: 70;
+                }, {
+                    readonly name: "Week 8";
+                    readonly y: 90;
+                }];
+            }, {
+                readonly name: "March Weekly Sales Data";
+                readonly id: "mar";
+                readonly data: readonly [{
+                    readonly name: "Week 9";
+                    readonly y: 70;
+                }, {
+                    readonly name: "Week 10";
+                    readonly y: 90;
+                }, {
+                    readonly name: "Week 11";
+                    readonly y: 80;
+                }, {
+                    readonly name: "Week 12";
+                    readonly y: 100;
+                }];
+            }, {
+                readonly name: "April Weekly Sales Data";
+                readonly id: "apr";
+                readonly data: readonly [{
+                    readonly name: "Week 13";
+                    readonly y: 80;
+                }, {
+                    readonly name: "Week 14";
+                    readonly y: 100;
+                }, {
+                    readonly name: "Week 15";
+                    readonly y: 90;
+                }, {
+                    readonly name: "Week 16";
+                    readonly y: 110;
+                }];
+            }, {
+                readonly name: "May Weekly Sales Data";
+                readonly id: "may";
+                readonly data: readonly [{
+                    readonly name: "Week 1";
+                    readonly y: 90;
+                }, {
+                    readonly name: "Week 2";
+                    readonly y: 110;
+                }, {
+                    readonly name: "Week 3";
+                    readonly y: 100;
+                }, {
+                    readonly name: "Week 4";
+                    readonly y: 120;
+                }];
+            }, {
+                readonly name: "June Weekly Sales Data";
+                readonly id: "jun";
+                readonly data: readonly [{
+                    readonly name: "Week 1";
+                    readonly y: 100;
+                }, {
+                    readonly name: "Week 2";
+                    readonly y: 120;
+                }, {
+                    readonly name: "Week 3";
+                    readonly y: 110;
+                }, {
+                    readonly name: "Week 4";
+                    readonly y: 130;
+                }];
+            }];
+        };
+        yAxis: {
+            readonly title: {
+                readonly text: "Sales";
+            };
+        };
+        plotOptions: {
+            readonly series: {
+                readonly cursor: "pointer";
+            };
+        };
+    };
+};
+//# sourceMappingURL=FunnelChart.stories.d.ts.map

package/lib/components/Charts/FunnelChart/FunnelChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FunnelChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/FunnelChart/FunnelChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAC,MAAM,oCAAoC,CAAC;AAG7D,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKjD,wBAiSE;AA4CF,eAAO,MAAM,YAAY;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;CAelD,CAAC;AAUF,eAAO,MAAM,yBAAyB;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;mBAwBhC,KAAK,CAAC,YAAY,CAC9C,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CACvC;;CAXF,CAAC;AAyGF,eAAO,MAAM,yBAAyB;WAAU,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiB/D,CAAC"}

package/lib/components/Charts/LineChart/LineChart.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
 import type { ChartWrapperClassNames, ExportOptionType } from '../ChartWrapper';
-export type ClassNames = Readonly<((ChartWrapperClassNames) & {
+export type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
-})>;
+}>;
 export type LineSeriesItem = {
     name: string;
     data: DataOptionsType[];
 };
-export type LineChartProps = ((ChartOptions) & {
+export type LineChartProps = ChartOptions & {
     isLoading?: boolean;
     classNames?: ClassNames;
     cardTitle?: React.ReactNode;
@@ -18,6 +18,6 @@ export type LineChartProps = ((ChartOptions) & {
     drilldown?: Drilldown;
     hasEmptyData?: boolean;
     emptyText?: React.ReactNode;
-});
+};
 export declare const LineChart: ({ isLoading, classNames, cardTitle, customExportOptions, series, headerActions, drilldown, hasEmptyData, emptyText, ...userOptions }: LineChartProps) => React.JSX.Element;
 //# sourceMappingURL=LineChart.d.ts.map

package/lib/components/Charts/LineChart/LineChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/LineChart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EACV,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAQ3C,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,GAAG;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC,CAAC;AAEH,eAAO,MAAM,SAAS,GACpB,sIAWG,cAAc,sBAmDlB,CAAC"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/LineChart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EACf,SAAS,EACV,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAM9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAC/B,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IACrD,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC9B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,sIAWvB,cAAc,sBAkDhB,CAAC"}

package/lib/components/Charts/LineChart/LineChart.stories.d.ts

@@ -0,0 +1,311 @@
+import * as React from 'react';
+import { EmptyData } from '../ColumnChart/ColumnChart.stories';
+import type { LineChartProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: ({ isLoading, classNames, cardTitle, customExportOptions, series, headerActions, drilldown, hasEmptyData, emptyText, ...userOptions }: LineChartProps) => React.JSX.Element;
+    argTypes: {
+        isLoading: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        classNames: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        cardTitle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            type: {
+                summary: string;
+            };
+        };
+        customExportOptions: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        series: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        legend: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        plotOptions: {
+            description: string;
+        };
+        xAxis: {
+            description: string;
+        };
+        yAxis: {
+            description: string;
+        };
+        headerActions: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hasEmptyData: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        emptyText: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            subtitle: string;
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _LineChart: {
+    (args: LineChartProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                name: string;
+                y: number;
+            }[];
+        }[];
+        yAxis: {
+            readonly title: {
+                readonly text: "Number of Employees";
+            };
+        };
+        legend: {
+            readonly enabled: true;
+            readonly shadow: false;
+        };
+    };
+};
+export declare const _LineChartWithDrilldown: {
+    (args: LineChartProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            type: string;
+            name: string;
+            data: {
+                name: string;
+                y: number;
+                drilldown: string;
+            }[];
+        }[];
+        drilldown: {
+            readonly series: readonly [{
+                readonly name: "Jan Weekly Sales Data";
+                readonly id: "jan";
+                readonly data: readonly [{
+                    readonly name: "Week 1";
+                    readonly y: 50;
+                }, {
+                    readonly name: "Week 2";
+                    readonly y: 70;
+                }, {
+                    readonly name: "Week 3";
+                    readonly y: 60;
+                }, {
+                    readonly name: "Week 4";
+                    readonly y: 80;
+                }];
+            }, {
+                readonly name: "Feb Weekly Sales Data";
+                readonly id: "feb";
+                readonly data: readonly [{
+                    readonly name: "Week 5";
+                    readonly y: 60;
+                }, {
+                    readonly name: "Week 6";
+                    readonly y: 80;
+                }, {
+                    readonly name: "Week 7";
+                    readonly y: 70;
+                }, {
+                    readonly name: "Week 8";
+                    readonly y: 90;
+                }];
+            }, {
+                readonly name: "March Weekly Sales Data";
+                readonly id: "mar";
+                readonly data: readonly [{
+                    readonly name: "Week 9";
+                    readonly y: 70;
+                }, {
+                    readonly name: "Week 10";
+                    readonly y: 90;
+                }, {
+                    readonly name: "Week 11";
+                    readonly y: 80;
+                }, {
+                    readonly name: "Week 12";
+                    readonly y: 100;
+                }];
+            }, {
+                readonly name: "April Weekly Sales Data";
+                readonly id: "apr";
+                readonly data: readonly [{
+                    readonly name: "Week 13";
+                    readonly y: 80;
+                }, {
+                    readonly name: "Week 14";
+                    readonly y: 100;
+                }, {
+                    readonly name: "Week 15";
+                    readonly y: 90;
+                }, {
+                    readonly name: "Week 16";
+                    readonly y: 110;
+                }];
+            }, {
+                readonly name: "May Weekly Sales Data";
+                readonly id: "may";
+                readonly data: readonly [{
+                    readonly name: "Week 1";
+                    readonly y: 90;
+                }, {
+                    readonly name: "Week 2";
+                    readonly y: 110;
+                }, {
+                    readonly name: "Week 3";
+                    readonly y: 100;
+                }, {
+                    readonly name: "Week 4";
+                    readonly y: 120;
+                }];
+            }, {
+                readonly name: "June Weekly Sales Data";
+                readonly id: "jun";
+                readonly data: readonly [{
+                    readonly name: "Week 1";
+                    readonly y: 100;
+                }, {
+                    readonly name: "Week 2";
+                    readonly y: 120;
+                }, {
+                    readonly name: "Week 3";
+                    readonly y: 110;
+                }, {
+                    readonly name: "Week 4";
+                    readonly y: 130;
+                }];
+            }];
+        };
+        yAxis: {
+            readonly title: {
+                readonly text: "Sales";
+            };
+        };
+        legend: {
+            readonly enabled: true;
+            readonly shadow: false;
+        };
+        plotOptions: {
+            readonly series: {
+                readonly cursor: "pointer";
+            };
+        };
+    };
+};
+export declare const _EmptyLineChart: {
+    (args: LineChartProps): React.JSX.Element;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                name: string;
+                y: number;
+            }[];
+        }[];
+        yAxis: {
+            readonly title: {
+                readonly text: "Number of Employees";
+            };
+        };
+        legend: {
+            readonly enabled: true;
+            readonly shadow: false;
+        };
+        hasEmptyData: boolean;
+        emptyText: React.ReactElement<React.ComponentProps<typeof EmptyData>>;
+    };
+};
+//# sourceMappingURL=LineChart.stories.d.ts.map

package/lib/components/Charts/LineChart/LineChart.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/LineChart/LineChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAC,MAAM,oCAAoC,CAAC;AAE7D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMvC,wBA2RE;AA0HF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe9C,CAAC;AA2GF,eAAO,MAAM,uBAAuB;WAAU,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiB3D,CAAC;AAaF,eAAO,MAAM,eAAe;WAAU,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAyBpB,KAAK,CAAC,YAAY,CAC9C,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CACvC;;CAZF,CAAC"}