@foodpilot/foods 2.11.36 → 2.11.37

package/dist/components/Chart/Legend/Legend.js

@@ -19,6 +19,8 @@ const Legend = (props) => {
     valuesFormatterFn
   } = props;
   if (!labels || !labels.length) return null;
+  const total = (values == null ? void 0 : values.reduce((sum, value) => sum + (Number.isFinite(value) && value > 0 ? value : 0), 0)) ?? 0;
+  if ((legend == null ? void 0 : legend.mode) !== "raw" && values && values.length > 0 && total <= 0) return null;
   if ((legend == null ? void 0 : legend.position) === "bottom") {
     return /* @__PURE__ */ jsx(
       LegendBottom,

package/dist/components/Chart/Legend/utils.js

@@ -7,14 +7,32 @@ const createPalette = (colors, values) => {
   return chroma.scale(colors).colors(values.length);
 };
 const createDistribution = (values) => {
-  const total = values.reduce((sum, value) => sum + value, 0);
-  if (!total) {
+  const sanitized = values.map((value) => Number.isFinite(value) && value > 0 ? value : 0);
+  const total = sanitized.reduce((sum, value) => sum + value, 0);
+  if (total <= 0) {
     return [...new Array(values.length)].map(() => 0);
   }
-  const proportions = values.map((value) => {
-    return value / total * 100;
+  const exact = sanitized.map((value) => value / total * 100);
+  const floors = exact.map((value) => Math.floor(value));
+  const floorSum = floors.reduce((sum, value) => sum + value, 0);
+  const missing = Math.max(0, Math.min(values.length, 100 - floorSum));
+  const ranked = exact.map((value, index) => ({
+    index,
+    remainder: value - floors[index],
+    raw: sanitized[index]
+  })).sort((a, b) => {
+    const remainderDiff = b.remainder - a.remainder;
+    if (remainderDiff !== 0) return remainderDiff;
+    const rawDiff = b.raw - a.raw;
+    if (rawDiff !== 0) return rawDiff;
+    return a.index - b.index;
   });
-  return proportions;
+  const result = [...floors];
+  for (let i = 0; i < missing; i += 1) {
+    const targetIndex = ranked[i].index;
+    result[targetIndex] = (result[targetIndex] ?? 0) + 1;
+  }
+  return result;
 };
 const dispatchMouseEventOnChart = (element, x, y) => {
   if (!element) return;

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

@@ -16,16 +16,18 @@ const UserButtons = (props) => {
         gap: "4px"
       },
       children: buttons.map((button, index) => {
+        const keyBase = button.type === "link" || button.type === "topLink" || button.type === "drawer" ? button.label : button.type;
+        const key = `${keyBase}-${index}`;
         if (button.type === "custom") {
           const component = button.render({
             isExpanded,
             extendSidebar,
             onMobileDrawerClose
           });
-          return /* @__PURE__ */ jsx(CustomRender, { isExpanded, children: component });
+          return /* @__PURE__ */ jsx(CustomRender, { isExpanded, children: component }, key);
         }
         if (button.type === "separator") {
-          return /* @__PURE__ */ jsx(Separator, { isExpanded });
+          return /* @__PURE__ */ jsx(Separator, { isExpanded }, key);
         }
         if (button.type === "drawer") {
           return /* @__PURE__ */ jsx(
@@ -36,7 +38,7 @@ const UserButtons = (props) => {
               extendSidebar,
               onMobileDrawerClose
             },
-            index
+            key
           );
         }
         if (button.type === "topLink") {
@@ -47,7 +49,7 @@ const UserButtons = (props) => {
               isExpanded,
               onMobileDrawerClose
             },
-            index
+            key
           );
         }
         return /* @__PURE__ */ jsx(
@@ -57,7 +59,7 @@ const UserButtons = (props) => {
             isExpanded,
             onMobileDrawerClose
           },
-          index
+          key
         );
       })
     }

package/dist/components/Tabs/FoodsTabs/FoodsTabTemplate.js

@@ -7,7 +7,8 @@ const a11yProps = (index) => {
   };
 };
 const SpecialTab = styled((props) => {
-  return /* @__PURE__ */ jsx(Tab, { disableRipple: true, ...a11yProps(props.value), ...props });
+  const { variant: _variant, isSelected: _isSelected, textVariant: _textVariant, ...rest } = props;
+  return /* @__PURE__ */ jsx(Tab, { disableRipple: true, ...a11yProps(props.value), ...rest });
 })((props) => {
   const { theme, variant, textVariant = "body-bold" } = props;
   const typographyTheme = textVariant === "inherit" ? {} : theme.typography[textVariant];

package/dist/components/Tabs/FoodsTabs/FoodsTabs.js

@@ -63,20 +63,22 @@ const FoodsTabs = (props) => {
             icon: /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: /* @__PURE__ */ jsx(FoodsIcon, { icon: tab.icon, size: 2 }) }),
             iconPosition: "start",
             ...extraTabProps
-          }
+          },
+          String(tab.id ?? tabIndex)
         );
       })
     }
   ) });
 };
 const SpecialTabs = styled((props) => {
-  const { variant } = props;
+  const { tabVariant: _tabVariant, ...rest } = props;
+  const { variant } = rest;
   return /* @__PURE__ */ jsx(
     Tabs,
     {
       scrollButtons: variant === "scrollable" ? "auto" : false,
       allowScrollButtonsMobile: variant === "scrollable",
-      ...props
+      ...rest
     }
   );
 })((props) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foodpilot/foods",
   "private": false,
-  "version": "2.11.36",
+  "version": "2.11.37",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",
@@ -305,7 +305,7 @@
     "@tiptap/pm": "^2.26.1",
     "@tiptap/react": "^2.26.1",
     "@tiptap/starter-kit": "^2.26.1",
-    "ajv": "^8.17.1",
+    "ajv": "^8.18.0",
     "chroma-js": "^2.4.2",
     "i18next": "^23.0.0 || ^25.0.0",
     "i18next-browser-languagedetector": "^7.2.0",