@lobehub/charts 1.9.8 → 1.9.10

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/Heatmaps/index.js

@@ -86,7 +86,7 @@ var Heatmaps = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       case 4:
         {
-          return [theme.colorFillSecondary, isDarkMode ? theme.lime4 : theme.green4, isDarkMode ? theme.lime6 : theme.green6, isDarkMode ? theme.lime8 : theme.green8, isDarkMode ? theme.lime10 : theme.green10];
+          return [theme.colorFillSecondary, isDarkMode ? theme.lime2 : theme.green2, isDarkMode ? theme.lime4 : theme.green4, isDarkMode ? theme.lime6 : theme.green6, isDarkMode ? theme.lime8 : theme.green8];
         }
       default:
         {

package/es/Heatmaps/styles.js

@@ -9,6 +9,6 @@ export var useStyles = createStyles(function (_ref) {
     container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n\n    width: max-content;\n    max-width: 100%;\n\n    rect {\n      stroke: ", ";\n      stroke-width: 1px;\n      shape-rendering: geometricprecision;\n    }\n  "])), token.colorFillTertiary),
     footer: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px 16px;\n    white-space: nowrap;\n  "]))),
     legendColors: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: flex;\n    gap: 3px;\n    align-items: center;\n    margin-left: auto;\n  "]))),
-    scrollContainer: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    overflow: auto hidden;\n    max-width: 100%;\n  "])))
+    scrollContainer: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    overflow: auto hidden;\n    max-width: 100%;\n    padding-block: 2px;\n  "])))
   };
 });

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,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ValueFormatter } from "../../types";
+import { ValueFormatter } from "../../types/charts";
 export interface ChartTooltipProps {
     active: boolean | undefined;
     categoryColors: Map<string, string>;

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

@@ -13,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/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.8",
+  "version": "1.9.10",
   "description": "React modern charts components built on recharts",
   "keywords": [
     "lobehub",