@oliasoft-open-source/charts-library 3.4.0 → 3.4.2

package/dist/src/components/bar-chart/get-bar-chart-data-labels.d.ts

@@ -1,11 +1,12 @@
+import { AlignOptions } from '../../helpers/enums';
 import { IBarChartOptions } from './bar-chart.interface';
 /**
  * @param {import('./bar-chart.interface').IBarChartOptions} options - bar chart options object
  */
 declare const getBarChartDataLabels: (options: IBarChartOptions) => {
     display: string;
-    align: "start" | "center" | "end";
-    anchor: "start" | "center" | "end";
+    align: AlignOptions;
+    anchor: AlignOptions;
     formatter: (value: any, context: any) => string | number;
 } | {
     display: boolean;

package/dist/src/components/bar-chart/get-bar-chart-tooltips.d.ts

@@ -1,9 +1,10 @@
+import { ChartHoverMode } from '../../helpers/enums';
 /**
  * @param {import('./bar-chart.interface').IBarChartOptions} options - bar chart options object
  */
 declare const getBarChartToolTips: (options: any) => {
     enabled: any;
-    mode: "nearest";
+    mode: ChartHoverMode;
     intersect: boolean;
     padding: number;
     callbacks: {

package/dist/src/components/line-chart/constants/default-translations.d.ts

@@ -1,24 +1,24 @@
-export declare const defaultTranslations: Readonly<{
-    label: "Label";
-    pointsLines: "Points & lines";
-    linesOnly: "Lines only";
-    pointsOnly: "Points only";
-    axesOptions: "Axes options";
-    resetAxes: "Reset Axes";
-    done: "Done";
-    downloadAsPNG: "Download as PNG";
-    showChart: "Show chart";
-    showTable: "Show table";
-    dragToZoom: "Drag to zoom";
-    dragToPan: "Drag to pan";
-    dragToMovePoints: "Drag to move points";
-    dragDisabled: "Drag disabled";
-    hideLegend: "Hide Legend";
-    showLegend: "Show Legend";
-    mustHaveAValue: "Must have a value";
-    mustBeANumber: "Must be a number";
-    mustBeLessThanMax: "Must be less than max";
-    mustBeGreaterThanMin: "Must be greater than min";
-    doubleClickToReset: "Double click on canvas to reset";
-    orDoubleClickToCanvas: "or double click on canvas";
-}>;
+export declare enum defaultTranslations {
+    label = "Label",
+    pointsLines = "Points & lines",
+    linesOnly = "Lines only",
+    pointsOnly = "Points only",
+    axesOptions = "Axes options",
+    resetAxes = "Reset Axes",
+    done = "Done",
+    downloadAsPNG = "Download as PNG",
+    showChart = "Show chart",
+    showTable = "Show table",
+    dragToZoom = "Drag to zoom",
+    dragToPan = "Drag to pan",
+    dragToMovePoints = "Drag to move points",
+    dragDisabled = "Drag disabled",
+    hideLegend = "Hide Legend",
+    showLegend = "Show Legend",
+    mustHaveAValue = "Must have a value",
+    mustBeANumber = "Must be a number",
+    mustBeLessThanMax = "Must be less than max",
+    mustBeGreaterThanMin = "Must be greater than min",
+    doubleClickToReset = "Double click on canvas to reset",
+    orDoubleClickToCanvas = "or double click on canvas"
+}

package/dist/src/components/line-chart/controls/axes-options/action-types.d.ts

@@ -1,5 +1,5 @@
-export declare const actionTypes: Readonly<{
-    reset: "reset";
-    valueUpdated: "valueUpdated";
-    unitUpdated: "unitUpdated";
-}>;
+export declare enum actionTypes {
+    Reset = "reset",
+    ValueUpdated = "valueUpdated",
+    UnitUpdated = "unitUpdated"
+}

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

@@ -1,3 +1,4 @@
+import { ChartHoverMode, Events, PointStyle } from '../../../helpers/enums';
 import { IHooksInterface } from './hooks.interface';
 /**
  * Custom hook to generate chart options.
@@ -21,16 +22,16 @@ export declare const useChartOptions: ({ chartRef, state, options, dispatch, gen
         onComplete: any;
     };
     hover: {
-        mode: "nearest";
+        mode: ChartHoverMode;
         intersect: boolean;
     };
     elements: {
         line: {
-            pointStyle: "circle";
+            pointStyle: PointStyle;
             showLine: any;
         };
     };
     scales: any;
     plugins: any;
-    events: readonly string[];
+    events: Events[];
 };

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

@@ -0,0 +1,33 @@
+import { Position } from '../../../helpers/enums';
+export interface ILegendDropZone {
+    position: string;
+    onDrop: () => any;
+    placeholderSize: any;
+}
+export interface ILegendDropZones {
+    chartArea: any;
+    setLegendPosition: (position: Position) => void;
+    isDragging: any;
+    placeholderSize: {
+        width: string;
+        height: string;
+    };
+}
+export interface ILegendItem {
+    hidden: boolean;
+    dataset: any;
+    handleClick: (e: Event) => any;
+}
+export interface ILegend {
+    chartRef: {
+        current: any;
+    };
+    state: any;
+    options: any;
+    dispatch: () => any;
+    generatedDatasets: any;
+}
+export interface ILegendPanel extends ILegend {
+    legendPosition: Position;
+    isDragging: boolean;
+}

package/dist/src/components/line-chart/line-chart-get-default-props.d.ts

@@ -79,10 +79,10 @@ export declare const getDefaultProps: (props: ILineChartProps) => {
         depthType: import("./line-chart.interface").IDepthType;
         dragData: {
             enableDragData: boolean;
-            showTooltip: true;
-            roundPoints: true;
-            dragX: true;
-            dragY: true;
+            showTooltip: boolean;
+            roundPoints: boolean;
+            dragX: boolean;
+            dragY: boolean;
             onDragStart: () => any;
             onDrag: () => any;
             onDragEnd: () => any;

package/dist/src/components/line-chart/utils/datalabels-alignment/get-datalabels-position.d.ts

@@ -1,5 +1,6 @@
+import { AlignOptions } from '../../../../helpers/enums';
 /** returning position depends on condition
  *
  * @return {string} - position
  */
-export declare const getPosition: () => (context: any) => "left" | "right" | "start" | "end";
+export declare const getPosition: () => (context: any) => AlignOptions.End | AlignOptions.Start | AlignOptions.Right | AlignOptions.Left;

package/dist/src/components/line-chart/utils/get-line-chart-data-labels.d.ts

@@ -7,7 +7,7 @@ import { ILineChartOptions } from '../line-chart.interface';
  */
 declare const getLineChartDataLabels: (options: ILineChartOptions) => {
     display: string;
-    align: (context: any) => "left" | "right" | "start" | "end";
+    align: (context: any) => import("../../../helpers/enums").AlignOptions.End | import("../../../helpers/enums").AlignOptions.Start | import("../../../helpers/enums").AlignOptions.Right | import("../../../helpers/enums").AlignOptions.Left;
     formatter: (_value: any, context: any) => any;
 } | {
     display: boolean;

package/dist/src/components/line-chart/utils/get-line-chart-tooltips.d.ts

@@ -1,10 +1,11 @@
+import { ChartHoverMode } from '../../../helpers/enums';
 import { ILineChartOptions } from '../line-chart.interface';
 /**
  * @param {import('../line-chart.interface').ILineChartOptions} options - line chart options object
  */
 declare const getLineChartToolTips: (options: ILineChartOptions) => {
     enabled: boolean;
-    mode: "nearest";
+    mode: ChartHoverMode;
     intersect: boolean;
     padding: number;
     callbacks: {

package/dist/src/helpers/enums.d.ts

@@ -1,86 +1,72 @@
-/**
- * @enum {string}
- */
-export declare const AxisType: Readonly<{
-    X: "x";
-    Y: "y";
-}>;
-/**
- * @enum {string}
- */
-export declare const Position: Readonly<{
-    Bottom: "bottom";
-    Top: "top";
-    Left: "left";
-    Right: "right";
-    TopRight: "top-right";
-    TopLeft: "top-left";
-    BottomLeft: "bottom-left";
-    BottomRight: "bottom-right";
-}>;
-/**
- * @enum {string}
- */
-export declare const ChartType: Readonly<{
-    Line: "line";
-    Bar: "bar";
-}>;
-/**
- * @enum {string}
- */
-export declare const CursorStyle: Readonly<{
-    Pointer: "pointer";
-    Initial: "initial";
-}>;
-/**
- * @enum {string}
- */
-export declare const ScaleType: Readonly<{
-    Category: "category";
-    Linear: "linear";
-    Logarithmic: "logarithmic";
-}>;
-/**
- * @enum {string}
- */
-export declare const ChartDirection: Readonly<{
-    Vertical: "vertical";
-}>;
-/**
- * @enum {string}
- */
-export declare const TooltipLabel: Readonly<{
-    Y: "yLabel";
-    X: "xLabel";
-}>;
-export declare const AlignOptions: Readonly<{
-    End: "end";
-    Start: "start";
-    Center: "center";
-    Right: "right";
-    Left: "left";
-}>;
-export declare const PointType: Readonly<{
-    Casing: "casing";
-}>;
-export declare const AnnotationType: Readonly<{
-    Box: "box";
-    Ellipse: "ellipse";
-    Line: "line";
-    Text: "text";
-}>;
-export declare const PointStyle: Readonly<{
-    Circle: "circle";
-}>;
-export declare const ChartHoverMode: Readonly<{
-    Nearest: "nearest";
-}>;
-export declare const PanZoomMode: Readonly<{
-    X: "x";
-    Y: "y";
-    XY: "xy";
-}>;
-export declare const Key: Readonly<{
-    Shift: "Shift";
-}>;
-export declare const Events: readonly string[];
+export declare enum AxisType {
+    X = "x",
+    Y = "y"
+}
+export declare enum Position {
+    Bottom = "bottom",
+    Top = "top",
+    Left = "left",
+    Right = "right",
+    TopRight = "top-right",
+    TopLeft = "top-left",
+    BottomLeft = "bottom-left",
+    BottomRight = "bottom-right"
+}
+export declare enum ChartType {
+    Line = "line",
+    Bar = "bar"
+}
+export declare enum CursorStyle {
+    Pointer = "pointer",
+    Initial = "initial"
+}
+export declare enum ScaleType {
+    Category = "category",
+    Linear = "linear",
+    Logarithmic = "logarithmic"
+}
+export declare enum ChartDirection {
+    Vertical = "vertical"
+}
+export declare enum TooltipLabel {
+    Y = "yLabel",
+    X = "xLabel"
+}
+export declare enum AlignOptions {
+    End = "end",
+    Start = "start",
+    Center = "center",
+    Right = "right",
+    Left = "left"
+}
+export declare enum PointType {
+    Casing = "casing"
+}
+export declare enum AnnotationType {
+    Box = "box",
+    Ellipse = "ellipse",
+    Line = "line",
+    Text = "text"
+}
+export declare enum PointStyle {
+    Circle = "circle"
+}
+export declare enum ChartHoverMode {
+    Nearest = "nearest"
+}
+export declare enum PanZoomMode {
+    X = "x",
+    Y = "y",
+    XY = "xy"
+}
+export declare enum Key {
+    Shift = "Shift"
+}
+export declare enum Events {
+    Mousemove = "mousemove",
+    Mouseout = "mouseout",
+    Click = "click",
+    Touchstart = "touchstart",
+    Touchmove = "touchmove",
+    Dblclick = "dblclick"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
   "bugs": {