@multiplatform.one/frappe-ui 7.34.3 → 7.35.0

package/dist/jsx/record/RecordBars.mjs

@@ -1,77 +1,15 @@
-import { BarSeries, ChartSurface, Text, Tooltip, XAxis, XStack, YAxis, YStack, approximateTextWidth, createBandScale, createLinearScale, describeChart, formatChartValue, getLinearTicks, useChartTheme } from "@multiplatform.one/components";
-import { sizeRecipeEscape, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Separator, Text, XStack, YStack } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { useTranslation } from "react-i18next";
 import { childBars } from "./recordData.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const chartHeight = 220;
-const chartTicks = 4;
-function FixedScaleBars({
-  data,
-  max,
-  label,
-  testID
-}) {
-  const {
-    palette,
-    labelFontSize
-  } = useChartTheme();
-  const fills = data.map(() => palette.single);
-  const domain = [0, max];
-  return /* @__PURE__ */jsx(ChartSurface, {
-    label,
-    height: chartHeight,
-    testID,
-    children: size => {
-      const marginScale = createLinearScale({
-        domain,
-        range: [0, 1],
-        nice: false
-      });
-      const tickLabels = getLinearTicks(marginScale, chartTicks).map(value => formatChartValue(value));
-      const widestTick = Math.max(0, ...tickLabels.map(tick => approximateTextWidth(tick, labelFontSize)));
-      const top = Math.ceil(labelFontSize / 2) + 2;
-      const right = 4;
-      const bottom = 4 + 3 + Math.ceil(labelFontSize * 1.15);
-      const left = Math.ceil(widestTick) + 4 + 3 + 2;
-      const plot = {
-        x: left,
-        y: top,
-        width: Math.max(0, size.width - left - right),
-        height: Math.max(0, size.height - top - bottom)
-      };
-      if (plot.width <= 0 || plot.height <= 0 || data.length === 0) return null;
-      const xScale = createBandScale({
-        domain: data.map(datum => datum.label),
-        range: [plot.x, plot.x + plot.width]
-      });
-      const yScale = createLinearScale({
-        domain,
-        range: [plot.y + plot.height, plot.y],
-        nice: false
-      });
-      return /* @__PURE__ */jsxs(Fragment, {
-        children: [/* @__PURE__ */jsx(YAxis, {
-          plot,
-          scale: yScale,
-          ticks: chartTicks,
-          tickFormat: value => formatChartValue(value)
-        }), /* @__PURE__ */jsx(BarSeries, {
-          data,
-          xScale,
-          yScale,
-          plot,
-          fills
-        }), /* @__PURE__ */jsx(XAxis, {
-          plot,
-          scale: xScale
-        })]
-      });
-    }
-  });
-}
+import { RecordGroupFrame } from "./RecordRows.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const labelWidth = "$8";
+const valueWidth = "$3";
 function RecordBars({
   rows,
   section,
+  tint,
   testID
 }) {
   const {
@@ -82,18 +20,12 @@ function RecordBars({
   } = useResolvedKnobs();
   const {
     knobProps: nested
-  } = useResolvedKnobs({
-    compact: true
-  });
+  } = useResolvedKnobs();
   const {
     bars,
     total
   } = childBars(rows, section);
   const name = key => section.barLabel?.(key) ?? key;
-  const data = bars.map(bar => ({
-    label: name(bar.key),
-    value: bar.value
-  }));
   if (bars.length === 0) {
     return /* @__PURE__ */jsx(Text, {
       ...nested.label,
@@ -102,72 +34,80 @@ function RecordBars({
       children: section.empty ?? t("None yet")
     });
   }
-  return /* @__PURE__ */jsxs(YStack, {
-    ...knobProps.gapLg,
-    children: [/* @__PURE__ */jsxs(XStack, {
+  const top = Math.max(...bars.map(bar => bar.value));
+  return /* @__PURE__ */jsxs(RecordGroupFrame, {
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    testID,
+    role: "figure",
+    "aria-label": section.title,
+    children: [/* @__PURE__ */jsx(YStack, {
+      role: "list",
       ...knobProps.gap,
-      alignItems: "baseline",
-      justifyContent: "space-between",
-      flexWrap: "wrap",
-      children: [/* @__PURE__ */jsxs(YStack, {
-        children: [/* @__PURE__ */jsx(Text, {
-          ...nested.label,
-          color: "$color10",
-          textTransform: "uppercase",
-          letterSpacing: 1,
-          children: section.totalLabel ?? t("Total")
-        }), /* @__PURE__ */jsx(Text, {
-          fontSize: "$10",
-          fontWeight: "700",
-          children: total
-        })]
-      }), section.description ? /* @__PURE__ */jsx(Text, {
-        ...nested.label,
-        color: "$color10",
-        flexShrink: 1,
-        maxWidth: sizeRecipeEscape(420, "chart caption: a readable measure beside the total"),
-        children: section.description
-      }) : null]
-    }), /* @__PURE__ */jsx(FixedScaleBars, {
-      data,
-      max: section.max,
-      testID,
-      label: [describeChart({
-        typeLabel: t("Bar chart"),
-        title: section.title,
-        data
-      }), t("Values on a fixed 0 to {{max}} scale.", {
-        max: section.max
-      })].join(" ")
-    }), /* @__PURE__ */jsx(XStack, {
-      ...nested.gap,
-      flexWrap: "wrap",
-      children: bars.map(bar => /* @__PURE__ */jsx(Tooltip, {
-        content: t("{{name}}: {{value}}", {
-          name: name(bar.key),
-          value: bar.value
-        }),
-        children: /* @__PURE__ */jsxs(XStack, {
-          ...nested.borderRadius,
-          backgroundColor: "$color2",
-          borderWidth: 0,
-          paddingHorizontal: "$2",
-          paddingVertical: "$0.5",
-          gap: "$1",
-          alignItems: "baseline",
-          cursor: "help",
+      children: bars.map(bar => {
+        const percent = Math.max(0, Math.min(100, bar.value / section.max * 100));
+        const fill = tint && bar.value === top ? `$${tint}9` : "$color9";
+        return /* @__PURE__ */jsxs(XStack, {
+          role: "listitem",
+          alignItems: "center",
+          ...knobProps.gap,
+          "data-record-bar": bar.key,
           children: [/* @__PURE__ */jsx(Text, {
             ...nested.label,
-            ...nested.body,
-            color: "$color10",
+            color: "$color11",
+            width: labelWidth,
+            flexShrink: 0,
+            numberOfLines: 1,
             children: name(bar.key)
           }), /* @__PURE__ */jsx(Text, {
             ...nested.label,
             fontWeight: "700",
+            color: "$color12",
+            width: valueWidth,
+            flexShrink: 0,
+            textAlign: "right",
             children: bar.value
+          }), /* @__PURE__ */jsx(YStack, {
+            flex: 1,
+            minWidth: 0,
+            height: "$0.75",
+            borderRadius: "$true",
+            backgroundColor: "$color4",
+            overflow: "hidden",
+            role: "meter",
+            "aria-label": name(bar.key),
+            "aria-valuenow": bar.value,
+            "aria-valuemin": 0,
+            "aria-valuemax": section.max,
+            children: /* @__PURE__ */jsx(YStack, {
+              height: "100%",
+              width: `${percent}%`,
+              borderRadius: "$true",
+              backgroundColor: fill,
+              "data-record-bar-fill": ""
+            })
           })]
-        })
-      }, bar.key))
+        }, bar.key);
+      })
+    }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsxs(XStack, {
+      alignItems: "center",
+      ...knobProps.gap,
+      "data-record-bars-total": "",
+      children: [/* @__PURE__ */jsx(Text, {
+        ...nested.label,
+        color: "$color11",
+        width: labelWidth,
+        flexShrink: 0,
+        children: section.totalLabel ?? t("Total")
+      }), /* @__PURE__ */jsx(Text, {
+        ...nested.label,
+        fontWeight: "800",
+        color: "$color12",
+        width: valueWidth,
+        flexShrink: 0,
+        textAlign: "right",
+        children: total
+      })]
     })]
   });
 }

package/dist/jsx/record/RecordBars.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["BarSeries","ChartSurface","Text","Tooltip","XAxis","XStack","YAxis","YStack","approximateTextWidth","createBandScale","createLinearScale","describeChart","formatChartValue","getLinearTicks","useChartTheme","sizeRecipeEscape","useResolvedKnobs","useTranslation","childBars","Fragment","jsx","jsxs","chartHeight","chartTicks","FixedScaleBars","data","max","label","testID","palette","labelFontSize","fills","map","single","domain","height","children","size","marginScale","range","nice","tickLabels","value","widestTick","Math","tick","top","ceil","right","bottom","left","plot","x","y","width","length","xScale","datum","yScale","scale","ticks","tickFormat","RecordBars","rows","section","t","knobProps","nested","compact","bars","total","name","key","barLabel","bar","body","color","empty","gapLg","gap","alignItems","justifyContent","flexWrap","textTransform","letterSpacing","totalLabel","fontSize","fontWeight","description","flexShrink","maxWidth","typeLabel","title","join","content","borderRadius","backgroundColor","borderWidth","paddingHorizontal","paddingVertical","cursor"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Separator","Text","XStack","YStack","useResolvedKnobs","useTranslation","childBars","RecordGroupFrame","jsx","jsxs","labelWidth","valueWidth","RecordBars","rows","section","tint","testID","t","knobProps","nested","bars","total","name","key","barLabel","length","label","body","color","children","empty","top","Math","max","map","bar","value","panelPadding","gap","role","title","percent","min","fill","alignItems","width","flexShrink","numberOfLines","fontWeight","textAlign","flex","minWidth","height","borderRadius","backgroundColor","overflow","totalLabel"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AAChD,SAASC,gBAAA,QAAwB;AACjC,SAASC,cAAA,QAAsB;AAC/B,SAASC,SAAA,QAAiB;AAC1B,SAASC,gBAAA,QAAwB;AAgC3B,SAAAC,GAAA,EAoBMC,IAAA,QApBN;AA7BN,MAAMC,UAAA,GAAa;AACnB,MAAMC,UAAA,GAAa;AAQZ,SAASC,WAAW;EACzBC,IAAA;EACAC,OAAA;EACAC,IAAA;EACAC;AACF,GAMG;EACD,MAAM;IAAEC;EAAE,IAAIZ,cAAA,CAAe;EAC7B,MAAM;IAAEa;EAAU,IAAId,gBAAA,CAAiB;EACvC,MAAM;IAAEc,SAAA,EAAWC;EAAO,IAAIf,gBAAA,CAAiB;EAC/C,MAAM;IAAEgB,IAAA;IAAMC;EAAM,IAAIf,SAAA,CAAUO,IAAA,EAAMC,OAAO;EAC/C,MAAMQ,IAAA,GAAQC,GAAA,IAAgBT,OAAA,CAAQU,QAAA,GAAWD,GAAG,KAAKA,GAAA;EAEzD,IAAIH,IAAA,CAAKK,MAAA,KAAW,GAAG;IACrB,OACE,eAAAjB,GAAA,CAACP,IAAA;MAAM,GAAGkB,MAAA,CAAOO,KAAA;MAAQ,GAAGP,MAAA,CAAOQ,IAAA;MAAMC,KAAA,EAAM;MAC5CC,QAAA,EAAAf,OAAA,CAAQgB,KAAA,IAASb,CAAA,CAAE,UAAU;IAAA,CAChC;EAEJ;EAEA,MAAMc,GAAA,GAAMC,IAAA,CAAKC,GAAA,CAAI,GAAGb,IAAA,CAAKc,GAAA,CAAKC,GAAA,IAAQA,GAAA,CAAIC,KAAK,CAAC;EACpD,OACE,eAAA3B,IAAA,CAACF,gBAAA;IACE,GAAGW,SAAA,CAAUmB,YAAA;IACb,GAAGnB,SAAA,CAAUoB,GAAA;IACdtB,MAAA;IACAuB,IAAA,EAAK;IACL,cAAYzB,OAAA,CAAQ0B,KAAA;IAEpBX,QAAA,kBAAArB,GAAA,CAACL,MAAA;MAAOoC,IAAA,EAAK;MAAQ,GAAGrB,SAAA,CAAUoB,GAAA;MAC/BT,QAAA,EAAAT,IAAA,CAAKc,GAAA,CAAKC,GAAA,IAAQ;QACjB,MAAMM,OAAA,GAAUT,IAAA,CAAKC,GAAA,CAAI,GAAGD,IAAA,CAAKU,GAAA,CAAI,KAAMP,GAAA,CAAIC,KAAA,GAAQtB,OAAA,CAAQmB,GAAA,GAAO,GAAG,CAAC;QAC1E,MAAMU,IAAA,GAAO5B,IAAA,IAAQoB,GAAA,CAAIC,KAAA,KAAUL,GAAA,GAAM,IAAIhB,IAAI,MAAM;QACvD,OACE,eAAAN,IAAA,CAACP,MAAA;UAECqC,IAAA,EAAK;UACLK,UAAA,EAAW;UACV,GAAG1B,SAAA,CAAUoB,GAAA;UACd,mBAAiBH,GAAA,CAAIZ,GAAA;UAErBM,QAAA,kBAAArB,GAAA,CAACP,IAAA;YACE,GAAGkB,MAAA,CAAOO,KAAA;YACXE,KAAA,EAAM;YACNiB,KAAA,EAAOnC,UAAA;YACPoC,UAAA,EAAY;YACZC,aAAA,EAAe;YAEdlB,QAAA,EAAAP,IAAA,CAAKa,GAAA,CAAIZ,GAAG;UAAA,CACf,GACA,eAAAf,GAAA,CAACP,IAAA;YACE,GAAGkB,MAAA,CAAOO,KAAA;YACXsB,UAAA,EAAW;YACXpB,KAAA,EAAM;YACNiB,KAAA,EAAOlC,UAAA;YACPmC,UAAA,EAAY;YACZG,SAAA,EAAU;YAETpB,QAAA,EAAAM,GAAA,CAAIC;UAAA,CACP,GACA,eAAA5B,GAAA,CAACL,MAAA;YACC+C,IAAA,EAAM;YACNC,QAAA,EAAU;YACVC,MAAA,EAAO;YACPC,YAAA,EAAa;YACbC,eAAA,EAAgB;YAChBC,QAAA,EAAS;YACThB,IAAA,EAAK;YACL,cAAYjB,IAAA,CAAKa,GAAA,CAAIZ,GAAG;YACxB,iBAAeY,GAAA,CAAIC,KAAA;YACnB,iBAAe;YACf,iBAAetB,OAAA,CAAQmB,GAAA;YAEvBJ,QAAA,iBAAArB,GAAA,CAACL,MAAA;cACCiD,MAAA,EAAO;cACPP,KAAA,EAAO,GAAGJ,OAAO;cACjBY,YAAA,EAAa;cACbC,eAAA,EAAiBX,IAAA;cACjB,wBAAqB;YAAA,CACvB;UAAA,CACF;QAAA,GA7CKR,GAAA,CAAIZ,GA8CX;MAEJ,CAAC;IAAA,CACH,GACA,eAAAf,GAAA,CAACR,SAAA,IAAU,GACX,eAAAS,IAAA,CAACP,MAAA;MAAO0C,UAAA,EAAW;MAAU,GAAG1B,SAAA,CAAUoB,GAAA;MAAK,0BAAuB;MACpET,QAAA,kBAAArB,GAAA,CAACP,IAAA;QAAM,GAAGkB,MAAA,CAAOO,KAAA;QAAOE,KAAA,EAAM;QAAWiB,KAAA,EAAOnC,UAAA;QAAYoC,UAAA,EAAY;QACrEjB,QAAA,EAAAf,OAAA,CAAQ0C,UAAA,IAAcvC,CAAA,CAAE,OAAO;MAAA,CAClC,GACA,eAAAT,GAAA,CAACP,IAAA;QACE,GAAGkB,MAAA,CAAOO,KAAA;QACXsB,UAAA,EAAW;QACXpB,KAAA,EAAM;QACNiB,KAAA,EAAOlC,UAAA;QACPmC,UAAA,EAAY;QACZG,SAAA,EAAU;QAETpB,QAAA,EAAAR;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/record/RecordBars.native.js

@@ -32,87 +32,14 @@ var import_components = require("@multiplatform.one/components");
 var import_theme = require("@multiplatform.one/theme");
 var import_react_i18next = require("react-i18next");
 var import_recordData = require("./recordData.native.js");
-var chartHeight = 220;
-var chartTicks = 4;
-function FixedScaleBars(param) {
-  var {
-    data,
-    max,
-    label,
-    testID
-  } = param;
-  var {
-    palette,
-    labelFontSize
-  } = (0, import_components.useChartTheme)();
-  var fills = data.map(function () {
-    return palette.single;
-  });
-  var domain = [0, max];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ChartSurface, {
-    label,
-    height: chartHeight,
-    testID,
-    children: function children(size) {
-      var marginScale = (0, import_components.createLinearScale)({
-        domain,
-        range: [0, 1],
-        nice: false
-      });
-      var tickLabels = (0, import_components.getLinearTicks)(marginScale, chartTicks).map(function (value) {
-        return (0, import_components.formatChartValue)(value);
-      });
-      var widestTick = Math.max(0, ...tickLabels.map(function (tick) {
-        return (0, import_components.approximateTextWidth)(tick, labelFontSize);
-      }));
-      var top = Math.ceil(labelFontSize / 2) + 2;
-      var right = 4;
-      var bottom = 4 + 3 + Math.ceil(labelFontSize * 1.15);
-      var left = Math.ceil(widestTick) + 4 + 3 + 2;
-      var plot = {
-        x: left,
-        y: top,
-        width: Math.max(0, size.width - left - right),
-        height: Math.max(0, size.height - top - bottom)
-      };
-      if (plot.width <= 0 || plot.height <= 0 || data.length === 0) return null;
-      var xScale = (0, import_components.createBandScale)({
-        domain: data.map(function (datum) {
-          return datum.label;
-        }),
-        range: [plot.x, plot.x + plot.width]
-      });
-      var yScale = (0, import_components.createLinearScale)({
-        domain,
-        range: [plot.y + plot.height, plot.y],
-        nice: false
-      });
-      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YAxis, {
-          plot,
-          scale: yScale,
-          ticks: chartTicks,
-          tickFormat: function tickFormat(value) {
-            return (0, import_components.formatChartValue)(value);
-          }
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.BarSeries, {
-          data,
-          xScale,
-          yScale,
-          plot,
-          fills
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XAxis, {
-          plot,
-          scale: xScale
-        })]
-      });
-    }
-  });
-}
+var import_RecordRows = require("./RecordRows.native.js");
+var labelWidth = "$8";
+var valueWidth = "$3";
 function RecordBars(param) {
   var {
     rows,
     section,
+    tint,
     testID
   } = param;
   var _section_totalLabel;
@@ -124,9 +51,7 @@ function RecordBars(param) {
   } = (0, import_theme.useResolvedKnobs)();
   var {
     knobProps: nested
-  } = (0, import_theme.useResolvedKnobs)({
-    compact: true
-  });
+  } = (0, import_theme.useResolvedKnobs)();
   var {
     bars,
     total
@@ -136,12 +61,6 @@ function RecordBars(param) {
     var _section_barLabel;
     return (_ref = (_section_barLabel = section.barLabel) === null || _section_barLabel === void 0 ? void 0 : _section_barLabel.call(section, key)) !== null && _ref !== void 0 ? _ref : key;
   };
-  var data = bars.map(function (bar) {
-    return {
-      label: name(bar.key),
-      value: bar.value
-    };
-  });
   if (bars.length === 0) {
     var _section_empty;
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
@@ -151,74 +70,82 @@ function RecordBars(param) {
       children: (_section_empty = section.empty) !== null && _section_empty !== void 0 ? _section_empty : t("None yet")
     });
   }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
-    ...knobProps.gapLg,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+  var top = Math.max(...bars.map(function (bar) {
+    return bar.value;
+  }));
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_RecordRows.RecordGroupFrame, {
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    testID,
+    role: "figure",
+    "aria-label": section.title,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      role: "list",
       ...knobProps.gap,
-      alignItems: "baseline",
-      justifyContent: "space-between",
-      flexWrap: "wrap",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-          ...nested.label,
-          color: "$color10",
-          textTransform: "uppercase",
-          letterSpacing: 1,
-          children: (_section_totalLabel = section.totalLabel) !== null && _section_totalLabel !== void 0 ? _section_totalLabel : t("Total")
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-          fontSize: "$10",
-          fontWeight: "700",
-          children: total
-        })]
-      }), section.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-        ...nested.label,
-        color: "$color10",
-        flexShrink: 1,
-        maxWidth: (0, import_theme.sizeRecipeEscape)(420, "chart caption: a readable measure beside the total"),
-        children: section.description
-      }) : null]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(FixedScaleBars, {
-      data,
-      max: section.max,
-      testID,
-      label: [(0, import_components.describeChart)({
-        typeLabel: t("Bar chart"),
-        title: section.title,
-        data
-      }), t("Values on a fixed 0 to {{max}} scale.", {
-        max: section.max
-      })].join(" ")
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
-      ...nested.gap,
-      flexWrap: "wrap",
       children: bars.map(function (bar) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
-          content: t("{{name}}: {{value}}", {
-            name: name(bar.key),
-            value: bar.value
-          }),
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
-            ...nested.borderRadius,
-            backgroundColor: "$color2",
-            borderWidth: 0,
-            paddingHorizontal: "$2",
-            paddingVertical: "$0.5",
-            gap: "$1",
-            alignItems: "baseline",
-            cursor: "help",
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-              ...nested.label,
-              ...nested.body,
-              color: "$color10",
-              children: name(bar.key)
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-              ...nested.label,
-              fontWeight: "700",
-              children: bar.value
-            })]
-          })
+        var percent = Math.max(0, Math.min(100, bar.value / section.max * 100));
+        var fill = tint && bar.value === top ? `$${tint}9` : "$color9";
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          role: "listitem",
+          alignItems: "center",
+          ...knobProps.gap,
+          "data-record-bar": bar.key,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...nested.label,
+            color: "$color11",
+            width: labelWidth,
+            flexShrink: 0,
+            numberOfLines: 1,
+            children: name(bar.key)
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            ...nested.label,
+            fontWeight: "700",
+            color: "$color12",
+            width: valueWidth,
+            flexShrink: 0,
+            textAlign: "right",
+            children: bar.value
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+            flex: 1,
+            minWidth: 0,
+            height: "$0.75",
+            borderRadius: "$true",
+            backgroundColor: "$color4",
+            overflow: "hidden",
+            role: "meter",
+            "aria-label": name(bar.key),
+            "aria-valuenow": bar.value,
+            "aria-valuemin": 0,
+            "aria-valuemax": section.max,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+              height: "100%",
+              width: `${percent}%`,
+              borderRadius: "$true",
+              backgroundColor: fill,
+              "data-record-bar-fill": ""
+            })
+          })]
         }, bar.key);
       })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      alignItems: "center",
