@foodpilot/foods 0.3.76 → 0.3.77

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

@@ -1,21 +1,22 @@
-export type WaterfallDataset = {
+export type WaterfallData = {
     label: string;
     value: number;
 };
 export type Colors = {
     reference?: string;
-    target?: string;
+    start?: string;
     values?: string;
-    diff?: string;
+    target?: string;
+};
+export type Target = {
+    label: string;
+    overrideValues?: number;
 };
-type High = number;
-type Low = number;
 export type WaterfallChartProps = {
-    reference: WaterfallDataset;
-    target: WaterfallDataset;
-    labels: string[];
-    values: [Low, High][];
+    reference: WaterfallData;
+    start: WaterfallData;
+    values: WaterfallData[];
     colors?: Colors;
+    target: Target;
 };
 export declare const WaterfallChart: (props: WaterfallChartProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/main.js

@@ -42756,7 +42756,7 @@ const Lie = (e) => {
   });
   jt(() => {
     d !== null && n && n[d] !== void 0 && t && t[d] !== void 0 ? m(
-      /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+      /* @__PURE__ */ p.jsxs(te, { sx: { maxWidth: "250px" }, children: [
         /* @__PURE__ */ p.jsx(fe, { fontWeight: 700, fontSize: "0.75rem", children: n[d] }),
         /* @__PURE__ */ p.jsxs(fe, { fontWeight: 700, fontSize: "1.5rem", children: [
           c ? c(t[d]) : t[d],
@@ -44051,46 +44051,57 @@ const Aie = (e) => {
     chartReady: t
   };
 }, YZ = (e, t, n, o, r) => {
-  const { chartReady: i, ref: a } = GZ(), l = [e.label, t.label].concat(n), c = Kt(() => {
-    const h = o.reduce((m, [b, v]) => [...m, v - b], []).reduce((m, b) => b + m, 0), g = [[0, t.value + h]];
+  const { chartReady: i, ref: a } = GZ(), l = Me(), c = n.map((b) => b.label), d = n.map((b) => b.value), u = [e.label, t.label].concat(c).concat([o.label]), f = Kt(() => {
+    const b = d.reduce(
+      (x, C) => {
+        const [, S] = x.slice(-1).pop();
+        return [...x, [S, S + C]];
+      },
+      [[0, t.value]]
+    );
+    b.shift();
+    const [[, v]] = b.slice(-1);
     return [
       {
         label: e.label,
         data: [[0, e.value]],
-        backgroundColor: (r == null ? void 0 : r.reference) ?? "#3c67bc",
+        backgroundColor: (r == null ? void 0 : r.reference) ?? l.custom.dataviz.colors[2].main,
         xoffset: 0,
         barThickness: 80
       },
       {
         label: t.label,
         data: [[0, t.value]],
-        backgroundColor: (r == null ? void 0 : r.target) ?? "#b5d1ec",
+        backgroundColor: (r == null ? void 0 : r.start) ?? l.custom.dataviz.colors[4].main,
         xoffset: 1,
         barThickness: 80
       },
       {
         label: "values",
-        data: o,
-        backgroundColor: (r == null ? void 0 : r.values) ?? "#be4f12",
+        data: b,
+        backgroundColor: (x) => {
+          const [C, S] = x.raw;
+          return S - C < 0 ? l.custom.dataviz.extra[14].main : l.custom.dataviz.colors[6].main;
+        },
         xoffset: 2,
         barThickness: 80
       },
       {
         label: "diff",
-        data: g,
-        backgroundColor: (r == null ? void 0 : r.diff) ?? "#bddbab",
-        xoffset: o.length + 2,
+        data: [[0, o.overrideValues !== void 0 ? o.overrideValues : v]],
+        backgroundColor: (r == null ? void 0 : r.target) ?? l.custom.dataviz.colors[4].main,
+        xoffset: d.length + 2,
         barThickness: 80
       }
     ];
-  }, [e, t, o, r]);
+  }, [e, t, d, r, o, l]);
   return {
     type: "bar",
     ref: a,
     chartReady: i,
     data: {
-      labels: l,
-      datasets: c
+      labels: u,
+      datasets: f
     },
     options: {
       animation: !1,
@@ -44104,20 +44115,20 @@ const Aie = (e) => {
         legend: { display: !1 },
         datalabels: {
           align: "start",
-          anchor(h) {
+          anchor(b) {
             const {
-              dataset: { data: g }
-            } = h;
-            return g[0][0] == 0 ? "end" : "start";
+              dataset: { data: v }
+            } = b;
+            return v[0][0] == 0 ? "end" : "start";
           },
-          offset(h) {
+          offset(b) {
             const {
-              dataset: { data: g }
-            } = h;
-            return g[0][0] == 0 ? -20 : 0;
+              dataset: { data: v }
+            } = b;
+            return v[0][0] == 0 ? -20 : 0;
           },
-          formatter([h, g], m) {
-            return g - h;
+          formatter([b, v], x) {
+            return v - b;
           }
         }
       }
@@ -44125,7 +44136,7 @@ const Aie = (e) => {
     plugins: [qZ]
   };
 }, Fie = (e) => {
-  const { reference: t, target: n, labels: o, values: r, colors: i } = e, { data: a, ref: l, type: c, options: d, plugins: u } = YZ(t, n, o, r, i);
+  const { reference: t, start: n, values: o, target: r, colors: i } = e, { data: a, ref: l, type: c, options: d, plugins: u } = YZ(t, n, o, r, i);
   return /* @__PURE__ */ p.jsx(ye, { position: "relative", flexWrap: "wrap", sx: { backgroundColor: "white" }, gap: 6, children: /* @__PURE__ */ p.jsx(te, { flex: 2, width: "100%", height: "100%", children: /* @__PURE__ */ p.jsx(G2, { ref: l, type: c, data: a, options: d, plugins: u }) }) });
 }, y8 = (e) => /* @__PURE__ */ y.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ y.createElement("rect", { x: 1, y: 1, width: 18, height: 18, rx: 3, fill: "white" }), /* @__PURE__ */ y.createElement("rect", { x: 1, y: 1, width: 18, height: 18, rx: 3, stroke: "#D1CFCE", strokeWidth: 2 })), C8 = (e) => /* @__PURE__ */ y.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ y.createElement("rect", { width: 20, height: 20, rx: 4, fill: "url(#paint0_linear_2034_7850)" }), /* @__PURE__ */ y.createElement("path", { d: "M8.32244 13.9335L4.56689 10.178L5.36133 9.38351L8.32244 12.3446L14.628 6.03906L15.4224 6.83351L8.32244 13.9335Z", fill: "white" }), /* @__PURE__ */ y.createElement("defs", null, /* @__PURE__ */ y.createElement("linearGradient", { id: "paint0_linear_2034_7850", x1: 7.58928, y1: 755124e-13, x2: 7.58928, y2: 20, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ y.createElement("stop", { stopColor: "#484945" }), /* @__PURE__ */ y.createElement("stop", { offset: 1, stopColor: "#2A2B27" })))), KZ = W(or)(() => ({
   ":hover": {