@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.
Files changed (166) hide show
  1. package/dist/index.js +0 -3
  2. package/package.json +1 -1
  3. package/dist/assets/Color-YHDXOIA2-Bq81z8oe.js +0 -1
  4. package/dist/assets/DocsRenderer-CFRXHY34-CrxXBgm2.js +0 -580
  5. package/dist/assets/bar-chart-const-Cgj9sgUU.js +0 -1
  6. package/dist/assets/bar-chart.stories-CskKjwzY.js +0 -136
  7. package/dist/assets/chunk-XP5HYGXS-D5tuasO7.js +0 -1
  8. package/dist/assets/client-DnE3718B.js +0 -1
  9. package/dist/assets/entry-preview-CqdghNTQ.js +0 -2
  10. package/dist/assets/entry-preview-docs-Cet2djRm.js +0 -46
  11. package/dist/assets/get-custom-legend-plugin-example-Bx2dNJXg.js +0 -1
  12. package/dist/assets/get-draggableData-BuAjVvlk.js +0 -2
  13. package/dist/assets/iframe-Covr22ew.js +0 -217
  14. package/dist/assets/index-BhTLYoCu.js +0 -24
  15. package/dist/assets/index-CgYGpm1H.js +0 -1
  16. package/dist/assets/index-DHw5ixvP.js +0 -1
  17. package/dist/assets/index-Dytf1aFS.js +0 -8
  18. package/dist/assets/index-YTOF1_EJ.js +0 -9
  19. package/dist/assets/index-uDG1oqxT.js +0 -1
  20. package/dist/assets/jsx-runtime-W3oueGCa.js +0 -9
  21. package/dist/assets/legend-C1G_eM07.js +0 -1367
  22. package/dist/assets/legend-context-D335GXn0.js +0 -68
  23. package/dist/assets/line-chart-Df7xumu-.js +0 -6
  24. package/dist/assets/line-chart.stories-mXxv_jdM.js +0 -1162
  25. package/dist/assets/line-chart.test-case.stories-MkRygT1i.js +0 -430
  26. package/dist/assets/pie-chart.stories-CKrEnHPR.js +0 -45
  27. package/dist/assets/preview-CtUZNZ56.js +0 -2
  28. package/dist/assets/preview-DD_OYowb.js +0 -1
  29. package/dist/assets/preview-sKP0fxxa.js +0 -3
  30. package/dist/assets/react-18-BdgjDjvZ.js +0 -1
  31. package/dist/assets/scatter-chart.stories-DTnV_CPW.js +0 -41
  32. package/dist/assets/test-utils-BBHUGUfi.js +0 -9
  33. package/dist/bar-chart/bar-chart-const.d.ts +0 -2
  34. package/dist/bar-chart/bar-chart-default-props.d.ts +0 -2
  35. package/dist/bar-chart/bar-chart.d.ts +0 -3
  36. package/dist/bar-chart/bar-chart.interface.d.ts +0 -96
  37. package/dist/bar-chart/utils/get-bar-chart-data-labels.d.ts +0 -10
  38. package/dist/bar-chart/utils/get-bar-chart-scales.d.ts +0 -3
  39. package/dist/bar-chart/utils/get-bar-chart-tooltips.d.ts +0 -6
  40. package/dist/bar-chart/utils/use-bar-chart-config.d.ts +0 -13
  41. package/dist/bar-chart/utils/use-bar-chart-options.d.ts +0 -55
  42. package/dist/common/common.interface.d.ts +0 -210
  43. package/dist/common/controls-portal.d.ts +0 -7
  44. package/dist/common/enums.d.ts +0 -10
  45. package/dist/common/helpers/chart-border-plugin.d.ts +0 -16
  46. package/dist/common/helpers/chart-consts.d.ts +0 -39
  47. package/dist/common/helpers/chart-utils.d.ts +0 -86
  48. package/dist/common/helpers/container.d.ts +0 -18
  49. package/dist/common/helpers/custom-format-number.d.ts +0 -1
  50. package/dist/common/helpers/download-pgn.d.ts +0 -3
  51. package/dist/common/helpers/enums.d.ts +0 -80
  52. package/dist/common/helpers/get-chart-annotation.d.ts +0 -91
  53. package/dist/common/helpers/get-custom-legend-plugin-example.d.ts +0 -8
  54. package/dist/common/helpers/get-draggableData.d.ts +0 -18
  55. package/dist/common/helpers/range/estimate-data-series-have-close-values.d.ts +0 -8
  56. package/dist/common/helpers/range/range.d.ts +0 -33
  57. package/dist/common/helpers/text.d.ts +0 -1
  58. package/dist/common/helpers/to-annotation.d.ts +0 -4
  59. package/dist/common/hooks/use-generated-labels.d.ts +0 -4
  60. package/dist/common/hooks/use-legend-state.d.ts +0 -28
  61. package/dist/common/hooks/use-legend.d.ts +0 -4
  62. package/dist/common/hooks/use-reset.d.ts +0 -3
  63. package/dist/common/hooks/use-update-annotations.d.ts +0 -7
  64. package/dist/common/legend-component/legend-dropzone.d.ts +0 -3
  65. package/dist/common/legend-component/legend-interface.d.ts +0 -48
  66. package/dist/common/legend-component/legend-item/LegendItemLine.d.ts +0 -5
  67. package/dist/common/legend-component/legend-item/legend-item.d.ts +0 -3
  68. package/dist/common/legend-component/legend-panel.d.ts +0 -3
  69. package/dist/common/legend-component/legend.d.ts +0 -3
  70. package/dist/common/legend-component/state/legend-action-types.d.ts +0 -3
  71. package/dist/common/legend-component/state/legend-context.d.ts +0 -14
  72. package/dist/common/legend-component/state/legend-state-reducer.d.ts +0 -30
  73. package/dist/common/legend-component/utils/create-style-object.d.ts +0 -27
  74. package/dist/common/legend-component/utils/get-generated-labels.d.ts +0 -2
  75. package/dist/common/plugins/annotation-dragger-plugin/annotation-dragger-plugin.d.ts +0 -15
  76. package/dist/common/plugins/annotation-dragger-plugin/enums.d.ts +0 -20
  77. package/dist/common/plugins/annotation-dragger-plugin/event-helpers.d.ts +0 -6
  78. package/dist/common/plugins/annotation-dragger-plugin/helpers.d.ts +0 -53
  79. package/dist/common/plugins/annotation-dragger-plugin/point-annotation-label.d.ts +0 -5
  80. package/dist/common/plugins/ellipsis-annotation-plugin/compute-ellipse-geometry.d.ts +0 -9
  81. package/dist/common/plugins/ellipsis-annotation-plugin/ellipsis-annotation-plugin.d.ts +0 -18
  82. package/dist/common/plugins/gradient-background-plugin/enums.d.ts +0 -10
  83. package/dist/common/plugins/gradient-background-plugin/gradient-background-plugin.d.ts +0 -2
  84. package/dist/favicon.svg +0 -1
  85. package/dist/iframe.html +0 -666
  86. package/dist/index.html +0 -149
  87. package/dist/index.json +0 -1
  88. package/dist/line-chart/constants/default-translations.d.ts +0 -25
  89. package/dist/line-chart/constants/line-chart-consts.d.ts +0 -13
  90. package/dist/line-chart/controls/axes-options/axes-options-interfaces.d.ts +0 -57
  91. package/dist/line-chart/controls/axes-options/axes-options.d.ts +0 -6
  92. package/dist/line-chart/controls/axes-options/axes-validation.d.ts +0 -8
  93. package/dist/line-chart/controls/controls-interfaces.d.ts +0 -20
  94. package/dist/line-chart/controls/controls.d.ts +0 -3
  95. package/dist/line-chart/controls/drag-options-interfaces.d.ts +0 -14
  96. package/dist/line-chart/controls/drag-options.d.ts +0 -23
  97. package/dist/line-chart/controls/line-options.d.ts +0 -19
  98. package/dist/line-chart/hooks/use-chart-functions.d.ts +0 -33
  99. package/dist/line-chart/hooks/use-chart-options.d.ts +0 -16
  100. package/dist/line-chart/hooks/use-chart-plugins.d.ts +0 -7
  101. package/dist/line-chart/hooks/use-chart-state.d.ts +0 -12
  102. package/dist/line-chart/hooks/use-toggle-handler.d.ts +0 -12
  103. package/dist/line-chart/initialize/config.d.ts +0 -12
  104. package/dist/line-chart/initialize/initialize-line-chart.d.ts +0 -12
  105. package/dist/line-chart/line-chart-get-default-props.d.ts +0 -2
  106. package/dist/line-chart/line-chart.d.ts +0 -3
  107. package/dist/line-chart/line-chart.interface.d.ts +0 -150
  108. package/dist/line-chart/plugins/chart-area-text-plugin.d.ts +0 -17
  109. package/dist/line-chart/plugins/line-chart.minor-gridlines-plugin.d.ts +0 -8
  110. package/dist/line-chart/plugins/plugin-constants.d.ts +0 -11
  111. package/dist/line-chart/plugins/plugins.interface.d.ts +0 -9
  112. package/dist/line-chart/state/action-types.d.ts +0 -12
  113. package/dist/line-chart/state/helpers.d.ts +0 -13
  114. package/dist/line-chart/state/initial-state.d.ts +0 -11
  115. package/dist/line-chart/state/line-chart-reducer.d.ts +0 -2
  116. package/dist/line-chart/state/manage-state-in-local-storage.d.ts +0 -15
  117. package/dist/line-chart/state/state.interfaces.d.ts +0 -26
  118. package/dist/line-chart/utils/axis-formatting/axis-formatting.d.ts +0 -2
  119. package/dist/line-chart/utils/axis-scales/axis-scales.d.ts +0 -9
  120. package/dist/line-chart/utils/check-custom-option/check-custom-option.d.ts +0 -12
  121. package/dist/line-chart/utils/datalabels-alignment/datalabels-alignment.interface.d.ts +0 -20
  122. package/dist/line-chart/utils/datalabels-alignment/get-alignment-condition.d.ts +0 -8
  123. package/dist/line-chart/utils/datalabels-alignment/get-alignment-data.d.ts +0 -11
  124. package/dist/line-chart/utils/datalabels-alignment/get-datalabels-position.d.ts +0 -6
  125. package/dist/line-chart/utils/enums.d.ts +0 -4
  126. package/dist/line-chart/utils/generate-line-chart-datasets.d.ts +0 -8
  127. package/dist/line-chart/utils/get-annotations-data.d.ts +0 -1
  128. package/dist/line-chart/utils/get-axes-data-from-metasets.d.ts +0 -1
  129. package/dist/line-chart/utils/get-axes-ranges-from-chart.d.ts +0 -9
  130. package/dist/line-chart/utils/get-axis-range-by-type.d.ts +0 -10
  131. package/dist/line-chart/utils/get-generated-labels.d.ts +0 -2
  132. package/dist/line-chart/utils/get-line-chart-data-labels.d.ts +0 -16
  133. package/dist/line-chart/utils/get-line-chart-scales.d.ts +0 -4
  134. package/dist/line-chart/utils/get-line-chart-tooltips.d.ts +0 -34
  135. package/dist/line-chart/utils/line-chart-utils.d.ts +0 -24
  136. package/dist/line-chart/utils/translations/get-translations.d.ts +0 -8
  137. package/dist/nunito-sans-bold-italic.woff2 +0 -0
  138. package/dist/nunito-sans-bold.woff2 +0 -0
  139. package/dist/nunito-sans-italic.woff2 +0 -0
  140. package/dist/nunito-sans-regular.woff2 +0 -0
  141. package/dist/pie-chart/pie-chart-defalut-props.interface.d.ts +0 -50
  142. package/dist/pie-chart/pie-chart-get-default-props.d.ts +0 -3
  143. package/dist/pie-chart/pie-chart.d.ts +0 -3
  144. package/dist/pie-chart/pie-chart.interface.d.ts +0 -70
  145. package/dist/pie-chart/use-pie-chart-config.d.ts +0 -42
  146. package/dist/project.json +0 -1
  147. package/dist/sb-addons/actions-1/manager-bundle.js +0 -3
  148. package/dist/sb-addons/docs-2/manager-bundle.js +0 -242
  149. package/dist/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
  150. package/dist/sb-addons/storybook-dark-mode-esm-preset-3/manager-bundle.js +0 -5
  151. package/dist/sb-common-assets/favicon.svg +0 -1
  152. package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  153. package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  154. package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  155. package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  156. package/dist/sb-manager/globals-module-info.js +0 -1051
  157. package/dist/sb-manager/globals-runtime.js +0 -41591
  158. package/dist/sb-manager/globals.js +0 -48
  159. package/dist/sb-manager/runtime.js +0 -12048
  160. package/dist/scatter-chart/hooks/use-scatter-chart-config.d.ts +0 -113
  161. package/dist/scatter-chart/scatter-chart-default-props.interface.d.ts +0 -71
  162. package/dist/scatter-chart/scatter-chart-get-default-props.d.ts +0 -3
  163. package/dist/scatter-chart/scatter-chart.d.ts +0 -3
  164. package/dist/scatter-chart/scatter-chart.interface.d.ts +0 -81
  165. package/dist/scatter-chart/utils/get-scales-config.d.ts +0 -49
  166. 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 { ICommonAnnotationElement } from '../common.interface';
