@multiplatform.one/frappe-ui 7.34.4 → 7.36.0

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":"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","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":"AAAA;;AAAA,IACEA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAAA,IACAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACA,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,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,EACAnB,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;EACA;EACA,OAAAE,EAAA;AAAA;AAGF,IAAAM,YAAS,GAAAC,GAAA,IAAkBR,WAAA,CAAAhB,SAAA,EAAwB;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACnD,IAAAE,kBAAS;AACThB,QAAA,CAASgB,kBAAiB;EA0DhBC,UAAA,EAAAA,CAAA,KACEA;AAxDZ;AACAC,MAAM,CAAAC,OAAA,GAAAN,YAAa,CAAAG,kBAAA;AAQnB,IAAAI,kBAAS,GAAeC,OAAA;AAAA,IACtBC,iBAAA,GAAAD,OAAA;AAAA,IACAE,YAAA,GAAAF,OAAA;AAAA,IACAG,oBAAA,GAAAH,OAAA;AAAA,IACAI,iBAAA,GAAAJ,OAAA;AACF,IAKGK,WAAA;AACD,IAAAC,UAAQ;AACR,SAAMC,cAAaA,CAAAC,KAAI,EAAM;EAC7B;IAAMC,IAAA;IAAAC,GAA2B;IAACC,KAAM;IAAAC;EAAA,IAAAJ,KAAA;EACxC;IAAAK,OACE;IAAAC;EAAC,QAAAb,iBAA2B,CAAAc,aAAQ,GAAa;EAE7C,IAAAC,KAAM,GAAAP,IAAA,CAAAQ,GAAA,aAAc;IACpB,OAAMJ,OAAA,CAAAK,MAAa;EAAwC;EACnC,IACxBC,MAAA,IACA,GAAwBT,GACtB;EACqE,OACvE,mBAAAX,kBAAA,CAAAqB,GAAA,EAAAnB,iBAAA,CAAAoB,YAAA;IACAV,KAAA;IACAW,MAAM,EAAAjB,WAAQ;IACdO,MAAM;IACNW,QAAM,WAAYA,QAAKA,CAAAC,IAAA,EAAU;MACjC,IAAMC,WAAO,OAAAxB,iBAAA,CAAAyB,iBAAA;QACXP,MAAG;QACHQ,KAAG,GACH,GACA,EACF;QACIC,IAAA,EAAK;MACT;MACE,IAAAC,UAAa,GAAI,CAAC,GAAA5B,iBAAgB,CAAK6B,cAAA,EAAAL,WAAA,EAAAnB,UAAA,EAAAW,GAAA,WAAAvB,KAAA;QACvC,OAAQ,IAAKO,iBAAiB,CAAA8B,gBAAK,EAAArC,KAAA;MACpC;MACD,IAAMsC,UAAS,GAAAC,IAAA,CAAAvB,GAAA,OAAkBmB,UAAA,CAAAZ,GAAA,WAAAiB,IAAA;QAC/B,WAAAjC,iBAAA,CAAAkC,oBAAA,EAAAD,IAAA,EAAApB,aAAA;MACA;MACA,IAAAsB,GAAM,GAAAH,IAAA,CAAAI,IAAA,CAAAvB,aAAA;MACP,IAAAwB,KAAA;MACD,IAAAC,MACE,WAAAN,IAAA,CAAAI,IAAA,CAAAvB,aACE;MAAA,IAAA0B,IAAA,GAAAP,IAAA,CAAAI,IAAA,CAAAL,UAAA;MAAA,IAACS,IAAA;QAAAC,CAAA,EAAAF,IAAA;QAAAG,CAAA,EACCP,GAAA;QAAAQ,KACA,EAAAX,IAAO,CAAAvB,GAAA,IAAAc,IAAA,CAAAoB,KAAA,GAAAJ,IAAA,GAAAF,KAAA;QAAAhB,MACP,EAAAW,IAAO,CAAAvB,GAAA,IAAAc,IAAA,CAAAF,MAAA,GAAAc,GAAA,GAAAG,MAAA;MAAA;MACsC,IAAAE,IAAA,CAAAG,KAAA,SAAAH,IAAA,CAAAnB,MAAA,SAAAb,IAAA,CAAAoC,MAAA;MAC/C,IAAAC,MAAA,OAAA7C,iBAAA,CAAA8C,eAAA;QACA5B,MAAA,EAAAV,IAAA,CAAAQ,GAAA,WAAC+B,KAAU;UACX,OAAAA,KAAA,CAAArC,KAAC;QACH;QAGNgB,KAAA,GAEJc,IAAA,CAAAC,CAAA,EAMgBD,IAAA,CAAAC,CAAA,GAAAD,IAAW,CAAAG,KAAA;MAEzB;MACA,IAAAK,MAAA,OAAAhD,iBAAA,CAAAyB,iBAAA;QAKCP,MAAA;QACKQ,KAAI,GACFc,IAAA,CAAAE,CAAA,GAAAF,IAAU,CAAInB,MAAA,EACdmB,IAAA,CAAAE,CAAA,CACF;QACAf,IAAA;MACN,EAAM;MAEF,OAAK,eAAc,IAAA7B,kBAAA,CAAAmD,IAAA,EAAAnD,kBAAA,CAAAoD,QAAA;QACrB5B,QACE,GAIJ,mBAAAxB,kBAAA,CAAAqB,GAAA,EAAAnB,iBAAA,CAAAmD,KAAA;UAGEX,IAAA;UACEY,KAAA,EAAAJ,MAAA;UAACK,KAAA,EAAAhD,UAAA;UAAAiD,UAAA,WAAAA,WAAA7D,KAAA;YACK,OAAU,IAAAO,iBAAA,CAAA8B,gBAAA,EAAArC,KAAA;UACd;QACA,IACA,eAAS,IAAAK,kBAAA,CAAAqB,GAAA,EAAAnB,iBAAA,CAAAuD,SAAA;UAET/C,IAAA;UAAAqC,MAAA;UACEG,MAAA;UAGAR,IAAA;UAEAzB;QAED,IACC,eAAC,IAAAjB,kBAAA,CAAAqB,GAAA,EAAAnB,iBAAA,CAAAwD,KAAA;UAAAhB,IAAA;UAAAY,KACK,EAAAP;QAAO;MAEC;IACwE;EAE3E;AAAA;AAET,SAAAlD,WAAAY,KAAA;EAAA;IAAAkD,IAAA;IAAAC,OAAA;IAAA/C;EAAA,IAAAJ,KAAA;EAAA,IACNoD,mBAAA;EAAA,IACA;IAAAC;EAAA,QAAA1D,oBAAA,CAAA2D,cAAA;EAAA,IAAC;IAAAC;EAAA,QAAA7D,YAAA,CAAA8D,gBAAA;EAAA;IAAAD,SAAA,EAAAE;EAAA,QAAA/D,YAAA,CAAA8D,gBAAA;IAAAE,OACC;EAAA;EACa;IACbC,IAAA;IAAAC;EAAA,QAAAhE,iBAAA,CAAAiE,SAAA,EAAAX,IAAA,EAAAC,OAAA;EAAA,IAAA7E,IACA,YAAOwF,MAAAhF,GAAA;IAAA,IAAAiF,IACL;IAAuE,IAAAC,iBACrE;IAA6D,OAC/D,CAAAD,IAAK,GAAG,CAAAC,iBAAA,GAAAb,OAAA,CAAAc,QAAA,cAAAD,iBAAA,uBAAAA,iBAAA,CAAAjF,IAAA,CAAAoE,OAAA,EAAArE,GAAA,eAAAiF,IAAA,cAAAA,IAAA,GAAAjF,GAAA;EAAA;EAAA,IACZmB,IAAA,GAAA0D,IAAA,CAAAlD,GAAA,WAAAyD,GAAA;IACA;MAEK/D,KAAA,EAAA7B,IAAA,CAAA4F,GAAA,CAAApF,GAAA;MAAAI,KAAA,EAAAgF,GAAA,CAAAhF;IAAA;EAE4E;EAE3E,IAAAyE,IAAC,CAAAtB,MAAA;IAAA,IAAA8B,cAAA;IAAA,sBACY,IAAA5E,kBAAA,CAAAqB,GAAA,EAAAnB,iBAAA,CAAA2E,IAAA;MAAA,GAAAX,MACX,CAAAtD,KAAA;MAAgB,GAAAsD,MAChB,CAAAY,IAAA;MAAaC,KAAA,EACb;MAAkBvD,QAClB,GAAAoD,cAAgB,GAAAhB,OAAA,CAAAoB,KAAA,cAAAJ,cAAA,cAAAA,cAAA,GAAAd,CAAA;IAAA;EACZ;EACO,sBACJ,IAAA9D,kBAAA,CAAAmD,IAAA,EAAAjD,iBAAA,CAAA+E,MAAA;IAAA,GAAAjB,SAEP,CAAAkB,KAAA;IAAA1D,QAAA,GAEA,eACA,IAAAxB,kBAAO,CAAGmD,IAAA,EAAAjD,iBAAc,CAAAiF,MAAW;MAEnC,GAAAnB,SAAA,CAAAoB,GAAA;MAAAC,UAAA;MACFC,cAAA;MAAAC,QAAA;MAnBK/D,QAAI,GAsBf,mBAAAxB,kBAAA,CAAAmD,IAAA,EAAAjD,iBAAA,CAAA+E,MAAA;QACFzD,QAAA,GAEJ,mBAAAxB,kBAAA,CAAAqB,GAAA,EAAAnB,iBAAA,CAAA2E,IAAA","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":"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","ignoreList":[]}

