@spaced-out/ui-design-system 0.5.6 → 0.5.7-beta.1

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

@@ -0,0 +1,267 @@
+import * as React from 'react';
+import { EmptyState } from '../../EmptyState';
+import type { SankeyChartProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: ({ series, emptyText, drilldown, cardTitle, isLoading, nodeWidth, showLegend, classNames, nodePadding, hasEmptyData, headerActions, customExportOptions, ...userOptions }: SankeyChartProps) => React.ReactNode;
+    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;
+                };
+            };
+        };
+        headerActions: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        nodeWidth: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        nodePadding: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        showLegend: {
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        hasEmptyData: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        emptyText: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        componentSubtitle: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        storySource: {
+            componentPath: string;
+        };
+    };
+};
+export default _default;
+export declare const _SankeyChart: {
+    (args: SankeyChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                from: string;
+                to: string;
+            }[];
+            nodes: {
+                id: string;
+                name: string;
+            }[];
+        }[];
+        nodeWidth: number;
+        nodePadding: number;
+        showLegend: boolean;
+    };
+};
+export declare const _SankeyChartWebsiteFlow: {
+    (args: SankeyChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                from: string;
+                to: string;
+            }[];
+            nodes: {
+                id: string;
+                name: string;
+            }[];
+        }[];
+        nodeWidth: number;
+        nodePadding: number;
+        showLegend: boolean;
+    };
+};
+export declare const _SankeyChartBudgetAllocation: {
+    (args: SankeyChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                from: string;
+                to: string;
+            }[];
+            nodes: {
+                id: string;
+                name: string;
+            }[];
+        }[];
+        nodeWidth: number;
+        nodePadding: number;
+        showLegend: boolean;
+    };
+};
+export declare const _SankeyChartWithEmptyData: {
+    (args: SankeyChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                from: string;
+                to: string;
+            }[];
+            nodes: {
+                id: string;
+                name: string;
+            }[];
+        }[];
+        hasEmptyData: boolean;
+        emptyText: React.ReactElement<React.ComponentProps<typeof EmptyState>>;
+    };
+};
+export declare const _SankeyChartWithDrilldown: {
+    (args: SankeyChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        nodeWidth: number;
+        nodePadding: number;
+        showLegend: boolean;
+    };
+};
+//# sourceMappingURL=SankeyChart.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SankeyChart/SankeyChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAG5C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMzC,wBAyOE;AA4KF,eAAO,MAAM,YAAY;WAAU,gBAAgB,GAAG,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CAepE,CAAC;AAYF,eAAO,MAAM,uBAAuB;WAC5B,gBAAgB,GACrB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AAYF,eAAO,MAAM,4BAA4B;WACjC,gBAAgB,GACrB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AAYF,eAAO,MAAM,yBAAyB;WAC9B,gBAAgB,GACrB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;mBAiCX,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;;CAlBjE,CAAC;AAqBF,eAAO,MAAM,yBAAyB;WAC9B,gBAAgB,GACrB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;CAkBjB,CAAC"}

package/lib/components/Charts/SankeyChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SankeyChart';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Charts/SankeyChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SankeyChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/lib/components/Charts/SankeyChart/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SankeyChart = require("./SankeyChart");
+Object.keys(_SankeyChart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SankeyChart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SankeyChart[key];
+    }
+  });
+});

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

@@ -1,15 +1,14 @@
 import * as React from 'react';
 import type { ChartOptions, DataOptionsType } from '../../../types/charts';
-import type { Over } from '../../../types/utils';
 import type { ChartWrapperClassNames, ExportOptionType } from '../ChartWrapper';
 type ClassNames = Readonly<ChartWrapperClassNames & {
     highChart?: string;
 }>;