2
- export declare const toAnnotationObject: (annotationArr?: ICommonAnnotationElement[]) => {
3
- annotations: {};
4
- };
@@ -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,4 +0,0 @@
1
- export declare const useLegend: () => {
2
- state: import('../legend-component/state/legend-state-reducer').ILegendState;
3
- dispatch: React.Dispatch<any>;
4
- };
@@ -1,3 +0,0 @@
1
- import { Dispatch } from '../../../../node_modules/react';
2
- import { ILegendState } from '../legend-component/state/legend-state-reducer';
3
- export declare const useReset: (state: ILegendState, dispatch: Dispatch<any>, dependencies: any[]) => void;
@@ -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,3 +0,0 @@
1
- import { ILegendDropZones } from './legend-interface';
2
- declare const LegendDropZones: (legendDropZonesProps: ILegendDropZones) => import("react/jsx-runtime").JSX.Element;
3
- export default LegendDropZones;
@@ -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,3 +0,0 @@
1
- import { ILegendItem } from '../legend-interface';
2
- declare const LegendItem: ({ hidden, dataset, handleClick, chartType, index, }: ILegendItem) => import("react/jsx-runtime").JSX.Element;
3
- export default LegendItem;
@@ -1,3 +0,0 @@
1
- import { ILegendPanel } from './legend-interface';
2
- declare const LegendPanel: import('../../../../node_modules/react').ForwardRefExoticComponent<ILegendPanel & import('../../../../node_modules/react').RefAttributes<HTMLDivElement>>;
3
- export default LegendPanel;
@@ -1,3 +0,0 @@
1
- import { ILegend } from './legend-interface';
2
- declare const Legend: ({ chartRef, legendConfig }: ILegend) => import("react/jsx-runtime").JSX.Element;
3
- export default Legend;
@@ -1,3 +0,0 @@
1
- export declare const TOGGLE_DATA_VISIBILITY = "TOGGLE_DATA_VISIBILITY";
2
- export declare const RESET_STATE = "RESET_STATE";
3
- export declare const SET_ANNOTATION = "SET_ANNOTATION";
@@ -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,2 +0,0 @@
1
- import { Chart, LegendItem } from 'chart.js';
2
- export declare const getGeneratedLabels: (chart: Chart) => LegendItem[];
@@ -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
- };
@@ -1,10 +0,0 @@
1
- export declare enum GradientDirection {
2
- TopToBottom = 0,
3
- BottomToTop = 1,
4
- LeftToRight = 2,
5
- RightToLeft = 3,
6
- TopLeftToBottomRight = 4,
7
- BottomRightToTopLeft = 5,
8
- BottomLeftToTopRight = 6,
9
- TopRightToBottomLeft = 7
10
- }
@@ -1,2 +0,0 @@
1
- import { Plugin } from 'chart.js';
2
- export declare const gradientBackgroundPlugin: Plugin<'bubble'>;
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>