package/dist/jsx/record/RecordGallery.mjs

@@ -1,20 +1,22 @@
 import { Carousel, YStack } from "@multiplatform.one/components";
+import { sizeRecipeEscape } from "@multiplatform.one/theme";
 import { useState } from "react";
 import { ImageWell } from "../list/ImageWell.mjs";
+import { recordHeroArtHeight } from "./RecordHero.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+const art = sizeRecipeEscape(recordHeroArtHeight, "hero art: the design's artwork height");
 function RecordGallery({
   images,
   slides = [],
-  alt,
-  tints
+  alt
 }) {
   const [width, setWidth] = useState(0);
-  const first = /* @__PURE__ */jsx(ImageWell, {
-    sources: images,
-    alt,
-    tints,
-    inset: 0.08
-  });
+  const well = {
+    aspectRatio: void 0,
+    height: art,
+    borderRadius: 0,
+    backgroundColor: "transparent"
+  };
   return /* @__PURE__ */jsx(YStack, {
     onLayout: event => setWidth(Math.round(event.nativeEvent.layout.width)),
     width: "100%",
@@ -23,19 +25,25 @@ function RecordGallery({
       children: [/* @__PURE__ */jsx(ImageWell, {
         sources: images,
         alt,
-        tints,
-        inset: 0.08,
-        width
+        inset: 0,
+        width,
+        ...well
       }), slides.map(slide => /* @__PURE__ */jsx(ImageWell, {
         sources: [slide.src],
         alt: `${alt}, ${slide.label}`,
         pixelated: slide.pixelated,
         inset: 0.14,
-        backgroundColor: "$color2",
         width,
-        lazy: true
+        lazy: true,
+        ...well
       }, slide.src))]
-    }) : first
+    }) : /* @__PURE__ */jsx(ImageWell, {
+      sources: images,
+      alt,
+      inset: 0,
+      width: "100%",
+      ...well
+    })
   });
 }
 export { RecordGallery };

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

