@oliasoft-open-source/charts-library 4.8.3-beta-3 → 4.8.3-beta-4

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

@@ -81,4 +81,5 @@ export declare const getTooltipLabel: (tooltipItem: Record<string, any>, showLab
 export declare const getChartFileName: (axes?: IAxis[]) => string;
 export declare const setDefaultTheme: () => void;
 export declare const isNilOrEmpty: <T>(value: T | null | undefined) => boolean;
+export declare const generateRandomKey: () => string;
 export {};

package/dist/src/components/line-chart/controls/axes-options/axes-options-form-state.d.ts

@@ -1,23 +1,12 @@
+import { RefObject } from 'react';
+import { Chart } from 'chart.js';
 import { IState } from '../../state/state.interfaces';
-import { IAction, IFormState, IInitializeAxisFormState } from './axes-options-interfaces.ts';
-/**
- * Initialize local component form state for a custom loads density table
- *
- * @param {Object} args
- * @param {Object} args.initialAxesRanges
- * @param {Array} [args.axes]
- * @returns {Object} formState
- */
-export declare const initializeFormState: ({ initialAxesRanges, axes, }: Partial<IState>) => IInitializeAxisFormState;
+import { IAction, IFormState, IInitializeAxisFormState } from './axes-options-interfaces';
+export declare const initializeFormState: ({ chartRef, axes, }: Partial<IState> & {
+    chartRef?: RefObject<Chart>;
+}) => IInitializeAxisFormState;
 export declare const validateAxes: (formState: IFormState) => {
     errors: never[];
     valid: boolean;
 };
-/**
- * Local component form state reducer for a axes options form
- *
- * @param {Object} state Local component form state
- * @param {Action} action Action with type and payload
- * @returns {Object} FormState
- */
 export declare const reducer: (state: IFormState, action: IAction) => IInitializeAxisFormState;

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

@@ -1,5 +1,7 @@
-import { IUnitOptions } from '../../line-chart.interface.ts';
-import { IAxisState, IInitAxisRange } from '../../state/state.interfaces.ts';
+import { RefObject } from 'react';
+import { Chart } from 'chart.js';
+import { IUnitOptions } from '../../line-chart.interface';
+import { IAxisState } from '../../state/state.interfaces';
 export interface IDepthType {
     selectedDepthType?: string;
     setSelectedDepthType?: (type: string) => void;
@@ -10,7 +12,7 @@ export interface IAxisControlLabel {
     label: string;
 }
 export interface IAxesOptions {
-    initialAxesRanges: IInitAxisRange[];
+    chartRef: RefObject<Chart>;
     axes: IAxisState[];
     controlsAxesLabels: IAxisControlLabel[];
     onUpdateAxes: ({ axes }: {
@@ -44,8 +46,8 @@ export interface IFormState extends IInitializeAxisFormState {
 type ActionType = 'reset' | 'valueUpdated' | 'unitUpdated';
 export type AxisKey = 'min' | 'max' | 'unit';
 interface ActionPayload extends IOnEdit {
-    initialAxesRanges?: IInitAxisRange[];
     axes?: IAxisState[];
+    chartRef?: RefObject<Chart>;
 }
 export interface IAction {
     type: ActionType;

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

@@ -1,17 +1,16 @@
 import { Dispatch, RefObject } from 'react';
 import { Chart } from 'chart.js';
 import { IState } from '../state/state.interfaces';
-import { ILineChartDataset, ILineChartOptions } from '../line-chart.interface';
+import { ILineChartOptions } from '../line-chart.interface';
 interface IUseChartState {
     chartRef: RefObject<Chart>;
     options: ILineChartOptions;
     state: IState;
     dispatch: Dispatch<any>;
     persistenceId?: string;
-    generatedDatasets: ILineChartDataset[];
 }
 /**
  * Hook for managing the state of the chart.
  */
-export declare const useChartState: ({ chartRef, options, state, dispatch, persistenceId, generatedDatasets, }: IUseChartState) => void;
+export declare const useChartState: ({ chartRef, options, state, dispatch, persistenceId, }: IUseChartState) => void;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "4.8.3-beta-3",
+  "version": "4.8.3-beta-4",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
   "resolutions": {
@@ -26,9 +26,9 @@
     "build:package": "vite build --config vite.config.ts",
     "build": "yarn build:package && storybook build --quiet --output-dir ./public",
     "dev:storybook": "storybook dev -p 6006",
-    "lint:check": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "prepare": "husky",
+    "lint:check": "eslint \"**/*.{js,jsx,ts,tsx}\"",
+    "lint:fix": "eslint --fix \"**/*.{js,jsx,ts,tsx}\"",
+    "prepare": "husky install",
     "prettier:check": "prettier --check \"**/*.{ts,tsx,js,jsx,json,css,less}\"",
     "prettier:fix": "prettier --write \"**/*.{ts,tsx,js,jsx,json,css,less}\"",
     "preview:storybook": " http-server ./public -o -p 9002 -c-1",
@@ -43,15 +43,14 @@
     ]
   },
   "dependencies": {
-    "@eslint/js": "^9.22.0",
-    "@fontsource/noto-sans": "^5.2.5",
-    "chart.js": "^4.4.8",
+    "@fontsource/noto-sans": "^5.0.18",
+    "chart.js": "^4.4.7",
     "chartjs-plugin-annotation": "^3.1.0",
     "chartjs-plugin-datalabels": "^2.2.0",
     "chartjs-plugin-dragdata": "2.2.5",
-    "chartjs-plugin-zoom": "2.0.1",
+    "chartjs-plugin-zoom": "^2.0.1",
     "fast-deep-equal": "^3.1.3",
-    "html-to-image": "^1.11.13",
+    "html-to-image": "^1.11.12",
     "react-base64-downloader": "^2.1.7",
     "react-chartjs-2": "^5.3.0",
     "react-dnd": "^16.0.1",
@@ -60,69 +59,67 @@
     "react-use": "^17.6.0"
   },
   "devDependencies": {
-    "@oliasoft-open-source/react-ui-library": "^5.0.2",
-    "@oliasoft-open-source/units": "^4.3.1",
-    "@storybook/addon-actions": "^8.6.4",
-    "@storybook/addon-docs": "^8.6.4",
-    "@storybook/addon-mdx-gfm": "^8.6.4",
-    "@storybook/react": "^8.6.4",
-    "@storybook/react-vite": "^8.6.4",
+    "@oliasoft-open-source/react-ui-library": "^4.20.8",
+    "@oliasoft-open-source/units": "^4.2.4",
+    "@storybook/addon-actions": "^7.0.18",
+    "@storybook/addon-docs": "^7.0.18",
+    "@storybook/addon-mdx-gfm": "^7.0.23",
+    "@storybook/react": "^7.0.18",
+    "@storybook/react-vite": "^7.0.18",
     "@storybook/testing-library": "^0.2.2",
-    "@types/jest": "^29.5.14",
-    "@types/lodash": "^4.17.16",
+    "@types/jest": "^29.5.6",
     "@types/react": "^18.2.24",
     "@typescript-eslint/parser": "^6.7.4",
-    "@vitejs/plugin-react-swc": "^3.8.0",
-    "ajv": "^8.17.1",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "ajv": "^8.12.0",
     "ajv-errors": "^3.0.0",
     "ajv-keywords": "^5.1.0",
-    "classnames": "^2.5.1",
-    "eslint": "^9.22.0",
+    "classnames": "^2.3.2",
+    "eslint": "^8.55.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-prettier": "^10.1.1",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-import-resolver-alias": "^1.1.2",
-    "eslint-import-resolver-typescript": "^3.8.5",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^0.11.4",
-    "eslint-plugin-vitest": "^0.5.4",
-    "eslint-plugin-vitest-globals": "^1.5.0",
+    "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",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.6.12",
+    "eslint-plugin-vitest": "^0.3.2",
+    "eslint-plugin-vitest-globals": "^1.3.1",
     "http-server": "^14.1.1",
-    "husky": "^9.1.7",
+    "husky": "^8.0.1",
     "immer": "^10",
     "jsdom": "^22.1.0",
-    "less": "^4.2.2",
+    "less": "^4.1.3",
     "lint-staged": "^15.4.3",
     "lodash": "^4.17.21",
     "micromatch": "^4",
-    "prettier": "3.5.3",
+    "prettier": "3.0.3",
     "prop-types": "^15",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "storybook": "^8.6.4",
-    "storybook-dark-mode": "^4.0.2",
-    "vite": "^6.2.1",
-    "vite-plugin-css-injected-by-js": "^3.5.2",
-    "vite-plugin-dts": "^4.5.3",
-    "vite-plugin-optimize-persist": "^0.1.2",
-    "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.8"
+    "storybook": "^7.0.18",
+    "storybook-dark-mode": "^3.0.0",
+    "vite": "^5.4.11",
+    "vite-plugin-css-injected-by-js": "^3.1.1",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-svgr": "^4.2.0",
+    "vite-tsconfig-paths": "^4.2.0",
+    "vitest": "^2.1.4"
   },
   "peerDependencies": {
-    "@oliasoft-open-source/react-ui-library": ">=4.20.8 <6.0.0",
-    "@oliasoft-open-source/units": "^4.3.1",
-    "ajv": "^8.17.1",
+    "@oliasoft-open-source/react-ui-library": "^4.20.8",
+    "@oliasoft-open-source/units": "^4.2.4",
+    "ajv": "^8.12.0",
     "ajv-errors": "^3.0.0",
     "ajv-keywords": "^5.1.0",
-    "classnames": "^2.5.1",
-    "immer": "^9 || ^10",
+    "classnames": "^2.3.2",
+    "immer": "^9||^10",
     "lodash": "^4.17.21",
     "prop-types": "^15",
-    "react": "^17 || ^18",
-    "react-dom": "^17 || ^18"
+    "react": "^17",
+    "react-dom": "^17"
   }
 }