@foodpilot/foods 0.3.41 → 0.3.43

package/dist/components/Badge/ComingSoonBadge.d.ts

@@ -0,0 +1,5 @@
+type ComingSoonBadgeProps = {
+    soonAvailableText: string;
+};
+export declare const ComingSoonBadge: (props: ComingSoonBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1,3 @@
 export * from './Badge';
 export * from './FoodsBadge';
+export * from './ComingSoonBadge';

package/dist/components/Cards/ScoreCard/Header/ScoreCardHeader.d.ts

@@ -0,0 +1,8 @@
+import { OptionsPopoverType } from './ValueSwitcher/ValueSwitcher';
+
+export type ScoreCardHeaderProps = {
+    title: string;
+    selectedItemLabel: string;
+    optionsProps: OptionsPopoverType;
+};
+export declare const ScoreCardHeader: (props: ScoreCardHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Cards/ScoreCard/Header/ValueSwitcher/ValuePopover.d.ts

@@ -0,0 +1,11 @@
+import { SxProps } from '@mui/material';
+
+type Anchor = HTMLElement | null;
+type ValuePopoverProps = {
+    anchor: Anchor;
+    setAnchor: (elementToAttachTo: Anchor) => void;
+    children: JSX.Element | undefined;
+    paperOverrides: SxProps | undefined;
+};
+export declare const ValuePopover: (props: ValuePopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Cards/ScoreCard/Header/ValueSwitcher/ValueSwitcher.d.ts

@@ -0,0 +1,8 @@
+import { OptionsPopoverProps } from '../../../../Popover';
+
+export type OptionsPopoverType = Pick<OptionsPopoverProps, "content" | "onChange" | "defaultIndex">;
+export type ValueSwitcherProps = {
+    selectedItemLabel: string;
+    optionsProps: OptionsPopoverType;
+};
+export declare const ValueSwitcher: (props: ValueSwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Cards/ScoreCard/ScoreCard.d.ts

@@ -0,0 +1,15 @@
+import { OptionsPopoverType } from './Header/ValueSwitcher/ValueSwitcher';
+
+type ScoreHeader = {
+    title: string;
+    selectedItemLabel: string;
+    optionsProps: OptionsPopoverType;
+};
+export type ScoreCardProps = {
+    header: ScoreHeader;
+    moreDetailAction?: () => void;
+    soonAvailableText?: string;
+    children?: JSX.Element;
+};
+export declare const ScoreCard: (props: ScoreCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Cards/TrajectoryCards/Blocks/ThreeHorizontal.d.ts

@@ -0,0 +1,13 @@
+import { StepProps } from '../TrajectoryCards';
+import { Improvement } from '../../../ComparisonBlock/ComparisonBlock.tsx';
+
+type ThreeHorizontalProps = {
+    steps: {
+        start: StepProps;
+        current: StepProps;
+        target: StepProps;
+    };
+    improvement: Improvement;
+};
+export declare const ThreeHorizontal: (props: ThreeHorizontalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Cards/TrajectoryCards/Blocks/ThreeVertical.d.ts

@@ -0,0 +1,13 @@
+import { StepProps } from '../TrajectoryCards';
+import { Improvement } from '../../../ComparisonBlock/ComparisonBlock.tsx';
+
+type ThreeVerticalProps = {
+    steps: {
+        start: StepProps;
+        current: StepProps;
+        target: StepProps;
+    };
+    improvement: Improvement;
+};
+export declare const ThreeVertical: (props: ThreeVerticalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Cards/TrajectoryCards/Blocks/TrajectoryComparison.d.ts

@@ -0,0 +1,10 @@
+import { Improvement } from '../../../ComparisonBlock/ComparisonBlock.tsx';
+import { StepType } from '../Step';
+
+type TrajectoryComparisonProps = {
+    improvement: Improvement;
+    value: StepType["value"];
+    comparedTo: StepType["value"];
+};
+export declare const TrajectoryComparison: (props: TrajectoryComparisonProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/components/Cards/TrajectoryCards/Blocks/TwoHorizontal.d.ts

@@ -0,0 +1,12 @@
+import { StepProps } from '../TrajectoryCards';
+import { Improvement } from '../../../ComparisonBlock/ComparisonBlock.tsx';
+
+type TwoHorizontalProps = {
+    steps: {
+        start: StepProps;
+        target: StepProps;
+    };
+    improvement: Improvement;
+};
+export declare const TwoHorizontal: (props: TwoHorizontalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Cards/TrajectoryCards/Blocks/TwoVertical.d.ts

@@ -0,0 +1 @@
+export declare const TwoVertical: (props: TwoVertical) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Cards/TrajectoryCards/Step.d.ts

@@ -0,0 +1,17 @@
+import { SxProps } from '@mui/material';
+
+export type StepType = {
+    year: string;
+    label: string;
+    value: number | null;
+    unit: string;
+    incomplete: boolean;
+};
+type StepsProps = {
+    step: StepType;
+    isLast: boolean;
+    isHorizontal?: boolean;
+    extra?: SxProps;
+};
+export declare const Step: (props: StepsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Cards/TrajectoryCards/TrajectoryCards.d.ts

@@ -1,18 +1,16 @@
-export type Step = {
-    year: string;
-    label: string;
-    value: number | null;
-    unit: string;
-    incomplete: boolean;
-};
+import { Improvement } from '../../ComparisonBlock/ComparisonBlock.tsx';
+import { StepType } from './Step';
+
+export type StepProps = Omit<StepType, "label">;
+export type TrajectoryPosition = "horizontal" | "vertical";
 export type TrajectorySteps = {
-    start: Step;
-    current: Step | null;
-    target: Step;
+    start: StepProps;
+    current: StepProps | null;
+    target: StepProps;
 };
 export type TrajectoryCardsProps = {
     steps: TrajectorySteps;
-    position: "horizontal" | "vertical";
-    comparisonDirection: "up" | "down";
+    position: TrajectoryPosition;
+    improvement: Improvement;
 };
-export declare const TrajectoryCards: (_props: TrajectoryCardsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TrajectoryCards: (props: TrajectoryCardsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
 export * from './TrajectoryCards/TrajectoryCards';
+export * from './ScoreCard/ScoreCard';

package/dist/components/ComparisonBlock/Blocks/HorizontalLargeBlock.d.ts

@@ -0,0 +1,19 @@
+import { IconMapping } from '../../Icons';
+import { ColorSet } from '../getColorAndArrow';
+
+type ComparisonBlockProps = {
+    percentageDifference: string;
+    comparedTo: {
+        value: number;
+        unit: string;
+        label: string;
+    };
+    iconName: keyof IconMapping;
+    colors: ColorSet;
+    comparisonText?: string;
+};
+/**
+ * @internal
+ */
+export declare const HorizontalLargeBlock: (props: ComparisonBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ComparisonBlock/Blocks/HorizontalMediumBlock.d.ts

@@ -0,0 +1,20 @@
+import { IconMapping } from '../../Icons';
+import { ColorSet } from '../getColorAndArrow';
+
+type ComparisonBlockProps = {
+    percentageDifference: string;
+    comparedTo: {
+        value: number;
+        unit: string;
+        label: string;
+    };
+    iconName: keyof IconMapping;
+    colors: ColorSet;
+    comparisonText?: string;
+    disableText: boolean;
+};
+/**
+ * @internal
+ */
+export declare const HorizontalMediumBlock: (props: ComparisonBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ComparisonBlock/Blocks/HorizontalSmallBlock.d.ts

@@ -0,0 +1,13 @@
+import { IconMapping } from '../../Icons';
+import { ColorSet } from '../getColorAndArrow';
+
+type ComparisonBlockProps = {
+    percentageDifference: string;
+    iconName: keyof IconMapping;
+    colors: ColorSet;
+};
+/**
+ * @internal
+ */
+export declare const HorizontalSmallBlock: (props: ComparisonBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ComparisonBlock/Blocks/VerticalLargeBlock.d.ts

@@ -0,0 +1,19 @@
+import { IconMapping } from '../../Icons';
+import { ColorSet } from '../getColorAndArrow';
+
+type ComparisonBlockProps = {
+    percentageDifference: string;
+    comparedTo: {
+        value: number;
+        unit: string;
+        label: string;
+    };
+    iconName: keyof IconMapping;
+    colors: ColorSet;
+    comparisonText?: string;
+};
+/**
+ * @internal
+ */
+export declare const VerticalLargeBlock: (props: ComparisonBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ComparisonBlock/Blocks/VerticalMediumBlock.d.ts

@@ -0,0 +1,19 @@
+import { IconMapping } from '../../Icons';
+import { ColorSet } from '../getColorAndArrow';
+
+type ComparisonBlockProps = {
+    percentageDifference: string;
+    comparedTo: {
+        value: number;
+        unit: string;
+        label: string;
+    };
+    iconName: keyof IconMapping;
+    colors: ColorSet;
+    comparisonText?: string;
+};
+/**
+ * @internal
+ */
+export declare const VerticalMediumBlock: (props: ComparisonBlockProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ComparisonBlock/ComparisonBlock.d.ts

@@ -0,0 +1,24 @@
+export type Improvement = "increase" | "decrease";
+type HorizontalLayout = {
+    direction: "horizontal";
+    size: "L" | "M" | "S";
+};
+type VerticalLayout = {
+    direction: "vertical";
+    size: "L" | "M";
+};
+type Layout = HorizontalLayout | VerticalLayout;
+type ComparisonBlockProps = {
+    currentValue: number;
+    comparedTo: {
+        value: number;
+        unit: string;
+        label: string;
+    };
+    disableText?: boolean;
+    improvement: Improvement;
+    comparisonText?: string;
+    layout?: Layout;
+};
+export declare const ComparisonBlock: (props: ComparisonBlockProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/dist/components/ComparisonBlock/getColorAndArrow.d.ts

@@ -0,0 +1,15 @@
+import { IconMapping } from '../Icons';
+import { Improvement } from './ComparisonBlock.tsx';
+
+export type ColorSet = {
+    primaryColor: string;
+    secondaryColor: string;
+};
+export type ColorsType = Record<string, ColorSet>;
+export declare const Colors: ColorsType;
+type IconAndColor = {
+    icon: keyof IconMapping;
+    color: ColorSet;
+};
+export declare const getColorAndArrowIcon: (currentValue: number, previousValue: number, improvement: Improvement) => IconAndColor;
+export {};

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

@@ -1 +1 @@
-export { FoodsComparisonBlock } from './FoodsComparisonBlock';
+export { ComparisonBlock } from './ComparisonBlock.tsx';