@@ -1 +1 @@
-{"version":3,"names":["Carousel","YStack","useState","ImageWell","jsx","jsxs","RecordGallery","images","slides","alt","tints","width","setWidth","first","sources","inset","onLayout","event","Math","round","nativeEvent","layout","children","length","gap","map","slide","src","label","pixelated","backgroundColor","lazy"],"sources":["../../../src/record/RecordGallery.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,MAAA,QAAc;AACjC,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,QAAiB;AAoBV,SAAAC,GAAA,EAIRC,IAAA,QAJQ;AAFT,SAASC,cAAc;EAAEC,MAAA;EAAQC,MAAA,GAAS,EAAC;EAAGC,GAAA;EAAKC;AAAM,GAAuB;EACrF,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIV,QAAA,CAAS,CAAC;EACpC,MAAMW,KAAA,GAAQ,eAAAT,GAAA,CAACD,SAAA;IAAUW,OAAA,EAASP,MAAA;IAAQE,GAAA;IAAUC,KAAA;IAAcK,KAAA,EAAO;EAAA,CAAM;EAC/E,OACE,eAAAX,GAAA,CAACH,MAAA;IAAOe,QAAA,EAAWC,KAAA,IAAUL,QAAA,CAASM,IAAA,CAAKC,KAAA,CAAMF,KAAA,CAAMG,WAAA,CAAYC,MAAA,CAAOV,KAAK,CAAC;IAAGA,KAAA,EAAM;IACtFW,QAAA,EAAAX,KAAA,GAAQ,KAAKH,MAAA,CAAOe,MAAA,GAAS,IAC5B,eAAAlB,IAAA,CAACL,QAAA;MAASwB,GAAA,EAAK;MACbF,QAAA,kBAAAlB,GAAA,CAACD,SAAA;QAAUW,OAAA,EAASP,MAAA;QAAQE,GAAA;QAAUC,KAAA;QAAcK,KAAA,EAAO;QAAMJ;MAAA,CAAc,GAC9EH,MAAA,CAAOiB,GAAA,CAAKC,KAAA,IACX,eAAAtB,GAAA,CAACD,SAAA;QAECW,OAAA,EAAS,CAACY,KAAA,CAAMC,GAAG;QACnBlB,GAAA,EAAK,GAAGA,GAAG,KAAKiB,KAAA,CAAME,KAAK;QAC3BC,SAAA,EAAWH,KAAA,CAAMG,SAAA;QACjBd,KAAA,EAAO;QACPe,eAAA,EAAgB;QAChBnB,KAAA;QACAoB,IAAA,EAAI;MAAA,GAPCL,KAAA,CAAMC,GAQb,CACD;IAAA,CACH,IAEAd;EAAA,CAEJ;AAEJ","ignoreList":[]}
+{"version":3,"names":["Carousel","YStack","sizeRecipeEscape","useState","ImageWell","recordHeroArtHeight","jsx","jsxs","art","RecordGallery","images","slides","alt","width","setWidth","well","aspectRatio","height","borderRadius","backgroundColor","onLayout","event","Math","round","nativeEvent","layout","children","length","gap","sources","inset","map","slide","src","label","pixelated","lazy"],"sources":["../../../src/record/RecordGallery.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,MAAA,QAAc;AACjC,SAASC,gBAAA,QAAwB;AACjC,SAASC,QAAA,QAAgB;AACzB,SAASC,SAAA,QAAiB;AAE1B,SAASC,mBAAA,QAA2B;AA4B5B,SACEC,GAAA,EADFC,IAAA;AAlBR,MAAMC,GAAA,GAAMN,gBAAA,CAAiBG,mBAAA,EAAqB,uCAAuC;AAOlF,SAASI,cAAc;EAAEC,MAAA;EAAQC,MAAA,GAAS,EAAC;EAAGC;AAAI,GAAuB;EAC9E,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIX,QAAA,CAAS,CAAC;EACpC,MAAMY,IAAA,GAAO;IACXC,WAAA,EAAa;IACbC,MAAA,EAAQT,GAAA;IACRU,YAAA,EAAc;IACdC,eAAA,EAAiB;EACnB;EACA,OACE,eAAAb,GAAA,CAACL,MAAA;IAAOmB,QAAA,EAAWC,KAAA,IAAUP,QAAA,CAASQ,IAAA,CAAKC,KAAA,CAAMF,KAAA,CAAMG,WAAA,CAAYC,MAAA,CAAOZ,KAAK,CAAC;IAAGA,KAAA,EAAM;IACtFa,QAAA,EAAAb,KAAA,GAAQ,KAAKF,MAAA,CAAOgB,MAAA,GAAS,IAC5B,eAAApB,IAAA,CAACP,QAAA;MAAS4B,GAAA,EAAK;MACbF,QAAA,kBAAApB,GAAA,CAACF,SAAA;QAAUyB,OAAA,EAASnB,MAAA;QAAQE,GAAA;QAAUkB,KAAA,EAAO;QAAGjB,KAAA;QAAe,GAAGE;MAAA,CAAM,GACvEJ,MAAA,CAAOoB,GAAA,CAAKC,KAAA,IACX,eAAA1B,GAAA,CAACF,SAAA;QAECyB,OAAA,EAAS,CAACG,KAAA,CAAMC,GAAG;QACnBrB,GAAA,EAAK,GAAGA,GAAG,KAAKoB,KAAA,CAAME,KAAK;QAC3BC,SAAA,EAAWH,KAAA,CAAMG,SAAA;QACjBL,KAAA,EAAO;QACPjB,KAAA;QACAuB,IAAA,EAAI;QACH,GAAGrB;MAAA,GAPCiB,KAAA,CAAMC,GAQb,CACD;IAAA,CACH,IAEA,eAAA3B,GAAA,CAACF,SAAA;MAAUyB,OAAA,EAASnB,MAAA;MAAQE,GAAA;MAAUkB,KAAA,EAAO;MAAGjB,KAAA,EAAM;MAAQ,GAAGE;IAAA,CAAM;EAAA,CAE3E;AAEJ","ignoreList":[]}

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

@@ -29,22 +29,24 @@ __export(RecordGallery_exports, {
 module.exports = __toCommonJS(RecordGallery_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_ImageWell = require("../list/ImageWell.native.js");
+var import_RecordHero = require("./RecordHero.native.js");
+var art = (0, import_theme.sizeRecipeEscape)(import_RecordHero.recordHeroArtHeight, "hero art: the design's artwork height");
 function RecordGallery(param) {
   var {
     images,
     slides = [],
-    alt,
-    tints
+    alt
   } = param;
   var [width, setWidth] = (0, import_react.useState)(0);
-  var first = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
-    sources: images,
-    alt,
-    tints,
-    inset: 0.08
-  });
+  var well = {
+    aspectRatio: void 0,
+    height: art,
+    borderRadius: 0,
+    backgroundColor: "transparent"
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
     onLayout: function onLayout(event) {
       return setWidth(Math.round(event.nativeEvent.layout.width));
@@ -55,21 +57,27 @@ function RecordGallery(param) {
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
         sources: images,
         alt,
-        tints,
-        inset: 0.08,
-        width
+        inset: 0,
+        width,
+        ...well
       }), slides.map(function (slide) {
         return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
           sources: [slide.src],
           alt: `${alt}, ${slide.label}`,
           pixelated: slide.pixelated,
           inset: 0.14,
-          backgroundColor: "$color2",
           width,
-          lazy: true
+          lazy: true,
+          ...well
         }, slide.src);
       })]
-    }) : first
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ImageWell.ImageWell, {
+      sources: images,
+      alt,
+      inset: 0,
+      width: "100%",
+      ...well
+    })
   });
 }
 //# sourceMappingURL=RecordGallery.native.js.map

