@oliasoft-open-source/charts-library 3.5.4 → 3.6.0-beta-1

package/dist/src/components/bar-chart/bar-chart-default-props.d.ts

@@ -10,7 +10,7 @@ export declare const getDefaultProps: (props: IBarChartProps) => {
         title: string | string[];
         direction: "vertical" | "horizontal";
         axes: {
-            x: [{}] | import("../common/common.interface").ICommonAxis<"top" | "bottom">[];
+            x: [{}] | import("../common/common.interface").ICommonAxis<"bottom" | "top">[];
             y: [{}] | import("../common/common.interface").ICommonAxis<"left" | "right">[];
         };
         additionalAxesOptions: {

package/dist/src/components/bar-chart/bar-chart.d.ts

@@ -1,3 +1,3 @@
 import { IBarChartProps } from './bar-chart.interface';
-declare const BarChart: (props: IBarChartProps) => JSX.Element;
+declare const BarChart: (props: IBarChartProps) => import("react/jsx-runtime").JSX.Element;
 export { BarChart };

package/dist/src/components/bar-chart/bar-chart.stories.d.ts

@@ -0,0 +1,657 @@
+declare namespace _default {
+    export const title: string;
+    export { BarChart as component };
+    export namespace args {
+        export { singleChart as chart };
+    }
+}
+export default _default;
+export function Default(args: any): import("react/jsx-runtime").JSX.Element;
+export function MultipleSets(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace MultipleSets {
+    export namespace args_1 {
+        export { multipleBarData as chart };
+    }
+    export { args_1 as args };
+}
+export function Stacked(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Stacked {
+    export namespace args_2 {
+        export { stakedBarData as chart };
+    }
+    export { args_2 as args };
+}
+export function StackedGrouped(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace StackedGrouped {
+    export namespace args_3 {
+        export { groupedStacked as chart };
+    }
+    export { args_3 as args };
+}
+export function MultipleYAxes(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace MultipleYAxes {
+    export namespace args_4 {
+        export { multipleAxisData as chart };
+    }
+    export { args_4 as args };
+}
+export function Horizontal(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Horizontal {
+    export namespace args_5 {
+        export { horizontal as chart };
+    }
+    export { args_5 as args };
+}
+export function Reversed(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Reversed {
+    export namespace args_6 {
+        export { reversed as chart };
+    }
+    export { args_6 as args };
+}
+export function HorizontalReversed(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace HorizontalReversed {
+    export namespace args_7 {
+        export { horizontalReversed as chart };
+    }
+    export { args_7 as args };
+}
+export function AxesLabels(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace AxesLabels {
+    export namespace args_8 {
+        export { axesWithLabels as chart };
+    }
+    export { args_8 as args };
+}
+export function AxesPositions(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace AxesPositions {
+    export namespace args_9 {
+        export { axisPosition as chart };
+    }
+    export { args_9 as args };
+}
+export function NonZeroStart(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace NonZeroStart {
+    export namespace args_10 {
+        export { notBeginAtZero as chart };
+    }
+    export { args_10 as args };
+}
+export function CustomRange(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace CustomRange {
+    export namespace args_11 {
+        export { suggestedRange as chart };
+    }
+    export { args_11 as args };
+}
+export function CustomStepSize(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace CustomStepSize {
+    export namespace args_12 {
+        export { stepSizeChart as chart };
+    }
+    export { args_12 as args };
+}
+export function LogarithmicScale(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace LogarithmicScale {
+    export namespace args_13 {
+        export { logartihmicChart as chart };
+    }
+    export { args_13 as args };
+}
+export function Datalabels(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Datalabels {
+    export namespace args_14 {
+        export { dataLabelsNumberChart as chart };
+    }
+    export { args_14 as args };
+}
+export function LegendOnRight(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace LegendOnRight {
+    export namespace args_15 {
+        export { legendRight as chart };
+    }
+    export { args_15 as args };
+}
+export function AnnotationYAxis(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace AnnotationYAxis {
+    export namespace args_16 {
+        export { horizontalAnnotationChart as chart };
+    }
+    export { args_16 as args };
+}
+export function AnnotationXAxis(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace AnnotationXAxis {
+    export namespace args_17 {
+        export { verticalAnnotationChart as chart };
+    }
+    export { args_17 as args };
+}
+export function AnnotationDiagonal(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace AnnotationDiagonal {
+    export namespace args_18 {
+        export { diagonalAnnotationChart as chart };
+    }
+    export { args_18 as args };
+}
+export function AnnotationsInLegend(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace AnnotationsInLegend {
+    export namespace args_19 {
+        export { controlAnnotationChart as chart };
+    }
+    export { args_19 as args };
+}
+export function Animated(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace Animated {
+    export namespace args_20 {
+        export { animatedChart as chart };
+    }
+    export { args_20 as args };
+}
+export function CustomLegend(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace CustomLegend {
+    export namespace args_21 {
+        namespace chart {
+            namespace options {
+                const title_1: string;
+                export { title_1 as title };
+                export namespace legend {
+                    namespace customLegend {
+                        export const customLegendPlugin: {
+                            afterUpdate(chart: import("chart.js").Chart<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | null)[], unknown>, _args: import("chart.js").Plugin<keyof import("chart.js").ChartTypeRegistry, import("../../../node_modules/chart.js/dist/types/basic").AnyObject>, _options: import("chart.js").ChartConfiguration<keyof import("chart.js").ChartTypeRegistry, (number | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | null)[], unknown>): void;
+                        };
+                        export { customLegendContainerID };
+                    }
+                }
+            }
+            namespace data {
+                export { labels1 as labels };
+                export const datasets: {
+                    label: string;
+                    data: number[];
+                }[];
+            }
+        }
+    }
+    export { args_21 as args };
+}
+export function DragDataChart(args: any): import("react/jsx-runtime").JSX.Element;
+export namespace DragDataChart {
+    export namespace args_22 {
+        export { dragDataChart as chart };
+    }
+    export { args_22 as args };
+}
+import { BarChart } from './bar-chart';
+declare namespace singleChart { }
+declare namespace multipleBarData {
+    export namespace data_1 {
+        export { labels1 as labels };
+        const datasets_1: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_1 as datasets };
+    }
+    export { data_1 as data };
+}
+declare namespace stakedBarData {
+    export namespace data_2 {
+        export { labels1 as labels };
+        const datasets_2: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_2 as datasets };
+    }
+    export { data_2 as data };
+    export namespace options_1 {
+        const title_2: string;
+        export { title_2 as title };
+        export namespace additionalAxesOptions {
+            const stacked: boolean;
+        }
+    }
+    export { options_1 as options };
+}
+declare namespace groupedStacked {
+    export namespace data_3 {
+        export { labels1 as labels };
+        const datasets_3: {
+            label: string;
+            data: number[];
+            stack: number;
+        }[];
+        export { datasets_3 as datasets };
+    }
+    export { data_3 as data };
+    export namespace options_2 {
+        const title_3: string;
+        export { title_3 as title };
+        export namespace additionalAxesOptions_1 {
+            const stacked_1: boolean;
+            export { stacked_1 as stacked };
+        }
+        export { additionalAxesOptions_1 as additionalAxesOptions };
+    }
+    export { options_2 as options };
+}
+declare namespace multipleAxisData {
+    export namespace data_4 {
+        export { labels1 as labels };
+        const datasets_4: {
+            label: string;
+            data: number[];
+            yAxisID: string;
+        }[];
+        export { datasets_4 as datasets };
+    }
+    export { data_4 as data };
+    export namespace options_3 {
+        const title_4: string;
+        export { title_4 as title };
+        export namespace axes {
+            const y: ({
+                gridLines?: undefined;
+            } | {
+                gridLines: {
+                    drawOnChartArea: boolean;
+                };
+            })[];
+        }
+    }
+    export { options_3 as options };
+}
+declare namespace horizontal {
+    export namespace data_5 {
+        export { labels1 as labels };
+        const datasets_5: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_5 as datasets };
+    }
+    export { data_5 as data };
+    export namespace options_4 {
+        const title_5: string;
+        export { title_5 as title };
+        export const direction: string;
+    }
+    export { options_4 as options };
+}
+declare namespace reversed {
+    export namespace data_6 {
+        export { labels1 as labels };
+        const datasets_6: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_6 as datasets };
+    }
+    export { data_6 as data };
+    export namespace options_5 {
+        const title_6: string;
+        export { title_6 as title };
+        export namespace additionalAxesOptions_2 {
+            const reverse: boolean;
+        }
+        export { additionalAxesOptions_2 as additionalAxesOptions };
+    }
+    export { options_5 as options };
+}
+declare namespace horizontalReversed {
+    export namespace data_7 {
+        export { labels1 as labels };
+        const datasets_7: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_7 as datasets };
+    }
+    export { data_7 as data };
+    export namespace options_6 {
+        const title_7: string;
+        export { title_7 as title };
+        const direction_1: string;
+        export { direction_1 as direction };
+        export namespace additionalAxesOptions_3 {
+            const reverse_1: boolean;
+            export { reverse_1 as reverse };
+        }
+        export { additionalAxesOptions_3 as additionalAxesOptions };
+    }
+    export { options_6 as options };
+}
+declare namespace axesWithLabels {
+    export namespace data_8 {
+        export { labels1 as labels };
+        const datasets_8: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_8 as datasets };
+    }
+    export { data_8 as data };
+    export namespace options_7 {
+        const title_8: string;
+        export { title_8 as title };
+        export namespace axes_1 {
+            export const x: {
+                label: string;
+            }[];
+            const y_1: {
+                label: string;
+            }[];
+            export { y_1 as y };
+        }
+        export { axes_1 as axes };
+    }
+    export { options_7 as options };
+}
+declare namespace axisPosition {
+    export namespace data_9 {
+        export { labels1 as labels };
+        const datasets_9: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_9 as datasets };
+    }
+    export { data_9 as data };
+    export namespace options_8 {
+        const title_9: string[];
+        export { title_9 as title };
+        export namespace axes_2 {
+            const x_1: {
+                position: string;
+            }[];
+            export { x_1 as x };
+            const y_2: {
+                position: string;
+            }[];
+            export { y_2 as y };
+        }
+        export { axes_2 as axes };
+    }
+    export { options_8 as options };
+}
+declare namespace notBeginAtZero {
+    export namespace data_10 {
+        export { labels1 as labels };
+        const datasets_10: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_10 as datasets };
+    }
+    export { data_10 as data };
+    export namespace options_9 {
+        const title_10: string;
+        export { title_10 as title };
+        export namespace additionalAxesOptions_4 {
+            const beginAtZero: boolean;
+        }
+        export { additionalAxesOptions_4 as additionalAxesOptions };
+    }
+    export { options_9 as options };
+}
+declare namespace suggestedRange {
+    export namespace data_11 {
+        export { labels1 as labels };
+        const datasets_11: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_11 as datasets };
+    }
+    export { data_11 as data };
+    export namespace options_10 {
+        const title_11: string;
+        export { title_11 as title };
+        export namespace additionalAxesOptions_5 {
+            const beginAtZero_1: boolean;
+            export { beginAtZero_1 as beginAtZero };
+            export const suggestedMin: number;
+            export const suggestedMax: number;
+        }
+        export { additionalAxesOptions_5 as additionalAxesOptions };
+    }
+    export { options_10 as options };
+}
+declare namespace stepSizeChart {
+    export namespace data_12 {
+        export { labels1 as labels };
+        const datasets_12: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_12 as datasets };
+    }
+    export { data_12 as data };
+    export namespace options_11 {
+        const title_12: string;
+        export { title_12 as title };
+        export namespace additionalAxesOptions_6 {
+            const stepSize: number;
+        }
+        export { additionalAxesOptions_6 as additionalAxesOptions };
+    }
+    export { options_11 as options };
+}
+declare namespace logartihmicChart {
+    export namespace data_13 {
+        export { labels1 as labels };
+        const datasets_13: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_13 as datasets };
+    }
+    export { data_13 as data };
+    export namespace options_12 {
+        const title_13: string;
+        export { title_13 as title };
+        export namespace additionalAxesOptions_7 {
+            const chartScaleType: string;
+        }
+        export { additionalAxesOptions_7 as additionalAxesOptions };
+    }
+    export { options_12 as options };
+}
+declare namespace dataLabelsNumberChart {
+    export namespace data_14 {
+        export { labels1 as labels };
+        const datasets_14: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_14 as datasets };
+    }
+    export { data_14 as data };
+    export namespace options_13 {
+        const title_14: string;
+        export { title_14 as title };
+        export namespace graph {
+            const showDataLabels: boolean;
+        }
+    }
+    export { options_13 as options };
+}
+declare namespace legendRight {
+    export namespace data_15 {
+        export { labels1 as labels };
+        const datasets_15: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_15 as datasets };
+    }
+    export { data_15 as data };
+    export namespace options_14 {
+        const title_15: string;
+        export { title_15 as title };
+        export namespace legend_1 {
+            const position: string;
+        }
+        export { legend_1 as legend };
+    }
+    export { options_14 as options };
+}
+declare namespace horizontalAnnotationChart {
+    export namespace data_16 {
+        export { labels1 as labels };
+        const datasets_16: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_16 as datasets };
+    }
+    export { data_16 as data };
+    export namespace options_15 {
+        const title_16: string;
+        export { title_16 as title };
+        export namespace annotations {
+            const showAnnotations: boolean;
+            const annotationsData: {
+                annotationAxis: string;
+                label: string;
+                value: number;
+                color: string;
+            }[];
+        }
+    }
+    export { options_15 as options };
+}
+declare namespace verticalAnnotationChart {
+    export namespace data_17 {
+        export { labels1 as labels };
+        const datasets_17: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_17 as datasets };
+    }
+    export { data_17 as data };
+    export namespace options_16 {
+        const title_17: string;
+        export { title_17 as title };
+        export namespace annotations_1 {
+            const showAnnotations_1: boolean;
+            export { showAnnotations_1 as showAnnotations };
+            const annotationsData_1: {
+                annotationAxis: string;
+                label: string;
+                value: number;
+                color: string;
+            }[];
+            export { annotationsData_1 as annotationsData };
+        }
+        export { annotations_1 as annotations };
+    }
+    export { options_16 as options };
+}
+declare namespace diagonalAnnotationChart {
+    export namespace data_18 {
+        export { labels1 as labels };
+        const datasets_18: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_18 as datasets };
+    }
+    export { data_18 as data };
+    export namespace options_17 {
+        const title_18: string;
+        export { title_18 as title };
+        export namespace annotations_2 {
+            const showAnnotations_2: boolean;
+            export { showAnnotations_2 as showAnnotations };
+            const annotationsData_2: {
+                annotationAxis: string;
+                label: string;
+                value: number;
+                endValue: number;
+                color: string;
+            }[];
+            export { annotationsData_2 as annotationsData };
+        }
+        export { annotations_2 as annotations };
+    }
+    export { options_17 as options };
+}
+declare namespace controlAnnotationChart {
+    export namespace data_19 {
+        export { labels1 as labels };
+        const datasets_19: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_19 as datasets };
+    }
+    export { data_19 as data };
+    export namespace options_18 {
+        const title_19: string;
+        export { title_19 as title };
+        export namespace annotations_3 {
+            const showAnnotations_3: boolean;
+            export { showAnnotations_3 as showAnnotations };
+            export const controlAnnotation: boolean;
+            const annotationsData_3: ({
+                annotationAxis: string;
+                label: string;
+                value: number;
+                endValue: number;
+                color: string;
+            } | {
+                annotationAxis: string;
+                label: string;
+                value: number;
+                color: string;
+                endValue?: undefined;
+            })[];
+            export { annotationsData_3 as annotationsData };
+        }
+        export { annotations_3 as annotations };
+    }
+    export { options_18 as options };
+}
+declare namespace animatedChart {
+    export namespace data_20 {
+        export { labels1 as labels };
+        const datasets_20: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_20 as datasets };
+    }
+    export { data_20 as data };
+    export namespace options_19 {
+        namespace chartStyling {
+            const performanceMode: boolean;
+        }
+    }
+    export { options_19 as options };
+}
+declare const customLegendContainerID: "custom-legend-container";
+declare const labels1: string[];
+declare namespace dragDataChart {
+    export namespace data_21 {
+        export { labels1 as labels };
+        const datasets_21: {
+            label: string;
+            data: number[];
+        }[];
+        export { datasets_21 as datasets };
+    }
+    export { data_21 as data };
+    export namespace options_20 {
+        namespace dragData {
+            const enableDragData: boolean;
+            const showTooltip: boolean;
+            const roundPoints: boolean;
+            function onDragStart(evt: any, element: any): void;
+            function onDrag(evt: any, datasetIndex: any, index: any, value: any): void;
+            function onDragEnd(evt: any, datasetIndex: any, index: any, value: any): void;
+        }
+    }
+    export { options_20 as options };
+}

package/dist/src/components/common/helpers/container.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties, ReactNode } from 'react';
+interface ContainerProps {
+    style?: CSSProperties;
+    children: ReactNode;
+    margin?: boolean;
+    deprecatedMessage?: string;
+    warningMessage?: string;
+}
+export declare const Container: {
+    ({ style, children, margin, deprecatedMessage, warningMessage, }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+    defaultProps: {
+        style: {};
+        margin: boolean;
+        deprecatedMessage: null;
+        warningMessage: null;
+    };
+};
+export {};

package/dist/src/components/common/helpers/get-custom-legend-plugin-example.d.ts

@@ -0,0 +1,8 @@
+import { Chart, Plugin, ChartConfiguration } from 'chart.js';
+/**
+ * Gets an example custom legend plugin for use in storybook.
+ * @param {string} customLegendContainerID - the id of the div container to put the generated legend in
+ */
+export declare const getCustomLegendPlugin: (customLegendContainerID: string) => {
+    afterUpdate(chart: Chart, _args: Plugin, _options: ChartConfiguration): void;
+};

package/dist/src/components/common/helpers/range/estimate-close-values.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/common/helpers/range/range.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/common/helpers/text.d.ts

@@ -0,0 +1 @@
+export declare const getTextWidth: (text: string, font: string) => number | undefined;