recharts - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

CHANGELOG.md

@@ -0,1 +1,12 @@
+## 2.0.5 (Feb 08, 2021)
+
+### feat
+
+-  defer when syncing to other charts
+
+### fix
+
+- Fix Customized component types
+- fix child event not dispatched, fix #2414
+
 ## 2.0.4 (Jan 27, 2021)
@@ -2,0 +13,0 @@

es6/util/Events.js

@@ -9,2 +9,2 @@ import EventEmitter from 'eventemitter3';
 export { eventCenter };
-export var SYNC_EVENT = 'recharts.syncMouseEvents';
+export var SYNC_EVENT = 'recharts.syncMouseEvents'; // eslint-disable-next-line no-redeclare

lib/util/Events.js

@@ -19,3 +19,4 @@ "use strict";
 
-var SYNC_EVENT = 'recharts.syncMouseEvents';
+var SYNC_EVENT = 'recharts.syncMouseEvents'; // eslint-disable-next-line no-redeclare
+
 exports.SYNC_EVENT = SYNC_EVENT;

package.json

 {
   "name": "recharts",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "React charts",
@@ -5,0 +5,0 @@ "main": "lib/index",

src/util/Events.ts

 import EventEmitter from 'eventemitter3';
 
-const eventCenter: any = new EventEmitter();
+type CategoricalChartState = import('../chart/generateCategoricalChart').CategoricalChartState;
 
+interface EventCenter extends EventEmitter<EventTypes> {
+  setMaxListeners?(maxListeners: number): void;
+  _maxListeners?: number;
+}
+const eventCenter: EventCenter = new EventEmitter();
+
 if (eventCenter.setMaxListeners) {
@@ -11,1 +17,7 @@ eventCenter.setMaxListeners(10);
 export const SYNC_EVENT = 'recharts.syncMouseEvents';
+
+// eslint-disable-next-line no-redeclare
+type SYNC_EVENT = typeof SYNC_EVENT;
+interface EventTypes {
+  [SYNC_EVENT](syncId: number | string, uniqueChartId: string, data: CategoricalChartState): void;
+}

types/src/chart/AreaChart.d.ts

@@ -7,2 +7,3 @@ /// <reference types="react" />
         legendInstance: any;
+        deferId: any;
         container?: any;
@@ -32,4 +33,5 @@ componentDidMount(): void;
         removeListener(): void;
+        clearDeferId: () => void;
         handleLegendBBoxUpdate: (box: any) => void;
-        handleReceiveSyncEvent: (cId: any, chartId: any, data: any) => void;
+        handleReceiveSyncEvent: (cId: string | number, chartId: string, data: import("./generateCategoricalChart").CategoricalChartState) => void;
         handleBrushChange: ({ startIndex, endIndex }: any) => void;
@@ -49,3 +51,4 @@ handleMouseEnter: (e: any) => void;
         handleTouchEnd: (e: any) => void;
-        triggerSyncEvent(data: any): void;
+        triggerSyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
+        applySyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
         verticalCoordinatesGenerator: ({ xAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];
@@ -52,0 +55,0 @@ horizontalCoordinatesGenerator: ({ yAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];

types/src/chart/BarChart.d.ts

@@ -7,2 +7,3 @@ /// <reference types="react" />
         legendInstance: any;
+        deferId: any;
         container?: any;
@@ -32,4 +33,5 @@ componentDidMount(): void;
         removeListener(): void;
+        clearDeferId: () => void;
         handleLegendBBoxUpdate: (box: any) => void;
-        handleReceiveSyncEvent: (cId: any, chartId: any, data: any) => void;
+        handleReceiveSyncEvent: (cId: string | number, chartId: string, data: import("./generateCategoricalChart").CategoricalChartState) => void;
         handleBrushChange: ({ startIndex, endIndex }: any) => void;
@@ -49,3 +51,4 @@ handleMouseEnter: (e: any) => void;
         handleTouchEnd: (e: any) => void;
-        triggerSyncEvent(data: any): void;
+        triggerSyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
+        applySyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
         verticalCoordinatesGenerator: ({ xAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];
@@ -52,0 +55,0 @@ horizontalCoordinatesGenerator: ({ yAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];

types/src/chart/ComposedChart.d.ts

@@ -7,2 +7,3 @@ /// <reference types="react" />
         legendInstance: any;
+        deferId: any;
         container?: any;
@@ -32,4 +33,5 @@ componentDidMount(): void;
         removeListener(): void;
+        clearDeferId: () => void;
         handleLegendBBoxUpdate: (box: any) => void;
-        handleReceiveSyncEvent: (cId: any, chartId: any, data: any) => void;
+        handleReceiveSyncEvent: (cId: string | number, chartId: string, data: import("./generateCategoricalChart").CategoricalChartState) => void;
         handleBrushChange: ({ startIndex, endIndex }: any) => void;
@@ -49,3 +51,4 @@ handleMouseEnter: (e: any) => void;
         handleTouchEnd: (e: any) => void;
-        triggerSyncEvent(data: any): void;
+        triggerSyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
+        applySyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
         verticalCoordinatesGenerator: ({ xAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];
@@ -52,0 +55,0 @@ horizontalCoordinatesGenerator: ({ yAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];

types/src/chart/FunnelChart.d.ts

@@ -7,2 +7,3 @@ /// <reference types="react" />
         legendInstance: any;
+        deferId: any;
         container?: any;
@@ -32,4 +33,5 @@ componentDidMount(): void;
         removeListener(): void;
+        clearDeferId: () => void;
         handleLegendBBoxUpdate: (box: any) => void;
-        handleReceiveSyncEvent: (cId: any, chartId: any, data: any) => void;
+        handleReceiveSyncEvent: (cId: string | number, chartId: string, data: import("./generateCategoricalChart").CategoricalChartState) => void;
         handleBrushChange: ({ startIndex, endIndex }: any) => void;
@@ -49,3 +51,4 @@ handleMouseEnter: (e: any) => void;
         handleTouchEnd: (e: any) => void;
-        triggerSyncEvent(data: any): void;
+        triggerSyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
+        applySyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
         verticalCoordinatesGenerator: ({ xAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];
@@ -52,0 +55,0 @@ horizontalCoordinatesGenerator: ({ yAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];

types/src/chart/generateCategoricalChart.d.ts

@@ -79,2 +79,3 @@ import React from 'react';
         legendInstance: any;
+        deferId: any;
         container?: any;
@@ -104,4 +105,5 @@ componentDidMount(): void;
         removeListener(): void;
+        clearDeferId: () => void;
         handleLegendBBoxUpdate: (box: any) => void;
-        handleReceiveSyncEvent: (cId: any, chartId: any, data: any) => void;
+        handleReceiveSyncEvent: (cId: number | string, chartId: string, data: CategoricalChartState) => void;
         handleBrushChange: ({ startIndex, endIndex }: any) => void;
@@ -121,3 +123,4 @@ handleMouseEnter: (e: any) => void;
         handleTouchEnd: (e: any) => void;
-        triggerSyncEvent(data: any): void;
+        triggerSyncEvent(data: CategoricalChartState): void;
+        applySyncEvent(data: CategoricalChartState): void;
         verticalCoordinatesGenerator: ({ xAxis, width, height, offset }: ChartCoordinate) => number[];
@@ -124,0 +127,0 @@ horizontalCoordinatesGenerator: ({ yAxis, width, height, offset }: ChartCoordinate) => number[];

types/src/chart/LineChart.d.ts

@@ -7,2 +7,3 @@ /// <reference types="react" />
         legendInstance: any;
+        deferId: any;
         container?: any;
@@ -32,4 +33,5 @@ componentDidMount(): void;
         removeListener(): void;
+        clearDeferId: () => void;
         handleLegendBBoxUpdate: (box: any) => void;
-        handleReceiveSyncEvent: (cId: any, chartId: any, data: any) => void;
+        handleReceiveSyncEvent: (cId: string | number, chartId: string, data: import("./generateCategoricalChart").CategoricalChartState) => void;
         handleBrushChange: ({ startIndex, endIndex }: any) => void;
@@ -49,3 +51,4 @@ handleMouseEnter: (e: any) => void;
         handleTouchEnd: (e: any) => void;
-        triggerSyncEvent(data: any): void;
+        triggerSyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
+        applySyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
         verticalCoordinatesGenerator: ({ xAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];
@@ -52,0 +55,0 @@ horizontalCoordinatesGenerator: ({ yAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];

types/src/chart/PieChart.d.ts

@@ -7,2 +7,3 @@ /// <reference types="react" />
         legendInstance: any;
+        deferId: any;
         container?: any;
@@ -32,4 +33,5 @@ componentDidMount(): void;
         removeListener(): void;
+        clearDeferId: () => void;
         handleLegendBBoxUpdate: (box: any) => void;
-        handleReceiveSyncEvent: (cId: any, chartId: any, data: any) => void;
+        handleReceiveSyncEvent: (cId: string | number, chartId: string, data: import("./generateCategoricalChart").CategoricalChartState) => void;
         handleBrushChange: ({ startIndex, endIndex }: any) => void;
@@ -49,3 +51,4 @@ handleMouseEnter: (e: any) => void;
         handleTouchEnd: (e: any) => void;
-        triggerSyncEvent(data: any): void;
+        triggerSyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
+        applySyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
         verticalCoordinatesGenerator: ({ xAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];
@@ -52,0 +55,0 @@ horizontalCoordinatesGenerator: ({ yAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];

types/src/chart/RadarChart.d.ts

@@ -7,2 +7,3 @@ /// <reference types="react" />
         legendInstance: any;
+        deferId: any;
         container?: any;
@@ -32,4 +33,5 @@ componentDidMount(): void;
         removeListener(): void;
+        clearDeferId: () => void;
         handleLegendBBoxUpdate: (box: any) => void;
-        handleReceiveSyncEvent: (cId: any, chartId: any, data: any) => void;
+        handleReceiveSyncEvent: (cId: string | number, chartId: string, data: import("./generateCategoricalChart").CategoricalChartState) => void;
         handleBrushChange: ({ startIndex, endIndex }: any) => void;
@@ -49,3 +51,4 @@ handleMouseEnter: (e: any) => void;
         handleTouchEnd: (e: any) => void;
-        triggerSyncEvent(data: any): void;
+        triggerSyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
+        applySyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
         verticalCoordinatesGenerator: ({ xAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];
@@ -52,0 +55,0 @@ horizontalCoordinatesGenerator: ({ yAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];

types/src/chart/RadialBarChart.d.ts

@@ -7,2 +7,3 @@ /// <reference types="react" />
         legendInstance: any;
+        deferId: any;
         container?: any;
@@ -32,4 +33,5 @@ componentDidMount(): void;
         removeListener(): void;
+        clearDeferId: () => void;
         handleLegendBBoxUpdate: (box: any) => void;
-        handleReceiveSyncEvent: (cId: any, chartId: any, data: any) => void;
+        handleReceiveSyncEvent: (cId: string | number, chartId: string, data: import("./generateCategoricalChart").CategoricalChartState) => void;
         handleBrushChange: ({ startIndex, endIndex }: any) => void;
@@ -49,3 +51,4 @@ handleMouseEnter: (e: any) => void;
         handleTouchEnd: (e: any) => void;
-        triggerSyncEvent(data: any): void;
+        triggerSyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
+        applySyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
         verticalCoordinatesGenerator: ({ xAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];
@@ -52,0 +55,0 @@ horizontalCoordinatesGenerator: ({ yAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];

types/src/chart/ScatterChart.d.ts

@@ -7,2 +7,3 @@ /// <reference types="react" />
         legendInstance: any;
+        deferId: any;
         container?: any;
@@ -32,4 +33,5 @@ componentDidMount(): void;
         removeListener(): void;
+        clearDeferId: () => void;
         handleLegendBBoxUpdate: (box: any) => void;
-        handleReceiveSyncEvent: (cId: any, chartId: any, data: any) => void;
+        handleReceiveSyncEvent: (cId: string | number, chartId: string, data: import("./generateCategoricalChart").CategoricalChartState) => void;
         handleBrushChange: ({ startIndex, endIndex }: any) => void;
@@ -49,3 +51,4 @@ handleMouseEnter: (e: any) => void;
         handleTouchEnd: (e: any) => void;
-        triggerSyncEvent(data: any): void;
+        triggerSyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
+        applySyncEvent(data: import("./generateCategoricalChart").CategoricalChartState): void;
         verticalCoordinatesGenerator: ({ xAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];
@@ -52,0 +55,0 @@ horizontalCoordinatesGenerator: ({ yAxis, width, height, offset }: import("../util/types").ChartCoordinate) => number[];

types/src/component/Customized.d.ts

@@ -1,3 +0,3 @@
-import { Component, FunctionComponent } from 'react';
-declare type Comp<P> = FunctionComponent<P> | Component<P>;
+import { Component, FunctionComponent, ReactElement } from 'react';
+declare type Comp<P> = FunctionComponent<P> | Component<P> | ReactElement<P>;
 export declare type Props<P, C extends Comp<P>> = P & {
@@ -4,0 +4,0 @@ component: C;

types/src/util/Events.d.ts

@@ -1,3 +0,13 @@
-declare const eventCenter: any;
+import EventEmitter from 'eventemitter3';
+declare type CategoricalChartState = import('../chart/generateCategoricalChart').CategoricalChartState;
+interface EventCenter extends EventEmitter<EventTypes> {
+    setMaxListeners?(maxListeners: number): void;
+    _maxListeners?: number;
+}
+declare const eventCenter: EventCenter;
 export { eventCenter };
 export declare const SYNC_EVENT = "recharts.syncMouseEvents";
+declare type SYNC_EVENT = typeof SYNC_EVENT;
+interface EventTypes {
+    [SYNC_EVENT](syncId: number | string, uniqueChartId: string, data: CategoricalChartState): void;
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

11255158

increased by0.46%

Lines of code

117517

increased by0.32%

No dependency changes