@oliasoft-open-source/charts-library 3.6.9-beta-8 → 3.6.9

package/dist/src/components/common/helpers/get-chart-annotation.d.ts

@@ -1,4 +1,4 @@
-export interface IAnnotationData {
+interface IAnnotationData {
     annotationAxis?: string;
     color?: string;
     type?: string;

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "3.6.9-beta-8",
+  "version": "3.6.9",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  },
   "bugs": {
     "url": "https://gitlab.com/oliasoft-open-source/charts-library/issues"
   },
@@ -12,15 +15,15 @@
   },
   "license": "MIT",
   "author": "Oliasoft AS and contributors",
-  "main": "index.js",
+  "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build:package": "tsc && vite build",
-    "build": "yarn build:package && storybook build --quiet --output-dir ./public/storybook",
+    "build:package": "vite build --config vite.config.mjs",
+    "build": "yarn build:package && storybook build --quiet --output-dir ./public",
     "dev:storybook": "storybook dev -p 6006",
     "lint:check": "eslint \"**/*.{js,jsx,ts,tsx}\"",
     "lint:fix": "eslint --fix \"**/*.{js,jsx,ts,tsx}\"",
@@ -53,7 +56,7 @@
     "react-use": "^17.4.0"
   },
   "devDependencies": {
-    "@oliasoft-open-source/react-ui-library": "^3.11.10",
+    "@oliasoft-open-source/react-ui-library": "^3.11.9",
     "@oliasoft-open-source/units": "^3.4.2",
     "@storybook/addon-actions": "^7.0.18",
     "@storybook/addon-docs": "^7.0.18",
@@ -73,7 +76,6 @@
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.0.0",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-react": "^7.31.1",
@@ -91,23 +93,22 @@
     "prettier": "3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "storybook": "^7.0.18",
     "storybook-dark-mode": "^3.0.0",
     "vite": "^4.3.9",
+    "vite-plugin-css-injected-by-js": "^3.1.1",
     "vite-plugin-dts": "3.6.0",
     "vite-tsconfig-paths": "^4.2.0",
     "vitest": "^0.34.6"
   },
   "peerDependencies": {
-    "@oliasoft-open-source/react-ui-library": "^3.11.10",
+    "@oliasoft-open-source/react-ui-library": "^3.9.7",
     "@oliasoft-open-source/units": "^3.4.2",
     "classnames": "^2.3.2",
     "immer": "^10.0.2",
     "lodash": "^4.17.21",
     "react": "^17",
     "react-dom": "^17"
-  },
-  "resolutions": {
-    "jackspeak": "2.1.1"
   }
 }

package/dist/global.css

