@oliasoft-open-source/charts-library 5.1.5 → 5.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +0 -3
- package/package.json +1 -1
- package/dist/assets/Color-YHDXOIA2-Bq81z8oe.js +0 -1
- package/dist/assets/DocsRenderer-CFRXHY34-CrxXBgm2.js +0 -580
- package/dist/assets/bar-chart-const-Cgj9sgUU.js +0 -1
- package/dist/assets/bar-chart.stories-CskKjwzY.js +0 -136
- package/dist/assets/chunk-XP5HYGXS-D5tuasO7.js +0 -1
- package/dist/assets/client-DnE3718B.js +0 -1
- package/dist/assets/entry-preview-CqdghNTQ.js +0 -2
- package/dist/assets/entry-preview-docs-Cet2djRm.js +0 -46
- package/dist/assets/get-custom-legend-plugin-example-Bx2dNJXg.js +0 -1
- package/dist/assets/get-draggableData-BuAjVvlk.js +0 -2
- package/dist/assets/iframe-Covr22ew.js +0 -217
- package/dist/assets/index-BhTLYoCu.js +0 -24
- package/dist/assets/index-CgYGpm1H.js +0 -1
- package/dist/assets/index-DHw5ixvP.js +0 -1
- package/dist/assets/index-Dytf1aFS.js +0 -8
- package/dist/assets/index-YTOF1_EJ.js +0 -9
- package/dist/assets/index-uDG1oqxT.js +0 -1
- package/dist/assets/jsx-runtime-W3oueGCa.js +0 -9
- package/dist/assets/legend-C1G_eM07.js +0 -1367
- package/dist/assets/legend-context-D335GXn0.js +0 -68
- package/dist/assets/line-chart-Df7xumu-.js +0 -6
- package/dist/assets/line-chart.stories-mXxv_jdM.js +0 -1162
- package/dist/assets/line-chart.test-case.stories-MkRygT1i.js +0 -430
- package/dist/assets/pie-chart.stories-CKrEnHPR.js +0 -45
- package/dist/assets/preview-CtUZNZ56.js +0 -2
- package/dist/assets/preview-DD_OYowb.js +0 -1
- package/dist/assets/preview-sKP0fxxa.js +0 -3
- package/dist/assets/react-18-BdgjDjvZ.js +0 -1
- package/dist/assets/scatter-chart.stories-DTnV_CPW.js +0 -41
- package/dist/assets/test-utils-BBHUGUfi.js +0 -9
- package/dist/bar-chart/bar-chart-const.d.ts +0 -2
- package/dist/bar-chart/bar-chart-default-props.d.ts +0 -2
- package/dist/bar-chart/bar-chart.d.ts +0 -3
- package/dist/bar-chart/bar-chart.interface.d.ts +0 -96
- package/dist/bar-chart/utils/get-bar-chart-data-labels.d.ts +0 -10
- package/dist/bar-chart/utils/get-bar-chart-scales.d.ts +0 -3
- package/dist/bar-chart/utils/get-bar-chart-tooltips.d.ts +0 -6
- package/dist/bar-chart/utils/use-bar-chart-config.d.ts +0 -13
- package/dist/bar-chart/utils/use-bar-chart-options.d.ts +0 -55
- package/dist/common/common.interface.d.ts +0 -210
- package/dist/common/controls-portal.d.ts +0 -7
- package/dist/common/enums.d.ts +0 -10
- package/dist/common/helpers/chart-border-plugin.d.ts +0 -16
- package/dist/common/helpers/chart-consts.d.ts +0 -39
- package/dist/common/helpers/chart-utils.d.ts +0 -86
- package/dist/common/helpers/container.d.ts +0 -18
- package/dist/common/helpers/custom-format-number.d.ts +0 -1
- package/dist/common/helpers/download-pgn.d.ts +0 -3
- package/dist/common/helpers/enums.d.ts +0 -80
- package/dist/common/helpers/get-chart-annotation.d.ts +0 -91
- package/dist/common/helpers/get-custom-legend-plugin-example.d.ts +0 -8
- package/dist/common/helpers/get-draggableData.d.ts +0 -18
- package/dist/common/helpers/range/estimate-data-series-have-close-values.d.ts +0 -8
- package/dist/common/helpers/range/range.d.ts +0 -33
- package/dist/common/helpers/text.d.ts +0 -1
- package/dist/common/helpers/to-annotation.d.ts +0 -4
- package/dist/common/hooks/use-generated-labels.d.ts +0 -4
- package/dist/common/hooks/use-legend-state.d.ts +0 -28
- package/dist/common/hooks/use-legend.d.ts +0 -4
- package/dist/common/hooks/use-reset.d.ts +0 -3
- package/dist/common/hooks/use-update-annotations.d.ts +0 -7
- package/dist/common/legend-component/legend-dropzone.d.ts +0 -3
- package/dist/common/legend-component/legend-interface.d.ts +0 -48
- package/dist/common/legend-component/legend-item/LegendItemLine.d.ts +0 -5
- package/dist/common/legend-component/legend-item/legend-item.d.ts +0 -3
- package/dist/common/legend-component/legend-panel.d.ts +0 -3
- package/dist/common/legend-component/legend.d.ts +0 -3
- package/dist/common/legend-component/state/legend-action-types.d.ts +0 -3
- package/dist/common/legend-component/state/legend-context.d.ts +0 -14
- package/dist/common/legend-component/state/legend-state-reducer.d.ts +0 -30
- package/dist/common/legend-component/utils/create-style-object.d.ts +0 -27
- package/dist/common/legend-component/utils/get-generated-labels.d.ts +0 -2
- package/dist/common/plugins/annotation-dragger-plugin/annotation-dragger-plugin.d.ts +0 -15
- package/dist/common/plugins/annotation-dragger-plugin/enums.d.ts +0 -20
- package/dist/common/plugins/annotation-dragger-plugin/event-helpers.d.ts +0 -6
- package/dist/common/plugins/annotation-dragger-plugin/helpers.d.ts +0 -53
- package/dist/common/plugins/annotation-dragger-plugin/point-annotation-label.d.ts +0 -5
- package/dist/common/plugins/ellipsis-annotation-plugin/compute-ellipse-geometry.d.ts +0 -9
- package/dist/common/plugins/ellipsis-annotation-plugin/ellipsis-annotation-plugin.d.ts +0 -18
- package/dist/common/plugins/gradient-background-plugin/enums.d.ts +0 -10
- package/dist/common/plugins/gradient-background-plugin/gradient-background-plugin.d.ts +0 -2
- package/dist/favicon.svg +0 -1
- package/dist/iframe.html +0 -666
- package/dist/index.html +0 -149
- package/dist/index.json +0 -1
- package/dist/line-chart/constants/default-translations.d.ts +0 -25
- package/dist/line-chart/constants/line-chart-consts.d.ts +0 -13
- package/dist/line-chart/controls/axes-options/axes-options-interfaces.d.ts +0 -57
- package/dist/line-chart/controls/axes-options/axes-options.d.ts +0 -6
- package/dist/line-chart/controls/axes-options/axes-validation.d.ts +0 -8
- package/dist/line-chart/controls/controls-interfaces.d.ts +0 -20
- package/dist/line-chart/controls/controls.d.ts +0 -3
- package/dist/line-chart/controls/drag-options-interfaces.d.ts +0 -14
- package/dist/line-chart/controls/drag-options.d.ts +0 -23
- package/dist/line-chart/controls/line-options.d.ts +0 -19
- package/dist/line-chart/hooks/use-chart-functions.d.ts +0 -33
- package/dist/line-chart/hooks/use-chart-options.d.ts +0 -16
- package/dist/line-chart/hooks/use-chart-plugins.d.ts +0 -7
- package/dist/line-chart/hooks/use-chart-state.d.ts +0 -12
- package/dist/line-chart/hooks/use-toggle-handler.d.ts +0 -12
- package/dist/line-chart/initialize/config.d.ts +0 -12
- package/dist/line-chart/initialize/initialize-line-chart.d.ts +0 -12
- package/dist/line-chart/line-chart-get-default-props.d.ts +0 -2
- package/dist/line-chart/line-chart.d.ts +0 -3
- package/dist/line-chart/line-chart.interface.d.ts +0 -150
- package/dist/line-chart/plugins/chart-area-text-plugin.d.ts +0 -17
- package/dist/line-chart/plugins/line-chart.minor-gridlines-plugin.d.ts +0 -8
- package/dist/line-chart/plugins/plugin-constants.d.ts +0 -11
- package/dist/line-chart/plugins/plugins.interface.d.ts +0 -9
- package/dist/line-chart/state/action-types.d.ts +0 -12
- package/dist/line-chart/state/helpers.d.ts +0 -13
- package/dist/line-chart/state/initial-state.d.ts +0 -11
- package/dist/line-chart/state/line-chart-reducer.d.ts +0 -2
- package/dist/line-chart/state/manage-state-in-local-storage.d.ts +0 -15
- package/dist/line-chart/state/state.interfaces.d.ts +0 -26
- package/dist/line-chart/utils/axis-formatting/axis-formatting.d.ts +0 -2
- package/dist/line-chart/utils/axis-scales/axis-scales.d.ts +0 -9
- package/dist/line-chart/utils/check-custom-option/check-custom-option.d.ts +0 -12
- package/dist/line-chart/utils/datalabels-alignment/datalabels-alignment.interface.d.ts +0 -20
- package/dist/line-chart/utils/datalabels-alignment/get-alignment-condition.d.ts +0 -8
- package/dist/line-chart/utils/datalabels-alignment/get-alignment-data.d.ts +0 -11
- package/dist/line-chart/utils/datalabels-alignment/get-datalabels-position.d.ts +0 -6
- package/dist/line-chart/utils/enums.d.ts +0 -4
- package/dist/line-chart/utils/generate-line-chart-datasets.d.ts +0 -8
- package/dist/line-chart/utils/get-annotations-data.d.ts +0 -1
- package/dist/line-chart/utils/get-axes-data-from-metasets.d.ts +0 -1
- package/dist/line-chart/utils/get-axes-ranges-from-chart.d.ts +0 -9
- package/dist/line-chart/utils/get-axis-range-by-type.d.ts +0 -10
- package/dist/line-chart/utils/get-generated-labels.d.ts +0 -2
- package/dist/line-chart/utils/get-line-chart-data-labels.d.ts +0 -16
- package/dist/line-chart/utils/get-line-chart-scales.d.ts +0 -4
- package/dist/line-chart/utils/get-line-chart-tooltips.d.ts +0 -34
- package/dist/line-chart/utils/line-chart-utils.d.ts +0 -24
- package/dist/line-chart/utils/translations/get-translations.d.ts +0 -8
- package/dist/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/nunito-sans-bold.woff2 +0 -0
- package/dist/nunito-sans-italic.woff2 +0 -0
- package/dist/nunito-sans-regular.woff2 +0 -0
- package/dist/pie-chart/pie-chart-defalut-props.interface.d.ts +0 -50
- package/dist/pie-chart/pie-chart-get-default-props.d.ts +0 -3
- package/dist/pie-chart/pie-chart.d.ts +0 -3
- package/dist/pie-chart/pie-chart.interface.d.ts +0 -70
- package/dist/pie-chart/use-pie-chart-config.d.ts +0 -42
- package/dist/project.json +0 -1
- package/dist/sb-addons/actions-1/manager-bundle.js +0 -3
- package/dist/sb-addons/docs-2/manager-bundle.js +0 -242
- package/dist/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
- package/dist/sb-addons/storybook-dark-mode-esm-preset-3/manager-bundle.js +0 -5
- package/dist/sb-common-assets/favicon.svg +0 -1
- package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/sb-manager/globals-module-info.js +0 -1051
- package/dist/sb-manager/globals-runtime.js +0 -41591
- package/dist/sb-manager/globals.js +0 -48
- package/dist/sb-manager/runtime.js +0 -12048
- package/dist/scatter-chart/hooks/use-scatter-chart-config.d.ts +0 -113
- package/dist/scatter-chart/scatter-chart-default-props.interface.d.ts +0 -71
- package/dist/scatter-chart/scatter-chart-get-default-props.d.ts +0 -3
- package/dist/scatter-chart/scatter-chart.d.ts +0 -3
- package/dist/scatter-chart/scatter-chart.interface.d.ts +0 -81
- package/dist/scatter-chart/utils/get-scales-config.d.ts +0 -49
- package/dist/scatter-chart/utils/get-tooltip-config.d.ts +0 -21
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
export declare enum AxisType {
|
|
2
|
-
X = "x",
|
|
3
|
-
Y = "y"
|
|
4
|
-
}
|
|
5
|
-
export declare enum Position {
|
|
6
|
-
Bottom = "bottom",
|
|
7
|
-
Top = "top",
|
|
8
|
-
Left = "left",
|
|
9
|
-
Right = "right",
|
|
10
|
-
TopRight = "top-right",
|
|
11
|
-
TopLeft = "top-left",
|
|
12
|
-
BottomLeft = "bottom-left",
|
|
13
|
-
BottomRight = "bottom-right"
|
|
14
|
-
}
|
|
15
|
-
export declare enum ChartType {
|
|
16
|
-
Line = "line",
|
|
17
|
-
Bar = "bar"
|
|
18
|
-
}
|
|
19
|
-
export declare enum CursorStyle {
|
|
20
|
-
Pointer = "pointer",
|
|
21
|
-
Initial = "initial",
|
|
22
|
-
Grab = "grab",
|
|
23
|
-
Grabbing = "grabbing",
|
|
24
|
-
Crosshair = "crosshair",
|
|
25
|
-
Move = "move"
|
|
26
|
-
}
|
|
27
|
-
export declare enum ScaleType {
|
|
28
|
-
Category = "category",
|
|
29
|
-
Linear = "linear",
|
|
30
|
-
Logarithmic = "logarithmic"
|
|
31
|
-
}
|
|
32
|
-
export declare enum ChartDirection {
|
|
33
|
-
Vertical = "vertical"
|
|
34
|
-
}
|
|
35
|
-
export declare enum TooltipLabel {
|
|
36
|
-
Y = "yLabel",
|
|
37
|
-
X = "xLabel"
|
|
38
|
-
}
|
|
39
|
-
export declare enum AlignOptions {
|
|
40
|
-
End = "end",
|
|
41
|
-
Start = "start",
|
|
42
|
-
Center = "center",
|
|
43
|
-
Right = "right",
|
|
44
|
-
Left = "left"
|
|
45
|
-
}
|
|
46
|
-
export declare enum PointType {
|
|
47
|
-
Casing = "casing"
|
|
48
|
-
}
|
|
49
|
-
export declare enum AnnotationType {
|
|
50
|
-
Box = "box",
|
|
51
|
-
Ellipse = "ellipse",
|
|
52
|
-
Line = "line",
|
|
53
|
-
Text = "text"
|
|
54
|
-
}
|
|
55
|
-
export declare enum PointStyle {
|
|
56
|
-
Circle = "circle",
|
|
57
|
-
Square = "rect",
|
|
58
|
-
Diamond = "rectRot",
|
|
59
|
-
Triangle = "triangle"
|
|
60
|
-
}
|
|
61
|
-
export declare enum ChartHoverMode {
|
|
62
|
-
Nearest = "nearest"
|
|
63
|
-
}
|
|
64
|
-
export declare enum PanZoomMode {
|
|
65
|
-
X = "x",
|
|
66
|
-
Y = "y",
|
|
67
|
-
XY = "xy",
|
|
68
|
-
Z = "z"
|
|
69
|
-
}
|
|
70
|
-
export declare enum Key {
|
|
71
|
-
Shift = "Shift"
|
|
72
|
-
}
|
|
73
|
-
export declare enum Events {
|
|
74
|
-
Mousemove = "mousemove",
|
|
75
|
-
Mouseout = "mouseout",
|
|
76
|
-
Click = "click",
|
|
77
|
-
Touchstart = "touchstart",
|
|
78
|
-
Touchmove = "touchmove",
|
|
79
|
-
Dblclick = "dblclick"
|
|
80
|
-
}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { Chart } from 'chart.js';
|
|
2
|
-
import { AnnotationType } from '../plugins/annotation-dragger-plugin/enums';
|
|
3
|
-
import { Position } from './enums';
|
|
4
|
-
import { ICommonAnnotationElement, ICommonAnnotationsData, ICoordinates } from '../common.interface';
|
|
5
|
-
export interface IGetAnnotationsProps {
|
|
6
|
-
showAnnotations: boolean;
|
|
7
|
-
annotationsData: ICommonAnnotationsData[];
|
|
8
|
-
}
|
|
9
|
-
interface TChart extends Chart {
|
|
10
|
-
hoveredAnnotationId?: string | null;
|
|
11
|
-
}
|
|
12
|
-
declare const getAnnotation: ({ showAnnotations, annotationsData, }: IGetAnnotationsProps) => ICommonAnnotationElement[] | {
|
|
13
|
-
display: boolean | undefined;
|
|
14
|
-
annotationIndex: number;
|
|
15
|
-
id: string;
|
|
16
|
-
scaleID: "x" | "y";
|
|
17
|
-
label: {
|
|
18
|
-
content: string;
|
|
19
|
-
display: boolean;
|
|
20
|
-
font: {
|
|
21
|
-
weight: string;
|
|
22
|
-
};
|
|
23
|
-
} | {
|
|
24
|
-
backgroundColor: string;
|
|
25
|
-
content: string;
|
|
26
|
-
display: boolean;
|
|
27
|
-
position: Position;
|
|
28
|
-
color?: undefined;
|
|
29
|
-
font?: undefined;
|
|
30
|
-
borderWidth?: undefined;
|
|
31
|
-
padding?: undefined;
|
|
32
|
-
borderRadius?: undefined;
|
|
33
|
-
borderColor?: undefined;
|
|
34
|
-
} | {
|
|
35
|
-
backgroundColor: any;
|
|
36
|
-
content: string;
|
|
37
|
-
display: any;
|
|
38
|
-
position: any;
|
|
39
|
-
color: any;
|
|
40
|
-
font: any;
|
|
41
|
-
borderWidth: number;
|
|
42
|
-
padding: number;
|
|
43
|
-
borderRadius: number;
|
|
44
|
-
borderColor: any;
|
|
45
|
-
};
|
|
46
|
-
backgroundColor: string;
|
|
47
|
-
borderColor: string;
|
|
48
|
-
borderWidth: number;
|
|
49
|
-
borderDash: number[] | undefined;
|
|
50
|
-
type: AnnotationType;
|
|
51
|
-
adjustScaleRange: boolean;
|
|
52
|
-
enter: ({ element, }: {
|
|
53
|
-
element: ICommonAnnotationElement;
|
|
54
|
-
}, { chart, }: {
|
|
55
|
-
chart: TChart;
|
|
56
|
-
}) => void;
|
|
57
|
-
leave: ({ element, }: {
|
|
58
|
-
element: ICommonAnnotationElement;
|
|
59
|
-
}, { chart, }: {
|
|
60
|
-
chart: TChart;
|
|
61
|
-
}) => void;
|
|
62
|
-
onDragStart: () => (cord: ICoordinates, annotation: ICommonAnnotationsData) => void;
|
|
63
|
-
onDrag: () => (cord: ICoordinates, annotation: ICommonAnnotationsData) => void;
|
|
64
|
-
onDragEnd: () => (cord: ICoordinates, annotation: ICommonAnnotationsData) => void;
|
|
65
|
-
pointStyle: string;
|
|
66
|
-
resizable: boolean;
|
|
67
|
-
displayDragCoordinates: boolean;
|
|
68
|
-
hideLegend?: boolean;
|
|
69
|
-
annotationAxis: "x" | "y";
|
|
70
|
-
rotation: number;
|
|
71
|
-
color: string;
|
|
72
|
-
endValue: number;
|
|
73
|
-
labelConfig?: Record<string, any>;
|
|
74
|
-
value: number;
|
|
75
|
-
xMin: number;
|
|
76
|
-
xMax: number;
|
|
77
|
-
yMin: number;
|
|
78
|
-
yMax: number;
|
|
79
|
-
xValue?: number;
|
|
80
|
-
yValue?: number;
|
|
81
|
-
radius?: number;
|
|
82
|
-
enableDrag?: boolean;
|
|
83
|
-
dragAxis?: import('../plugins/annotation-dragger-plugin/enums').DragAxis;
|
|
84
|
-
dragRange?: {
|
|
85
|
-
x?: [number, number];
|
|
86
|
-
y?: [number, number];
|
|
87
|
-
};
|
|
88
|
-
xScaleID?: string;
|
|
89
|
-
yScaleID?: string;
|
|
90
|
-
}[];
|
|
91
|
-
export default getAnnotation;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Chart, ChartConfiguration, Plugin } from 'chart.js';
|
|
2
|
-
/**
|
|
3
|
-
* Gets an example custom legend plugin for use in storybook.
|
|
4
|
-
* @param {string} customLegendContainerID - the id of the div container to put the generated legend in
|
|
5
|
-
*/
|
|
6
|
-
export declare const getCustomLegendPlugin: (customLegendContainerID: string) => {
|
|
7
|
-
afterUpdate(chart: Chart, _args: Plugin, _options: ChartConfiguration): void;
|
|
8
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ICommonOptions } from '../common.interface';
|
|
2
|
-
export interface IDraggableDataOptions {
|
|
3
|
-
dragX: boolean;
|
|
4
|
-
dragY: boolean;
|
|
5
|
-
round: boolean;
|
|
6
|
-
showTooltip: boolean;
|
|
7
|
-
onDragStart: () => void;
|
|
8
|
-
onDrag: () => void;
|
|
9
|
-
onDragEnd: () => void;
|
|
10
|
-
}
|
|
11
|
-
export interface IDraggableData {
|
|
12
|
-
dragData: IDraggableDataOptions;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* @param {ICommonChartOptions} options - line chart options object
|
|
16
|
-
*/
|
|
17
|
-
declare const getDraggableData: (options: ICommonOptions) => IDraggableData | object;
|
|
18
|
-
export default getDraggableData;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { TGeneratedLineChartDatasets } from '../../../line-chart/line-chart.interface';
|
|
2
|
-
/**
|
|
3
|
-
* Estimates whether any of the data series has values that are all close together
|
|
4
|
-
* - checks only the first and last values in each series (i.e. assumes they are ordered)
|
|
5
|
-
* - uses an equality check with tolerance for decimal precision noise
|
|
6
|
-
* - this is just an inexpensive "guesstimate" (full min/max detection can be used afterwards)
|
|
7
|
-
*/
|
|
8
|
-
export declare const estimateDataSeriesHaveCloseValues: (generatedDatasets: TGeneratedLineChartDatasets) => boolean;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
interface IGetSuggestedAxisRange {
|
|
2
|
-
data: number[];
|
|
3
|
-
beginAtZero: boolean;
|
|
4
|
-
autoAxisPadding: boolean;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* Overrides the default chart.js axis range for some edge-cases:
|
|
8
|
-
* - when no data -> default range
|
|
9
|
-
* - when all values are close to zero -> default range
|
|
10
|
-
* - when all values are close to each other -> custom 5% padding
|
|
11
|
-
* - when autoAxisPadding is set -> custom 5% padding
|
|
12
|
-
* - all other cases fall back to chart.js default behaviour
|
|
13
|
-
*
|
|
14
|
-
* `autoAxisPadding` feature requirements:
|
|
15
|
-
* - specified by Truls and ported by Mark+Oleg
|
|
16
|
-
* - numbers that are equal (within tolerance) shall be presented as a straight line
|
|
17
|
-
* - all other data series shall use 90% of width of axis (5% padding each side)
|
|
18
|
-
* - the padding on each side shall be symmetric
|
|
19
|
-
*
|
|
20
|
-
* @param {object} args
|
|
21
|
-
* @param {array<number|null>} args.data
|
|
22
|
-
* @param {boolean} [args.beginAtZero]
|
|
23
|
-
* @param {boolean>} [args.autoAxisPadding]
|
|
24
|
-
* @returns {object} returns {min, max} pair
|
|
25
|
-
*/
|
|
26
|
-
export declare const getSuggestedAxisRange: ({ data, beginAtZero, autoAxisPadding, }: IGetSuggestedAxisRange) => {
|
|
27
|
-
min: number;
|
|
28
|
-
max: number;
|
|
29
|
-
} | {
|
|
30
|
-
min: undefined;
|
|
31
|
-
max: undefined;
|
|
32
|
-
};
|
|
33
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const getTextWidth: (text: string, font: string) => number | undefined;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { RefObject } from '../../../../node_modules/react';
|
|
2
|
-
import { Chart } from 'chart.js';
|
|
3
|
-
import { TLegendDatasets } from '../legend-component/legend-interface';
|
|
4
|
-
export declare const useGeneratedLabels: (chartRef: RefObject<Chart>, generatedDatasets: TLegendDatasets) => any[];
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { RefObject } from '../../../../node_modules/react';
|
|
2
|
-
import { Chart, LegendItem } from 'chart.js';
|
|
3
|
-
import { UnusedParameter } from '../common.interface';
|
|
4
|
-
export interface IUseLegendStateProps {
|
|
5
|
-
chartRef: RefObject<Chart>;
|
|
6
|
-
options: any;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* Custom hook to manage legend state.
|
|
10
|
-
*/
|
|
11
|
-
export declare const useLegendState: ({ chartRef, options }: IUseLegendStateProps) => {
|
|
12
|
-
legendClick: (_: UnusedParameter, legendItem: LegendItem) => void;
|
|
13
|
-
annotation: import('../common.interface').ICommonAnnotationElement[];
|
|
14
|
-
legend: {
|
|
15
|
-
position: any;
|
|
16
|
-
display: boolean | undefined;
|
|
17
|
-
align: "center" | "start" | "end";
|
|
18
|
-
labels: {
|
|
19
|
-
boxHeight: number;
|
|
20
|
-
boxWidth: number | undefined;
|
|
21
|
-
usePointStyle: boolean | undefined;
|
|
22
|
-
};
|
|
23
|
-
onClick: (_: UnusedParameter, legendItem: LegendItem) => void;
|
|
24
|
-
};
|
|
25
|
-
customLegendPlugin: {
|
|
26
|
-
htmlLegend: any;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Dispatch } from '../../../../node_modules/react';
|
|
2
|
-
import { TLegendAction } from '../legend-component/state/legend-state-reducer';
|
|
3
|
-
import { TChartsOption } from '../legend-component/legend-interface';
|
|
4
|
-
/**
|
|
5
|
-
* Syncs annotation when annotationsData or showAnnotations change
|
|
6
|
-
*/
|
|
7
|
-
export declare const useUpdateAnnotations: (options: TChartsOption, dispatch: Dispatch<TLegendAction>) => void;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { MouseEventHandler, RefObject } from '../../../../node_modules/react';
|
|
2
|
-
import { Chart, ChartArea } from 'chart.js';
|
|
3
|
-
import { IGeneratedScatterChartDataset, TGeneratedScatterChartDatasets, IScatterOptions } from '../../scatter-chart/scatter-chart.interface';
|
|
4
|
-
import { Position } from '../helpers/enums';
|
|
5
|
-
import { IGeneratedLineChartDataset, ILineChartOptions, TGeneratedLineChartDatasets } from '../../line-chart/line-chart.interface';
|
|
6
|
-
import { IBarOptions, IGenerateBarChartDataset, TGenerateBarChartDatasets } from '../../bar-chart/bar-chart.interface';
|
|
7
|
-
import { IGeneratedPieChartDataset, IPieOptions, TGeneratedPieChartDatasets } from '../../pie-chart/pie-chart.interface';
|
|
8
|
-
import { ChartType } from '../enums';
|
|
9
|
-
export interface ILegendDropZone {
|
|
10
|
-
position: Position;
|
|
11
|
-
onDrop: () => void;
|
|
12
|
-
placeholderSize?: {
|
|
13
|
-
width?: number;
|
|
14
|
-
height?: number;
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
export interface ILegendDropZones {
|
|
18
|
-
chartArea?: ChartArea;
|
|
19
|
-
setLegendPosition: (position: Position) => void;
|
|
20
|
-
isDragging: boolean;
|
|
21
|
-
placeholderSize?: {
|
|
22
|
-
width?: number;
|
|
23
|
-
height?: number;
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
export type TLegendDataset = IGeneratedLineChartDataset | IGenerateBarChartDataset | IGeneratedPieChartDataset | IGeneratedScatterChartDataset;
|
|
27
|
-
export type TLegendDatasets = TGeneratedLineChartDatasets | TGenerateBarChartDatasets | TGeneratedPieChartDatasets | TGeneratedScatterChartDatasets;
|
|
28
|
-
export type TChartsOption = ILineChartOptions | IBarOptions | IPieOptions | IScatterOptions;
|
|
29
|
-
export interface ILegendItem {
|
|
30
|
-
hidden: boolean;
|
|
31
|
-
dataset: TLegendDataset;
|
|
32
|
-
handleClick: MouseEventHandler<HTMLDivElement>;
|
|
33
|
-
chartType: ChartType;
|
|
34
|
-
index: number;
|
|
35
|
-
}
|
|
36
|
-
export interface ILegendConfig {
|
|
37
|
-
options: TChartsOption;
|
|
38
|
-
generatedDatasets: TLegendDatasets;
|
|
39
|
-
chartType: ChartType;
|
|
40
|
-
}
|
|
41
|
-
export interface ILegend {
|
|
42
|
-
chartRef: RefObject<Chart>;
|
|
43
|
-
legendConfig: ILegendConfig;
|
|
44
|
-
}
|
|
45
|
-
export interface ILegendPanel extends ILegend {
|
|
46
|
-
legendPosition: Position;
|
|
47
|
-
isDragging: boolean;
|
|
48
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { IGeneratedLineChartDataset } from '../../../line-chart/line-chart.interface';
|
|
2
|
-
export interface ILineLegendItemProp {
|
|
3
|
-
dataset: IGeneratedLineChartDataset;
|
|
4
|
-
}
|
|
5
|
-
export declare const LegendItemLine: ({ dataset }: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { default as React, ReactNode } from '../../../../../node_modules/react';
|
|
2
|
-
import { ILegendState } from './legend-state-reducer';
|
|
3
|
-
import { TChartsOption } from '../legend-interface';
|
|
4
|
-
import { ICommonDataset } from '../../common.interface';
|
|
5
|
-
export declare const LegendContext: React.Context<{
|
|
6
|
-
state: ILegendState;
|
|
7
|
-
dispatch: React.Dispatch<any>;
|
|
8
|
-
} | undefined>;
|
|
9
|
-
export interface ILegendProviderProps {
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
options: TChartsOption;
|
|
12
|
-
datasets?: ICommonDataset[];
|
|
13
|
-
}
|
|
14
|
-
export declare const LegendProvider: ({ children, options, datasets, }: ILegendProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Chart } from 'chart.js';
|
|
2
|
-
import { TLegendDataset, TLegendDatasets } from '../legend-interface';
|
|
3
|
-
import { RESET_STATE, SET_ANNOTATION, TOGGLE_DATA_VISIBILITY } from './legend-action-types';
|
|
4
|
-
import { ICommonAnnotationElement, ICommonDataset } from '../../common.interface';
|
|
5
|
-
export interface ILegendState {
|
|
6
|
-
datasets: ICommonDataset[];
|
|
7
|
-
annotation: ICommonAnnotationElement[];
|
|
8
|
-
}
|
|
9
|
-
export type TLegendAction = {
|
|
10
|
-
type: typeof TOGGLE_DATA_VISIBILITY;
|
|
11
|
-
payload: {
|
|
12
|
-
chartInstance: Chart;
|
|
13
|
-
dsConfig: {
|
|
14
|
-
datasetIndex: number;
|
|
15
|
-
dataset: TLegendDataset;
|
|
16
|
-
datasets: TLegendDatasets;
|
|
17
|
-
};
|
|
18
|
-
annotationConfig: {
|
|
19
|
-
annotationIndex: number;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
} | {
|
|
23
|
-
type: typeof RESET_STATE;
|
|
24
|
-
payload: ILegendState;
|
|
25
|
-
} | {
|
|
26
|
-
type: typeof SET_ANNOTATION;
|
|
27
|
-
payload: ICommonAnnotationElement[];
|
|
28
|
-
};
|
|
29
|
-
export declare const legendInitialState: ILegendState;
|
|
30
|
-
export declare const legendReducer: (state: ILegendState, action: TLegendAction) => ILegendState;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Position } from '../../helpers/enums';
|
|
2
|
-
export declare const LEGEND_MARGIN = 4;
|
|
3
|
-
interface IChartArea {
|
|
4
|
-
top: number;
|
|
5
|
-
left: number;
|
|
6
|
-
bottom: number;
|
|
7
|
-
right: number;
|
|
8
|
-
}
|
|
9
|
-
interface IChart {
|
|
10
|
-
height?: number;
|
|
11
|
-
width?: number;
|
|
12
|
-
chartArea: IChartArea;
|
|
13
|
-
}
|
|
14
|
-
interface ILegendStyle {
|
|
15
|
-
left: number | undefined;
|
|
16
|
-
right: number | undefined;
|
|
17
|
-
top: number | undefined;
|
|
18
|
-
bottom: number | undefined;
|
|
19
|
-
maxHeight: number;
|
|
20
|
-
maxWidth: number;
|
|
21
|
-
margin: number;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Creates a style object for positioning and sizing the legend panel based on the chart dimensions and legend position.
|
|
25
|
-
*/
|
|
26
|
-
export declare const createLegendStyle: (legendPosition: Position, chart: IChart | null) => ILegendStyle;
|
|
27
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ChartType, Plugin, Scale } from 'chart.js';
|
|
2
|
-
export interface IScales {
|
|
3
|
-
x: Scale;
|
|
4
|
-
y: Scale;
|
|
5
|
-
[key: string]: Scale;
|
|
6
|
-
}
|
|
7
|
-
export interface AnnotationDraggerPluginOptions {
|
|
8
|
-
enabled: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare module 'chart.js' {
|
|
11
|
-
interface PluginOptionsByType<TType extends ChartType> {
|
|
12
|
-
annotationDraggerPlugin?: AnnotationDraggerPluginOptions;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
export declare const annotationDraggerPlugin: Plugin;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export declare enum FontStyle {
|
|
2
|
-
DEFAULT = "14px Arial",
|
|
3
|
-
CUSTOM = "16px Arial"
|
|
4
|
-
}
|
|
5
|
-
export declare enum MouseEvents {
|
|
6
|
-
MOUSEDOWN = "mousedown",
|
|
7
|
-
MOUSEMOVE = "mousemove",
|
|
8
|
-
MOUSEUP = "mouseup"
|
|
9
|
-
}
|
|
10
|
-
export declare enum AnnotationType {
|
|
11
|
-
POINT = "point",
|
|
12
|
-
BOX = "box",
|
|
13
|
-
LINE = "line",
|
|
14
|
-
ELLIPSE = "ellipse"
|
|
15
|
-
}
|
|
16
|
-
export declare enum DragAxis {
|
|
17
|
-
X = "x",
|
|
18
|
-
Y = "y",
|
|
19
|
-
Both = "both"
|
|
20
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Chart } from 'chart.js';
|
|
2
|
-
import { IScales } from './annotation-dragger-plugin';
|
|
3
|
-
import { ICommonAnnotationsData } from '../../common.interface';
|
|
4
|
-
export declare const handleAnnotationMouseDown: (event: MouseEvent, canvas: HTMLCanvasElement, scales: IScales, annotations: Record<string, ICommonAnnotationsData>, setDraggingState: (isDragging: boolean, annotation: ICommonAnnotationsData | null, dragStartX: number, dragStartY: number) => void, hoveredAnnotationId: string | null) => void;
|
|
5
|
-
export declare const handleAnnotationMouseMove: (event: MouseEvent, canvas: HTMLCanvasElement, scales: IScales, isDragging: boolean, activeAnnotation: ICommonAnnotationsData | null, dragStartX: number, dragStartY: number, chart: Chart) => void;
|
|
6
|
-
export declare const handleAnnotationMouseUp: (isDragging: boolean, activeAnnotation: ICommonAnnotationsData | null, chart: Chart, canvas: HTMLCanvasElement, setDraggingState: (isDragging: boolean, annotation: ICommonAnnotationsData | null) => void) => void;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { Chart } from 'chart.js';
|
|
2
|
-
import { ICommonAnnotationsData } from '../../common.interface';
|
|
3
|
-
import { IScales } from './annotation-dragger-plugin';
|
|
4
|
-
import { AnnotationType, DragAxis } from './enums';
|
|
5
|
-
export declare const getMousePosition: (event: MouseEvent, canvas: HTMLCanvasElement) => {
|
|
6
|
-
x: number;
|
|
7
|
-
y: number;
|
|
8
|
-
};
|
|
9
|
-
export declare const getMousePositionInCoordinates: (event: MouseEvent, canvas: HTMLCanvasElement, scales: IScales, xScaleID: string, yScaleID: string) => {
|
|
10
|
-
x: number;
|
|
11
|
-
y: number;
|
|
12
|
-
};
|
|
13
|
-
export declare const calculateAnnotationMetricsInValues: (annotation: ICommonAnnotationsData) => {
|
|
14
|
-
centerX: number | undefined;
|
|
15
|
-
centerY: number | undefined;
|
|
16
|
-
width: number | undefined;
|
|
17
|
-
height: number | undefined;
|
|
18
|
-
};
|
|
19
|
-
export declare const calculateAnnotationMetricsInValuesInPixels: (annotation: ICommonAnnotationsData, scales: IScales, xScaleID: string, yScaleID: string) => {
|
|
20
|
-
centerX: number | undefined;
|
|
21
|
-
centerY: number | undefined;
|
|
22
|
-
width: number | undefined;
|
|
23
|
-
height: number | undefined;
|
|
24
|
-
};
|
|
25
|
-
export interface IIsWithinChartAreaProps {
|
|
26
|
-
x?: number;
|
|
27
|
-
y?: number;
|
|
28
|
-
chartArea: {
|
|
29
|
-
left: number;
|
|
30
|
-
right: number;
|
|
31
|
-
top: number;
|
|
32
|
-
bottom: number;
|
|
33
|
-
};
|
|
34
|
-
scales: IScales;
|
|
35
|
-
metrics: {
|
|
36
|
-
width?: number;
|
|
37
|
-
height?: number;
|
|
38
|
-
};
|
|
39
|
-
resizable?: boolean;
|
|
40
|
-
dragRange?: {
|
|
41
|
-
x?: [number, number];
|
|
42
|
-
y?: [number, number];
|
|
43
|
-
} | null;
|
|
44
|
-
annotationType: AnnotationType;
|
|
45
|
-
xScaleID: string;
|
|
46
|
-
yScaleID: string;
|
|
47
|
-
}
|
|
48
|
-
export declare const isWithinChartArea: ({ x, y, chartArea, scales, metrics, resizable, dragRange, annotationType, xScaleID, yScaleID, }: IIsWithinChartAreaProps) => boolean;
|
|
49
|
-
export declare const updateAnnotationPositionWithinBounds: (axis: DragAxis, newPosition: number, activeAnnotation: ICommonAnnotationsData, chart: Chart, scales: IScales, xScaleID: string, yScaleID: string, metrics?: {
|
|
50
|
-
width?: number;
|
|
51
|
-
height?: number;
|
|
52
|
-
}) => void;
|
|
53
|
-
export declare const setAnnotationBorderWidth: (chart: Chart, annotationId?: string, borderWidth?: number) => void;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { IScales } from './annotation-dragger-plugin';
|
|
2
|
-
import { ICommonAnnotationsData } from '../../common.interface';
|
|
3
|
-
export declare const annotationLabel: (ctx: CanvasRenderingContext2D, annotations: Record<string, ICommonAnnotationsData & {
|
|
4
|
-
label: Record<string, any>;
|
|
5
|
-
}>, scales: IScales) => void;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Scale } from 'chart.js';
|
|
2
|
-
import { IEllipsePoints } from './ellipsis-annotation-plugin.ts';
|
|
3
|
-
export declare const computeEllipseGeometry: (ellipsePoints: IEllipsePoints, xScale: Scale, yScale: Scale) => {
|
|
4
|
-
cx: number;
|
|
5
|
-
cy: number;
|
|
6
|
-
radiusX: number;
|
|
7
|
-
radiusY: number;
|
|
8
|
-
angle: number;
|
|
9
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Chart, ChartDataset, ScatterDataPoint } from 'chart.js';
|
|
2
|
-
export interface IPoint {
|
|
3
|
-
x: number;
|
|
4
|
-
y: number;
|
|
5
|
-
}
|
|
6
|
-
export interface IEllipsePoints {
|
|
7
|
-
major: [IPoint, IPoint];
|
|
8
|
-
minor: [IPoint, IPoint];
|
|
9
|
-
}
|
|
10
|
-
export interface ICustomDataPoint extends ScatterDataPoint {
|
|
11
|
-
ellipsePoints?: IEllipsePoints;
|
|
12
|
-
}
|
|
13
|
-
export interface ICustomDataset extends ChartDataset<any, ICustomDataPoint[]> {
|
|
14
|
-
}
|
|
15
|
-
export declare const ellipsisAnnotationPlugin: {
|
|
16
|
-
id: string;
|
|
17
|
-
afterDatasetsDraw(chart: Chart<"scatter">): void;
|
|
18
|
-
};
|
package/dist/favicon.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg>
|