@yamada-ui/charts 2.0.0-next-20240812015934 → 2.0.0-next-20240820160301

package/dist/area-chart.d.mts

@@ -15,6 +15,7 @@ import './area-chart-gradient.mjs';
 import 'react/jsx-runtime';
 import './area-chart-split.mjs';
 import './chart.types.mjs';
+import './rechart-properties.mjs';
 
 type AreaChartOptions = {
     /**

package/dist/area-chart.d.ts

@@ -15,6 +15,7 @@ import './area-chart-gradient.js';
 import 'react/jsx-runtime';
 import './area-chart-split.js';
 import './chart.types.js';
+import './rechart-properties.js';
 
 type AreaChartOptions = {
     /**

package/dist/bar-chart.d.mts

@@ -13,6 +13,7 @@ import '@yamada-ui/utils';
 import 'react/jsx-runtime';
 import 'recharts';
 import './chart.types.mjs';
+import './rechart-properties.mjs';
 
 type BarChartOptions = {
     /**

package/dist/bar-chart.d.ts

@@ -13,6 +13,7 @@ import '@yamada-ui/utils';
 import 'react/jsx-runtime';
 import 'recharts';
 import './chart.types.js';
+import './rechart-properties.js';
 
 type BarChartOptions = {
     /**

package/dist/chart.types.d.mts

@@ -2,6 +2,7 @@ import { As, HTMLUIProps, CSSUIProps } from '@yamada-ui/core';
 import { Merge } from '@yamada-ui/utils';
 import { ComponentPropsWithoutRef, SVGProps, ReactElement, ReactNode } from 'react';
 import * as Recharts from 'recharts';
+import { pieProperties } from './rechart-properties.mjs';
 
 type ChartPropGetter<Y extends As = "div", M = undefined, D = undefined> = (props?: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D;
 type RequiredChartPropGetter<Y extends As = "div", M = undefined, D = undefined> = (props: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D;
@@ -45,9 +46,9 @@ type RadarProps = Merge<Merge<CSSUIProps, Recharts.RadarProps>, {
     dimDot?: DotProps;
     dimRadar?: Partial<RadarProps>;
 }>;
-type PieProps = Merge<Merge<CSSUIProps, Recharts.PieProps>, {
-    activeShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
-    inactiveShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
+type PieProps = Merge<Merge<Pick<Recharts.PieProps, (typeof pieProperties)[number]>, CSSUIProps>, {
+    activeShape?: Partial<PieProps>;
+    inactiveShape?: Partial<PieProps>;
     label?: HTMLUIProps<"text">;
     labelLine?: HTMLUIProps<"path">;
 }>;
@@ -74,6 +75,7 @@ type PolarGridProps = Merge<CSSUIProps, Recharts.PolarGridProps>;
 type PolarAngleAxisProps = Merge<Recharts.PolarAngleAxisProps, CSSUIProps>;
 type PolarRadiusAxisProps = Merge<CSSUIProps, Recharts.PolarRadiusAxisProps>;
 type LabelProps = Merge<CSSUIProps, Recharts.LabelProps>;
-type ChartTooltip = ReactElement | ((props: Recharts.TooltipProps<number | string | Array<number | string>, number | string>) => ReactNode);
+type ChartTooltipProps = Recharts.TooltipProps<number | string | Array<number | string>, number | string>;
+type ChartTooltip = ReactElement | ((props: ChartTooltipProps) => ReactNode);
 
-export type { AreaChartProps, AreaChartType, AreaProps, BarChartProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLayoutType, ChartPropGetter, ChartTooltip, DotProps, GridProps, LabelProps, LegendProps, LineChartProps, LineProps, PieChartProps, PieProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarChartProps, RadarProps, ReferenceLineProps, RequiredChartPropGetter, ResponsiveContainerProps, TooltipDataSourceType, TooltipProps, XAxisProps, YAxisProps };
+export type { AreaChartProps, AreaChartType, AreaProps, BarChartProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLayoutType, ChartPropGetter, ChartTooltip, ChartTooltipProps, DotProps, GridProps, LabelProps, LegendProps, LineChartProps, LineProps, PieChartProps, PieProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarChartProps, RadarProps, ReferenceLineProps, RequiredChartPropGetter, ResponsiveContainerProps, TooltipDataSourceType, TooltipProps, XAxisProps, YAxisProps };

package/dist/chart.types.d.ts

@@ -2,6 +2,7 @@ import { As, HTMLUIProps, CSSUIProps } from '@yamada-ui/core';
 import { Merge } from '@yamada-ui/utils';
 import { ComponentPropsWithoutRef, SVGProps, ReactElement, ReactNode } from 'react';
 import * as Recharts from 'recharts';
+import { pieProperties } from './rechart-properties.js';
 
 type ChartPropGetter<Y extends As = "div", M = undefined, D = undefined> = (props?: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D;
 type RequiredChartPropGetter<Y extends As = "div", M = undefined, D = undefined> = (props: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D;
@@ -45,9 +46,9 @@ type RadarProps = Merge<Merge<CSSUIProps, Recharts.RadarProps>, {
     dimDot?: DotProps;
     dimRadar?: Partial<RadarProps>;
 }>;
-type PieProps = Merge<Merge<CSSUIProps, Recharts.PieProps>, {
-    activeShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
-    inactiveShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>;
+type PieProps = Merge<Merge<Pick<Recharts.PieProps, (typeof pieProperties)[number]>, CSSUIProps>, {
+    activeShape?: Partial<PieProps>;
+    inactiveShape?: Partial<PieProps>;
     label?: HTMLUIProps<"text">;
     labelLine?: HTMLUIProps<"path">;
 }>;
@@ -74,6 +75,7 @@ type PolarGridProps = Merge<CSSUIProps, Recharts.PolarGridProps>;
 type PolarAngleAxisProps = Merge<Recharts.PolarAngleAxisProps, CSSUIProps>;
 type PolarRadiusAxisProps = Merge<CSSUIProps, Recharts.PolarRadiusAxisProps>;
 type LabelProps = Merge<CSSUIProps, Recharts.LabelProps>;
-type ChartTooltip = ReactElement | ((props: Recharts.TooltipProps<number | string | Array<number | string>, number | string>) => ReactNode);
+type ChartTooltipProps = Recharts.TooltipProps<number | string | Array<number | string>, number | string>;
+type ChartTooltip = ReactElement | ((props: ChartTooltipProps) => ReactNode);
 
-export type { AreaChartProps, AreaChartType, AreaProps, BarChartProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLayoutType, ChartPropGetter, ChartTooltip, DotProps, GridProps, LabelProps, LegendProps, LineChartProps, LineProps, PieChartProps, PieProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarChartProps, RadarProps, ReferenceLineProps, RequiredChartPropGetter, ResponsiveContainerProps, TooltipDataSourceType, TooltipProps, XAxisProps, YAxisProps };
+export type { AreaChartProps, AreaChartType, AreaProps, BarChartProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLayoutType, ChartPropGetter, ChartTooltip, ChartTooltipProps, DotProps, GridProps, LabelProps, LegendProps, LineChartProps, LineProps, PieChartProps, PieProps, PolarAngleAxisProps, PolarGridProps, PolarRadiusAxisProps, RadarChartProps, RadarProps, ReferenceLineProps, RequiredChartPropGetter, ResponsiveContainerProps, TooltipDataSourceType, TooltipProps, XAxisProps, YAxisProps };

package/dist/chart.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/chart.types.ts"],"sourcesContent":["import type { As, CSSUIProps, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport type {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  SVGProps,\n} from \"react\"\nimport type * as Recharts from \"recharts\"\n\nexport type ChartPropGetter<\n  Y extends As = \"div\",\n  M = undefined,\n  D = undefined,\n> = (props?: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D\n\nexport type RequiredChartPropGetter<\n  Y extends As = \"div\",\n  M = undefined,\n  D = undefined,\n> = (props: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D\nexport type ChartLayoutType = \"horizontal\" | \"vertical\"\nexport type AreaChartType = \"default\" | \"stacked\" | \"percent\" | \"split\"\nexport type BarChartType = Exclude<AreaChartType, \"split\">\nexport type ChartAxisType = \"x\" | \"y\" | \"xy\" | \"none\"\nexport type ChartCurveType =\n  | \"bump\"\n  | \"linear\"\n  | \"natural\"\n  | \"monotone\"\n  | \"step\"\n  | \"stepBefore\"\n  | \"stepAfter\"\nexport type TooltipDataSourceType = \"segment\" | \"all\"\n\nexport type AreaChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.AreaChart>\n>\nexport type BarChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.BarChart>\n>\nexport type LineChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.LineChart>\n>\nexport type RadarChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.RadarChart>\n>\nexport type PieChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.PieChart>\n>\nexport type ReferenceLineProps = Merge<CSSUIProps, Recharts.ReferenceLineProps>\nexport type ResponsiveContainerProps = Merge<\n  CSSUIProps,\n  Omit<Recharts.ResponsiveContainerProps, \"children\">\n>\nexport type AreaProps = Merge<\n  Merge<CSSUIProps, Recharts.AreaProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    dot?: DotProps\n    activeDot?: DotProps\n    dimDot?: DotProps\n    dimArea?: Partial<AreaProps>\n  }\n>\nexport type LineProps = Merge<\n  Merge<CSSUIProps, Recharts.LineProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    activeDot?: DotProps\n    dot?: DotProps\n    dimDot?: DotProps\n    dimLine?: Partial<LineProps>\n  }\n>\nexport type BarProps = Merge<\n  Merge<CSSUIProps, Recharts.BarProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    activeBar?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n    background?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n    dimBar?: Partial<BarProps>\n  }\n>\nexport type RadarProps = Merge<\n  Merge<CSSUIProps, Recharts.RadarProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    dot?: DotProps\n    activeDot?: DotProps\n    dimDot?: DotProps\n    dimRadar?: Partial<RadarProps>\n  }\n>\nexport type PieProps = Merge<\n  Merge<CSSUIProps, Recharts.PieProps>,\n  {\n    activeShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n    inactiveShape?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n    label?: HTMLUIProps<\"text\">\n    labelLine?: HTMLUIProps<\"path\">\n  }\n>\nexport type CellProps = Merge<\n  CSSUIProps,\n  {\n    name: string\n    value: number\n    dimCell?: Partial<CellProps>\n  }\n>\nexport type DotProps = Merge<Omit<Recharts.DotProps, \"ref\">, CSSUIProps>\nexport type XAxisProps = Merge<\n  Merge<CSSUIProps, Recharts.XAxisProps>,\n  {\n    color?: CSSUIProps[\"color\"]\n    stroke?: CSSUIProps[\"color\"]\n    fill?: CSSUIProps[\"color\"]\n  }\n>\nexport type YAxisProps = Merge<\n  Merge<CSSUIProps, Recharts.YAxisProps>,\n  { color?: CSSUIProps[\"color\"] }\n>\nexport type LegendProps = Merge<CSSUIProps, Omit<Recharts.LegendProps, \"ref\">>\nexport type TooltipProps = Merge<\n  Merge<CSSUIProps, Omit<Recharts.TooltipProps<any, any>, \"ref\">>,\n  { cursor?: CSSUIProps }\n>\nexport type GridProps = Merge<CSSUIProps, Recharts.CartesianGridProps>\nexport type PolarGridProps = Merge<CSSUIProps, Recharts.PolarGridProps>\nexport type PolarAngleAxisProps = Merge<\n  Recharts.PolarAngleAxisProps,\n  CSSUIProps\n>\nexport type PolarRadiusAxisProps = Merge<\n  CSSUIProps,\n  Recharts.PolarRadiusAxisProps\n>\nexport type LabelProps = Merge<CSSUIProps, Recharts.LabelProps>\nexport type ChartTooltip =\n  | ReactElement\n  | ((\n      props: Recharts.TooltipProps<\n        number | string | Array<number | string>,\n        number | string\n      >,\n    ) => ReactNode)\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../src/chart.types.ts"],"sourcesContent":["import type { As, CSSUIProps, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { Merge } from \"@yamada-ui/utils\"\nimport type {\n  ComponentPropsWithoutRef,\n  ReactElement,\n  ReactNode,\n  SVGProps,\n} from \"react\"\nimport type * as Recharts from \"recharts\"\nimport type { pieProperties } from \"./rechart-properties\"\n\nexport type ChartPropGetter<\n  Y extends As = \"div\",\n  M = undefined,\n  D = undefined,\n> = (props?: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D\n\nexport type RequiredChartPropGetter<\n  Y extends As = \"div\",\n  M = undefined,\n  D = undefined,\n> = (props: Merge<HTMLUIProps<Y>, M>, ref?: React.Ref<any>) => D\nexport type ChartLayoutType = \"horizontal\" | \"vertical\"\nexport type AreaChartType = \"default\" | \"stacked\" | \"percent\" | \"split\"\nexport type BarChartType = Exclude<AreaChartType, \"split\">\nexport type ChartAxisType = \"x\" | \"y\" | \"xy\" | \"none\"\nexport type ChartCurveType =\n  | \"bump\"\n  | \"linear\"\n  | \"natural\"\n  | \"monotone\"\n  | \"step\"\n  | \"stepBefore\"\n  | \"stepAfter\"\nexport type TooltipDataSourceType = \"segment\" | \"all\"\n\nexport type AreaChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.AreaChart>\n>\nexport type BarChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.BarChart>\n>\nexport type LineChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.LineChart>\n>\nexport type RadarChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.RadarChart>\n>\nexport type PieChartProps = Merge<\n  CSSUIProps,\n  ComponentPropsWithoutRef<typeof Recharts.PieChart>\n>\nexport type ReferenceLineProps = Merge<CSSUIProps, Recharts.ReferenceLineProps>\nexport type ResponsiveContainerProps = Merge<\n  CSSUIProps,\n  Omit<Recharts.ResponsiveContainerProps, \"children\">\n>\nexport type AreaProps = Merge<\n  Merge<CSSUIProps, Recharts.AreaProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    dot?: DotProps\n    activeDot?: DotProps\n    dimDot?: DotProps\n    dimArea?: Partial<AreaProps>\n  }\n>\nexport type LineProps = Merge<\n  Merge<CSSUIProps, Recharts.LineProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    activeDot?: DotProps\n    dot?: DotProps\n    dimDot?: DotProps\n    dimLine?: Partial<LineProps>\n  }\n>\nexport type BarProps = Merge<\n  Merge<CSSUIProps, Recharts.BarProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    activeBar?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n    background?: Merge<SVGProps<SVGPathElement>, CSSUIProps>\n    dimBar?: Partial<BarProps>\n  }\n>\nexport type RadarProps = Merge<\n  Merge<CSSUIProps, Recharts.RadarProps>,\n  {\n    color: CSSUIProps[\"color\"]\n    dot?: DotProps\n    activeDot?: DotProps\n    dimDot?: DotProps\n    dimRadar?: Partial<RadarProps>\n  }\n>\nexport type PieProps = Merge<\n  Merge<Pick<Recharts.PieProps, (typeof pieProperties)[number]>, CSSUIProps>,\n  {\n    activeShape?: Partial<PieProps>\n    inactiveShape?: Partial<PieProps>\n    label?: HTMLUIProps<\"text\">\n    labelLine?: HTMLUIProps<\"path\">\n  }\n>\nexport type CellProps = Merge<\n  CSSUIProps,\n  {\n    name: string\n    value: number\n    dimCell?: Partial<CellProps>\n  }\n>\nexport type DotProps = Merge<Omit<Recharts.DotProps, \"ref\">, CSSUIProps>\nexport type XAxisProps = Merge<\n  Merge<CSSUIProps, Recharts.XAxisProps>,\n  {\n    color?: CSSUIProps[\"color\"]\n    stroke?: CSSUIProps[\"color\"]\n    fill?: CSSUIProps[\"color\"]\n  }\n>\nexport type YAxisProps = Merge<\n  Merge<CSSUIProps, Recharts.YAxisProps>,\n  { color?: CSSUIProps[\"color\"] }\n>\nexport type LegendProps = Merge<CSSUIProps, Omit<Recharts.LegendProps, \"ref\">>\nexport type TooltipProps = Merge<\n  Merge<CSSUIProps, Omit<Recharts.TooltipProps<any, any>, \"ref\">>,\n  { cursor?: CSSUIProps }\n>\nexport type GridProps = Merge<CSSUIProps, Recharts.CartesianGridProps>\nexport type PolarGridProps = Merge<CSSUIProps, Recharts.PolarGridProps>\nexport type PolarAngleAxisProps = Merge<\n  Recharts.PolarAngleAxisProps,\n  CSSUIProps\n>\nexport type PolarRadiusAxisProps = Merge<\n  CSSUIProps,\n  Recharts.PolarRadiusAxisProps\n>\nexport type LabelProps = Merge<CSSUIProps, Recharts.LabelProps>\nexport type ChartTooltipProps = Recharts.TooltipProps<\n  number | string | Array<number | string>,\n  number | string\n>\nexport type ChartTooltip =\n  | ReactElement\n  | ((props: ChartTooltipProps) => ReactNode)\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/donut-chart.d.mts

@@ -4,6 +4,7 @@ import './chart.types.mjs';
 import '@yamada-ui/utils';
 import 'react';
 import 'recharts';
+import './rechart-properties.mjs';
 import './use-chart.mjs';
 import './use-chart-legend.mjs';
 import './use-chart-tooltip.mjs';

package/dist/donut-chart.d.ts

@@ -4,6 +4,7 @@ import './chart.types.js';
 import '@yamada-ui/utils';
 import 'react';
 import 'recharts';
+import './rechart-properties.js';
 import './use-chart.js';
 import './use-chart-legend.js';
 import './use-chart-tooltip.js';

package/dist/index.d.mts

@@ -6,7 +6,7 @@ export { RadarChart, RadarChartProps } from './radar-chart.mjs';
 export { DonutChart, DonutChartProps } from './donut-chart.mjs';
 export { PieChart, PieChartProps } from './pie-chart.mjs';
 export { Cell as ChartCell } from 'recharts';
-export { AreaChartType, AreaProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLayoutType, ChartTooltip, DotProps, LineProps, RadarProps, TooltipDataSourceType } from './chart.types.mjs';
+export { AreaChartType, AreaProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLayoutType, ChartTooltip, ChartTooltipProps, DotProps, LineProps, RadarProps, TooltipDataSourceType } from './chart.types.mjs';
 import '@yamada-ui/core';
 import './use-chart.mjs';
 import 'react';
@@ -24,3 +24,4 @@ import './area-chart-gradient.mjs';
 import './area-chart-split.mjs';
 import './use-radar-chart.mjs';
 import './use-pie-chart.mjs';
+import './rechart-properties.mjs';

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { RadarChart, RadarChartProps } from './radar-chart.js';
 export { DonutChart, DonutChartProps } from './donut-chart.js';
 export { PieChart, PieChartProps } from './pie-chart.js';
 export { Cell as ChartCell } from 'recharts';
-export { AreaChartType, AreaProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLayoutType, ChartTooltip, DotProps, LineProps, RadarProps, TooltipDataSourceType } from './chart.types.js';
+export { AreaChartType, AreaProps, BarChartType, BarProps, CellProps, ChartAxisType, ChartCurveType, ChartLayoutType, ChartTooltip, ChartTooltipProps, DotProps, LineProps, RadarProps, TooltipDataSourceType } from './chart.types.js';
 import '@yamada-ui/core';
 import './use-chart.js';
 import 'react';
@@ -24,3 +24,4 @@ import './area-chart-gradient.js';
 import './area-chart-split.js';
 import './use-radar-chart.js';
 import './use-pie-chart.js';
+import './rechart-properties.js';