@oliasoft-open-source/charts-library 4.1.4 → 4.1.6-beta-1

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

@@ -83,7 +83,7 @@ export interface IGenerateBarChartDataset extends ChartDataset<'bar', ICommonDat
     borderWidth?: number;
     annotationType?: string;
     hideLegend?: boolean;
-    displayGroup?: boolean;
+    displayGroup?: string | number;
     isAnnotation?: boolean;
     annotationIndex?: number;
 }

package/dist/src/components/common/common.interface.d.ts

@@ -23,6 +23,7 @@ export interface ICommonAnnotationElement {
     annotationIndex: number;
     label: {
         options: LabelOptions;
+        content: string;
     };
     options: {
         scaleID?: string;

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

@@ -1,5 +1,5 @@
 import { ChartTypeRegistry, LegendItem, Plugin } from 'chart.js';
-import { ICommonAnnotationsData, ICommonCustomLegend, UnusedParameter } from '../common.interface';
+import { ICommonCustomLegend, UnusedParameter } from '../common.interface';
 import { Position } from './enums';
 export interface IChartGraph {
     showMinorGridlines: boolean;
@@ -38,11 +38,6 @@ export declare const getPlugins: <T extends keyof ChartTypeRegistry>(graph: ICha
  * @return {string} - random color
  */
 export declare const generateRandomColor: (colors: string[]) => string[];
-/**
- * @param {annotationsData[]} annotationsData
- * @return {number[]|*[]}
- */
-export declare const setAnnotations: (annotationsData: ICommonAnnotationsData[]) => number[];
 /**
  * @param {ICommonChartOptions} options - chart options object
  * @return {{color: (string|undefined), display: boolean, text}|{}}

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

@@ -4,10 +4,9 @@ import { ICommonAnnotationElement, ICommonAnnotationsData } from '../common.inte
 export interface IGetAnnotationsProps {
     showAnnotations: boolean;
     annotationsData: ICommonAnnotationsData[];
-    visibleAnnotationsIndexes: number[];
 }
-declare const getAnnotation: ({ showAnnotations, annotationsData, visibleAnnotationsIndexes, }: IGetAnnotationsProps) => ICommonAnnotationElement[] | ({
-    display: boolean;
+declare const getAnnotation: ({ showAnnotations, annotationsData, }: IGetAnnotationsProps) => ICommonAnnotationElement[] | {
+    display: boolean | undefined;
     annotationIndex: number;
     id: string;
     scaleID: "x" | "y";
@@ -50,5 +49,5 @@ declare const getAnnotation: ({ showAnnotations, annotationsData, visibleAnnotat
     xMax: number;
     yMin: number;
     yMax: number;
-} | undefined)[];
+}[];
 export default getAnnotation;

package/dist/src/components/common/hooks/use-legend-state.d.ts

@@ -5,17 +5,12 @@ export interface IUseLegendStateProps {
     chartRef: RefObject<Chart>;
     options: any;
 }
-export type THiddenState = {
-    label: string;
-    hidden: boolean;
-    datasetIndex: number;
-};
 /**
  * Custom hook to manage legend state.
  */
 export declare const useLegendState: ({ chartRef, options }: IUseLegendStateProps) => {
     legendClick: (_: UnusedParameter, legendItem: LegendItem) => void;
-    hiddenStates: THiddenState[];
+    annotation: import("../common.interface").ICommonAnnotationElement[];
     legend: {
         position: any;
         display: boolean | undefined;
@@ -30,6 +25,4 @@ export declare const useLegendState: ({ chartRef, options }: IUseLegendStateProp
     customLegendPlugin: {
         htmlLegend: any;
     };
-    upsertHiddenState: ({ label, datasetIndex, hidden }: THiddenState) => void;
-    visibleAnnotationsIndexes: number[];
 };

package/dist/src/components/common/legend-component/state/legend-action-types.d.ts

@@ -1,4 +1,2 @@
-export declare const UPSERT_HIDDEN_STATE = "UPSERT_HIDDEN_STATE";
-export declare const CLEAR_NON_EXISTENT_DATASETS = "CLEAR_NON_EXISTENT_DATASETS";
-export declare const TOGGLE_ANNOTATION_VISIBILITY = "TOGGLE_ANNOTATION_VISIBILITY";
+export declare const TOGGLE_DS_VISIBILITY = "TOGGLE_DS_VISIBILITY";
 export declare const RESET_STATE = "RESET_STATE";

package/dist/src/components/common/legend-component/state/legend-state-reducer.d.ts

@@ -1,26 +1,23 @@
-import { CLEAR_NON_EXISTENT_DATASETS, RESET_STATE, TOGGLE_ANNOTATION_VISIBILITY, UPSERT_HIDDEN_STATE } from './legend-action-types';
+import { Chart } from 'chart.js';
+import { TLegendDataset, TLegendDatasets } from '../legend-interface';
+import { RESET_STATE, TOGGLE_DS_VISIBILITY } from './legend-action-types';
 import { ICommonAnnotationElement } from '../../common.interface';
-import { THiddenState } from '../../hooks/use-legend-state';
 export interface ILegendState {
-    hiddenStates: THiddenState[];
     annotation: ICommonAnnotationElement[];
-    visibleAnnotationsIndexes: number[];
 }
 export type TLegendAction = {
-    type: typeof UPSERT_HIDDEN_STATE;
+    type: typeof TOGGLE_DS_VISIBILITY;
     payload: {
-        label: string;
-        hidden: boolean;
-        datasetIndex: number;
+        chartInstance: Chart;
+        dsConfig: {
+            datasetIndex: number;
+            dataset: TLegendDataset;
+            datasets: TLegendDatasets;
+        };
+        annotationConfig: {
+            annotationIndex: number;
+        };
     };
-} | {
-    type: typeof CLEAR_NON_EXISTENT_DATASETS;
-    payload: Array<{
-        label: string;
-    }>;
-} | {
-    type: typeof TOGGLE_ANNOTATION_VISIBILITY;
-    payload: number;
 } | {
     type: typeof RESET_STATE;
     payload: ILegendState;

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

@@ -0,0 +1,16 @@
+import { Dispatch, RefObject } from 'react';
+import { Chart } from 'chart.js';
+import { IState } from '../state/state.interfaces';
+import { ILineChartOptions, TGeneratedLineChartDatasets } from '../line-chart.interface';
+interface IUseChartOptions {
+    chartRef: RefObject<Chart>;
+    state: IState;
+    options: ILineChartOptions;
+    dispatch: Dispatch<any>;
+    generatedDatasets: TGeneratedLineChartDatasets;
+}
+/**
+ * Custom hook to generate chart options.
+ */
+export declare const useChartOptions: ({ chartRef, state, options, dispatch, generatedDatasets, }: IUseChartOptions) => any;
+export {};

package/dist/src/components/line-chart/line-chart.interface.d.ts

@@ -97,7 +97,7 @@ export interface ILineChartDataset extends ICommonDataset {
     xAxisID?: string;
     yAxisID?: string;
     formation?: boolean;
-    displayGroup?: boolean;
+    displayGroup?: string | number;
     pointStyle?: string;
 }
 export interface ILineChartData extends ICommonData {
@@ -136,7 +136,7 @@ export interface IGeneratedLineChartDataset {
     annotationBorderColor?: string;
     annotationBorderDash?: number[];
     annotationBorderWidth?: number;
-    displayGroup?: boolean;
+    displayGroup?: string | number;
     hideLegend?: boolean;
     pointStyle?: string;
     xAxisID?: string;

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

@@ -1199,6 +1199,8 @@ export namespace TestCustomLinePointsLogic {
     export { args_43 as args };
 }
 export function ManageAnnotationExternally(): import("react/jsx-runtime").JSX.Element;
+export function FilterAnnotationWhenLegendClick(): import("react/jsx-runtime").JSX.Element;
+export function GroupedDS(): import("react/jsx-runtime").JSX.Element;
 import { LineChart } from './line-chart';
 declare namespace basicChart { }
 declare const customLegendContainerID: "custom-legend-container";

package/dist/src/components/line-chart/state/action-types.d.ts

@@ -3,7 +3,6 @@ export declare const TOGGLE_PAN = "TOGGLE_PAN";
 export declare const TOGGLE_POINTS = "TOGGLE_POINTS";
 export declare const TOGGLE_LINE = "TOGGLE_LINE";
 export declare const TOGGLE_LEGEND = "TOGGLE_LEGEND";
-export declare const TOGGLE_ANNOTATION = "TOGGLE_ANNOTATION";
 export declare const TOGGLE_TABLE = "TOGGLE_TABLE";
 export declare const SAVE_INITIAL_AXES_RANGES = "SAVE_INITIAL_AXES_RANGES";
 export declare const RESET_AXES_RANGES = "RESET_AXES_RANGES";

package/dist/src/components/pie-chart/pie-chart.interface.d.ts

@@ -63,7 +63,7 @@ export interface IGeneratedPieChartDataset {
     annotationType?: string;
     data: IPieDataValue[];
     hideLegend?: boolean;
-    displayGroup?: boolean;
+    displayGroup?: string | number;
     isAnnotation?: boolean;
     annotationIndex?: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "4.1.4",
+  "version": "4.1.6-beta-1",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
   "resolutions": {
@@ -75,10 +75,11 @@
     "ajv-errors": "^3.0.0",
     "ajv-keywords": "^5.1.0",
     "classnames": "^2.3.2",
-    "eslint": "^8.23.0",
+    "eslint": "^8.55.0",
     "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",
@@ -110,8 +111,8 @@
     "@oliasoft-open-source/units": "^3.4.2",
     "classnames": "^2.3.2",
     "immer": "^10.0.2",
+    "lodash": "^4.17.21",
     "react": "^17",
-    "react-dom": "^17",
-    "lodash": "^4.17.21"
+    "react-dom": "^17"
   }
 }