@foodpilot/foods 0.2.0 → 0.3.0

package/dist/themes/FoodPilotTheme.d.ts

@@ -1,3 +1,5 @@
-import { GreyShades } from "./ThemeExtensions";
+import { GreenShades, GreyShades, RedShades } from "./ThemeExtensions";
 export declare const greyTheme: GreyShades;
+export declare const redTheme: RedShades;
+export declare const greenTheme: GreenShades;
 export declare const FoodPilotTheme: import("@mui/material").Theme;

package/dist/themes/ThemeExtensions.d.ts

@@ -4,6 +4,8 @@ type CustomThemeKeys = {
     custom: {
         color: CustomColor;
         grey: GreyShades;
+        red: RedShades;
+        green: GreenShades;
         searchBox: SxProps;
         rowMenuElement: SxProps;
         productGrid: {
@@ -64,8 +66,33 @@ export type GreyShades = {
     2900: string;
     3000: string;
 };
-export type customTypographyVariants = "h1" | "h2" | "h3" | "h4" | "h5" | "huge" | "big-bold" | "big-medium" | "big" | "body-bold" | "body" | "body-light" | "popover-header" | "grey-tag" | "white-tag";
-export type customButtonVariants = "primary" | "secondary" | "ternary" | "text" | "black-text" | "navbar-current" | "navbar" | "black-filled" | "white-filled" | "white-filled-no-shadow";
+export type RedShades = {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+};
+export type GreenShades = {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+};
+export type customTypographyVariants = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "huge-bold" | "huge-medium" | "huge" | "big-bold" | "big-medium" | "big" | "body-bold" | "body-medium" | "body" | "small-bold" | "small-medium" | "small";
+export type customButtonVariants = "primary" | "secondary" | "ternary" | "text" | "black-text" | "selected-menu" | "selected-submenu" | "default-menu" | "black-filled" | "white-filled" | "white-filled-no-shadow";
+export type customAvatarVariants = "small" | "medium" | "big";
 type TypographyNewVariants = Record<customTypographyVariants, React.CSSProperties>;
 type TypographyPropsNewVariants = Record<customTypographyVariants, true>;
 declare module "@mui/material/styles" {
@@ -84,6 +111,30 @@ declare module "@mui/material/styles" {
     interface ThemeOptions extends CustomThemeKeys {
     }
 }
+type AvatarNewVariants = Record<customAvatarVariants, React.CSSProperties>;
+type AvatarPropsNewVariants = Record<customAvatarVariants, true>;
+declare module "@mui/material/styles" {
+    interface AvatarVariants extends AvatarNewVariants {
+    }
+    interface AvatarVariantsOptions extends AvatarNewVariants {
+    }
+}
+declare module "@mui/material/Avatar" {
+    interface AvatarPropsVariantOverrides extends AvatarPropsNewVariants {
+    }
+}
+type AvatarGroupNewVariants = Record<customAvatarVariants, React.CSSProperties>;
+type AvatarGroupPropsNewVariants = Record<customAvatarVariants, true>;
+declare module "@mui/material/styles" {
+    interface AvatarGroupVariants extends AvatarGroupNewVariants {
+    }
+    interface AvatarGroupVariantsOptions extends AvatarGroupNewVariants {
+    }
+}
+declare module "@mui/material/AvatarGroup" {
+    interface AvatarGroupPropsVariantOverrides extends AvatarGroupPropsNewVariants {
+    }
+}
 type ButtonNewVariants = Record<customButtonVariants, React.CSSProperties>;
 type ButtonPropsNewVariants = Record<customButtonVariants, true>;
 declare module "@mui/material/styles" {

package/dist/themes/WinePilotTheme.d.ts

@@ -1,3 +1,5 @@
-import { GreyShades } from "./ThemeExtensions";
+import { GreenShades, GreyShades, RedShades } from "./ThemeExtensions";
 export declare const greyTheme: GreyShades;
+export declare const redTheme: RedShades;
+export declare const greenTheme: GreenShades;
 export declare const WinePilotTheme: import("@mui/material").Theme;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@foodpilot/foods",
     "private": false,
-    "version": "0.2.0",
+    "version": "0.3.0",
     "type": "module",
     "main": "./dist/main.umd.cjs",
     "module": "./dist/main.js",
@@ -49,6 +49,7 @@
         "@storybook/react": "^7.6.7",
         "@storybook/react-vite": "^7.6.7",
         "@storybook/testing-library": "^0.2.2",
+        "@types/chroma-js": "^2.4.4",
         "@types/react": "^18.2.47",
         "@types/react-dom": "^18.2.18",
         "@typescript-eslint/eslint-plugin": "^6.18.1",
@@ -74,16 +75,19 @@
     },
     "dependencies": {
         "@mui/x-date-pickers": "^6.18.7",
+        "chart.js": "^4.4.2",
+        "chartjs-plugin-datalabels": "^2.2.0",
+        "chroma-js": "^2.4.2",
         "i18next": "^23.7.16",
         "i18next-browser-languagedetector": "^7.2.0",
         "i18next-http-backend": "^2.4.2",
         "lodash": "^4.17.21",
         "material-react-table": "^2.5.1",
         "prettier": "^3.1.1",
+        "react-chartjs-2": "^5.2.0",
         "react-dnd": "^16.0.1",
         "react-dnd-html5-backend": "^16.0.1",
         "react-i18next": "^14.0.0",
-        "recoil": "^0.7.7",
         "typeface-montserrat": "^1.1.13",
         "uuid": "^9.0.1"
     }

package/dist/components/Grid/Cell/ArrayCell.d.ts

@@ -1,3 +0,0 @@
-export declare function ArrayCell(props: {
-    value: string[];
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Grid/Cell/LinkCell.d.ts

@@ -1,5 +0,0 @@
-export declare function LinkCell(props: {
-    value: string;
-    chain: boolean;
-    tag: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Grid/MaterialGrid.d.ts

@@ -1,6 +0,0 @@
-import { Packaging } from "../../types";
-export type MaterialGridProps = {
-    packaging: Packaging;
-    onChange: (newPackaging: Packaging) => void;
-};
-export declare const MaterialGrid: (props: MaterialGridProps) => JSX.Element;

package/dist/types/Product.d.ts

@@ -1,18 +0,0 @@
-export declare enum ProductKeys {
-    "name" = "name",
-    "brand" = "brand",
-    "tags" = "tags",
-    "identifier" = "identifier",
-    "upts" = "upts",
-    "hasUptsWarning" = "hasUptsWarning",
-    "isFavorite" = "isFavorite"
-}
-export type Product = {
-    [ProductKeys.name]: string;
-    [ProductKeys.brand]: string;
-    [ProductKeys.tags]: string[];
-    [ProductKeys.identifier]: string;
-    [ProductKeys.upts]: number | null;
-    [ProductKeys.hasUptsWarning]: boolean;
-    [ProductKeys.isFavorite]: boolean;
-};

package/dist/types/index.d.ts

@@ -1,42 +0,0 @@
-export type Product = {
-    name: string;
-    clientId: string;
-    agribalyseId: string;
-    netWeight: number;
-    gamme: string[];
-    tags: string[];
-    ingredients: Ingredient[];
-    packagings: Packaging[];
-    transformations: Transformation[];
-    consumptions: Consumption[];
-    model?: string;
-    distribution: string;
-};
-export type EmptyProduct = Partial<Product>;
-export type Transformation = {
-    id: number;
-    weight: number;
-    name: string;
-};
-export type Ingredient = {
-    name: string;
-    proportion: number;
-    weight: number;
-    chain: boolean;
-    supplier: string[];
-    tags: string[];
-};
-export type Material = {
-    name: string;
-    weight: number;
-    unit: string;
-    recycledPart: number;
-};
-export type Packaging = {
-    name: string;
-    weight: number;
-    items: Material[];
-};
-export type Consumption = {
-    name: string;
-};