package/dist/jsx/record/RecordGallery.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","RecordGallery_exports","RecordGallery","module","exports","import_jsx_runtime","require"],"sources":["../../../src/record/RecordGallery.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgB;AACzB,IAAAC,gBAAS,GAAAF,MAAiB,CAAAG,wBAAA;AAoBV,IAAAC,iBAIR,GAAAJ,MAJQ,CAAAK,mBAAA;AAFT,IAAAC,YAAS,GAAAN,MAAgB,CAAAO,SAAQ,CAAAC,cAAa;AACnD,IAAAC,QAAO,GAAAA,CAAOC,MAAA,EAAQC,GAAA,KAAI;EAC1B,SAAMC,IAAA,IAAQD,GAAA,EACdZ,SACE,CAAAW,MAAA,EAAAE,IAAA;IAACC,GAAA,EAAAF,GAAA,CAAOC,IAAA;IAAAE,UAAW;EAAU;AAGvB;AAA+E,IAC9EC,WAAW,GAACA,CAAAC,EAAA,EAAAC,IACX,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAACF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IAAA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,OAEC,CAAAX,YAAU,CAAMe,IAAG,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACnBnB,SAAQ,CAAAiB,EAAG,EAAAI,GAAK;MAAAP,GAAM,EAAAA,CAAA,KAAKI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACV,OACjBE,EAAA;AAAO;AACS,IAAAM,YAChB,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,qBACI;AAAAhB,QAAA,CAAAgB,qBAAA;EAAAC,aAPO,EAAAA,CAAA,KAAAA;AAAA;AASdC,MACH,CAAAC,OAEA,GAEJN,YAAA,CAAAG,qBAAA;AAEJ,IAAAI,kBAAA,GAAAC,OAAA","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","RecordGallery_exports","RecordGallery","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","import_ImageWell","import_RecordHero","art","sizeRecipeEscape","recordHeroArtHeight","param","images","slides","alt"],"sources":["../../../src/record/RecordGallery.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAAF,MAAgB,CAAAG,wBAAA;AACzB,IAAAC,iBAAS,GAAAJ,MAAiB,CAAAK,mBAAA;AAE1B,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAA,CAA2BC,cAAA;AA4B5B,IAAAC,QACE,GADFA,CAAAC,MAAA,EAAAC,GAAA;EAlBR,KAAM,IAAAC,IAAM,IAAAD,GAAA,EAOLZ,SAAS,CAAAW,MAAA,EAAAE,IAAgB;IAAAC,GAAQ,EAAAF,GAAA,CAAAC,IAAU;IAAGE,UAA2B;EAAA;AAC9E;AACA,IAAAC,WAAa,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACXF,IAAA,WAAaA,IAAA,wBAAAA,IAAA;IACb,SAAQG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACR,KAAAX,YAAc,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACdnB,SAAA,CAAAiB,EAAA,EAAiBI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACnB;EACA,OACEE,EAAA;AAGM;AAAwE,IACvEM,YAAY,GAAAC,GAAA,IACXR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,qBAAC;AAAAhB,QAAA,CAAAgB,qBAAA;EAAAC,aAEC,EAASA,CAAA,KAACA;AAAS;AACQC,MAAA,CAAAC,OAC3B,GAAAN,YAAiB,CAAAG,qBAAA;AAAA,IAAAI,kBACV,GAAAC,OAAA;AAAA,IAAAC,iBACP,GAAAD,OAAA;AAAA,IAAAE,YACI,GAAAF,OAAA;AAAA,IAAAG,YACA,GAAAH,OAAA;AAAA,IAAAI,gBAAA,GAAAJ,OAAA;AAAA,IAAAK,iBAPO,GAAAL,OAAA;AAAA,IAQbM,GACD,OAAAJ,YAAA,CAAAK,gBAAA,EAAAF,iBAAA,CAAAG,mBAAA;AAAA,SAGHZ,cAAAa,KAAA,EAAC;EAIT;IAAAC,MAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAH,KAAA","ignoreList":[]}