@foodpilot/foods 2.7.1 → 2.7.3

package/dist/components/Accordion/FormAccordion.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useRef } from "react";
 import { useTheme, Stack, Typography } from "@mui/material";
 import Accordion from "@mui/material/Accordion";
 import AccordionSummary from "@mui/material/AccordionSummary";
@@ -9,6 +9,7 @@ import { FoodsIcon } from "../Icons/FoodsIcon.js";
 const FormAccordion = (props) => {
   const [expanded, setExpanded] = useState(null);
   const theme = useTheme();
+  const refs = useRef([]);
   const selectWindow = (index) => {
     if (index === expanded) {
       setExpanded(null);
@@ -20,7 +21,25 @@ const FormAccordion = (props) => {
     return /* @__PURE__ */ jsxs(
       Accordion,
       {
+        ref: (el) => refs.current[index] = el,
         expanded: expanded === index,
+        slotProps: {
+          transition: {
+            onEntered: (_node, isAppearing) => {
+              var _a;
+              if (isAppearing === false) {
+                if (expanded !== null) {
+                  (_a = refs.current[expanded]) == null ? void 0 : _a.scrollIntoView({
+                    behavior: "smooth",
+                    block: "start"
+                  });
+                }
+              }
+            },
+            onExited: (_node) => {
+            }
+          }
+        },
         sx: {
           background: "transparent",
           borderTop: `1px solid ${theme.custom.grey[500]}`,

package/dist/components/Cards/ScoreCard/ScoreCard.js

@@ -23,7 +23,7 @@ const ScoreCard = (props) => {
           children: /* @__PURE__ */ jsx(ScoreCardHeader, { ...header })
         }
       ),
-      /* @__PURE__ */ jsx(Stack, { padding: "28px 32px", paddingBottom: "37px", gap: "40px", children })
+      /* @__PURE__ */ jsx(Stack, { padding: { xs: "16px", md: "28px 32px" }, paddingBottom: { xs: "16px", md: "37px" }, gap: "40px", children })
     ] }),
     disableFooter === false && /* @__PURE__ */ jsxs(
       Stack,

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

@@ -1,3 +1,4 @@
+import { SxProps, Theme } from '@mui/material';
 import { TextOptions } from './WaterfallLegend/types';
 import { Improvement } from '../../ComparisonBlock/ComparisonBlock';
 export type WaterfallData = {
@@ -35,5 +36,6 @@ export type WaterfallChartProps = {
     showLegend?: boolean;
     valueFormatterFn?: (value: number, precision?: number) => string;
     precision?: number;
+    sx?: SxProps<Theme>;
 };
 export declare const WaterfallChart: (props: WaterfallChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart/WaterfallChart/WaterfallChart.js

@@ -19,7 +19,8 @@ const WaterfallChart = (props) => {
     improvement = "decrease",
     textOptions,
     showLegend = true,
-    valueFormatterFn = theme.numbers.valueFormatterFn
+    valueFormatterFn = theme.numbers.valueFormatterFn,
+    sx
   } = props;
   const rawValues = useMemo(
     () => (values == null ? void 0 : values.length) ? values.map((v) => v.value).filter((value) => value !== null) : null,
@@ -53,7 +54,8 @@ const WaterfallChart = (props) => {
               borderRadius: theme.spacing(1),
               width: "100%",
               height,
-              padding: theme.spacing(3)
+              padding: theme.spacing(3),
+              ...sx
             },
             children: /* @__PURE__ */ jsx(
               WaterfallChartCore,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foodpilot/foods",
   "private": false,
-  "version": "2.7.1",
+  "version": "2.7.3",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",
@@ -290,7 +290,7 @@
     "@mui/lab": "^6.0.0-beta.0",
     "@mui/x-data-grid": "^7.0.0",
     "@mui/x-data-grid-generator": "^7.29.8",
-    "@mui/x-date-pickers": "^7.0.0",
+    "@mui/x-date-pickers": "^8.14.1",
     "@mui/x-tree-view": "^7.0.0",
     "@tiptap/extension-color": "^2.26.1",
     "@tiptap/extension-font-family": "^2.26.1",
@@ -312,7 +312,7 @@
     "i18next-http-backend": "^2.4.2",
     "lexical": "^0.21.0",
     "lodash": "^4.17.0",
-    "material-react-table": "^2.0.0",
+    "material-react-table": "^3.2.1",
     "material-ui-popup-state": "^5.3.1",
     "prettier": "^3.1.1",
     "react-dnd": "^16.0.1",