+      ...knobProps.gap,
+      "data-record-bars-total": "",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        ...nested.label,
+        color: "$color11",
+        width: labelWidth,
+        flexShrink: 0,
+        children: (_section_totalLabel = section.totalLabel) !== null && _section_totalLabel !== void 0 ? _section_totalLabel : t("Total")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        ...nested.label,
+        fontWeight: "800",
+        color: "$color12",
+        width: valueWidth,
+        flexShrink: 0,
+        textAlign: "right",
+        children: total
+      })]
     })]
   });
 }

package/dist/jsx/record/RecordBars.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","RecordBars_exports","RecordBars","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react_i18next","import_recordData","chartHeight","chartTicks","FixedScaleBars","param","data","max","label","testID","palette","labelFontSize","useChartTheme","fills","map","single","domain","jsx","ChartSurface","height","children","size","marginScale","createLinearScale","range","nice","tickLabels","getLinearTicks","formatChartValue","widestTick","Math","tick","approximateTextWidth","top","ceil","right","bottom","left","plot","x","y","width","length","xScale","createBandScale","datum","yScale","jsxs","Fragment","YAxis","scale","ticks","tickFormat","BarSeries","XAxis","rows","section","_section_totalLabel","t","useTranslation","knobProps","useResolvedKnobs","nested","compact","bars","total","childBars","name2","_ref","_section_barLabel","barLabel","bar","_section_empty","Text","body","color","empty","YStack","gapLg","XStack","gap","alignItems","justifyContent","flexWrap"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","RecordBars_exports","RecordBars","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react_i18next","import_recordData","import_RecordRows","labelWidth","valueWidth","param","rows","section","tint","testID","_section_totalLabel","t","useTranslation","knobProps","useResolvedKnobs","nested","bars","total","childBars","name2","_ref","_section_barLabel","barLabel","length","_section_empty","jsx","Text","label","body","color","children","empty","top","Math","max","map","bar","jsxs","RecordGroupFrame","panelPadding","gap","role","title","YStack","percent","min","fill","XStack","alignItems","width","flexShrink","numberOfLines","fontWeight","textAlign","flex","minWidth","height","borderRadius","backgroundColor","overflow","Separator"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAsB;AAC/B,IAAAC,iBAAS,GAAAJ,MAAiB,CAAAK,mBAAA;AAC1B,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAwB,CAAAC,cAAA;AAgC3B,IAAAC,QAAA,GAoBMA,CAAAC,MAAA,EAAAC,GApBN;EA7BN,KAAM,IAAAC,IAAA,IAAaD,GAAA,EACnBZ,SAAM,CAAAW,MAAa,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAQZ;AAAoB,IACzBC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAOCnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACD;EACA,OAAME,EAAE;AACR;AACA,IAAAM,YAAc,GAAAC,GAAM,IAAIR,WAAU,CAAAhB,SAAa;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAC/C,IAAAE,kBAAc,GAAgB;AAE9BhB,QAAI,CAAAgB,kBAAmB;EACrBC,UACE,EAAAA,CAAA,KAAAA;AAEA,EAEJ;AAEAC,MAAA,CAAAC,OAAY,GAAAN,YAAY,CAAAG,kBAAsB;AAC9C,IAAAI,kBACE,GAAAC,OAAA;AAAA,IAACC,iBAAA,GAAAD,OAAA;AAAA,IAAAE,YAAA,GAAAF,OAAA;AAAA,IAAAG,oBACe,GAAAH,OAAA;AAAA,IAAAI,iBACA,GAAAJ,OAAA;AAAA,IAAAK,iBACd,GAAAL,OAAA;AAAA,IAAAM,UACK;AAAA,IAAAC,UACL,OAAY;AAAQ,SAEpBX,WAAAY,KAAA;EAAA;IAAAC,IAAA;IAAAC,OAAA;IAAAC,IAAA;IAACC;EAAA,IAAOJ,KAAK;EAET,IAAAK,mBAAM;EACN;IAAAC;EAAA,MAAM,EAAAX,oBAAmB,CAAAY,cAAgB,EAAI;EAC7C;IAAAC;EACE,QAAAd,YAAA,CAAAe,gBAAA;EAAA;IAAAD,SAAC,EAAAE;EAAA,QAAAhB,YAAA,CAAAe,gBAAA;EAAA;IAAAE,IAAA;IAAAC;EAAA,QAAAhB,iBAAA,CAAAiB,SAAA,EAAAZ,IAAA,EAAAC,OAAA;EAAA,IAAA5B,IAAA,YAEMwC,MAAAhC,GAAA;IAAA,IAAAiC,IAAA;IACM,IAAAC,iBACP;IAAU,QAAAD,IACd,IAAAC,iBAAqB,GAAAd,OAAA,CAAAe,QAAA,cAAAD,iBAAA,uBAAAA,iBAAA,CAAAjC,IAAA,CAAAmB,OAAA,EAAApB,GAAA,eAAAiC,IAAA,cAAAA,IAAA,GAAAjC,GAAA;EAAA;EAErB,IAAA6B,IAAA,CAAAO,MAAA;IAAA,IAAAC,cAAC;IAAA,0BAAA5B,kBAAA,CAAA6B,GAAA,EAAA3B,iBAAA,CAAA4B,IAAA;MAAA,GAAAX,MAAA,CAAAY,KACE;MAAU,GAAAZ,MAAA,CAAAa,IACX;MAAMC,KAAA,YACN;MAAOC,QAAA,GAAAN,cACP,GAAYjB,OAAA,CAAAwB,KAAA,cAAAP,cAAA,cAAAA,cAAA,GAAAb,CAAA;IAAA;EACG;EAEF,IAAAqB,GAAA,GAAAC,IAAA,CAAAC,GAAA,IAAAlB,IAAA,CAAAmB,GAAA,WAAAC,GAAA;IAAA,OAAAA,GAAA,CAAA7C,KACf;EAAA;EACA,sBAAC,IAAAK,kBAAA,CAAAyC,IAAA,EAAAnC,iBAAA,CAAAoC,gBAAA;IAAA,GAAAzB,SAAA,CAAA0B,YAAA;IAAA,GAAA1B,SAAA,CAAA2B,GACE;IAAU/B,MAAA;IACAgC,IAAA;IACL,cAAAlC,OACN,CAAAmC,KAAO;IAAAZ,QAAA,GACK,eACZ,IAAAlC,kBAAU,CAAA6B,GAAA,EAAA3B,iBAAA,CAAA6C,MAAA;MAAAF,IAAA,QAET;MAAI,GAAA5B,SAAA,CAAA2B,GAAA;MAAAV,QACP,EAAAd,IAAA,CAAAmB,GAAA,WAAAC,GAAA;QAAA,IAAAQ,OACA,GAAAX,IAAA,CAAAC,GAAA,IAAAD,IAAA,CAAAY,GAAA,MAAAT,GAAA,CAAA7C,KAAA,GAAAgB,OAAA,CAAA2B,GAAA;QAAA,IAAAY,IAAC,GAAAtC,IAAA,IAAA4B,GAAA,CAAA7C,KAAA,KAAAyC,GAAA,OAAAxB,IAAA;QAAA,0BAAAZ,kBAAA,CAAAyC,IAAA,EAAAvC,iBAAA,CAAAiD,MAAA;UAAAN,IAAA,YACO;UAAAO,UACN,UAAU;UAAA,GAAAnC,SACV,CAAA2B,GAAO;UAAA,iBACP,EAAAJ,GAAa,CAAAjD,GAAA;UAAA2C,QACb,GAAgB,eACP,IAAAlC,kBAAA,CAAA6B,GAAA,EAAA3B,iBAAA,CAAA4B,IAAA;YAAA,GAAAX,MACT,CAAKY,KAAA;YAAAE,KACL;YAAwBoB,KACxB,EAAA9C,UAAA;YAAmB+C,UACnB;YAAeC,aACf;YAAuBrB,QAEvB,EAAAnD,IAAA,CAAAyD,GAAA,CAAAjD,GAAA;UAAA,IAAC,mBAAAS,kBAAA,CAAA6B,GAAA,EAAA3B,iBAAA,CAAA4B,IAAA;YAAA,GAAAX,MACC,CAAAY,KAAA;YAAOyB,UACP,OAAO;YAAUvB,KAAA,YACjB;YAAaoB,KAAA,EAAA7C,UACb;YAAiB8C,UACjB;YAAqBG,SAAA;YAAAvB,QACvB,EAAAM,GAAA,CAAA7C;UAAA,mBACF,IAAAK,kBAAA,CAAA6B,GAAA,EAAA3B,iBAAA,CAAA6C,MAAA;YAAAW,IAAA;YAAAC,QAAA;YA7CSC,MAAA;YA8CXC,YAAA;YAGNC,eAAA;YACAC,QAAA,UAAC;YACDlB,IAAA,SAAC;YACC,cAAC9D,IAAA,CAAAyD,GAAM,CAAAjD,GAAG;YAGV,iBAAAiD,GAAA,CAAA7C,KAAA;YAAC;YAAA,iBAAAgB,OAAA,CAAA2B,GAAA;YACEJ,QAAU,qBAAAlC,kBAAA,CAAA6B,GAAA,EAAA3B,iBAAA,CAAA6C,MAAA;cACXa,MAAA,EAAW;cACXP,KAAM,KAAAL,OAAA;cACNa,YAAO;cACPC,eAAY,EAAAZ,IAAA;cACZ,sBAAU;YAET;UAAA;QACH,CACF,EAAAV,GAAA,CAAAjD,GAAA;MAAA;IAAA,IACF,mBAAAS,kBAAA,CAAA6B,GAAA,EAAA3B,iBAAA,CAAA8D,SAAA,OAEJ,mBAAAhE,kBAAA,CAAAyC,IAAA,EAAAvC,iBAAA,CAAAiD,MAAA","ignoreList":[]}