@foodpilot/foods 2.2.10 → 2.2.11

package/dist/components/Chart/DoughnutChart/useDoughnutChartInteractions.d.ts

@@ -8,7 +8,7 @@ export type RechartsMouseEventHandler = {
     innerRadius: number;
 };
 export declare const useDoughnutChartInteractions: (data: DoughnutChartData[], chartRef: RefObject<HTMLDivElement>) => {
-    hoveredArcIndex: number | null;
+    HoveredChartElementIndex: number | null;
     tooltipPos: TooltipPosition | undefined;
     handleLegendHover: (index: number | null, event?: React.MouseEvent<HTMLElement>) => void;
     handleMouseEnter: (event: RechartsMouseEventHandler, index: number) => void;

package/dist/components/Chart/Legend/Legend.d.ts

@@ -12,5 +12,6 @@ export type ChartLegendProps = {
     hidePercentage?: boolean;
     children?: ReactNode;
     chartRef?: React.RefObject<HTMLElement>;
+    isLoading?: boolean;
 };
 export declare const Legend: (props: ChartLegendProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Chart/Legend/LegendBottom.d.ts

@@ -12,6 +12,7 @@ type ChartLegendVariantProps = {
     children?: ReactNode;
     chartRef?: React.RefObject<HTMLElement>;
     hidePercentage?: boolean;
+    isLoading?: boolean;
 };
 export declare const LegendBottom: (props: ChartLegendVariantProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Chart/Legend/LegendRight.d.ts

@@ -12,6 +12,7 @@ type ChartLegendVariantProps = {
     children?: ReactNode;
     chartRef?: React.RefObject<HTMLElement>;
     hidePercentage?: boolean;
+    isLoading?: boolean;
 };
 export declare const LegendRight: (props: ChartLegendVariantProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Chart/PolymorphicChart/PolymorphicChart.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { TypographyProps } from '@mui/material';
+import { Property } from 'csstype';
+import { ChartLegend } from '../Legend';
+export type ChartType = "donut" | "bar" | "line" | "pie" | "radar" | "table";
+export type PolymorphicChartProps = {
+    chartType: ChartType;
+    values?: number[];
+    valuesUnit?: string;
+    labels?: string[];
+    colors?: Property.Color[];
+    legend?: ChartLegend;
+    icons?: ReactNode[];
+    children?: ReactNode;
+    className?: string;
+    valuesFormatterFn?: (value: number, precision?: number) => string;
+    createPalette?: boolean;
+    isLoading?: boolean;
+    displayTotal?: string | boolean;
+    displayTotalVariant?: TypographyProps["variant"];
+    spacing?: number;
+    borderWidth?: number;
+    borderColor?: Property.Color;
+    fullWidthLegend?: boolean;
+    hoverOffset?: number;
+    showTooltip?: boolean;
+    width?: string;
+    height?: number;
+};
+export declare const PolymorphicChart: (props: PolymorphicChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/PolymorphicChart/PolymorphicChartRenderer.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { Property } from 'csstype';
+import { DoughnutChartData } from '../DoughnutChart/utils';
+import { RechartsMouseEventHandler } from '../DoughnutChart/useDoughnutChartInteractions';
+import { ChartType } from './PolymorphicChart';
+type PolymorphicChartRendererProps = {
+    chartType: ChartType;
+    data: DoughnutChartData[];
+    HoveredChartElementIndex: number | null;
+    spacing: number;
+    borderWidth: number;
+    borderColor?: Property.Color;
+    showTooltip: boolean;
+    tooltipPos: {
+        x: number;
+        y: number;
+        angle?: number;
+    } | undefined;
+    valuesFormatterFn?: (value: number, precision?: number) => string;
+    language: string;
+    valuesUnit?: string;
+    icons?: ReactNode[];
+    isLoading?: boolean;
+    height: number;
+    onMouseEnter: (event: RechartsMouseEventHandler, index: number) => void;
+    onMouseLeave: () => void;
+    onLegendAction?: (index: number) => void;
+};
+export declare const PolymorphicChartRenderer: (props: PolymorphicChartRendererProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/PolymorphicChart/PolymorphicChartTooltip.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+type PolymorphicChartTooltipProps = {
+    active?: boolean;
+    hoveredIndex: number | null;
+    data: Array<{
+        name: string;
+        value: number;
+        color: string;
+        index?: number;
+    }>;
+    coordinate?: {
+        x: number;
+        y: number;
+    };
+    formatter?: (value: number, precision?: number) => string;
+    unit?: string;
+    icons?: ReactNode[];
+};
+export declare const PolymorphicChartTooltip: (props: PolymorphicChartTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Chart/PolymorphicChart/charts/PolymorphicBarChart.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { DoughnutChartData } from '../../DoughnutChart/utils';
+type PolymorphicBarChartProps = {
+    data: DoughnutChartData[];
+    HoveredChartElementIndex: number | null;
+    showTooltip: boolean;
+    valuesFormatterFn?: (value: number, precision?: number) => string;
+    valuesUnit?: string;
+    icons?: ReactNode[];
+    isLoading?: boolean;
+    height?: number;
+    onMouseEnter: (index: number) => void;
+    onMouseLeave: () => void;
+    onLegendAction?: (index: number) => void;
+};
+export declare const PolymorphicBarChart: (props: PolymorphicBarChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/{DoughnutChart/DoughnutPieChart.d.ts → PolymorphicChart/charts/PolymorphicDoughnutChart.d.ts}

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
 import { Property } from 'csstype';
-import { DoughnutChartData } from './utils';
-import { RechartsMouseEventHandler } from './useDoughnutChartInteractions';
-type DoughnutPieChartProps = {
+import { DoughnutChartData } from '../../DoughnutChart/utils';
+import { RechartsMouseEventHandler } from '../../DoughnutChart/useDoughnutChartInteractions';
+type PolymorphicDoughnutChartProps = {
     data: DoughnutChartData[];
-    hoveredArcIndex: number | null;
+    HoveredChartElementIndex: number | null;
     spacing: number;
     borderWidth: number;
     borderColor?: Property.Color;
@@ -18,9 +18,11 @@ type DoughnutPieChartProps = {
     language: string;
     valuesUnit?: string;
     icons?: ReactNode[];
+    isLoading?: boolean;
+    height?: number;
     onMouseEnter: (event: RechartsMouseEventHandler, index: number) => void;
     onMouseLeave: () => void;
     onLegendAction?: (index: number) => void;
 };
-export declare const DoughnutPieChart: (props: DoughnutPieChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PolymorphicDoughnutChart: (props: PolymorphicDoughnutChartProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Chart/PolymorphicChart/charts/PolymorphicLineChart.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { DoughnutChartData } from '../../DoughnutChart/utils';
+type PolymorphicLineChartProps = {
+    data: DoughnutChartData[];
+    HoveredChartElementIndex: number | null;
+    showTooltip: boolean;
+    valuesFormatterFn?: (value: number, precision?: number) => string;
+    valuesUnit?: string;
+    icons?: ReactNode[];
+    isLoading?: boolean;
+    height?: number;
+    onMouseEnter: (index: number) => void;
+    onMouseLeave: () => void;
+    onLegendAction?: (index: number) => void;
+};
+export declare const PolymorphicLineChart: (props: PolymorphicLineChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/PolymorphicChart/charts/PolymorphicPieChart.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { Property } from 'csstype';
+import { DoughnutChartData } from '../../DoughnutChart/utils';
+import { RechartsMouseEventHandler } from '../../DoughnutChart/useDoughnutChartInteractions';
+type PolymorphicPieChartProps = {
+    data: DoughnutChartData[];
+    HoveredChartElementIndex: number | null;
+    spacing: number;
+    borderWidth: number;
+    borderColor?: Property.Color;
+    showTooltip: boolean;
+    tooltipPos: {
+        x: number;
+        y: number;
+        angle?: number;
+    } | undefined;
+    valuesFormatterFn?: (value: number, precision?: number) => string;
+    language: string;
+    valuesUnit?: string;
+    icons?: ReactNode[];
+    isLoading?: boolean;
+    height?: number;
+    onMouseEnter: (event: RechartsMouseEventHandler, index: number) => void;
+    onMouseLeave: () => void;
+    onLegendAction?: (index: number) => void;
+};
+export declare const PolymorphicPieChart: (props: PolymorphicPieChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/PolymorphicChart/charts/PolymorphicRadarChart.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { DoughnutChartData } from '../../DoughnutChart/utils';
+type PolymorphicRadarChartProps = {
+    data: DoughnutChartData[];
+    HoveredChartElementIndex: number | null;
+    showTooltip: boolean;
+    valuesFormatterFn?: (value: number, precision?: number) => string;
+    valuesUnit?: string;
+    icons?: ReactNode[];
+    isLoading?: boolean;
+    height?: number;
+    onMouseEnter: (index: number) => void;
+    onMouseLeave: () => void;
+    onLegendAction?: (index: number) => void;
+};
+export declare const PolymorphicRadarChart: (props: PolymorphicRadarChartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/PolymorphicChart/charts/PolymorphicTable.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { Property } from 'csstype';
+import { DoughnutChartData } from '../../DoughnutChart/utils';
+import { RechartsMouseEventHandler } from '../../DoughnutChart/useDoughnutChartInteractions';
+type PolymorphicTableProps = {
+    data: DoughnutChartData[];
+    HoveredChartElementIndex: number | null;
+    spacing?: number;
+    borderWidth?: number;
+    borderColor?: Property.Color;
+    showTooltip?: boolean;
+    tooltipPos?: {
+        x: number;
+        y: number;
+        angle?: number;
+    } | undefined;
+    valuesFormatterFn?: (value: number, precision?: number) => string;
+    language?: string;
+    valuesUnit?: string;
+    icons?: ReactNode[];
+    isLoading?: boolean;
+    height?: number;
+    onMouseEnter?: (event: RechartsMouseEventHandler, index: number) => void;
+    onMouseLeave?: () => void;
+    onLegendAction?: (index: number) => void;
+};
+export declare const PolymorphicTable: (props: PolymorphicTableProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Chart/PolymorphicChart/index.d.ts

@@ -0,0 +1,3 @@
+export { PolymorphicChart } from './PolymorphicChart';
+export type { PolymorphicChartProps, ChartType } from './PolymorphicChart';
+export { PolymorphicChartRenderer } from './PolymorphicChartRenderer';

package/dist/components/Chart/index.d.ts

@@ -5,3 +5,4 @@ export * from './WaterfallChart/WaterfallChart';
 export * from './HorizontalGauge/HorizontalGaugeChart';
 export * from './TrajectoryChart/TrajectoryChart';
 export * from './HistogramComparisonChart';
+export * from './PolymorphicChart';