@foodpilot/foods 0.3.62 → 0.3.64

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

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
+import { BoxProps } from '@mui/material';
 
 type ScoreContainerProps = {
     children: ReactNode;
-    className?: string;
+    boxProps?: BoxProps;
 };
 export declare const ScoreContainer: (props: ScoreContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Box/ContentBlock.d.ts

@@ -0,0 +1,14 @@
+import { SxProps } from '@mui/system';
+
+export type ContentBlockProps = {
+    title: string;
+    subtitle?: string;
+    callToAction?: {
+        text: string;
+        onClick: () => void;
+    };
+    children?: JSX.Element | JSX.Element[];
+    image?: JSX.Element;
+    sxProps?: SxProps;
+};
+export declare const ContentBlock: (props: ContentBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Box/IndicatorBox.d.ts

@@ -0,0 +1,11 @@
+type IndicatorBoxProps = {
+    title: string;
+    children: JSX.Element | JSX.Element[];
+    objectives: {
+        objective: string;
+        component: JSX.Element;
+    }[];
+    tooltipMessage?: string;
+};
+export declare const IndicatorBox: (props: IndicatorBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,8 +1,10 @@
 export * from './AdditionalContentBox';
 export * from './CategoryBox';
 export * from './ContextualContentBox';
+export * from './ContentBlock';
 export * from './DottedBox';
 export * from './HelperBox';
+export * from './IndicatorBox';
 export * from './InfoBox';
 export * from './LineGroupBox';
 export * from './QuoteBox';

package/dist/components/Button/TertiaryToggleButton.d.ts

@@ -2,7 +2,7 @@ import { ToggleButtonProps } from '@mui/material';
 
 export declare const CustomToggleButton: import('@emotion/styled').StyledComponent<import('@mui/material').ToggleButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-}, "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "disabled" | "value" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+}, "value" | "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "disabled" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
 export type TertiaryToggleButtonProps = ToggleButtonsPropsWithoutEnforcedKeys & {
     choices: string[];

package/dist/components/Button/TertiaryToggleButtonNodeTitle.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 
 export declare const CustomToggleButtonNodeTitle: import('@emotion/styled').StyledComponent<import('@mui/material').ToggleButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-}, "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "disabled" | "value" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+}, "value" | "size" | "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "disabled" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
 export type TertiaryToggleButtonPropsNodeTitle = ToggleButtonsPropsWithoutEnforcedKeys & {
     choices: ReactNode[];

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

@@ -1,8 +1,13 @@
-import { OptionsPopoverType } from './ValueSwitcher/ValueSwitcher';
+import { OptionsPopoverOption } from '../../../Popover';
 
+export type HeaderOptions = {
+    id: number;
+    label: string;
+    group: string;
+    onClick?: OptionsPopoverOption["onClick"];
+};
 export type ScoreCardHeaderProps = {
-    title: string;
-    selectedItemId: number;
-    optionsProps: OptionsPopoverType;
+    selectedItemId: number | null;
+    options: HeaderOptions[];
 };
 export declare const ScoreCardHeader: (props: ScoreCardHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,12 @@
 import { OptionsPopoverSection } from '../../../../Popover';
+import { HeaderOptions } from '../ScoreCardHeader';
 
 export type OptionsPopoverType = {
-    content: OptionsPopoverSection;
+    content: OptionsPopoverSection[];
     onChange: (optionId: number) => void;
 };
 export type ValueSwitcherProps = {
-    selectedItemId: number;
+    selectedItem: HeaderOptions | undefined;
     optionsProps: OptionsPopoverType;
 };
 export declare const ValueSwitcher: (props: ValueSwitcherProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { StepProps } from '../TrajectoryCards';
+import { StepProps, TrajectoryStepsText } from '../TrajectoryCards';
 import { Improvement } from '../../../ComparisonBlock/ComparisonBlock.tsx';
 
 type ThreeHorizontalProps = {
@@ -8,6 +8,7 @@ type ThreeHorizontalProps = {
         target: StepProps;
     };
     improvement: Improvement;
+    textOptions: TrajectoryStepsText;
 };
 export declare const ThreeHorizontal: (props: ThreeHorizontalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { StepProps } from '../TrajectoryCards';
+import { StepProps, TrajectoryStepsText } from '../TrajectoryCards';
 import { Improvement } from '../../../ComparisonBlock/ComparisonBlock.tsx';
 
 type ThreeVerticalProps = {
@@ -8,6 +8,7 @@ type ThreeVerticalProps = {
         target: StepProps;
     };
     improvement: Improvement;
+    textOptions: TrajectoryStepsText;
 };
 export declare const ThreeVertical: (props: ThreeVerticalProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1,8 +1,9 @@
 import { SxProps } from '@mui/material';
+import { FlexibleString } from '../../../innerComponents/FlexibleTypography';
 
 export type StepType = {
-    year: string;
-    label: string;
+    year: FlexibleString;
+    label: FlexibleString;
     value: number | null;
     unit: string;
     incomplete: boolean;

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

@@ -1,5 +1,6 @@
 import { Improvement } from '../../ComparisonBlock/ComparisonBlock.tsx';
 import { StepType } from './Step';
+import { FlexibleString } from '../../../innerComponents/FlexibleTypography.tsx';
 
 export type StepProps = Omit<StepType, "label">;
 export type TrajectoryPosition = "horizontal" | "vertical";
@@ -8,9 +9,15 @@ export type TrajectorySteps = {
     current: StepProps | null;
     target: StepProps;
 };
+export type TrajectoryStepsText = {
+    startingStep: FlexibleString;
+    currentStep: FlexibleString;
+    targetStep: FlexibleString;
+};
 export type TrajectoryCardsProps = {
     steps: TrajectorySteps;
     position: TrajectoryPosition;
     improvement: Improvement;
+    textOptions?: TrajectoryStepsText;
 };
 export declare const TrajectoryCards: (props: TrajectoryCardsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,5 +12,6 @@ export type DoughnutChartProps = Omit<ChartProps<"doughnut">, "data" | "type"> &
     icons?: ReactNode[];
     children?: ReactNode;
     className?: string;
+    valuesFormatterFn?: (value: number) => string;
 };
 export declare const DoughnutChart: (props: DoughnutChartProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -324,6 +324,7 @@ export declare const getDoughnutConfig: (props: Omit<DoughnutChartProps, "legend
     updateMode?: import('chart.js').UpdateMode | undefined;
     valuesUnit?: string | undefined;
     icons?: import('react').ReactNode[] | undefined;
+    valuesFormatterFn?: ((value: number) => string) | undefined;
 };
 export declare const extractPaletteFromTheme: (theme: Theme, min: number, max: number) => Property.Color[];
 export declare const createPalette: (colors: Property.Color[], values: number[]) => Property.Color[];

package/dist/components/Field/TextField.d.ts

@@ -1,4 +1,4 @@
-import { RoundInputProps } from '../Input/RoundInput';
+import { RoundInputProps } from '../Input';
 
 export type TextFieldProps = RoundInputProps & {
     title: string;

package/dist/components/Layout/BlockList/Blocks/ActionsBlock/ActionRow.d.ts

@@ -1,4 +1,5 @@
 export type ActionType = {
+    id: number;
     actionTitle: string;
     value: number | null;
     unit: string;

package/dist/components/Layout/BlockList/Blocks/Container/BlockItemContainer.d.ts

@@ -1,7 +1,7 @@
 export type BlockItemContainerProps = {
     title: string;
-    value: number;
-    unit: string;
+    value: number | null;
+    unit?: string;
     fields?: JSX.Element[];
 };
 export declare const BlockItemContainer: (props: BlockItemContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Number/NumberWithUnit.d.ts

@@ -0,0 +1,7 @@
+export type NumberWithUnitProps = {
+    value: number | null;
+    unit: string;
+    size?: "micro" | "small" | "inter" | "big";
+    position?: "default-side" | "below-left-aligned" | "below-center-aligned";
+};
+export declare const NumberWithUnit: (props: NumberWithUnitProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-export * from './NumberUnit';
+export * from './NumberWithUnit.tsx';
 export * from './Score';

package/dist/components/Popover/OptionsPopover.d.ts

@@ -1,10 +1,12 @@
 import { BoxProps } from '@mui/material';
 
+type ShouldAbort = boolean;
 export type OptionsPopoverOption = {
     id: string | number;
     label: string;
     active?: boolean;
     disabled?: boolean;
+    onClick?: (option: OptionsPopoverOption, section: OptionsPopoverSection) => void | ShouldAbort;
 };
 export type OptionsPopoverSection = {
     header?: string;
@@ -16,3 +18,4 @@ export type OptionsPopoverProps = Omit<BoxProps, "content" | "onChange"> & {
     defaultIndex?: string | number;
 };
 export declare function OptionsPopover(props: OptionsPopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/index.d.ts

@@ -6,7 +6,6 @@ export * from './CardImage';
 export * from './Cards';
 export * from './Chart';
 export * from './Checkbox';
-export * from './ComparisonBlock';
 export * from './CustomTypography';
 export * from './Dialog';
 export * from './Field';
@@ -27,3 +26,4 @@ export * from './Ssq';
 export * from './Tabs';
 export * from './Text';
 export * from './Treeview';
+export * from './ComparisonBlock';

package/dist/innerComponents/FlexibleTypography.d.ts

@@ -4,5 +4,6 @@ export type FlexibleString = JSX.Element | string;
 export type FlexibleTypographyProps = {
     text: FlexibleString;
     defaultVariant: TypographyProps["variant"];
+    typographyProps?: Omit<TypographyProps, "variant">;
 };
 export declare const FlexibleTypography: (props: FlexibleTypographyProps) => JSX.Element;