@@ -1 +0,0 @@
-html[data-theme=dark] ._chart_1v6ps_1 canvas{filter:invert(1) hue-rotate(180deg)}html[data-theme=dark] ._chart_e3qdd_1 canvas{filter:invert(1) hue-rotate(180deg)}._chart_e3qdd_1{border:1px solid rgba(255,255,255,0);position:relative;display:flex;flex-direction:column;gap:8px}._chart_e3qdd_1 ._canvas_e3qdd_11{flex-grow:1;min-height:0;position:relative}._chart_e3qdd_1 ._canvas_e3qdd_11 canvas{width:100%!important;height:100%!important}._chart_e3qdd_1._fixedHeight_e3qdd_20{display:flex;align-items:flex-start;justify-content:flex-start;height:auto}._chart_e3qdd_1._stretchHeight_e3qdd_26{display:flex;align-items:stretch;justify-content:stretch;height:100%}._chart_e3qdd_1._squareAspectRatio_e3qdd_32{aspect-ratio:1;min-height:0;min-width:0}._chart_e3qdd_1:focus{outline:none}._chart_e3qdd_1::-moz-focus-inner{border:0}._zoomForm_e3qdd_43{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0}._zoomForm_e3qdd_43 ._zoomReset_e3qdd_51{margin-left:10px}._zoomForm_e3qdd_43 ._help_e3qdd_54{margin-left:5px;line-height:0}._autoWeight_e3qdd_58{width:auto;height:auto}._table_e3qdd_62{overflow:auto}._controls_fa3yo_1{display:flex;align-items:center;flex-wrap:wrap;gap:8px}._buttons_fa3yo_7{display:flex;margin-left:auto;gap:4px}._legend_wpro0_1{position:absolute;opacity:.9;display:flex;flex-direction:column;z-index:1}._legend_wpro0_1._isDragging_wpro0_8{opacity:0}._legendItems_wpro0_11{background-color:var(--color-background-raised);border:1px solid var(--color-border);padding:4px 8px;border-radius:2px;overflow-y:auto;max-height:100%;overflow:overlay;--scrollbar-color: #00000040}._legendItems_wpro0_11::-webkit-scrollbar{display:block;width:16px;z-index:2}._legendItems_wpro0_11::-webkit-scrollbar-button{display:none}._legendItems_wpro0_11::-webkit-scrollbar-track{background-color:#0000}._legendItems_wpro0_11::-webkit-scrollbar-track-piece{background-color:#0000}._legendItems_wpro0_11::-webkit-scrollbar-thumb{background-color:#0000;border:5px solid transparent;border-radius:24px;box-shadow:4px 0 0 4px var(--scrollbar-color) inset}._legendItems_wpro0_11::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}._legend_wpro0_1._isDragging_wpro0_8 ._legendItems_wpro0_11._legendItems_wpro0_11{pointer-events:none}._legend_wpro0_1._isHidden_wpro0_47 ._legendItems_wpro0_11._legendItems_wpro0_11{display:none}._legendToggle_wpro0_50{position:absolute;top:0;right:0;transform:translate(50%,-50%);display:none}._legend_wpro0_1._isHidden_wpro0_47 ._legendToggle_wpro0_50._legendToggle_wpro0_50,._legend_wpro0_1:hover ._legendToggle_wpro0_50._legendToggle_wpro0_50{display:block}._legend_wpro0_1:active ._legendToggle_wpro0_50._legendToggle_wpro0_50:not(:hover){display:none}._legend_wpro0_1._isHidden_wpro0_47 ._legendToggle_wpro0_50._legendToggle_wpro0_50{position:static;transform:none}._legend_wpro0_1._isDragging_wpro0_8 ._legendToggle_wpro0_50._legendToggle_wpro0_50{display:none}._legendItem_wpro0_11{display:flex;align-items:flex-start;gap:8px;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:12px;line-height:16px}._legendItemSymbol_wpro0_80{display:flex;align-items:center;height:16px;position:relative;flex-shrink:0}html[data-theme=dark] ._legendItemSymbol_wpro0_80._legendItemSymbol_wpro0_80{filter:invert(1) hue-rotate(180deg)}._legendItemBox_wpro0_90{width:100%;height:12px;display:block}._legendItemLine_wpro0_95{position:absolute;display:flex;top:50%;left:0;width:100%;transform:translateY(-50%)}._legendItemPoint_wpro0_103{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}._isHidden_wpro0_47 ._legendItemText_wpro0_110._legendItemText_wpro0_110{text-decoration:line-through}._scrollbars_wpro0_113{overflow:overlay;--scrollbar-color: #00000040}._scrollbars_wpro0_113::-webkit-scrollbar{display:block;width:16px;z-index:2}._scrollbars_wpro0_113::-webkit-scrollbar-button{display:none}._scrollbars_wpro0_113::-webkit-scrollbar-track{background-color:#0000}._scrollbars_wpro0_113::-webkit-scrollbar-track-piece{background-color:#0000}._scrollbars_wpro0_113::-webkit-scrollbar-thumb{background-color:#0000;border:5px solid transparent;border-radius:24px;box-shadow:4px 0 0 4px var(--scrollbar-color) inset}._scrollbars_wpro0_113::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}._dropzoneContainer_wpro0_140{position:absolute}._dropzone_wpro0_140{position:absolute;width:50%;height:50%;display:flex}._dropzone_wpro0_140._left_wpro0_149{left:0;justify-content:flex-start}._dropzone_wpro0_140._right_wpro0_153{right:0;justify-content:flex-end}._dropzone_wpro0_140._top_wpro0_157{top:0;align-items:flex-start}._dropzone_wpro0_140._bottom_wpro0_161{bottom:0;align-items:flex-end}._dropzonePlaceholder_wpro0_165{position:absolute;background-color:#0000000d;display:none}[data-theme=dark] ._dropzonePlaceholder_wpro0_165{background-color:#ffffff0d}._isActive_wpro0_173 ._dropzonePlaceholder_wpro0_165._dropzonePlaceholder_wpro0_165{display:block}._resizeContainer_wpro0_176{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}html[data-theme=dark] ._chart_1jdnu_1 canvas{filter:invert(1) hue-rotate(180deg)}._chart_1jdnu_1{border:1px solid rgba(255,255,255,0);padding-top:10px;position:relative}._chart_1jdnu_1 canvas{width:100%!important;height:100%!important}._chart_1jdnu_1._fixedHeight_1jdnu_13{display:flex;align-items:flex-start;justify-content:flex-start;height:auto}._chart_1jdnu_1._stretchHeight_1jdnu_19{display:flex;align-items:stretch;justify-content:stretch;height:100%}._chart_1jdnu_1:focus{border:1px solid #85b7d9;outline:none}._chart_1jdnu_1::-moz-focus-inner{border:0}._zoomForm_1jdnu_32{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0}._zoomForm_1jdnu_32 ._zoomReset_1jdnu_40{margin-left:10px}._zoomForm_1jdnu_32 ._help_1jdnu_43{margin-left:5px;line-height:0}._autoWeight_1jdnu_47{width:"auto";height:"auto"}html[data-theme=dark] ._chart_1t41j_1 canvas{filter:invert(1) hue-rotate(180deg)}._chart_1t41j_1{border:1px solid rgba(255,255,255,0);padding-top:10px;position:relative}._chart_1t41j_1 canvas{width:100%!important;height:100%!important}._chart_1t41j_1._fixedHeight_1t41j_13{display:flex;align-items:flex-start;justify-content:flex-start;height:auto}._chart_1t41j_1._stretchHeight_1t41j_19{display:flex;align-items:stretch;justify-content:stretch;height:100%}._chart_1t41j_1:focus{border:1px solid #85b7d9;outline:none}._chart_1t41j_1::-moz-focus-inner{border:0}._zoomForm_1t41j_32{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0}._zoomForm_1t41j_32 ._zoomReset_1t41j_40{margin-left:10px}._zoomForm_1t41j_32 ._help_1t41j_43{margin-left:5px;line-height:0}._autoWeight_1t41j_47{width:auto;height:auto}

package/dist/src/components/line-chart/hooks/use-chart-options.d.ts

@@ -1,281 +0,0 @@
-import { Dispatch, RefObject } from 'react';
-import { Chart } from 'chart.js';
-import { IState } from '../state/state.interfaces';
-import { ILineChartDataset, ILineChartOptions } from '../line-chart.interface';
-import { ChartHoverMode, Events, PanZoomMode, PointStyle } from '../../common/helpers/enums';
-interface IUseChartOptions {
-    chartRef: RefObject<Chart>;
-    state: IState;
-    options: ILineChartOptions;
-    dispatch: Dispatch<any>;
-    generatedDatasets: ILineChartDataset[];
-}
-/**
- * Custom hook to generate chart options.
- */
-export declare const useChartOptions: ({ chartRef, state, options, dispatch, generatedDatasets, }: IUseChartOptions) => {
-    layout: {
-        padding: string | number | {
-            top: number;
-            bottom: number;
-            left: number;
-            right: number;
-        } | undefined;
-    };
-    onHover: (evt: import("chart.js").ChartEvent, hoveredItems: import("../../common/common.interface").ICommonHoveredItems[]) => void;
-    maintainAspectRatio: boolean | undefined;
-    aspectRatio: number;
-    animation: boolean | {
-        duration: number;
-        onComplete: (() => void) | undefined;
-    };
-    hover: {
-        mode: ChartHoverMode;
-        intersect: boolean;
-    };
-    elements: {
-        line: {
-            pointStyle: PointStyle;
-            showLine: boolean;
-        };
-    };
-    scales: any;
-    plugins: {
-        datalabels: {
-            display: string;
-            align: (context: any) => import("../../common/helpers/enums").AlignOptions.End | import("../../common/helpers/enums").AlignOptions.Start | import("../../common/helpers/enums").AlignOptions.Right | import("../../common/helpers/enums").AlignOptions.Left;
-            formatter: (_value: any, context: import("chart.js").TooltipItem<any>) => any;
-        } | {
-            display: boolean;
-            align?: undefined;
-            formatter?: undefined;
-        };
-        annotation: {
-            annotations: import("../../common/helpers/get-chart-annotation").IAnnotationData | undefined;
-        };
-        zoom: {
-            pan: {
-                enabled: boolean;
-                mode: PanZoomMode;
-                onPanComplete(): void;
-            };
-            zoom: {
-                mode: PanZoomMode;
-                drag: {
-                    enabled: boolean;
-                    threshold: number;
-                    backgroundColor: string;
-                    borderColor: string;
-                    borderWidth: number;
-                };
-                onZoomComplete(): void;
-            };
-        };
-        tooltip: {
-            enabled: boolean;
-            mode: ChartHoverMode;
-            intersect: boolean;
-            padding: number;
-            usePointStyle: boolean;
-            boxWidth: number;
-            boxHeight: number;
-            boxPadding: number;
-            callbacks: {
-                title: (tooltipItem: any, _data: any) => string;
-                label: (tooltipItem: any) => string;
-                afterLabel: (tooltipItem: Record<string, any>) => string;
-            };
-        };
-        legend: {
-            display: boolean;
-            position: import("../../common/helpers/enums").Position;
-            align: string | undefined;
-            labels: {
-                boxHeight: number;
-                boxWidth: number | undefined;
-                usePointStyle: boolean | undefined;
-            };
-            onClick: (_e: any, legendItem: any) => void;
-        };
-        customLegendPlugin: {
-            htmlLegend: {
-                containerID: string;
-            } | null | undefined;
-        };
-        chartAreaBorder: {
-            borderColor: string;
-        };
-        chartAreaText: {
-            showLabel: boolean | undefined;
-            text: string | string[] | undefined;
-            position: string | undefined;
-            fontSize: number | undefined;
-            xOffset: number | undefined;
-            yOffset: number | undefined;
-            maxWidth: number | undefined;
-            lineHeight: number | undefined;
-        };
-    } | {
-        dragData: {
-            dragX: boolean | undefined;
-            dragY: boolean | undefined;
-            round: boolean | undefined;
-            showTooltip: boolean | undefined;
-            onDragStart: () => void;
-            onDrag: () => void;
-            onDragEnd: () => void;
-        };
-        datalabels: {
-            display: string;
-            align: (context: any) => import("../../common/helpers/enums").AlignOptions.End | import("../../common/helpers/enums").AlignOptions.Start | import("../../common/helpers/enums").AlignOptions.Right | import("../../common/helpers/enums").AlignOptions.Left;
-            formatter: (_value: any, context: import("chart.js").TooltipItem<any>) => any;
-        } | {
-            display: boolean;
-            align?: undefined;
-            formatter?: undefined;
-        };
-        annotation: {
-            annotations: import("../../common/helpers/get-chart-annotation").IAnnotationData | undefined;
-        };
-        zoom: {
-            pan: {
-                enabled: boolean;
-                mode: PanZoomMode;
-                onPanComplete(): void;
-            };
-            zoom: {
-                mode: PanZoomMode;
-                drag: {
-                    enabled: boolean;
-                    threshold: number;
-                    backgroundColor: string;
-                    borderColor: string;
-                    borderWidth: number;
-                };
-                onZoomComplete(): void;
-            };
-        };
-        tooltip: {
-            enabled: boolean;
-            mode: ChartHoverMode;
-            intersect: boolean;
-            padding: number;
-            usePointStyle: boolean;
-            boxWidth: number;
-            boxHeight: number;
-            boxPadding: number;
-            callbacks: {
-                title: (tooltipItem: any, _data: any) => string;
-                label: (tooltipItem: any) => string;
-                afterLabel: (tooltipItem: Record<string, any>) => string;
-            };
-        };
-        legend: {
-            display: boolean;
-            position: import("../../common/helpers/enums").Position;
-            align: string | undefined;
-            labels: {
-                boxHeight: number;
-                boxWidth: number | undefined;
-                usePointStyle: boolean | undefined;
-            };
-            onClick: (_e: any, legendItem: any) => void;
-        };
-        customLegendPlugin: {
-            htmlLegend: {
-                containerID: string;
-            } | null | undefined;
-        };
-        chartAreaBorder: {
-            borderColor: string;
-        };
-        chartAreaText: {
-            showLabel: boolean | undefined;
-            text: string | string[] | undefined;
-            position: string | undefined;
-            fontSize: number | undefined;
-            xOffset: number | undefined;
-            yOffset: number | undefined;
-            maxWidth: number | undefined;
-            lineHeight: number | undefined;
-        };
-    } | {
-        dragData?: undefined;
-        datalabels: {
-            display: string;
-            align: (context: any) => import("../../common/helpers/enums").AlignOptions.End | import("../../common/helpers/enums").AlignOptions.Start | import("../../common/helpers/enums").AlignOptions.Right | import("../../common/helpers/enums").AlignOptions.Left;
-            formatter: (_value: any, context: import("chart.js").TooltipItem<any>) => any;
-        } | {
-            display: boolean;
-            align?: undefined;
-            formatter?: undefined;
-        };
-        annotation: {
-            annotations: import("../../common/helpers/get-chart-annotation").IAnnotationData | undefined;
-        };
-        zoom: {
-            pan: {
-                enabled: boolean;
-                mode: PanZoomMode;
-                onPanComplete(): void;
-            };
-            zoom: {
-                mode: PanZoomMode;
-                drag: {
-                    enabled: boolean;
-                    threshold: number;
-                    backgroundColor: string;
-                    borderColor: string;
-                    borderWidth: number;
-                };
-                onZoomComplete(): void;
-            };
-        };
-        tooltip: {
-            enabled: boolean;
-            mode: ChartHoverMode;
-            intersect: boolean;
-            padding: number;
-            usePointStyle: boolean;
-            boxWidth: number;
-            boxHeight: number;
-            boxPadding: number;
-            callbacks: {
-                title: (tooltipItem: any, _data: any) => string;
-                label: (tooltipItem: any) => string;
-                afterLabel: (tooltipItem: Record<string, any>) => string;
-            };
-        };
-        legend: {
-            display: boolean;
-            position: import("../../common/helpers/enums").Position;
-            align: string | undefined;
-            labels: {
-                boxHeight: number;
-                boxWidth: number | undefined;
-                usePointStyle: boolean | undefined;
-            };
-            onClick: (_e: any, legendItem: any) => void;
-        };
-        customLegendPlugin: {
-            htmlLegend: {
-                containerID: string;
-            } | null | undefined;
-        };
-        chartAreaBorder: {
-            borderColor: string;
-        };
-        chartAreaText: {
-            showLabel: boolean | undefined;
-            text: string | string[] | undefined;
-            position: string | undefined;
-            fontSize: number | undefined;
-            xOffset: number | undefined;
-            yOffset: number | undefined;
-            maxWidth: number | undefined;
-            lineHeight: number | undefined;
-        };
-    };
-    events: Events[];
-};
-export {};

package/index.js

@@ -1,14 +0,0 @@
-/*
- Components
- */
-
-import ScatterChart from './src/components/scatter-chart/scatter-chart';
-
-export { LineChart } from './src/components/line-chart/line-chart';
-export { initializeLineChart } from './src/components/line-chart/initialize/initialize-line-chart';
-
-export { PieChart } from './src/components/pie-chart/pie-chart';
-
-export { BarChart } from './src/components/bar-chart/bar-chart';
-
-export { ScatterChart };