@oliasoft-open-source/charts-library 3.6.5 → 3.6.6-beta-1

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

@@ -20,7 +20,6 @@ interface IUseChartFunctions {
  * @returns {Object} An object containing the chart-related functions
  */
 export declare const useChartFunctions: ({ chartRef, state, options, dispatch, generatedDatasets, }: IUseChartFunctions) => {
-    legendClick: (_e: ChartEvent, legendItem: any) => void;
     resetZoom: () => void;
     onHover: (hoveredPoint: any, setHoveredPoint: any) => (evt: ChartEvent, hoveredItems: ICommonHoveredItems[]) => void;
     handleDownload: () => void;

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

@@ -0,0 +1,33 @@
+import { Dispatch, RefObject } from 'react';
+import { Chart, ChartEvent } from 'chart.js';
+import { ILineChartOptions } from '../line-chart.interface';
+import { IState } from '../state/state.interfaces';
+export interface IUseLegendStateProps {
+    chartRef: RefObject<Chart>;
+    options: ILineChartOptions;
+    state: IState;
+    dispatch: Dispatch<any>;
+}
+/**
+ * Custom hook to manage legend state.
+ */
+export declare const useLegendState: ({ chartRef, options, state, dispatch, }: IUseLegendStateProps) => {
+    legendClick: (_e: ChartEvent, legendItem: any) => void;
+    hiddenStates: Record<number, boolean>;
+    legend: {
+        position: import("../../common/helpers/enums").Position;
+        display: boolean | undefined;
+        align: string | undefined;
+        labels: {
+            boxHeight: number;
+            boxWidth: number | undefined;
+            usePointStyle: boolean | undefined;
+        };
+        onClick: (_e: any, legendItem: any) => void;
+    };
+    customLegendPlugin: {
+        htmlLegend: {
+            containerID: string;
+        } | null | undefined;
+    };
+};

package/dist/src/components/line-chart/legend/create-style-object.d.ts

@@ -0,0 +1,26 @@
+import { Position } from '../../common/helpers/enums';
+interface IChartArea {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+}
+interface IChart {
+    height?: number;
+    width?: number;
+    chartArea: IChartArea;
+}
+interface IStyleObject {
+    left: number | undefined;
+    right: number | undefined;
+    top: number | undefined;
+    bottom: number | undefined;
+    maxHeight: number;
+    maxWidth: number;
+    margin: number;
+}
+/**
+ * Creates a style object for positioning and sizing the legend panel based on the chart dimensions and legend position.
+ */
+export declare const createStyleObject: (legendPosition: Position, chart: IChart) => IStyleObject;
+export {};

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

@@ -1074,6 +1074,7 @@ export namespace CombiningTypes {
     }
     export { args_39 as args };
 }
+export function ExternalSelect(): import("react/jsx-runtime").JSX.Element;
 import { LineChart } from './line-chart';
 declare namespace basicChart { }
 declare const customLegendContainerID: "custom-legend-container";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "3.6.5",
+  "version": "3.6.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": {