@foodpilot/foods 2.1.5 → 2.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/FormAccordion.d.ts +2 -2
- package/dist/components/Accordion/ProductAccordion.d.ts +1 -1
- package/dist/components/Button/TertiaryToggleButton.d.ts +1 -1
- package/dist/components/Button/TertiaryToggleButtonNodeTitle.d.ts +1 -1
- package/dist/components/Cards/TrajectoryCards/styles/index.d.ts +3 -3
- package/dist/components/Chart/DoughnutChart/{CustomTooltip.d.ts → DoughnutTooltip.d.ts} +3 -2
- package/dist/components/Chart/HistogramComparisonChart/ComparisonLabel.d.ts +3 -1
- package/dist/components/Chart/HistogramComparisonChart/CustomizedAxisTick.d.ts +1 -1
- package/dist/components/Chart/HistogramComparisonChart/HistogramComparisonChart.d.ts +3 -2
- package/dist/components/Chart/HistogramComparisonChart/ValueLabel.d.ts +3 -1
- package/dist/components/Chart/HistogramComparisonChart/index.d.ts +4 -4
- package/dist/components/Chart/TrajectoryChart/TrajectoryChart.d.ts +3 -1
- package/dist/components/Chart/TrajectoryChart/TrajectoryTooltip.d.ts +32 -0
- package/dist/components/Chart/TrajectoryChart/barLayout.d.ts +31 -0
- package/dist/components/Chart/TrajectoryChart/types.d.ts +20 -0
- package/dist/components/Chart/index.d.ts +1 -0
- package/dist/components/Grid/FoodsGrid.tsx/FoodsGrid.d.ts +10 -0
- package/dist/components/Grid/FoodsGrid.tsx/config/useInitialConfig.d.ts +4 -0
- package/dist/components/Number/NumberWithUnit.d.ts +1 -0
- package/dist/components/RichTextEditor/components/BorderRadiusInput/style/index.d.ts +1 -1
- package/dist/components/RichTextEditor/components/ColorInput/style/index.d.ts +2 -2
- package/dist/components/RichTextEditor/components/Toolbar/style/index.d.ts +1 -1
- package/dist/main.js +53290 -47561
- package/dist/main.umd.cjs +183 -180
- package/package.json +1 -1
- package/dist/components/Chart/TrajectoryChart/useChartOptions.d.ts +0 -6
- package/dist/components/Chart/TrajectoryChart/useChartResize.d.ts +0 -5
|
@@ -26,12 +26,12 @@ export declare const StyledFormAccordion: import('@emotion/styled').StyledCompon
|
|
|
26
26
|
TransitionProps?: import('@mui/material/transitions').TransitionProps;
|
|
27
27
|
} & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
28
28
|
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
29
|
-
},
|
|
29
|
+
}, "children" | "onChange" | "sx" | "TransitionComponent" | "TransitionProps" | keyof import('@mui/material/OverridableComponent').CommonProps | "variant" | "elevation" | "disabled" | "expanded" | "square" | "defaultExpanded" | "disableGutters" | keyof import('@mui/material').AccordionSlotsAndSlotProps> & {
|
|
30
30
|
theme?: import('@emotion/react').Theme;
|
|
31
31
|
}, {}, {}>;
|
|
32
32
|
export declare const StyledFormAccordionSummary: import('@emotion/styled').StyledComponent<import('@mui/material').AccordionSummaryOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
33
33
|
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
34
|
-
}, "className" | "
|
|
34
|
+
}, "className" | "classes" | "style" | "tabIndex" | "children" | "sx" | "slots" | "slotProps" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & {
|
|
35
35
|
theme?: import('@emotion/react').Theme;
|
|
36
36
|
}, {}, {}>;
|
|
37
37
|
export declare const StyledFormAccordionDetails: import('@emotion/styled').StyledComponent<import('@mui/material').AccordionDetailsProps & {
|
|
@@ -14,7 +14,7 @@ export declare const StyledAccordion: import('@emotion/styled').StyledComponent<
|
|
|
14
14
|
TransitionProps?: import('@mui/material/transitions').TransitionProps;
|
|
15
15
|
} & import('@mui/material').AccordionSlotsAndSlotProps & Omit<import('@mui/material').PaperOwnProps, "classes" | "onChange"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
16
16
|
ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
17
|
-
},
|
|
17
|
+
}, "children" | "onChange" | "sx" | "TransitionComponent" | "TransitionProps" | keyof import('@mui/material/OverridableComponent').CommonProps | "variant" | "elevation" | "disabled" | "expanded" | "square" | "defaultExpanded" | "disableGutters" | keyof import('@mui/material').AccordionSlotsAndSlotProps> & {
|
|
18
18
|
theme?: import('@emotion/react').Theme;
|
|
19
19
|
}, {}, {}>;
|
|
20
20
|
export type AccordionContent = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ToggleButtonProps } from '@mui/material';
|
|
2
2
|
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"> & {
|
|
3
3
|
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;
|
|
4
|
-
}, "
|
|
4
|
+
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "sx" | "size" | "disabled" | "value" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
5
5
|
type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
|
|
6
6
|
export type TertiaryToggleButtonProps = ToggleButtonsPropsWithoutEnforcedKeys & {
|
|
7
7
|
choices: string[];
|
|
@@ -2,7 +2,7 @@ import { ToggleButtonProps } from '@mui/material';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
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"> & {
|
|
4
4
|
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;
|
|
5
|
-
}, "
|
|
5
|
+
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "onChange" | "onClick" | "sx" | "size" | "disabled" | "value" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
6
6
|
type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
|
|
7
7
|
export type TertiaryToggleButtonPropsNodeTitle = ToggleButtonsPropsWithoutEnforcedKeys & {
|
|
8
8
|
choices: ReactNode[];
|
|
@@ -11,7 +11,7 @@ interface StepsProps {
|
|
|
11
11
|
}
|
|
12
12
|
export declare const Container: import('@emotion/styled').StyledComponent<import('@mui/material/Grid').GridOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
13
|
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
14
|
-
}, "
|
|
14
|
+
}, "className" | "classes" | "style" | "color" | "children" | "sx" | "width" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "container" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "spacing" | "wrap" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
15
15
|
export declare const StartToCurrentArrow: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
16
16
|
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
17
17
|
}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
|
|
@@ -24,10 +24,10 @@ export declare const CurrentToTargetArrow: import('@emotion/styled').StyledCompo
|
|
|
24
24
|
}, {}, {}>;
|
|
25
25
|
export declare const LeftColumn: import('@emotion/styled').StyledComponent<import('@mui/material/Grid').GridOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
26
26
|
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
27
|
-
}, "
|
|
27
|
+
}, "className" | "classes" | "style" | "color" | "children" | "sx" | "width" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "container" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "spacing" | "wrap" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
28
28
|
export declare const RightColumn: import('@emotion/styled').StyledComponent<import('@mui/material/Grid').GridOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
29
29
|
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
30
|
-
}, "
|
|
30
|
+
}, "className" | "classes" | "style" | "color" | "children" | "sx" | "width" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "columns" | "container" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "spacing" | "wrap" | "xs" | "sm" | "md" | "lg" | "xl" | "columnSpacing" | "item" | "rowSpacing" | "zeroMinWidth"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
31
31
|
export declare const StyledStartStep: (props: StepsProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
32
|
export declare const StyledWithoutPlanStep: (props: StepsProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
33
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
type
|
|
2
|
+
type DoughnutTooltipProps = {
|
|
3
3
|
active?: boolean;
|
|
4
4
|
payload?: Array<{
|
|
5
5
|
name: string;
|
|
@@ -13,6 +13,7 @@ type CustomTooltipProps = {
|
|
|
13
13
|
};
|
|
14
14
|
}>;
|
|
15
15
|
formatter?: (value: number) => string;
|
|
16
|
+
language?: string;
|
|
16
17
|
unit?: string;
|
|
17
18
|
icons?: ReactNode[];
|
|
18
19
|
coordinate?: {
|
|
@@ -21,5 +22,5 @@ type CustomTooltipProps = {
|
|
|
21
22
|
angle?: number;
|
|
22
23
|
};
|
|
23
24
|
};
|
|
24
|
-
export declare const
|
|
25
|
+
export declare const DoughnutTooltip: (props: DoughnutTooltipProps) => "" | import("react/jsx-runtime").JSX.Element | null;
|
|
25
26
|
export {};
|
|
@@ -6,8 +6,10 @@ export type ComparisonLabelProps = LabelProps & {
|
|
|
6
6
|
chartWidth?: number;
|
|
7
7
|
options?: ComparisonLabelOptions;
|
|
8
8
|
precision?: number;
|
|
9
|
+
language?: string;
|
|
9
10
|
improvementType?: 'increase' | 'decrease';
|
|
10
11
|
chartHeight?: number;
|
|
12
|
+
valuesFormatterFn?: (value: number) => string;
|
|
11
13
|
};
|
|
12
|
-
declare const ComparisonLabel: (props: ComparisonLabelProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
14
|
+
export declare const ComparisonLabel: (props: ComparisonLabelProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
13
15
|
export default ComparisonLabel;
|
|
@@ -6,5 +6,5 @@ type CustomizedAxisTickProps = {
|
|
|
6
6
|
};
|
|
7
7
|
fontColor?: string;
|
|
8
8
|
};
|
|
9
|
-
declare const CustomizedAxisTick: (props: CustomizedAxisTickProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const CustomizedAxisTick: (props: CustomizedAxisTickProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
10
|
export default CustomizedAxisTick;
|
|
@@ -5,11 +5,12 @@ type HistogramComparisonChartProps = {
|
|
|
5
5
|
chartStyling?: ChartStylingOptions;
|
|
6
6
|
comparisonLabelOptions?: ComparisonLabelOptions;
|
|
7
7
|
valueLabelOptions?: ValueLabelOptions;
|
|
8
|
+
valuesFormatterFn?: (value: number) => string;
|
|
8
9
|
precision?: number;
|
|
9
10
|
chartWidth?: number;
|
|
10
11
|
chartHeight?: number;
|
|
11
12
|
displayComparisonLabel?: boolean;
|
|
12
13
|
improvementType?: 'increase' | 'decrease';
|
|
13
14
|
};
|
|
14
|
-
declare const HistogramComparisonChart: (props: HistogramComparisonChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export
|
|
15
|
+
export declare const HistogramComparisonChart: (props: HistogramComparisonChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -4,6 +4,8 @@ export type ValueLabelProps = LabelProps & {
|
|
|
4
4
|
unit: string;
|
|
5
5
|
options?: ValueLabelOptions;
|
|
6
6
|
precision?: number;
|
|
7
|
+
language?: string;
|
|
8
|
+
valuesFormatterFn?: (value: number) => string;
|
|
7
9
|
};
|
|
8
|
-
declare const ValueLabel: (props: ValueLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const ValueLabel: (props: ValueLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
11
|
export default ValueLabel;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export * from './types';
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
4
|
-
export {
|
|
5
|
-
export {
|
|
2
|
+
export { ComparisonLabel } from './ComparisonLabel';
|
|
3
|
+
export { ValueLabel } from './ValueLabel';
|
|
4
|
+
export { CustomizedAxisTick } from './CustomizedAxisTick';
|
|
5
|
+
export { HistogramComparisonChart } from './HistogramComparisonChart';
|
|
@@ -8,7 +8,9 @@ export type TrajectoryChartProps = BarsOptions & {
|
|
|
8
8
|
showLegend?: boolean;
|
|
9
9
|
improvement?: Improvement;
|
|
10
10
|
urlEditTrajectories?: string;
|
|
11
|
+
valueFormatterFn?: (value: number) => string;
|
|
12
|
+
precision?: number;
|
|
11
13
|
textOptions: TextOptions;
|
|
12
14
|
forceGoalLegend?: boolean;
|
|
13
15
|
};
|
|
14
|
-
export declare const TrajectoryChart: (props: TrajectoryChartProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const TrajectoryChart: (props: TrajectoryChartProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
type SafeTooltipItem = {
|
|
2
|
+
name?: unknown;
|
|
3
|
+
dataKey?: unknown;
|
|
4
|
+
value?: number | string | null | undefined;
|
|
5
|
+
color?: unknown;
|
|
6
|
+
};
|
|
7
|
+
type TooltipPayload = {
|
|
8
|
+
active?: boolean;
|
|
9
|
+
label?: string | number;
|
|
10
|
+
payload?: SafeTooltipItem[];
|
|
11
|
+
coordinate?: {
|
|
12
|
+
x: number;
|
|
13
|
+
y: number;
|
|
14
|
+
} | null;
|
|
15
|
+
};
|
|
16
|
+
type TrajectoryTooltipProps = {
|
|
17
|
+
tooltipProps: TooltipPayload;
|
|
18
|
+
unit?: string;
|
|
19
|
+
goalName: string;
|
|
20
|
+
initialName: string;
|
|
21
|
+
withoutActionPlanName: string;
|
|
22
|
+
withActionPlanName: string;
|
|
23
|
+
valueFormatterFn?: (value: number) => string;
|
|
24
|
+
language?: string;
|
|
25
|
+
precision?: number;
|
|
26
|
+
barTopY?: number;
|
|
27
|
+
goalData?: Array<number | null | unknown>;
|
|
28
|
+
labels?: Array<string | number>;
|
|
29
|
+
goalColor?: string;
|
|
30
|
+
};
|
|
31
|
+
export declare const TrajectoryTooltip: (props: TrajectoryTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { Rectangle } from 'recharts';
|
|
3
|
+
export type Slot = 'left' | 'center' | 'right';
|
|
4
|
+
export type TransformedDatum = {
|
|
5
|
+
name: string;
|
|
6
|
+
goal?: number | null;
|
|
7
|
+
initial?: number | null;
|
|
8
|
+
withoutActionPlan?: number | null;
|
|
9
|
+
withActionPlan?: number | null;
|
|
10
|
+
withoutActionPlanColor?: string;
|
|
11
|
+
withActionPlanColor?: string;
|
|
12
|
+
};
|
|
13
|
+
export type SlotFlags = {
|
|
14
|
+
hasLeft: boolean;
|
|
15
|
+
hasCenter: boolean;
|
|
16
|
+
hasRight: boolean;
|
|
17
|
+
};
|
|
18
|
+
export type RectangleShapeProps = ComponentProps<typeof Rectangle> & {
|
|
19
|
+
payload: TransformedDatum;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Legend:
|
|
23
|
+
* - left bar: withoutActionPlan
|
|
24
|
+
* - center bar: initial
|
|
25
|
+
* - right bar: withActionPlan
|
|
26
|
+
*/
|
|
27
|
+
export declare const getSlotFlags: (payload: TransformedDatum) => SlotFlags;
|
|
28
|
+
export declare function computeRect(slot: Slot, x: number, width: number, flags: SlotFlags, marginFactor?: number): {
|
|
29
|
+
x: number;
|
|
30
|
+
width: number;
|
|
31
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export type DatasetScope = 'initial' | 'trajectory' | 'goal';
|
|
2
|
+
export type BaseDataset = {
|
|
3
|
+
scope: DatasetScope;
|
|
4
|
+
label?: string;
|
|
5
|
+
data: Array<number | null | unknown>;
|
|
6
|
+
backgroundColor?: unknown;
|
|
7
|
+
borderColor?: unknown;
|
|
8
|
+
};
|
|
9
|
+
export type GoalDataset = BaseDataset & {
|
|
10
|
+
scope: 'goal';
|
|
11
|
+
isGoalNull: boolean;
|
|
12
|
+
forceLegend?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export type BarDataset = BaseDataset & {
|
|
15
|
+
scope: 'initial' | 'trajectory';
|
|
16
|
+
};
|
|
17
|
+
export type ExtendedDataset = GoalDataset | BarDataset;
|
|
18
|
+
export declare const isGoalDataset: (dataset: ExtendedDataset) => dataset is GoalDataset;
|
|
19
|
+
export declare const isBarDataset: (dataset: ExtendedDataset) => dataset is BarDataset;
|
|
20
|
+
export declare function getColorString(raw: unknown, fallback: string): string;
|
|
@@ -5,6 +5,7 @@ export * from './EvolutionChart';
|
|
|
5
5
|
export * from './WaterfallChart';
|
|
6
6
|
export * from './HorizontalGauge/HorizontalGaugeChart';
|
|
7
7
|
export * from './TrajectoryChart/TrajectoryChart';
|
|
8
|
+
export * from './HistogramComparisonChart';
|
|
8
9
|
declare module "chart.js" {
|
|
9
10
|
interface ChartDatasetProperties<TType extends ChartType, TData> {
|
|
10
11
|
kind?: "bottom" | "top";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { MRT_ColumnDef, MRT_RowData } from 'material-react-table';
|
|
2
|
+
export type FoodsGridColumnOptions = {
|
|
3
|
+
filterable: boolean;
|
|
4
|
+
};
|
|
5
|
+
type FoodsGridProps<TData extends MRT_RowData> = {
|
|
6
|
+
columns: MRT_ColumnDef<TData>[];
|
|
7
|
+
data: TData[];
|
|
8
|
+
};
|
|
9
|
+
export declare const FoodsGrid: <TData extends MRT_RowData>(props: FoodsGridProps<TData>) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -5,5 +5,6 @@ export type NumberWithUnitProps = {
|
|
|
5
5
|
size?: "micro" | "small" | "inter" | "big";
|
|
6
6
|
position?: "default-side" | "below-left-aligned" | "below-center-aligned";
|
|
7
7
|
colorOverride?: string;
|
|
8
|
+
hideUnitOnNull?: boolean;
|
|
8
9
|
};
|
|
9
10
|
export declare const NumberWithUnit: (props: NumberWithUnitProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,4 +3,4 @@ export declare const BorderRadiusContainer: import('@emotion/styled').StyledComp
|
|
|
3
3
|
}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
4
4
|
export declare const BorderRadiusLabel: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
5
5
|
ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
|
|
6
|
-
}, "
|
|
6
|
+
}, "className" | "classes" | "style" | "color" | "children" | "sx" | "align" | "width" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
@@ -17,12 +17,12 @@ export declare const ColorInputContainer: import('@emotion/styled').StyledCompon
|
|
|
17
17
|
}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
18
18
|
export declare const ColorButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
19
19
|
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;
|
|
20
|
-
}, "
|
|
20
|
+
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
|
|
21
21
|
currentColor?: string;
|
|
22
22
|
}, {}, {}>;
|
|
23
23
|
export declare const ColorButtonBackground: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
24
24
|
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;
|
|
25
|
-
}, "
|
|
25
|
+
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
|
|
26
26
|
currentColor?: string;
|
|
27
27
|
}, {}, {}>;
|
|
28
28
|
export declare const HiddenInput: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const ToolbarButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
2
2
|
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;
|
|
3
|
-
}, "
|
|
3
|
+
}, "className" | "classes" | "style" | "tabIndex" | "color" | "children" | "sx" | "size" | "variant" | "href" | "disabled" | "action" | "loading" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "loadingIndicator" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
4
4
|
export declare const TextCommandsContainer: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
5
|
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
6
6
|
}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|