-export type SpiderSeriesItem = {
+export interface SpiderSeriesItem {
     name: string;
     data: DataOptionsType[];
-};
-export type SpiderChartProps = Over<ChartOptions, {
+}
+export interface SpiderChartProps extends Omit<ChartOptions, 'isLoading' | 'classNames' | 'cardTitle' | 'customExportOptions' | 'headerActions' | 'series' | 'hasEmptyData' | 'emptyText'> {
     isLoading?: boolean;
     classNames?: ClassNames;
     cardTitle?: React.ReactNode;
@@ -18,7 +17,7 @@ export type SpiderChartProps = Over<ChartOptions, {
     series: Array<SpiderSeriesItem>;
     hasEmptyData?: boolean;
     emptyText?: React.ReactNode;
-}>;
+}
 export declare const SpiderChart: ({ isLoading, classNames, cardTitle, customExportOptions, headerActions, series, hasEmptyData, emptyText, ...userOptions }: SpiderChartProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=SpiderChart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpiderChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SpiderChart/SpiderChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACzE,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAO/C,OAAO,KAAK,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAe9E,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,YAAY,EACZ;IACE,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,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CACF,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,2HAUzB,gBAAgB,sBAyClB,CAAC"}
+{"version":3,"file":"SpiderChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/SpiderChart/SpiderChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAC,YAAY,EAAE,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAOzE,OAAO,KAAK,EAAC,sBAAsB,EAAE,gBAAgB,EAAC,MAAM,iBAAiB,CAAC;AAe9E,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,YAAY,EACV,WAAW,GACX,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,eAAe,GACf,QAAQ,GACR,cAAc,GACd,WAAW,CACd;IACD,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,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,GAAI,2HAUzB,gBAAgB,sBAyClB,CAAC"}

package/lib/components/Charts/SpiderChart/SpiderChart.module.css

@@ -1,5 +1,10 @@
-@value (colorFillPrimary) from '../../../styles/variables/_color.css';
-@value (size400, size540, size660, size880, sizeFluid) from '../../../styles/variables/_size.css';
+@value (
+  size400,
+  size540,
+  size660,
+  size880,
+  sizeFluid
+) from '../../../styles/variables/_size.css';
 
 .wrapper {
   display: flex;

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { ChartOptions, DataOptionsType, Drilldown } from '../../../types/charts';
+import type { ChartWrapperClassNames, ExportOptionType } from '../ChartWrapper';
+type ClassNames = Readonly<ChartWrapperClassNames & {
+    highChart?: string;
+}>;
+export interface StackedBarSeries {
+    name: string;
+    data: DataOptionsType[];
+}
+export interface StackedBarChartProps extends Omit<ChartOptions, 'series' | 'isLoading' | 'drilldown' | 'cardTitle' | 'emptyText' | 'classNames' | 'hasEmptyData' | 'headerActions' | 'customExportOptions'> {
+    series: Array<StackedBarSeries>;
+    isLoading?: boolean;
+    drilldown?: Drilldown;
+    cardTitle?: React.ReactNode;
+    emptyText?: React.ReactNode;
+    classNames?: ClassNames;
+    hasEmptyData?: boolean;
+    headerActions?: React.ReactNode;
+    customExportOptions?: Array<ExportOptionType> | null;
+}
+export declare const StackedBarChart: ({ series, isLoading, drilldown, emptyText, cardTitle, classNames, hasEmptyData, headerActions, customExportOptions, ...userOptions }: StackedBarChartProps) => React.ReactNode;
+export {};
+//# sourceMappingURL=StackedBarChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.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;AAe9E,KAAK,UAAU,GAAG,QAAQ,CACxB,sBAAsB,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACF,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,eAAe,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,YAAY,EACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,YAAY,GACZ,cAAc,GACd,eAAe,GACf,qBAAqB,CACxB;IACD,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;CACtD;AAED,eAAO,MAAM,eAAe,GAAI,sIAW7B,oBAAoB,KAAG,KAAK,CAAC,SAmD/B,CAAC"}

package/lib/components/Charts/StackedBarChart/StackedBarChart.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StackedBarChart = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _highcharts = _interopRequireDefault(require("highcharts"));
+var _highchartsMore = _interopRequireDefault(require("highcharts/highcharts-more"));
+var _highchartsReactOfficial = _interopRequireDefault(require("highcharts-react-official"));
+var _charts = require("../../../utils/charts");
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _ChartWrapper = require("../ChartWrapper");
+var _StackedBarChartModule = _interopRequireDefault(require("./StackedBarChart.module.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+if (!!_highchartsMore.default && !!_highcharts.default && typeof _highchartsMore.default === 'function' && typeof _highcharts.default === 'object') {
+  (0, _highchartsMore.default)(_highcharts.default);
+}
+const StackedBarChart = _ref => {
+  let {
+    series,
+    isLoading,
+    drilldown,
+    emptyText,
+    cardTitle,
+    classNames,
+    hasEmptyData,
+    headerActions,
+    customExportOptions,
+    ...userOptions
+  } = _ref;
+  const chartRef = React.useRef(null);
+  const stackedBarSeries = series.map((seriesItem, index) => ({
+    ...seriesItem,
+    name: seriesItem.name,
+    data: seriesItem.data,
+    color: (0, _charts.getDataVizColor)(index),
+    stacking: 'normal',
+    pointWidth: _charts.columnPlotWidth
+  }));
+  const defaultStackedBarChartOptions = (0, _charts.getStackedBarChartOptions)();
+  const stackedBarDrilldown = drilldown ? {
+    ...drilldown,
+    breadcrumbs: {
+      floating: false
+    }
+  } : {};
+
+  //$FlowFixMe[cannot-spread-inexact]
+  const chartOptions = (0, _charts.mergeChartUserOptions)(defaultStackedBarChartOptions, {
+    series: stackedBarSeries,
+    drilldown: stackedBarDrilldown,
+    ...userOptions
+  });
+  const {
+    highChart,
+    ...wrapperClassNames
+  } = classNames || {};
+  return /*#__PURE__*/React.createElement(_ChartWrapper.ChartWrapper, {
+    ref: chartRef,
+    title: cardTitle,
+    isLoading: isLoading,
+    emptyText: emptyText,
+    classNames: wrapperClassNames,
+    hasEmptyData: hasEmptyData,
+    headerActions: headerActions,
+    customExportOptions: customExportOptions
+  }, /*#__PURE__*/React.createElement(_highchartsReactOfficial.default, {
+    highcharts: _highcharts.default,
+    containerProps: {
+      className: (0, _classify.default)(_StackedBarChartModule.default.stackedBarChartContainer, highChart)
+    },
+    ref: chartRef,
+    options: chartOptions
+  }));
+};
+exports.StackedBarChart = StackedBarChart;

package/lib/components/Charts/StackedBarChart/StackedBarChart.module.css

@@ -0,0 +1,22 @@
+@value (
+  size400,
+  size540,
+  size660,
+  size880,
+  sizeFluid
+) from '../../../styles/variables/_size.css';
+
+.wrapper {
+  display: flex;
+}
+
+.stackedBarChartContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: sizeFluid;
+  min-width: size660;
+  max-width: size880;
+  min-height: size400;
+  max-height: size540;
+}

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

@@ -0,0 +1,192 @@
+import * as React from 'react';
+import type { StackedBarChartProps } from './';
+declare const _default: {
+    tags: string[];
+    title: string;
+    component: ({ series, isLoading, drilldown, emptyText, cardTitle, classNames, hasEmptyData, headerActions, customExportOptions, ...userOptions }: StackedBarChartProps) => React.ReactNode;
+    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;
+                };
+            };
+        };
+        drilldown: {
+            description: string;
+            table: {
+                type: {
+                    summary: 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;
+            };
+        };
+    };
+};
+export default _default;
+export declare const _StackedBarChart: {
+    (args: StackedBarChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                name: string;
+                y: number;
+            }[];
+        }[];
+        yAxis: {
+            title: {
+                text: string;
+            };
+        };
+        xAxis: {
+            title: {
+                text: string;
+            };
+        };
+    };
+};
+export declare const _StackedBarChartWithDrilldown: {
+    (args: StackedBarChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: {
+            name: string;
+            data: {
+                name: string;
+                y: number;
+                drilldown: string;
+            }[];
+        }[];
+        drilldown: {
+            series: {
+                id: string;
+                name: string;
+                data: {
+                    name: string;
+                    y: number;
+                }[];
+            }[];
+        };
+        yAxis: {
+            title: {
+                text: string;
+            };
+        };
+        xAxis: {
+            title: {
+                text: string;
+            };
+        };
+    };
+};
+export declare const _StackedBarChartWithEmptyData: {
+    (args: StackedBarChartProps): React.ReactNode;
+    args: {
+        classNames: {
+            wrapper: string;
+        };
+        cardTitle: string;
+        customExportOptions: {
+            key: string;
+            label: string;
+            format: string;
+        }[];
+        series: never[];
+        hasEmptyData: boolean;
+        emptyText: React.JSX.Element;
+    };
+};
+//# sourceMappingURL=StackedBarChart.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StackedBarChart.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/StackedBarChart.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM7C,wBA6IE;AAqDF,eAAO,MAAM,gBAAgB;WACrB,oBAAoB,GACzB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AA4JF,eAAO,MAAM,6BAA6B;WAClC,oBAAoB,GACzB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAejB,CAAC;AAiBF,eAAO,MAAM,6BAA6B;WAClC,oBAAoB,GACzB,KAAK,CAAC,SAAS;;;;;;;;;;;;;;;CAejB,CAAC"}

package/lib/components/Charts/StackedBarChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './StackedBarChart';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Charts/StackedBarChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/StackedBarChart/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}