@multiplatform.one/components 7.81.0 → 7.81.2

package/dist/esm/charts/BarChart.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useTranslation","XAxis","YAxis","ChartDataFrame","ChartSurface","chartDatumText","describeChart","describeDatum","computeCartesianPlot","resolveSeriesFills","thinCategories","createBandScale","createLinearScale","formatChartValue","getLinearTicks","valueDomain","BarSeries","useChartTheme","BarChart","param","data","height","width","categorical","color","colors","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","domain","domainProp","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","palette","labelFontSize","fills","format","ariaLabel","typeLabel","formatValue","interactive","Boolean","children","proof","kind","separated","datumText","datumValues","datumCount","length","size","map","datum","value","nice","marginScale","range","tickValues","plot","yTickLabels","fontSize","xScale","x","yScale","y","scale","ticks","tickFormat","showLabels","datumLabel"],"sources":["BarChart.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useTranslation } from \"../shared/i18n\";\nimport { XAxis, YAxis } from \"./Axis\";\nimport { ChartDataFrame } from \"./ChartDataView\";\nimport { ChartSurface } from \"./ChartSurface\";\nimport { chartDatumText, describeChart, describeDatum } from \"./accessibility\";\nimport { computeCartesianPlot, resolveSeriesFills, thinCategories } from \"./composeChart\";\nimport { createBandScale, createLinearScale, formatChartValue, getLinearTicks, valueDomain } from \"./math\";\nimport { BarSeries } from \"./series\";\nimport { useChartTheme } from \"./useChartTheme\";\nfunction BarChart(param) {\n  var { data, height = 200, width, categorical = false, color, colors, showXAxis = true, showYAxis = true, showGrid = true, yTicks = 4, valueFormatter, title, label, domain: domainProp, onDatumPress, onDatumHoverIn, onDatumHoverOut, ...stackProps } = param;\n  var { t } = useTranslation();\n  var { palette, labelFontSize } = useChartTheme();\n  var fills = resolveSeriesFills(data, palette, {\n    color,\n    colors,\n    categorical\n  });\n  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : formatChartValue;\n  var ariaLabel = label !== null && label !== void 0 ? label : describeChart({\n    typeLabel: t(\"Bar chart\"),\n    title,\n    data,\n    formatValue: valueFormatter\n  });\n  var interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);\n  return /* @__PURE__ */ _jsx(ChartDataFrame, {\n    data,\n    title,\n    valueFormatter,\n    width,\n    children: /* @__PURE__ */ _jsx(ChartSurface, {\n      label: ariaLabel,\n      proof: {\n        kind: \"bar\",\n        separated: true,\n        datumText: false,\n        datumValues: chartDatumText(data, valueFormatter),\n        datumCount: data.length\n      },\n      height,\n      width,\n      ...stackProps,\n      children: function children(size) {\n        var domain = domainProp !== null && domainProp !== void 0 ? domainProp : valueDomain(data.map(function(datum) {\n          return datum.value;\n        }));\n        var nice = domainProp ? false : void 0;\n        var marginScale = createLinearScale({\n          domain,\n          range: [\n            0,\n            1\n          ],\n          nice\n        });\n        var tickValues = getLinearTicks(marginScale, yTicks);\n        var plot = computeCartesianPlot(size, {\n          showXAxis,\n          showYAxis,\n          yTickLabels: tickValues.map(function(value) {\n            return format(value);\n          }),\n          fontSize: labelFontSize\n        });\n        if (plot.width <= 0 || plot.height <= 0 || data.length === 0) return null;\n        var xScale = createBandScale({\n          domain: data.map(function(datum) {\n            return datum.label;\n          }),\n          range: [\n            plot.x,\n            plot.x + plot.width\n          ]\n        });\n        var yScale = createLinearScale({\n          domain,\n          range: [\n            plot.y + plot.height,\n            plot.y\n          ],\n          nice\n        });\n        return /* @__PURE__ */ _jsxs(_Fragment, {\n          children: [\n            showYAxis || showGrid ? /* @__PURE__ */ _jsx(YAxis, {\n              plot,\n              scale: yScale,\n              ticks: yTicks,\n              tickFormat: function tickFormat(value) {\n                return format(value);\n              },\n              showLabels: showYAxis,\n              showGrid\n            }) : null,\n            /* @__PURE__ */ _jsx(BarSeries, {\n              data,\n              xScale,\n              yScale,\n              plot,\n              fills,\n              onDatumPress,\n              onDatumHoverIn,\n              onDatumHoverOut,\n              datumLabel: interactive ? function(datum) {\n                return describeDatum({\n                  datum,\n                  formatValue: valueFormatter\n                });\n              } : void 0\n            }),\n            showXAxis ? /* @__PURE__ */ _jsx(XAxis, {\n              plot,\n              scale: xScale,\n              tickValues: thinCategories(data.map(function(datum) {\n                return datum.label;\n              }), plot.width, labelFontSize)\n            }) : null\n          ]\n        });\n      }\n    })\n  });\n}\nexport {\n  BarChart\n};\n//# sourceMappingURL=BarChart.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useTranslation","XAxis","YAxis","ChartDataFrame","ChartSurface","chartDatumText","describeChart","describeDatum","computeCartesianPlot","resolveSeriesFills","thinCategories","createBandScale","createLinearScale","formatChartValue","getLinearTicks","valueDomain","BarSeries","useChartTheme","BarChart","param","data","height","width","categorical","color","colors","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","domain","domainProp","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","palette","labelFontSize","fills","format","ariaLabel","typeLabel","formatValue","interactive","Boolean","fill","children","proof","kind","separated","datumText","datumValues","datumCount","length","size","map","datum","value","nice","marginScale","range","tickValues","plot","yTickLabels","fontSize","xScale","x","yScale","y","scale","ticks","tickFormat","showLabels","datumLabel"],"sources":["../../../src/charts/BarChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/charts/ChartDataView.mjs

@@ -1,4 +1,5 @@
 import { Button } from "@multiplatform.one/forms";
+import { TableIcon } from "@phosphor-icons/react";
 import { isWeb } from "@multiplatform.one/platform";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { createContext, useContext, useId, useState } from "react";
@@ -6,6 +7,8 @@ import { Paragraph, XStack, YStack } from "tamagui";
 import { OverlayHeader } from "../actions/StandardAction.mjs";
 import { Dialog } from "../Dialog.mjs";
 import { ScrollView } from "../ScrollView/index.mjs";
+import { Separator } from "../Separator/index.mjs";
+import { Text } from "../Text.mjs";
 import { sectionHeading } from "../componentColors.mjs";
 import { useTranslation } from "../shared/i18n.mjs";
 import { DialogContent, DialogOverlay } from "../surfaces.mjs";
@@ -41,7 +44,9 @@ function ChartDataView({
   const action = /* @__PURE__ */jsx(Dialog.Trigger, {
     asChild: true,
     children: /* @__PURE__ */jsx(Button, {
-      size: "$3",
+      circular: true,
+      chromeless: true,
+      icon: TableIcon,
       id: triggerId,
       ...(isWeb ? {
         "aria-label": actionLabel
@@ -50,8 +55,7 @@ function ChartDataView({
       }),
       ...chartWebProps({
         "data-mpo-chart-data-trigger": id
-      }),
-      children: t("View data")
+      })
     })
   });
   return /* @__PURE__ */jsx(ChartDataContext.Provider, {
@@ -136,6 +140,7 @@ function ChartDataFrame({
   title,
   valueFormatter,
   width,
+  fill,
   children
 }) {
   const inherited = useContext(ChartDataContext);
@@ -143,6 +148,19 @@ function ChartDataFrame({
     knobProps
   } = useResolvedKnobs();
   if (inherited) return children;
+  if (fill) return /* @__PURE__ */jsxs(YStack, {
+    minWidth: 0,
+    width: width ?? "100%",
+    maxWidth: "100%",
+    flex: 1,
+    minHeight: 0,
+    ...knobProps.gap,
+    children: [children, /* @__PURE__ */jsx(ChartDataList, {
+      data,
+      title,
+      valueFormatter
+    })]
+  });
   return /* @__PURE__ */jsx(ChartDataView, {
     data,
     title,
@@ -153,6 +171,10 @@ function ChartDataFrame({
       minWidth: 0,
       width: width ?? "100%",
       maxWidth: "100%",
+      ...(fill ? {
+        flex: 1,
+        minHeight: 0
+      } : null),
       ...knobProps.gap,
       children: [children, /* @__PURE__ */jsx(XStack, {
         justifyContent: "flex-end",
@@ -161,6 +183,64 @@ function ChartDataFrame({
     })
   });
 }
+function ChartDataList({
+  data,
+  title,
+  valueFormatter
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const format = valueFormatter ?? formatChartValue;
+  const rows = data.map((datum, index) => typeof datum === "number" ? {
+    label: String(index + 1),
+    value: datum
+  } : datum);
+  const label = title ? `${title}: ${t("data")}` : t("Chart data");
+  return /* @__PURE__ */jsx(ScrollView, {
+    flex: 1,
+    minHeight: 0,
+    ...(isWeb ? {
+      "aria-label": label
+    } : {
+      accessibilityLabel: label
+    }),
+    ...chartWebProps({
+      "data-mpo-chart-data-inline": "true"
+    }),
+    children: rows.map((datum, index) => /* @__PURE__ */jsxs(YStack, {
+      children: [index > 0 ? /* @__PURE__ */jsx(Separator, {}) : null, /* @__PURE__ */jsxs(XStack, {
+        minHeight: 44,
+        alignItems: "center",
+        ...knobProps.gap,
+        ...chartWebProps({
+          "data-mpo-chart-data-row": String(index)
+        }),
+        ...(!isWeb ? {
+          accessible: true,
+          accessibilityLabel: describeDatum({
+            datum,
+            formatValue: format
+          })
+        } : {}),
+        children: [/* @__PURE__ */jsx(Text, {
+          flex: 1,
+          minWidth: 0,
+          ...knobProps.body,
+          children: datum.label
+        }), /* @__PURE__ */jsx(Text, {
+          tabular: true,
+          ...knobProps.body,
+          color: knobProps.textRole.meta.color,
+          children: format(datum.value)
+        })]
+      })]
+    }, index))
+  });
+}
 function useChartDataViewProps() {
   const context = useContext(ChartDataContext);
   if (!context) return {};

package/dist/esm/charts/ChartDataView.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Button","isWeb","useResolvedKnobs","createContext","useContext","useId","useState","Paragraph","XStack","YStack","OverlayHeader","Dialog","ScrollView","sectionHeading","useTranslation","DialogContent","DialogOverlay","describeDatum","formatChartValue","chartWebProps","jsx","jsxs","ChartDataContext","ChartDataView","data","title","valueFormatter","children","t","knobProps","datumKnobs","open","setOpen","id","replace","triggerId","normalized","map","datum","index","label","String","value","format","actionLabel","action","Trigger","asChild","size","accessibilityLabel","Provider","modal","onOpenChange","Portal","width","maxWidth","maxHeight","Title","heading","onClose","Description","body","length","flexShrink","minHeight","gap","alignItems","flexWrap","accessible","formatValue","flexBasis","flexGrow","minWidth","ChartDataFrame","inherited","justifyContent","useChartDataViewProps","context"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Button","TableIcon","isWeb","useResolvedKnobs","createContext","useContext","useId","useState","Paragraph","XStack","YStack","OverlayHeader","Dialog","ScrollView","Separator","Text","sectionHeading","useTranslation","DialogContent","DialogOverlay","describeDatum","formatChartValue","chartWebProps","jsx","jsxs","ChartDataContext","ChartDataView","data","title","valueFormatter","children","t","knobProps","datumKnobs","open","setOpen","id","replace","triggerId","normalized","map","datum","index","label","String","value","format","actionLabel","action","Trigger","asChild","circular","chromeless","icon","accessibilityLabel","Provider","modal","onOpenChange","Portal","width","maxWidth","maxHeight","Title","heading","onClose","Description","body","length","flexShrink","minHeight","gap","alignItems","flexWrap","accessible","formatValue","flexBasis","flexGrow","minWidth","ChartDataFrame","fill","inherited","flex","ChartDataList","justifyContent","rows","tabular","color","textRole","meta","useChartDataViewProps","context"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,SAAA,QAAiB;AAC1B,SAASC,KAAA,QAAa;AACtB,SAASC,gBAAA,QAAwB;AACjC,SAASC,aAAA,EAAeC,UAAA,EAAYC,KAAA,EAAOC,QAAA,QAAgC;AAC3E,SAASC,SAAA,EAAWC,MAAA,EAAQC,MAAA,QAAc;AAC1C,SAASC,aAAA,QAAqB;AAC9B,SAASC,MAAA,QAAc;AACvB,SAASC,UAAA,QAAkB;AAC3B,SAASC,SAAA,QAAiB;AAC1B,SAASC,IAAA,QAAY;AACrB,SAASC,cAAA,QAAsB;AAC/B,SAASC,cAAA,QAAsB;AAC/B,SAASC,aAAA,EAAeC,aAAA,QAAqB;AAC7C,SAASC,aAAA,QAAqB;AAC9B,SAASC,gBAAA,QAAwB;AACjC,SAASC,aAAA,QAAqB;AAgCxB,SAAAC,GAAA,EAqCYC,IAAA,QArCZ;AA7BN,MAAMC,gBAAA,GAAmBrB,aAAA,CAAwD,IAAI;AAe9E,SAASsB,cAAc;EAAEC,IAAA;EAAMC,KAAA;EAAOC,cAAA;EAAgBC;AAAS,GAAuB;EAC3F,MAAM;IAAEC;EAAE,IAAId,cAAA,CAAe;EAC7B,MAAM;IAAEe;EAAU,IAAI7B,gBAAA,CAAiB;EACvC,MAAM;IAAE6B,SAAA,EAAWC;EAAW,IAAI9B,gBAAA,CAAiB;EACnD,MAAM,CAAC+B,IAAA,EAAMC,OAAO,IAAI5B,QAAA,CAAS,KAAK;EACtC,MAAM6B,EAAA,GAAK,kBAAkB9B,KAAA,CAAM,EAAE+B,OAAA,CAAQ,mBAAmB,GAAG,CAAC;EACpE,MAAMC,SAAA,GAAY,GAAGF,EAAE;EACvB,MAAMG,UAAA,GAAaZ,IAAA,CAAKa,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,KAClC,OAAOD,KAAA,KAAU,WAAW;IAAEE,KAAA,EAAOC,MAAA,CAAOF,KAAA,GAAQ,CAAC;IAAGG,KAAA,EAAOJ;EAAM,IAAIA,KAC3E;EACA,MAAMK,MAAA,GAASjB,cAAA,IAAkBR,gBAAA;EACjC,MAAM0B,WAAA,GAAcnB,KAAA,GAAQ,GAAGG,CAAA,CAAE,eAAe,CAAC,IAAIH,KAAK,KAAKG,CAAA,CAAE,iBAAiB;EAClF,MAAMiB,MAAA,GACJ,eAAAzB,GAAA,CAACX,MAAA,CAAOqC,OAAA,EAAP;IAAeC,OAAA,EAAO;IACrBpB,QAAA,iBAAAP,GAAA,CAACvB,MAAA;MACCmD,QAAA,EAAQ;MACRC,UAAA,EAAU;MACVC,IAAA,EAAMpD,SAAA;MACNmC,EAAA,EAAIE,SAAA;MACH,IAAIpC,KAAA,GAAQ;QAAE,cAAc6C;MAAY,IAAI;QAAEO,kBAAA,EAAoBP;MAAY;MAC9E,GAAGzB,aAAA,CAAc;QAAE,+BAA+Bc;MAAG,CAAC;IAAA,CACzD;EAAA,CACF;EAEF,OACE,eAAAb,GAAA,CAACE,gBAAA,CAAiB8B,QAAA,EAAjB;IAA0BV,KAAA,EAAO;MAAET,EAAA;MAAIE;IAAU;IAChDR,QAAA,iBAAAN,IAAA,CAACZ,MAAA;MAAO4C,KAAA,EAAK;MAACtB,IAAA;MAAYuB,YAAA,EAActB,OAAA;MACrCL,QAAA,GAAAA,QAAA,CAAS;QAAEkB,MAAA;QAAQrB,IAAA,EAAMY,UAAA;QAAYV,cAAA,EAAgBiB;MAAO,CAAC,GAC9D,eAAAtB,IAAA,CAACZ,MAAA,CAAO8C,MAAA,EAAP;QACC5B,QAAA,kBAAAP,GAAA,CAACJ,aAAA,MAAkB,SAAU,GAC7B,eAAAK,IAAA,CAACN,aAAA;UAECyC,KAAA,EAAM;UACNC,QAAA,EAAU;UACVC,SAAA,EAAU;UACT,GAAGvC,aAAA,CAAc;YAAE,6BAA6Bc;UAAG,CAAC;UAErDN,QAAA,kBAAAP,GAAA,CAACZ,aAAA;YACCiB,KAAA,EACE,eAAAL,GAAA,CAACX,MAAA,CAAOkD,KAAA,EAAP;cAAc,GAAG9C,cAAA;cAAiB,GAAGgB,SAAA,CAAU+B,OAAA;cAC7CjC,QAAA,EAAAF,KAAA,GAAQ,GAAGA,KAAK,KAAKG,CAAA,CAAE,MAAM,CAAC,KAAKA,CAAA,CAAE,YAAY;YAAA,CACpD;YAEFiC,OAAA,EAASA,CAAA,KAAM7B,OAAA,CAAQ,KAAK;UAAA,CAC9B,GACA,eAAAZ,GAAA,CAACX,MAAA,CAAOqD,WAAA,EAAP;YACE,GAAGjC,SAAA,CAAUkC,IAAA;YACdpC,QAAA,KAAGS,UAAA,CAAW4B,MAAM,IAAIpC,CAAA,CAAE,aAAa,CAAC;UAAA,CAAG,GAC7C,eAAAR,GAAA,CAACV,UAAA;YAAWuD,UAAA,EAAY;YAAGC,SAAA,EAAW;YACpCvC,QAAA,iBAAAP,GAAA,CAACb,MAAA;cAAQ,GAAGsB,SAAA,CAAUsC,GAAA;cACnBxC,QAAA,EAAAS,UAAA,CAAWC,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,KACtB,eAAAlB,IAAA,CAACf,MAAA;gBAEC8D,UAAA,EAAW;gBACXC,QAAA,EAAS;gBACR,GAAGvC,UAAA,CAAWqC,GAAA;gBACd,GAAGhD,aAAA,CAAc;kBAAE,2BAA2BsB,MAAA,CAAOF,KAAK;gBAAE,CAAC;gBAC7D,IAAI,CAACxC,KAAA,GACF;kBACEuE,UAAA,EAAY;kBACZnB,kBAAA,EAAoBlC,aAAA,CAAc;oBAAEqB,KAAA;oBAAOiC,WAAA,EAAa5B;kBAAO,CAAC;gBAClE,IACA,CAAC;gBAELhB,QAAA,kBAAAP,GAAA,CAACf,SAAA;kBACCmE,SAAA,EAAU;kBACVC,QAAA,EAAU;kBACVR,UAAA,EAAY;kBACZS,QAAA,EAAU;kBACT,GAAG7C,SAAA,CAAUkC,IAAA;kBACb,GAAG5C,aAAA,CAAc;oBAAE,6BAA6B;kBAAO,CAAC;kBAExDQ,QAAA,EAAAW,KAAA,CAAME;gBAAA,CACT,GACA,eAAApB,GAAA,CAACf,SAAA;kBACC4D,UAAA,EAAY;kBACZR,QAAA,EAAS;kBACR,GAAG5B,SAAA,CAAUkC,IAAA;kBACb,GAAG5C,aAAA,CAAc;oBAAE,6BAA6B;kBAAO,CAAC;kBAExDQ,QAAA,EAAAgB,MAAA,CAAOL,KAAA,CAAMI,KAAK;gBAAA,CACrB;cAAA,GA7BKH,KA8BP,CACD;YAAA,CACH;UAAA,CACF;QAAA,GAtDI,SAuDN;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ;AAGO,SAASoC,eAAe;EAC7BnD,IAAA;EACAC,KAAA;EACAC,cAAA;EACA8B,KAAA;EACAoB,IAAA;EACAjD;AACF,GAKG;EACD,MAAMkD,SAAA,GAAY3E,UAAA,CAAWoB,gBAAgB;EAC7C,MAAM;IAAEO;EAAU,IAAI7B,gBAAA,CAAiB;EACvC,IAAI6E,SAAA,EAAW,OAAOlD,QAAA;EACtB,IAAIiD,IAAA,EACF,OACE,eAAAvD,IAAA,CAACd,MAAA;IACCmE,QAAA,EAAU;IACVlB,KAAA,EAAOA,KAAA,IAAS;IAChBC,QAAA,EAAS;IACTqB,IAAA,EAAM;IACNZ,SAAA,EAAW;IACV,GAAGrC,SAAA,CAAUsC,GAAA;IAEbxC,QAAA,GAAAA,QAAA,EACD,eAAAP,GAAA,CAAC2D,aAAA;MAAcvD,IAAA;MAAYC,KAAA;MAAcC;IAAA,CAAgC;EAAA,CAC3E;EAEJ,OACE,eAAAN,GAAA,CAACG,aAAA;IAAcC,IAAA;IAAYC,KAAA;IAAcC,cAAA;IACtCC,QAAA,EAAAA,CAAC;MAAEkB;IAAO,MACT,eAAAxB,IAAA,CAACd,MAAA;MACCmE,QAAA,EAAU;MACVlB,KAAA,EAAOA,KAAA,IAAS;MAChBC,QAAA,EAAS;MACR,IAAImB,IAAA,GAAO;QAAEE,IAAA,EAAM;QAAGZ,SAAA,EAAW;MAAE,IAAI;MACvC,GAAGrC,SAAA,CAAUsC,GAAA;MAEbxC,QAAA,GAAAA,QAAA,EACD,eAAAP,GAAA,CAACd,MAAA;QAAO0E,cAAA,EAAe;QAAYrD,QAAA,EAAAkB;MAAA,CAAO;IAAA,CAC5C;EAAA,CAEJ;AAEJ;AAOA,SAASkC,cAAc;EACrBvD,IAAA;EACAC,KAAA;EACAC;AACF,GAAkE;EAChE,MAAM;IAAEE;EAAE,IAAId,cAAA,CAAe;EAC7B,MAAM;IAAEe;EAAU,IAAI7B,gBAAA,CAAiB;EACvC,MAAM2C,MAAA,GAASjB,cAAA,IAAkBR,gBAAA;EACjC,MAAM+D,IAAA,GAAOzD,IAAA,CAAKa,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,KAC5B,OAAOD,KAAA,KAAU,WAAW;IAAEE,KAAA,EAAOC,MAAA,CAAOF,KAAA,GAAQ,CAAC;IAAGG,KAAA,EAAOJ;EAAM,IAAIA,KAC3E;EACA,MAAME,KAAA,GAAQf,KAAA,GAAQ,GAAGA,KAAK,KAAKG,CAAA,CAAE,MAAM,CAAC,KAAKA,CAAA,CAAE,YAAY;EAC/D,OACE,eAAAR,GAAA,CAACV,UAAA;IACCoE,IAAA,EAAM;IACNZ,SAAA,EAAW;IACV,IAAInE,KAAA,GAAQ;MAAE,cAAcyC;IAAM,IAAI;MAAEW,kBAAA,EAAoBX;IAAM;IAClE,GAAGrB,aAAA,CAAc;MAAE,8BAA8B;IAAO,CAAC;IAEzDQ,QAAA,EAAAsD,IAAA,CAAK5C,GAAA,CAAI,CAACC,KAAA,EAAOC,KAAA,KAChB,eAAAlB,IAAA,CAACd,MAAA;MACEoB,QAAA,GAAAY,KAAA,GAAQ,IAAI,eAAAnB,GAAA,CAACT,SAAA,IAAU,IAAK,MAC7B,eAAAU,IAAA,CAACf,MAAA;QACC4D,SAAA,EAAW;QACXE,UAAA,EAAW;QACV,GAAGvC,SAAA,CAAUsC,GAAA;QACb,GAAGhD,aAAA,CAAc;UAAE,2BAA2BsB,MAAA,CAAOF,KAAK;QAAE,CAAC;QAC7D,IAAI,CAACxC,KAAA,GACF;UACEuE,UAAA,EAAY;UACZnB,kBAAA,EAAoBlC,aAAA,CAAc;YAAEqB,KAAA;YAAOiC,WAAA,EAAa5B;UAAO,CAAC;QAClE,IACA,CAAC;QAELhB,QAAA,kBAAAP,GAAA,CAACR,IAAA;UAAKkE,IAAA,EAAM;UAAGJ,QAAA,EAAU;UAAI,GAAG7C,SAAA,CAAUkC,IAAA;UACvCpC,QAAA,EAAAW,KAAA,CAAME;QAAA,CACT,GACA,eAAApB,GAAA,CAACR,IAAA;UAAKsE,OAAA,EAAO;UAAE,GAAGrD,SAAA,CAAUkC,IAAA;UAAMoB,KAAA,EAAOtD,SAAA,CAAUuD,QAAA,CAASC,IAAA,CAAKF,KAAA;UAC9DxD,QAAA,EAAAgB,MAAA,CAAOL,KAAA,CAAMI,KAAK;QAAA,CACrB;MAAA,CACF;IAAA,GApBWH,KAqBb,CACD;EAAA,CACH;AAEJ;AAEO,SAAS+C,sBAAA,EAAiD;EAC/D,MAAMC,OAAA,GAAUrF,UAAA,CAAWoB,gBAAgB;EAC3C,IAAI,CAACiE,OAAA,EAAS,OAAO,CAAC;EACtB,OAAOpE,aAAA,CAAc;IACnB,4BAA4BoE,OAAA,CAAQtD,EAAA;IACpC,oBAAoBsD,OAAA,CAAQpD;EAC9B,CAAC;AACH","ignoreList":[]}

package/dist/esm/charts/ChartDataView.native.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "@multiplatform.one/forms";
+import { TableIcon } from "@phosphor-icons/react";
 import { isWeb } from "@multiplatform.one/platform";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { createContext, useContext, useId, useState } from "react";
@@ -7,6 +8,8 @@ import { Paragraph, XStack, YStack } from "tamagui";
 import { OverlayHeader } from "../actions/StandardAction.native.js";
 import { Dialog } from "../Dialog.native.js";
 import { ScrollView } from "../ScrollView/index.native.js";
+import { Separator } from "../Separator/index.native.js";
+import { Text } from "../Text.native.js";
 import { sectionHeading } from "../componentColors.native.js";
 import { useTranslation } from "../shared/i18n.native.js";
 import { DialogContent, DialogOverlay } from "../surfaces.native.js";
@@ -44,7 +47,9 @@ function ChartDataView(param) {
   var action = /* @__PURE__ */_jsx(Dialog.Trigger, {
     asChild: true,
     children: /* @__PURE__ */_jsx(Button, {
-      size: "$3",
+      circular: true,
+      chromeless: true,
+      icon: TableIcon,
       id: triggerId,
       ...(isWeb ? {
         "aria-label": actionLabel
@@ -53,8 +58,7 @@ function ChartDataView(param) {
       }),
       ...chartWebProps({
         "data-mpo-chart-data-trigger": id
-      }),
-      children: t("View data")
+      })
     })
   });
   return /* @__PURE__ */_jsx(ChartDataContext.Provider, {
@@ -144,6 +148,7 @@ function ChartDataFrame(param) {
     title,
     valueFormatter,
     width,
+    fill,
     children
   } = param;
   var inherited = useContext(ChartDataContext);
@@ -151,6 +156,19 @@ function ChartDataFrame(param) {
     knobProps
   } = useResolvedKnobs();
   if (inherited) return children;
+  if (fill) return /* @__PURE__ */_jsxs(YStack, {
+    minWidth: 0,
+    width: width !== null && width !== void 0 ? width : "100%",
+    maxWidth: "100%",
+    flex: 1,
+    minHeight: 0,
+    ...knobProps.gap,
+    children: [children, /* @__PURE__ */_jsx(ChartDataList, {
+      data,
+      title,
+      valueFormatter
+    })]
+  });
   return /* @__PURE__ */_jsx(ChartDataView, {
     data,
     title,
@@ -163,6 +181,10 @@ function ChartDataFrame(param) {
         minWidth: 0,
         width: width !== null && width !== void 0 ? width : "100%",
         maxWidth: "100%",
+        ...(fill ? {
+          flex: 1,
+          minHeight: 0
+        } : null),
         ...knobProps.gap,
         children: [children, /* @__PURE__ */_jsx(XStack, {
           justifyContent: "flex-end",
@@ -172,6 +194,69 @@ function ChartDataFrame(param) {
     }
   });
 }
+function ChartDataList(param) {
+  var {
+    data,
+    title,
+    valueFormatter
+  } = param;
+  var {
+    t
+  } = useTranslation();
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : formatChartValue;
+  var rows = data.map(function (datum, index) {
+    return typeof datum === "number" ? {
+      label: String(index + 1),
+      value: datum
+    } : datum;
+  });
+  var label = title ? `${title}: ${t("data")}` : t("Chart data");
+  return /* @__PURE__ */_jsx(ScrollView, {
+    flex: 1,
+    minHeight: 0,
+    ...(isWeb ? {
+      "aria-label": label
+    } : {
+      accessibilityLabel: label
+    }),
+    ...chartWebProps({
+      "data-mpo-chart-data-inline": "true"
+    }),
+    children: rows.map(function (datum, index) {
+      return /* @__PURE__ */_jsxs(YStack, {
+        children: [index > 0 ? /* @__PURE__ */_jsx(Separator, {}) : null, /* @__PURE__ */_jsxs(XStack, {
+          minHeight: 44,
+          alignItems: "center",
+          ...knobProps.gap,
+          ...chartWebProps({
+            "data-mpo-chart-data-row": String(index)
+          }),
+          ...(!isWeb ? {
+            accessible: true,
+            accessibilityLabel: describeDatum({
+              datum,
+              formatValue: format
+            })
+          } : {}),
+          children: [/* @__PURE__ */_jsx(Text, {
+            flex: 1,
+            minWidth: 0,
+            ...knobProps.body,
+            children: datum.label
+          }), /* @__PURE__ */_jsx(Text, {
+            tabular: true,
+            ...knobProps.body,
+            color: knobProps.textRole.meta.color,
+            children: format(datum.value)
+          })]
+        })]
+      }, index);
+    })
+  });
+}
 function useChartDataViewProps() {
   var context = useContext(ChartDataContext);
   if (!context) return {};

package/dist/esm/charts/ChartDataView.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","isWeb","useResolvedKnobs","createContext","useContext","useId","useState","Paragraph","XStack","YStack","OverlayHeader","Dialog","ScrollView","sectionHeading","useTranslation","DialogContent","DialogOverlay","describeDatum","formatChartValue","chartWebProps","ChartDataContext","ChartDataView","param","data","title","valueFormatter","children","t","knobProps","datumKnobs","open","setOpen","id","replace","triggerId","normalized","map","datum","index","label","String","value","format","actionLabel","action","Trigger","asChild","size","accessibilityLabel","Provider","modal","onOpenChange","Portal","width","maxWidth","maxHeight","Title","heading","onClose","Description","body","length","flexShrink","minHeight","gap","alignItems","flexWrap","accessible","formatValue","flexBasis","flexGrow","minWidth","ChartDataFrame","inherited","children1","param2","justifyContent","useChartDataViewProps","context"],"sources":["ChartDataView.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Button } from \"@multiplatform.one/forms\";\nimport { isWeb } from \"@multiplatform.one/platform\";\nimport { useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { createContext, useContext, useId, useState } from \"react\";\nimport { Paragraph, XStack, YStack } from \"tamagui\";\nimport { OverlayHeader } from \"../actions/StandardAction\";\nimport { Dialog } from \"../Dialog\";\nimport { ScrollView } from \"../ScrollView\";\nimport { sectionHeading } from \"../componentColors\";\nimport { useTranslation } from \"../shared/i18n\";\nimport { DialogContent, DialogOverlay } from \"../surfaces\";\nimport { describeDatum } from \"./accessibility\";\nimport { formatChartValue } from \"./math\";\nimport { chartWebProps } from \"./svg\";\nvar ChartDataContext = /* @__PURE__ */ createContext(null);\nfunction ChartDataView(param) {\n  var { data, title, valueFormatter, children } = param;\n  var { t } = useTranslation();\n  var { knobProps } = useResolvedKnobs();\n  var { knobProps: datumKnobs } = useResolvedKnobs();\n  var [open, setOpen] = useState(false);\n  var id = `mpo-chart-data-${useId().replace(/[^a-zA-Z0-9_-]/g, \"_\")}`;\n  var triggerId = `${id}-trigger`;\n  var normalized = data.map(function(datum, index) {\n    return typeof datum === \"number\" ? {\n      label: String(index + 1),\n      value: datum\n    } : datum;\n  });\n  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : formatChartValue;\n  var actionLabel = title ? `${t(\"View data for\")} ${title}` : t(\"View chart data\");\n  var action = /* @__PURE__ */ _jsx(Dialog.Trigger, {\n    asChild: true,\n    children: /* @__PURE__ */ _jsx(Button, {\n      size: \"$3\",\n      id: triggerId,\n      ...isWeb ? {\n        \"aria-label\": actionLabel\n      } : {\n        accessibilityLabel: actionLabel\n      },\n      ...chartWebProps({\n        \"data-mpo-chart-data-trigger\": id\n      }),\n      children: t(\"View data\")\n    })\n  });\n  return /* @__PURE__ */ _jsx(ChartDataContext.Provider, {\n    value: {\n      id,\n      triggerId\n    },\n    children: /* @__PURE__ */ _jsxs(Dialog, {\n      modal: true,\n      open,\n      onOpenChange: setOpen,\n      children: [\n        children({\n          action,\n          data: normalized,\n          valueFormatter: format\n        }),\n        /* @__PURE__ */ _jsxs(Dialog.Portal, {\n          children: [\n            /* @__PURE__ */ _jsx(DialogOverlay, {}, \"overlay\"),\n            /* @__PURE__ */ _jsxs(DialogContent, {\n              width: \"90%\",\n              maxWidth: 480,\n              maxHeight: \"80%\",\n              ...chartWebProps({\n                \"data-mpo-chart-data-panel\": id\n              }),\n              children: [\n                /* @__PURE__ */ _jsx(OverlayHeader, {\n                  title: /* @__PURE__ */ _jsx(Dialog.Title, {\n                    ...sectionHeading,\n                    ...knobProps.heading,\n                    children: title ? `${title}: ${t(\"data\")}` : t(\"Chart data\")\n                  }),\n                  onClose: function onClose() {\n                    return setOpen(false);\n                  }\n                }),\n                /* @__PURE__ */ _jsx(Dialog.Description, {\n                  ...knobProps.body,\n                  children: `${normalized.length} ${t(\"data points\")}`\n                }),\n                /* @__PURE__ */ _jsx(ScrollView, {\n                  flexShrink: 1,\n                  minHeight: 0,\n                  children: /* @__PURE__ */ _jsx(YStack, {\n                    ...knobProps.gap,\n                    children: normalized.map(function(datum, index) {\n                      return /* @__PURE__ */ _jsxs(XStack, {\n                        alignItems: \"flex-start\",\n                        flexWrap: \"wrap\",\n                        ...datumKnobs.gap,\n                        ...chartWebProps({\n                          \"data-mpo-chart-data-row\": String(index)\n                        }),\n                        ...!isWeb ? {\n                          accessible: true,\n                          accessibilityLabel: describeDatum({\n                            datum,\n                            formatValue: format\n                          })\n                        } : {},\n                        children: [\n                          /* @__PURE__ */ _jsx(Paragraph, {\n                            flexBasis: \"50%\",\n                            flexGrow: 1,\n                            flexShrink: 1,\n                            minWidth: 0,\n                            ...knobProps.body,\n                            ...chartWebProps({\n                              \"data-mpo-chart-data-label\": \"true\"\n                            }),\n                            children: datum.label\n                          }),\n                          /* @__PURE__ */ _jsx(Paragraph, {\n                            flexShrink: 1,\n                            maxWidth: \"100%\",\n                            ...knobProps.body,\n                            ...chartWebProps({\n                              \"data-mpo-chart-data-value\": \"true\"\n                            }),\n                            children: format(datum.value)\n                          })\n                        ]\n                      }, index);\n                    })\n                  })\n                })\n              ]\n            }, \"content\")\n          ]\n        })\n      ]\n    })\n  });\n}\nfunction ChartDataFrame(param) {\n  var { data, title, valueFormatter, width, children } = param;\n  var inherited = useContext(ChartDataContext);\n  var { knobProps } = useResolvedKnobs();\n  if (inherited) return children;\n  return /* @__PURE__ */ _jsx(ChartDataView, {\n    data,\n    title,\n    valueFormatter,\n    children: function children1(param2) {\n      var { action } = param2;\n      return /* @__PURE__ */ _jsxs(YStack, {\n        minWidth: 0,\n        width: width !== null && width !== void 0 ? width : \"100%\",\n        maxWidth: \"100%\",\n        ...knobProps.gap,\n        children: [\n          children,\n          /* @__PURE__ */ _jsx(XStack, {\n            justifyContent: \"flex-end\",\n            children: action\n          })\n        ]\n      });\n    }\n  });\n}\nfunction useChartDataViewProps() {\n  var context = useContext(ChartDataContext);\n  if (!context) return {};\n  return chartWebProps({\n    \"data-mpo-chart-data-view\": context.id,\n    \"aria-describedby\": context.triggerId\n  });\n}\nexport {\n  ChartDataFrame,\n  ChartDataView,\n  useChartDataViewProps\n};\n//# sourceMappingURL=ChartDataView.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","TableIcon","isWeb","useResolvedKnobs","createContext","useContext","useId","useState","Paragraph","XStack","YStack","OverlayHeader","Dialog","ScrollView","Separator","Text","sectionHeading","useTranslation","DialogContent","DialogOverlay","describeDatum","formatChartValue","chartWebProps","ChartDataContext","ChartDataView","param","data","title","valueFormatter","children","t","knobProps","datumKnobs","open","setOpen","id","replace","triggerId","normalized","map","datum","index","label","String","value","format","actionLabel","action","Trigger","asChild","circular","chromeless","icon","accessibilityLabel","Provider","modal","onOpenChange","Portal","width","maxWidth","maxHeight","Title","heading","onClose","Description","body","length","flexShrink","minHeight","gap","alignItems","flexWrap","accessible","formatValue","flexBasis","flexGrow","minWidth","ChartDataFrame","fill","inherited","flex","ChartDataList","children1","param2","justifyContent","rows"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/charts/ChartSurface.mjs

@@ -14,23 +14,41 @@ function ChartSurface({
   children,
   ...stackProps
 }) {
-  const height = useChartHeight(heightProp, 200);
+  const fill = heightProp === "fill";
+  const fixedHeight = useChartHeight(heightProp, 200);
   const dataViewProps = useChartDataViewProps();
   const {
     motion,
     animationEnabled
   } = useChartTheme();
-  const [measuredWidth, setMeasuredWidth] = useState(0);
-  const width = widthProp ?? measuredWidth;
+  const [measured, setMeasured] = useState({
+    width: 0,
+    height: 0
+  });
+  const width = widthProp ?? measured.width;
+  const height = fill ? measured.height : fixedHeight;
+  const fillCap = width > 0 ? Math.round(width * (width < 600 ? 0.9 : 0.5)) : void 0;
   const handleLayout = useCallback(event => {
-    const next = event.nativeEvent.layout.width;
-    setMeasuredWidth(prev => Math.abs(prev - next) >= 0.5 ? next : prev);
+    const {
+      width: nextWidth,
+      height: nextHeight
+    } = event.nativeEvent.layout;
+    setMeasured(prev => Math.abs(prev.width - nextWidth) >= 0.5 || Math.abs(prev.height - nextHeight) >= 0.5 ? {
+      width: nextWidth,
+      height: nextHeight
+    } : prev);
   }, []);
   return /* @__PURE__ */jsx(YStack, {
     width: "100%",
-    height,
+    ...(fill ? {
+      flex: 1,
+      minHeight: 0,
+      maxHeight: fillCap
+    } : {
+      height
+    }),
     overflow: "hidden",
-    onLayout: widthProp === void 0 ? handleLayout : void 0,
+    onLayout: widthProp === void 0 || fill ? handleLayout : void 0,
     ...transitionProps(motion),
     ...(animationEnabled ? {
       enterStyle: {
@@ -39,7 +57,7 @@ function ChartSurface({
       }
     } : {}),
     ...stackProps,
-    children: width > 0 ? /* @__PURE__ */jsx(Svg, {
+    children: width > 0 && height > 0 ? /* @__PURE__ */jsx(Svg, {
       width,
       height,
       ...chartRootA11yProps(label, proof),

package/dist/esm/charts/ChartSurface.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","jsx","ChartSurface","label","proof","height","heightProp","width","widthProp","children","stackProps","dataViewProps","motion","animationEnabled","measuredWidth","setMeasuredWidth","handleLayout","event","next","nativeEvent","layout","prev","Math","abs","overflow","onLayout","enterStyle","opacity","y"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAwC;AACjD,SAASC,eAAA,QAAuB;AAChC,SAASC,WAAA,EAAaC,QAAA,QAAgC;AAEtD,SAASC,MAAA,QAAgC;AACzC,SAASC,GAAA,EAAKC,kBAAA,QAAsD;AACpE,SAASC,qBAAA,QAA6B;AAEtC,SAASC,aAAA,QAAqB;AA+DtB,SAAAC,GAAA;AA9BD,SAASC,aAAa;EAC3BC,KAAA;EACAC,KAAA;EACAC,MAAA,EAAQC,UAAA;EACRC,KAAA,EAAOC,SAAA;EACPC,QAAA;EACA,GAAGC;AACL,GAAsB;EACpB,MAAML,MAAA,GAASb,cAAA,CAAec,UAAA,EAAY,GAAG;EAC7C,MAAMK,aAAA,GAAgBZ,qBAAA,CAAsB;EAC5C,MAAM;IAAEa,MAAA;IAAQC;EAAiB,IAAIb,aAAA,CAAc;EACnD,MAAM,CAACc,aAAA,EAAeC,gBAAgB,IAAIpB,QAAA,CAAS,CAAC;EACpD,MAAMY,KAAA,GAAQC,SAAA,IAAaM,aAAA;EAE3B,MAAME,YAAA,GAAetB,WAAA,CAAauB,KAAA,IAA6B;IAC7D,MAAMC,IAAA,GAAOD,KAAA,CAAME,WAAA,CAAYC,MAAA,CAAOb,KAAA;IACtCQ,gBAAA,CAAkBM,IAAA,IAAUC,IAAA,CAAKC,GAAA,CAAIF,IAAA,GAAOH,IAAI,KAAK,MAAMA,IAAA,GAAOG,IAAK;EACzE,GAAG,EAAE;EAEL,OACE,eAAApB,GAAA,CAACL,MAAA;IACCW,KAAA,EAAM;IACNF,MAAA;IACAmB,QAAA,EAAS;IACTC,QAAA,EAAUjB,SAAA,KAAc,SAAYQ,YAAA,GAAe;IAClD,GAAGvB,eAAA,CAAgBmB,MAAM;IACzB,IAAIC,gBAAA,GAAmB;MAAEa,UAAA,EAAY;QAAEC,OAAA,EAAS;QAAGC,CAAA,EAAG;MAAE;IAAE,IAAI,CAAC;IAC/D,GAAGlB,UAAA;IAEHD,QAAA,EAAAF,KAAA,GAAQ,IACP,eAAAN,GAAA,CAACJ,GAAA;MAAIU,KAAA;MAAcF,MAAA;MAAiB,GAAGP,kBAAA,CAAmBK,KAAA,EAAOC,KAAK;MAAI,GAAGO,aAAA;MAC1EF,QAAA,EAAAA,QAAA,CAAS;QAAEF,KAAA;QAAOF;MAAO,CAAC;IAAA,CAC7B,IACE;EAAA,CACN;AAEJ","ignoreList":[]}
+{"version":3,"names":["useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","jsx","ChartSurface","label","proof","height","heightProp","width","widthProp","children","stackProps","fill","fixedHeight","dataViewProps","motion","animationEnabled","measured","setMeasured","fillCap","Math","round","handleLayout","event","nextWidth","nextHeight","nativeEvent","layout","prev","abs","flex","minHeight","maxHeight","overflow","onLayout","enterStyle","opacity","y"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAwC;AACjD,SAASC,eAAA,QAAuB;AAChC,SAASC,WAAA,EAAaC,QAAA,QAAgC;AAEtD,SAASC,MAAA,QAAgC;AACzC,SAASC,GAAA,EAAKC,kBAAA,QAAsD;AACpE,SAASC,qBAAA,QAA6B;AAEtC,SAASC,aAAA,QAAqB;AAwEtB,SAAAC,GAAA;AAvCD,SAASC,aAAa;EAC3BC,KAAA;EACAC,KAAA;EACAC,MAAA,EAAQC,UAAA;EACRC,KAAA,EAAOC,SAAA;EACPC,QAAA;EACA,GAAGC;AACL,GAAsB;EACpB,MAAMC,IAAA,GAAOL,UAAA,KAAe;EAC5B,MAAMM,WAAA,GAAcpB,cAAA,CAAec,UAAA,EAAY,GAAG;EAClD,MAAMO,aAAA,GAAgBd,qBAAA,CAAsB;EAC5C,MAAM;IAAEe,MAAA;IAAQC;EAAiB,IAAIf,aAAA,CAAc;EACnD,MAAM,CAACgB,QAAA,EAAUC,WAAW,IAAItB,QAAA,CAAS;IAAEY,KAAA,EAAO;IAAGF,MAAA,EAAQ;EAAE,CAAC;EAChE,MAAME,KAAA,GAAQC,SAAA,IAAaQ,QAAA,CAAST,KAAA;EACpC,MAAMF,MAAA,GAASM,IAAA,GAAOK,QAAA,CAASX,MAAA,GAASO,WAAA;EAGxC,MAAMM,OAAA,GAAUX,KAAA,GAAQ,IAAIY,IAAA,CAAKC,KAAA,CAAMb,KAAA,IAASA,KAAA,GAAQ,MAAM,MAAM,IAAI,IAAI;EAE5E,MAAMc,YAAA,GAAe3B,WAAA,CAAa4B,KAAA,IAA6B;IAC7D,MAAM;MAAEf,KAAA,EAAOgB,SAAA;MAAWlB,MAAA,EAAQmB;IAAW,IAAIF,KAAA,CAAMG,WAAA,CAAYC,MAAA;IACnET,WAAA,CAAaU,IAAA,IACXR,IAAA,CAAKS,GAAA,CAAID,IAAA,CAAKpB,KAAA,GAAQgB,SAAS,KAAK,OAAOJ,IAAA,CAAKS,GAAA,CAAID,IAAA,CAAKtB,MAAA,GAASmB,UAAU,KAAK,MAC7E;MAAEjB,KAAA,EAAOgB,SAAA;MAAWlB,MAAA,EAAQmB;IAAW,IACvCG,IACN;EACF,GAAG,EAAE;EAEL,OACE,eAAA1B,GAAA,CAACL,MAAA;IACCW,KAAA,EAAM;IACL,IAAII,IAAA,GAAO;MAAEkB,IAAA,EAAM;MAAGC,SAAA,EAAW;MAAGC,SAAA,EAAWb;IAAQ,IAAI;MAAEb;IAAO;IACrE2B,QAAA,EAAS;IACTC,QAAA,EAAUzB,SAAA,KAAc,UAAaG,IAAA,GAAOU,YAAA,GAAe;IAC1D,GAAG5B,eAAA,CAAgBqB,MAAM;IACzB,IAAIC,gBAAA,GAAmB;MAAEmB,UAAA,EAAY;QAAEC,OAAA,EAAS;QAAGC,CAAA,EAAG;MAAE;IAAE,IAAI,CAAC;IAC/D,GAAG1B,UAAA;IAEHD,QAAA,EAAAF,KAAA,GAAQ,KAAKF,MAAA,GAAS,IACrB,eAAAJ,GAAA,CAACJ,GAAA;MAAIU,KAAA;MAAcF,MAAA;MAAiB,GAAGP,kBAAA,CAAmBK,KAAA,EAAOC,KAAK;MAAI,GAAGS,aAAA;MAC1EJ,QAAA,EAAAA,QAAA,CAAS;QAAEF,KAAA;QAAOF;MAAO,CAAC;IAAA,CAC7B,IACE;EAAA,CACN;AAEJ","ignoreList":[]}

package/dist/esm/charts/ChartSurface.native.js

@@ -15,25 +15,43 @@ function ChartSurface(param) {
     children,
     ...stackProps
   } = param;
-  var height = useChartHeight(heightProp, 200);
+  var fill = heightProp === "fill";
+  var fixedHeight = useChartHeight(heightProp, 200);
   var dataViewProps = useChartDataViewProps();
   var {
     motion,
     animationEnabled
   } = useChartTheme();
-  var [measuredWidth, setMeasuredWidth] = useState(0);
-  var width = widthProp !== null && widthProp !== void 0 ? widthProp : measuredWidth;
+  var [measured, setMeasured] = useState({
+    width: 0,
+    height: 0
+  });
+  var width = widthProp !== null && widthProp !== void 0 ? widthProp : measured.width;
+  var height = fill ? measured.height : fixedHeight;
+  var fillCap = width > 0 ? Math.round(width * (width < 600 ? 0.9 : 0.5)) : void 0;
   var handleLayout = useCallback(function (event) {
-    var next = event.nativeEvent.layout.width;
-    setMeasuredWidth(function (prev) {
-      return Math.abs(prev - next) >= 0.5 ? next : prev;
+    var {
+      width: nextWidth,
+      height: nextHeight
+    } = event.nativeEvent.layout;
+    setMeasured(function (prev) {
+      return Math.abs(prev.width - nextWidth) >= 0.5 || Math.abs(prev.height - nextHeight) >= 0.5 ? {
+        width: nextWidth,
+        height: nextHeight
+      } : prev;
     });
   }, []);
   return /* @__PURE__ */_jsx(YStack, {
     width: "100%",
-    height,
+    ...(fill ? {
+      flex: 1,
+      minHeight: 0,
+      maxHeight: fillCap
+    } : {
+      height
+    }),
     overflow: "hidden",
-    onLayout: widthProp === void 0 ? handleLayout : void 0,
+    onLayout: widthProp === void 0 || fill ? handleLayout : void 0,
     ...transitionProps(motion),
     ...(animationEnabled ? {
       enterStyle: {
@@ -42,7 +60,7 @@ function ChartSurface(param) {
       }
     } : {}),
     ...stackProps,
-    children: width > 0 ? /* @__PURE__ */_jsx(Svg, {
+    children: width > 0 && height > 0 ? /* @__PURE__ */_jsx(Svg, {
       width,
       height,
       ...chartRootA11yProps(label, proof),

package/dist/esm/charts/ChartSurface.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","ChartSurface","param","label","proof","height","heightProp","width","widthProp","children","stackProps","dataViewProps","motion","animationEnabled","measuredWidth","setMeasuredWidth","handleLayout","event","next","nativeEvent","layout","prev","Math","abs","overflow","onLayout","enterStyle","opacity","y"],"sources":["ChartSurface.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useChartHeight } from \"./chartHeight\";\nimport { transitionProps } from \"@multiplatform.one/theme\";\nimport { useCallback, useState } from \"react\";\nimport { YStack } from \"tamagui\";\nimport { Svg, chartRootA11yProps } from \"./svg\";\nimport { useChartDataViewProps } from \"./ChartDataView\";\nimport { useChartTheme } from \"./useChartTheme\";\nfunction ChartSurface(param) {\n  var { label, proof, height: heightProp, width: widthProp, children, ...stackProps } = param;\n  var height = useChartHeight(heightProp, 200);\n  var dataViewProps = useChartDataViewProps();\n  var { motion, animationEnabled } = useChartTheme();\n  var [measuredWidth, setMeasuredWidth] = useState(0);\n  var width = widthProp !== null && widthProp !== void 0 ? widthProp : measuredWidth;\n  var handleLayout = useCallback(function(event) {\n    var next = event.nativeEvent.layout.width;\n    setMeasuredWidth(function(prev) {\n      return Math.abs(prev - next) >= 0.5 ? next : prev;\n    });\n  }, []);\n  return /* @__PURE__ */ _jsx(YStack, {\n    width: \"100%\",\n    height,\n    overflow: \"hidden\",\n    onLayout: widthProp === void 0 ? handleLayout : void 0,\n    ...transitionProps(motion),\n    ...animationEnabled ? {\n      enterStyle: {\n        opacity: 0,\n        y: 6\n      }\n    } : {},\n    ...stackProps,\n    children: width > 0 ? /* @__PURE__ */ _jsx(Svg, {\n      width,\n      height,\n      ...chartRootA11yProps(label, proof),\n      ...dataViewProps,\n      children: children({\n        width,\n        height\n      })\n    }) : null\n  });\n}\nexport {\n  ChartSurface\n};\n//# sourceMappingURL=ChartSurface.js.map\n"],"mappings":"AAAA,SAASA,GAAG,IAAIC,IAAI,QAAQ,mBAAmB;AAC/C,SAASC,cAAc,QAAQ,yBAAe;AAC9C,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAASC,MAAM,QAAQ,SAAS;AAChC,SAASC,GAAG,EAAEC,kBAAkB,QAAQ,iBAAO;AAC/C,SAASC,qBAAqB,QAAQ,2BAAiB;AACvD,SAASC,aAAa,QAAQ,2BAAiB;AAC/C,SAASC,YAAYA,CAACC,KAAK,EAAE;EAC3B,IAAI;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM,EAAEC,UAAU;IAAEC,KAAK,EAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAW,CAAC,GAAGR,KAAK;EAC3F,IAAIG,MAAM,GAAGb,cAAc,CAACc,UAAU,EAAE,GAAG,CAAC;EAC5C,IAAIK,aAAa,GAAGZ,qBAAqB,CAAC,CAAC;EAC3C,IAAI;IAAEa,MAAM;IAAEC;EAAiB,CAAC,GAAGb,aAAa,CAAC,CAAC;EAClD,IAAI,CAACc,aAAa,EAAEC,gBAAgB,CAAC,GAAGpB,QAAQ,CAAC,CAAC,CAAC;EACnD,IAAIY,KAAK,GAAGC,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAK,KAAK,CAAC,GAAGA,SAAS,GAAGM,aAAa;EAClF,IAAIE,YAAY,GAAGtB,WAAW,CAAC,UAASuB,KAAK,EAAE;IAC7C,IAAIC,IAAI,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM,CAACb,KAAK;IACzCQ,gBAAgB,CAAC,UAASM,IAAI,EAAE;MAC9B,OAAOC,IAAI,CAACC,GAAG,CAACF,IAAI,GAAGH,IAAI,CAAC,IAAI,GAAG,GAAGA,IAAI,GAAGG,IAAI;IACnD,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EACN,OAAO,eAAgB9B,IAAI,CAACK,MAAM,EAAE;IAClCW,KAAK,EAAE,MAAM;IACbF,MAAM;IACNmB,QAAQ,EAAE,QAAQ;IAClBC,QAAQ,EAAEjB,SAAS,KAAK,KAAK,CAAC,GAAGQ,YAAY,GAAG,KAAK,CAAC;IACtD,GAAGvB,eAAe,CAACmB,MAAM,CAAC;IAC1B,IAAGC,gBAAgB,GAAG;MACpBa,UAAU,EAAE;QACVC,OAAO,EAAE,CAAC;QACVC,CAAC,EAAE;MACL;IACF,CAAC,GAAG,CAAC,CAAC;IACN,GAAGlB,UAAU;IACbD,QAAQ,EAAEF,KAAK,GAAG,CAAC,GAAG,eAAgBhB,IAAI,CAACM,GAAG,EAAE;MAC9CU,KAAK;MACLF,MAAM;MACN,GAAGP,kBAAkB,CAACK,KAAK,EAAEC,KAAK,CAAC;MACnC,GAAGO,aAAa;MAChBF,QAAQ,EAAEA,QAAQ,CAAC;QACjBF,KAAK;QACLF;MACF,CAAC;IACH,CAAC,CAAC,GAAG;EACP,CAAC,CAAC;AACJ;AACA,SACEJ,YAAY","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","ChartSurface","param","label","proof","height","heightProp","width","widthProp","children","stackProps","fill","fixedHeight","dataViewProps","motion","animationEnabled","measured","setMeasured","fillCap","Math","round","handleLayout","event","nextWidth","nextHeight","nativeEvent","layout","prev","abs","flex","minHeight","maxHeight","overflow","onLayout","enterStyle"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAwC;AACjD,SAASC,cAAA,iCAAuB;AAChC,SAASC,eAAa,kCAAgC;AAEtD,SAASC,WAAA,EAAAC,QAAgC;AACzC,SAASC,MAAK;AACd,SAASC,GAAA,EAAAC,kBAAA,QAA6B;AAEtC,SAASC,qBAAqB;AAwEtB,SAAAC,aAAA;AAvCD,SAASC,aAAaC,KAAA;EAC3B;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA,IAAAS,IAAA,GAAAL,UAAA;EACA,IAAAM,WAAQ,GAAApB,cAAA,CAAAc,UAAA;EACR,IAAAO,aAAO,GAAAd,qBAAA;EACP;IAAAe,MAAA;IAAAC;EAAA,IAAAf,aAAA;EACA,IAAG,CAAAgB,QAAA,EAAAC,WAAA,IAAAtB,QAAA;IACiBY,KAAA;IACpBF,MAAM;EACN;EACA,IAAAE,KAAM,GAAAC,SAAA,KAAgB,QAAAA,SAAA,KAAsB,SAAAA,SAAA,GAAAQ,QAAA,CAAAT,KAAA;EAC5C,IAAAF,MAAQ,GAAAM,IAAQ,GAAAK,QAAA,CAAAX,MAAiB,GAAIO,WAAA;EACrC,IAAAM,OAAO,GAAAX,KAAU,OAAAY,IAAW,CAAAC,KAAI,CAAAb,KAAS,IAAEA,KAAO,GAAG,SAAU,GAAC;EAChE,IAAAc,YAAc,GAAA3B,WAAa,WAAS4B,KAAA;IACpC,IAAM;MAAAf,KAAA,EAASgB,SAAO;MAAAlB,MAAS,EAAAmB;IAAS,IAAAF,KAAA,CAAAG,WAAA,CAAAC,MAAA;IAGxCT,WAAM,WAAUU,IAAQ,EAAI;MAE5B,OAAMR,IAAA,CAAAS,GAAA,CAAAD,IAAe,CAAApB,KAAA,GAAYgB,SAAC,KAA6B,OAAAJ,IAAA,CAAAS,GAAA,CAAAD,IAAA,CAAAtB,MAAA,GAAAmB,UAAA;QAC7DjB,KAAQ,EAAAgB,SAAO;QACflB,MAAA,EAAAmB;MAAY,CAAC,GAAAG,IAAA;IAIb;EACF,GAAG,EAAE;EAEL,OACE,eAAApC,IAAA,CAAAK,MAAA;IAACW,KAAA;IAAA,IAAAI,IAAA;MACCkB,IAAA,GAAM;MACLC,SAAI,EAAO,CAAE;MACdC,SAAA,EAASb;IAAA,IACT;MACCb;IAAyB;IACsC2B,QAC5D;IAAAC,QAEH,EAAAzB,SAAA,KAAQ,KAAK,KAASG,IACrB,GAAAU,YAAA,QAAC;IAGC,GAAA5B,eAAA,CAAAqB,MAAA;IACN,IAAAC,gBAAA;MAEJmB,UAAA","ignoreList":[]}