@lobehub/charts 1.9.7 → 1.9.9

package/es/AreaChart/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import BaseChartProps from "../common/BaseChartProps";
-import { CurveType } from "../types";
+import { CurveType } from "../types/charts";
 export interface AreaChartProps extends BaseChartProps {
     connectNulls?: boolean;
     curveType?: CurveType;

package/es/BarList/index.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { ValueFormatter } from "../types";
+import { ValueFormatter } from "../types/charts";
 export interface Bar {
     [key: string]: any;
     color?: string;

package/es/DataBars/CategoryBar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FlexboxProps } from 'react-layout-kit';
-import { ValueFormatter } from "../types";
+import { ValueFormatter } from "../types/charts";
 export interface CategoryBarProps extends FlexboxProps {
     colors?: string[];
     markerValue?: number;

package/es/DataBars/DeltaBar.js

@@ -7,7 +7,7 @@ var _excluded = ["value", "bgColors", "color", "isIncreasePositive", "showAnimat
 import { Tooltip } from '@lobehub/ui';
 import { forwardRef } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { DeltaTypes } from "../types";
+import { DeltaTypes } from "../types/charts";
 import { mapInputsToDeltaType } from "../utils";
 import { useStyles } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/DonutChart/DonutChartTooltip.d.ts

@@ -1,4 +1,4 @@
-import { ValueFormatter } from "../types";
+import { ValueFormatter } from "../types/charts";
 export interface DonutChartTooltipProps {
     active: boolean | undefined;
     customCategories?: {

package/es/DonutChart/index.d.ts

@@ -2,8 +2,8 @@ import { CSSProperties, ComponentType } from 'react';
 import type BaseAnimationTimingProps from "../common/BaseAnimationTimingProps";
 import { CustomTooltipProps } from "../common/CustomTooltipProps";
 import { type NoDataProps } from "../common/NoData";
-import type { EventProps } from "../types";
-import { ValueFormatter } from "../types";
+import type { EventProps } from "../types/charts";
+import { ValueFormatter } from "../types/charts";
 type DonutChartVariant = 'donut' | 'pie';
 export interface DonutChartProps extends BaseAnimationTimingProps {
     category?: string;

package/es/DonutChart/inputParser.d.ts

@@ -1,2 +1,2 @@
-import { ValueFormatter } from "../types";
+import { ValueFormatter } from "../types/charts";
 export declare const parseLabelInput: (labelInput: string | undefined, valueFormatter: ValueFormatter, data: any[], category: string) => string;

package/es/Heatmaps/Calendar.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import type { Activity, Labels, Week } from "../types";
+import type { Activity, Labels, Week } from "../types/charts";
 interface CalendarProps {
     blockMargin: number;
     blockRadius: number;

package/es/Heatmaps/ChartLabels.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Labels, Week } from "../types";
+import type { Labels, Week } from "../types/charts";
 interface ChartLabelsProps {
     blockMargin: number;
     blockSize: number;

package/es/Heatmaps/index.d.ts

@@ -2,7 +2,7 @@ import type { Day as WeekDay } from 'date-fns';
 import { ReactNode } from 'react';
 import { FlexboxProps } from 'react-layout-kit';
 import { NoDataProps } from "../common/NoData";
-import type { Activity, Labels } from "../types";
+import type { Activity, Labels } from "../types/charts";
 export interface HeatmapsProps extends FlexboxProps {
     blockMargin?: number;
     blockRadius?: number;

package/es/LineChart/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import BaseChartProps from "../common/BaseChartProps";
-import { CurveType } from "../types";
+import { CurveType } from "../types/charts";
 export interface LineChartProps extends BaseChartProps {
     connectNulls?: boolean;
     curveType?: CurveType;

package/es/ScatterChart/ScatterChartTooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ScatterChartValueFormatter } from "../types";
+import { ScatterChartValueFormatter } from "../types/charts";
 export interface ScatterChartTooltipProps {
     active: boolean | undefined;
     axis: any;

package/es/ScatterChart/index.d.ts

@@ -1,7 +1,7 @@
 import { ComponentType, HTMLAttributes } from 'react';
 import { CustomTooltipProps } from "../common/CustomTooltipProps";
-import type { EventProps } from "../types";
-import { IntervalType, ValueFormatter } from "../types";
+import type { EventProps } from "../types/charts";
+import { IntervalType, ValueFormatter } from "../types/charts";
 import BaseAnimationTimingProps from '../common/BaseAnimationTimingProps';
 import { type NoDataProps } from '../common/NoData';
 export type ScatterChartValueFormatter = {

package/es/SparkChart/SparkAreaChart.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import BaseSparkChartProps from "../common/BaseSparkChartProps";
-import { CurveType } from "../types";
+import { CurveType } from "../types/charts";
 export interface SparkAreaChartProps extends BaseSparkChartProps {
     connectNulls?: boolean;
     curveType?: CurveType;

package/es/SparkChart/SparkLineChart.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import BaseSparkChartProps from "../common/BaseSparkChartProps";
-import { CurveType } from "../types";
+import { CurveType } from "../types/charts";
 export interface SparkLineChartProps extends BaseSparkChartProps {
     connectNulls?: boolean;
     curveType?: CurveType;

package/es/common/BaseChartProps.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType, HTMLAttributes } from 'react';
 import type { NoDataProps } from "./NoData";
-import { IntervalType, LabelFormatter, ValueFormatter } from "../types";
+import { IntervalType, LabelFormatter, ValueFormatter } from "../types/charts";
 import type BaseAnimationTimingProps from './BaseAnimationTimingProps';
 import { CustomTooltipProps } from './CustomTooltipProps';
 type FixedProps = {

package/es/common/ChartTooltip/index.d.ts

@@ -1,13 +1,15 @@
-import { ValueFormatter } from "../../types";
+import { ReactNode } from 'react';
+import { ValueFormatter } from "../../types/charts";
 export interface ChartTooltipProps {
     active: boolean | undefined;
     categoryColors: Map<string, string>;
     customCategories?: {
         [key: string]: string;
     };
+    footer?: ReactNode;
     label: string;
     payload: any;
     valueFormatter: ValueFormatter;
 }
-declare const ChartTooltip: ({ active, payload, label, categoryColors, valueFormatter, customCategories, }: ChartTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ChartTooltip: ({ active, payload, label, categoryColors, valueFormatter, customCategories, footer, }: ChartTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ChartTooltip;

package/es/common/ChartTooltip/index.js

@@ -20,7 +20,8 @@ var ChartTooltip = function ChartTooltip(_ref2) {
     label = _ref2.label,
     categoryColors = _ref2.categoryColors,
     valueFormatter = _ref2.valueFormatter,
-    customCategories = _ref2.customCategories;
+    customCategories = _ref2.customCategories,
+    footer = _ref2.footer;
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     theme = _useStyles.theme,
@@ -59,7 +60,7 @@ var ChartTooltip = function ChartTooltip(_ref2) {
             value: valueFormatter(value)
           }, "id-".concat(idx));
         })
-      })]
+      }), footer]
     });
   }
   return null;

package/es/common/CustomTooltipProps.d.ts

@@ -1,6 +1,6 @@
 import { NameType, Payload } from 'recharts/types/component/DefaultTooltipContent';
 import { ScatterChartValueFormatter } from "../ScatterChart";
-import { ValueFormatter } from "../types";
+import { ValueFormatter } from "../types/charts";
 export type CustomTooltipProps = {
     active: boolean | undefined;
     customCategories?: {

package/es/common/CustomYAxisTick.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ValueFormatter } from "../types";
+import { ValueFormatter } from "../types/charts";
 interface CustomYAxisTickProps {
     align: 'left' | 'right';
     formatter: ValueFormatter;

package/es/hooks/useThemeColorRange.js

@@ -1,5 +1,8 @@
 import { useTheme } from 'antd-style';
+import { useMemo } from 'react';
 export var useThemeColorRange = function useThemeColorRange() {
   var theme = useTheme();
-  return [theme.geekblue, theme.gold, theme.lime, theme.volcano, theme.purple, theme.blue, theme.orange, theme.green, theme.red, theme.cyan, theme.yellow, theme.magenta];
+  return useMemo(function () {
+    return [theme.geekblue, theme.gold, theme.green, theme.cyan, theme.purple, theme.red, theme.volcano, theme.gray, theme.geekblue7, theme.gold7, theme.green7, theme.cyan7, theme.purple7, theme.red7, theme.volcano7, theme.gray7];
+  }, [theme]);
 };

package/es/index.d.ts

@@ -1,7 +1,9 @@
 export { default as AreaChart, type AreaChartProps } from './AreaChart';
 export { default as BarChart, type BarChartProps } from './BarChart';
 export { type Bar, default as BarList, type BarListProps } from './BarList';
+export { default as ChartTooltip, type ChartTooltipProps } from './common/ChartTooltip';
 export { default as ChartTooltipFrame } from './common/ChartTooltip/ChartTooltipFrame';
+export { default as ChartTooltipRow } from './common/ChartTooltip/ChartTooltipRow';
 export * from './DataBars';
 export { default as DonutChart, type DonutChartProps } from './DonutChart';
 export { default as FunnelChart, type FunnelChartProps } from './FunnelChart';
@@ -11,5 +13,5 @@ export { default as LineChart, type LineChartProps } from './LineChart';
 export { default as ScatterChart, type ScatterChartProps } from './ScatterChart';
 export * from './SparkChart';
 export { default as Tracker, type TrackerProps } from './Tracker';
-export type * from './types';
+export type * from './types/charts';
 export { useThemeColorRange } from "./hooks/useThemeColorRange";

package/es/index.js

@@ -1,7 +1,9 @@
 export { default as AreaChart } from "./AreaChart";
 export { default as BarChart } from "./BarChart";
 export { default as BarList } from "./BarList";
+export { default as ChartTooltip } from "./common/ChartTooltip";
 export { default as ChartTooltipFrame } from "./common/ChartTooltip/ChartTooltipFrame";
+export { default as ChartTooltipRow } from "./common/ChartTooltip/ChartTooltipRow";
 export * from "./DataBars";
 export { default as DonutChart } from "./DonutChart";
 export { default as FunnelChart } from "./FunnelChart";

package/es/types/global.d.ts

@@ -0,0 +1,9 @@
+import type { LobeCustomStylish, LobeCustomToken } from '@lobehub/ui';
+import 'antd-style';
+
+declare module 'antd-style' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface CustomToken extends LobeCustomToken {}
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface CustomStylish extends LobeCustomStylish {}
+}

package/es/utils/calendar.d.ts

@@ -1,5 +1,5 @@
 import type { Day as WeekDay } from 'date-fns';
-import type { Activity, Week } from "../types";
+import type { Activity, Week } from "../types/charts";
 export declare const DEFAULT_MONTH_LABELS: string[];
 export declare const DEFAULT_LABELS: {
     legend: {

package/es/utils/getMaxLabelLength.d.ts

@@ -1,4 +1,4 @@
-import { ValueFormatter } from "../types";
+import { ValueFormatter } from "../types/charts";
 export declare const getTextWidth: (text: string) => number;
 export declare const getMaxLabelLength: ({ data, valueFormatter, index, layout, margin, isScatterChart, }: {
     data: Array<Record<string, any>>;

package/es/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { ValueFormatter } from "../types";
+import { ValueFormatter } from "../types/charts";
 export declare const defaultValueFormatter: ValueFormatter;
 export declare const sumNumericArray: (arr: number[]) => number;
 export declare const isOnSeverSide: boolean;

package/es/utils/index.js

@@ -1,4 +1,4 @@
-import { DeltaTypes } from "../types";
+import { DeltaTypes } from "../types/charts";
 export var defaultValueFormatter = String;
 export var sumNumericArray = function sumNumericArray(arr) {
   return arr.reduce(function (prefixSum, num) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/charts",
-  "version": "1.9.7",
+  "version": "1.9.9",
   "description": "React modern charts components built on recharts",
   "keywords": [
     "lobehub",