@foodpilot/foods 2.11.29 → 2.11.31

package/dist/components/Accordion/FormAccordion.d.ts

@@ -1,14 +1,21 @@
 import { ReactNode } from 'react';
+import { StackProps, SxProps } from '@mui/material';
 import { NumberWithUnitValue } from '../Number';
 export type FormAccordionContent = {
-    title: ReactNode;
     content: ReactNode;
+    title?: ReactNode;
     indicator?: {
         value: NonNullable<NumberWithUnitValue>;
         unit: string;
     };
+    renderTitle?: (isExpanded: boolean) => ReactNode;
 };
 export type FormAccordionProps = {
     pages: FormAccordionContent[];
+    initialExpandedPageIndex?: number;
+    StackProps?: StackProps;
+    AccordionSx?: SxProps;
+    AccordionSummarySx?: SxProps;
+    AccordionDetailSx?: SxProps;
 };
 export declare const FormAccordion: (props: FormAccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/FormAccordion.js

@@ -7,7 +7,15 @@ import AccordionDetails from "@mui/material/AccordionDetails";
 import { FormUnit } from "../Form/FormUnit.js";
 import { FoodsIcon } from "../Icons/FoodsIcon.js";
 const FormAccordion = (props) => {
-  const [expanded, setExpanded] = useState(null);
+  const {
+    pages,
+    initialExpandedPageIndex,
+    StackProps: StackProps2 = {},
+    AccordionSx = {},
+    AccordionSummarySx = {},
+    AccordionDetailSx = {}
+  } = props;
+  const [expanded, setExpanded] = useState(initialExpandedPageIndex ?? null);
   const theme = useTheme();
   const refs = useRef([]);
   const selectWindow = (index) => {
@@ -17,12 +25,13 @@ const FormAccordion = (props) => {
     }
     setExpanded(index);
   };
-  return /* @__PURE__ */ jsx(Stack, { direction: "column", children: props.pages.map((page, index) => {
+  return /* @__PURE__ */ jsx(Stack, { direction: "column", gap: theme.spacing(2), ...StackProps2, children: pages.map((page, index) => {
+    const isExpanded = expanded === index;
     return /* @__PURE__ */ jsxs(
       Accordion,
       {
         ref: (el) => refs.current[index] = el,
-        expanded: expanded === index,
+        expanded: isExpanded,
         slotProps: {
           transition: {
             onEntered: (_node, isAppearing) => {
@@ -41,9 +50,8 @@ const FormAccordion = (props) => {
           }
         },
         sx: {
-          background: "transparent",
-          borderTop: `1px solid ${theme.custom.grey[500]}`,
-          borderRadius: "0 !important",
+          border: `1px solid ${theme.custom.grey[500]}`,
+          borderRadius: "12px !important",
           boxShadow: "none",
           ":before": {
             height: 0
@@ -53,7 +61,8 @@ const FormAccordion = (props) => {
           },
           "&.Mui-expanded": {
             margin: 0
-          }
+          },
+          ...AccordionSx
         },
         children: [
           /* @__PURE__ */ jsx(
@@ -62,11 +71,13 @@ const FormAccordion = (props) => {
               expandIcon: /* @__PURE__ */ jsx(FoodsIcon, { size: 4, icon: "arrowDownShort" }),
               onClick: () => selectWindow(index),
               sx: {
+                backgroundColor: theme.custom.grey[100],
                 minHeight: "84px",
                 // I need to somehow FORCE the Font family here. It should be the one defined in the theme to make sure we have
                 // one source of truth, but i can't seem to be able to import it,
                 fontFamily: ["Montserrat", "serif"].join(","),
-                borderRadius: 0,
+                // borderRadius: "12px",
+                // borderRadius: "0",
                 padding: 0,
                 "&.Mui-expanded": {
                   minHeight: "84px"
@@ -80,21 +91,35 @@ const FormAccordion = (props) => {
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
-                  marginLeft: "12px",
+                  // marginLeft: "12px",
                   color: theme.custom.grey[2800]
-                }
+                },
+                ...AccordionSummarySx
               },
-              children: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: "28px", flex: 1, children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "h3", flex: 1, children: page.title }),
-                page.indicator && /* @__PURE__ */ jsx(FormUnit, { value: page.indicator.value, unit: page.indicator.unit })
-              ] })
+              children: page.renderTitle ? page.renderTitle(isExpanded) : /* @__PURE__ */ jsxs(
+                Stack,
+                {
+                  direction: "row",
+                  alignItems: "center",
+                  gap: "28px",
+                  paddingInline: theme.spacing(2),
+                  flex: 1,
+                  children: [
+                    /* @__PURE__ */ jsx(Typography, { variant: "h3", flex: 1, children: page.title }),
+                    page.indicator && /* @__PURE__ */ jsx(FormUnit, { value: page.indicator.value, unit: page.indicator.unit })
+                  ]
+                }
+              )
             }
           ),
           /* @__PURE__ */ jsx(
             AccordionDetails,
             {
               sx: {
-                padding: "8px 0 28px 0"
+                backgroundColor: theme.custom.grey[400],
+                borderBottomLeftRadius: "12px",
+                borderBottomRightRadius: "12px",
+                ...AccordionDetailSx
               },
               children: page.content
             }

package/dist/components/Navigation/FoodsNavBar/FoodsNavbar.d.ts

@@ -53,8 +53,12 @@ export type SidebarTexts = {
     shortenSidebar: string;
     logout: string;
 };
+type OrganizationPopoverActions = {
+    closePopover: () => void;
+};
 export type OrganizationPopover = {
     element: JSX.Element;
+    renderPopover?: (actions: OrganizationPopoverActions) => ReactNode;
 };
 export type Organization = {
     name: string;
@@ -76,3 +80,4 @@ export type FoodsNavbarProps = {
     onMobileDrawerClose?: () => void;
 };
 export declare const FoodsNavbar: (props: FoodsNavbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Navigation/FoodsNavBar/Sections/Organization/ButtonPopover.d.ts

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

package/dist/components/Navigation/FoodsNavBar/Sections/Organization/Organization.js

@@ -7,6 +7,11 @@ const Organization = (props) => {
   const { isExtended, name, picture, popover } = props;
   const theme = useTheme();
   const [anchor, setAnchor] = useState(null);
+  const closePopover = () => setAnchor(null);
+  const actions = {
+    closePopover
+  };
+  const toRender = (popover == null ? void 0 : popover.renderPopover) ? popover.renderPopover(actions) : popover == null ? void 0 : popover.element;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       Box,
@@ -82,15 +87,7 @@ const Organization = (props) => {
         sx: {
           flex: 1
         },
-        children: /* @__PURE__ */ jsx(
-          ButtonPopover,
-          {
-            anchor,
-            setAnchor,
-            children: popover == null ? void 0 : popover.element,
-            paperOverrides: void 0
-          }
-        )
+        children: /* @__PURE__ */ jsx(ButtonPopover, { anchor, setAnchor, paperOverrides: void 0, children: toRender })
       }
     )
   ] });

package/dist/main.js

@@ -146,7 +146,6 @@ import { allColors, allMainColors, dataVisualizationColors, extraColors, greenTh
 import { components } from "./themes/common/components.js";
 import { custom, numbers } from "./themes/common/custom.js";
 import { spacing } from "./themes/common/spacing.js";
-import { BredTheme, BredThemeOptions } from "./themes/themes/BredTheme.js";
 import { CollectiveTheme, CollectiveThemeOptions } from "./themes/themes/CollectiveTheme.js";
 import { FoodPilotTheme, FoodpilotThemeOptions } from "./themes/themes/FoodPilotTheme.js";
 import { WinePilotTheme, WinepilotThemeOptions } from "./themes/themes/WinePilotTheme.js";
@@ -168,8 +167,6 @@ export {
   BottomSheetDialog,
   BoxStyled,
   BreakdownTable,
-  BredTheme,
-  BredThemeOptions,
   Button,
   ButtonTabs,
   CardImage,

package/dist/themes/index.d.ts

@@ -1,7 +1,7 @@
 import { Theme } from '@mui/material';
 import { FoodsThemeProvider, FoodsThemeOptionsProvider } from './FoodsThemeProvider';
 import { ThemeOptions } from '@mui/material/styles';
-declare const THEMES: readonly ["foodpilot", "winepilot", "collective", "bred"];
+declare const THEMES: readonly ["foodpilot", "winepilot", "collective"];
 export type Themes = (typeof THEMES)[number];
 export declare const isTheme: (theme: string) => theme is Themes;
 export declare const themes: Record<Themes, Theme>;

package/dist/themes/index.js

@@ -1,32 +1,27 @@
 import { ReactComponent as SvgFoodpilot } from "../assets/logos/foodpilot.svg.js";
 import { ReactComponent as SvgWinepilot } from "../assets/logos/winepilot.svg.js";
 import { ReactComponent as SvgPositive } from "../assets/logos/positive.svg.js";
-import { BredTheme, BredThemeOptions } from "./themes/BredTheme.js";
 import { CollectiveTheme, CollectiveThemeOptions } from "./themes/CollectiveTheme.js";
 import { WinePilotTheme, WinepilotThemeOptions } from "./themes/WinePilotTheme.js";
 import { FoodPilotTheme, FoodpilotThemeOptions } from "./themes/FoodPilotTheme.js";
-const THEMES = ["foodpilot", "winepilot", "collective", "bred"];
+const THEMES = ["foodpilot", "winepilot", "collective"];
 const isTheme = (theme) => {
   return THEMES.includes(theme);
 };
 const themes = {
   foodpilot: FoodPilotTheme,
   winepilot: WinePilotTheme,
-  collective: CollectiveTheme,
-  bred: BredTheme
+  collective: CollectiveTheme
 };
 const themeOptions = {
   foodpilot: FoodpilotThemeOptions,
   winepilot: WinepilotThemeOptions,
-  collective: CollectiveThemeOptions,
-  bred: BredThemeOptions
+  collective: CollectiveThemeOptions
 };
 const themeLogos = {
   foodpilot: SvgFoodpilot,
   winepilot: SvgWinepilot,
-  collective: SvgPositive,
-  bred: SvgPositive
-  // Utilise le logo foodpilot en fallback pour l'instant
+  collective: SvgPositive
 };
 const getThemeLogo = (theme) => {
   if (isTheme(theme)) {
@@ -35,8 +30,6 @@ const getThemeLogo = (theme) => {
   return SvgFoodpilot;
 };
 export {
-  BredTheme,
-  BredThemeOptions,
   CollectiveTheme,
   CollectiveThemeOptions,
   FoodPilotTheme,

package/dist/themes/themes/index.d.ts

@@ -1,4 +1,3 @@
-export { BredTheme, BredThemeOptions } from './BredTheme';
 export { CollectiveTheme, CollectiveThemeOptions } from './CollectiveTheme';
 export { FoodPilotTheme, FoodpilotThemeOptions } from './FoodPilotTheme';
 export { WinePilotTheme, WinepilotThemeOptions } from './WinePilotTheme';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foodpilot/foods",
   "private": false,
-  "version": "2.11.29",
+  "version": "2.11.31",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",

package/dist/themes/themes/BredTheme.d.ts

@@ -1,3 +0,0 @@
-import { ThemeOptions, Theme } from '@mui/material';
-export declare const BredThemeOptions: ThemeOptions;
-export declare const BredTheme: Theme;

package/dist/themes/themes/BredTheme.js

@@ -1,40 +0,0 @@
-import { createTheme } from "@mui/material";
-import { redTheme, greyTheme } from "../common/colors.js";
-import { components } from "../common/components.js";
-import { typographyConfig } from "../common/MUIComponents/typography.js";
-import { spacing } from "../common/spacing.js";
-import { numbers, custom } from "../common/custom.js";
-const BredThemeOptions = {
-  palette: {
-    primary: {
-      50: "#F2F6FB",
-      100: "#C4DCFA",
-      200: "#95C3F8",
-      300: "#67A9F7",
-      400: "#388FF5",
-      500: "#317FDB",
-      600: "#2A6FC1",
-      700: "#2360A6",
-      800: "#1C508C",
-      900: "#154072"
-      // main: "linear-gradient(180deg, #388FF5 0%, #2A6FC1 100%)",
-    },
-    grey: greyTheme,
-    text: { primary: "#393a36" },
-    error: {
-      light: redTheme[100],
-      main: redTheme[600],
-      dark: redTheme[800]
-    }
-  },
-  spacing,
-  typography: typographyConfig,
-  custom,
-  numbers,
-  components
-};
-const BredTheme = createTheme(BredThemeOptions);
-export {
-  BredTheme,
-  BredThemeOptions
-};