@multiplatform.one/components 7.81.0 → 7.81.2

package/dist/cjs/charts/BarChart.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","BarChart_exports","BarChart","module","exports","import_jsx_runtime","require","import_i18n","import_Axis","import_ChartDataView","import_ChartSurface","import_accessibility","import_composeChart","import_math","import_series","import_useChartTheme","param","data","height","width","categorical","color","colors","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","domain","domainProp","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","useTranslation","palette","labelFontSize","useChartTheme","fills","resolveSeriesFills","format","formatChartValue","ariaLabel","describeChart","typeLabel","formatValue","interactive","Boolean","jsx","ChartDataFrame","children","ChartSurface","proof","kind","separated","datumText","datumValues","chartDatumText","datumCount","length","size","valueDomain","map","datum","nice","marginScale","createLinearScale","range","tickValues","getLinearTicks","plot","computeCartesianPlot","yTickLabels","fontSize","xScale","createBandScale","x","yScale","y","jsxs","Fragment","YAxis","scale","ticks","tickFormat","showLabels","BarSeries","datumLabel","describeDatum","XAxis","thinCategories"],"sources":["BarChart.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar BarChart_exports = {};\n__export(BarChart_exports, {\n  BarChart: () => BarChart\n});\nmodule.exports = __toCommonJS(BarChart_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_i18n = require(\"../shared/i18n\");\nvar import_Axis = require(\"./Axis\");\nvar import_ChartDataView = require(\"./ChartDataView\");\nvar import_ChartSurface = require(\"./ChartSurface\");\nvar import_accessibility = require(\"./accessibility\");\nvar import_composeChart = require(\"./composeChart\");\nvar import_math = require(\"./math\");\nvar import_series = require(\"./series\");\nvar import_useChartTheme = require(\"./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 } = (0, import_i18n.useTranslation)();\n  var { palette, labelFontSize } = (0, import_useChartTheme.useChartTheme)();\n  var fills = (0, import_composeChart.resolveSeriesFills)(data, palette, {\n    color,\n    colors,\n    categorical\n  });\n  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : import_math.formatChartValue;\n  var ariaLabel = label !== null && label !== void 0 ? label : (0, import_accessibility.describeChart)({\n    typeLabel: t(\"Bar chart\"),\n    title,\n    data,\n    formatValue: valueFormatter\n  });\n  var interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartDataView.ChartDataFrame, {\n    data,\n    title,\n    valueFormatter,\n    width,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {\n      label: ariaLabel,\n      proof: {\n        kind: \"bar\",\n        separated: true,\n        datumText: false,\n        datumValues: (0, import_accessibility.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 : (0, import_math.valueDomain)(data.map(function(datum) {\n          return datum.value;\n        }));\n        var nice = domainProp ? false : void 0;\n        var marginScale = (0, import_math.createLinearScale)({\n          domain,\n          range: [\n            0,\n            1\n          ],\n          nice\n        });\n        var tickValues = (0, import_math.getLinearTicks)(marginScale, yTicks);\n        var plot = (0, import_composeChart.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 = (0, import_math.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 = (0, import_math.createLinearScale)({\n          domain,\n          range: [\n            plot.y + plot.height,\n            plot.y\n          ],\n          nice\n        });\n        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n          children: [\n            showYAxis || showGrid ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Axis.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__ */ (0, import_jsx_runtime.jsx)(import_series.BarSeries, {\n              data,\n              xScale,\n              yScale,\n              plot,\n              fills,\n              onDatumPress,\n              onDatumHoverIn,\n              onDatumHoverOut,\n              datumLabel: interactive ? function(datum) {\n                return (0, import_accessibility.describeDatum)({\n                  datum,\n                  formatValue: valueFormatter\n                });\n              } : void 0\n            }),\n            showXAxis ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Axis.XAxis, {\n              plot,\n              scale: xScale,\n              tickValues: (0, import_composeChart.thinCategories)(data.map(function(datum) {\n                return datum.label;\n              }), plot.width, labelFontSize)\n            }) : null\n          ]\n        });\n      }\n    })\n  });\n}\n//# sourceMappingURL=BarChart.js.map\n"],"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","BarChart_exports","BarChart","module","exports","import_jsx_runtime","require","import_i18n","import_Axis","import_ChartDataView","import_ChartSurface","import_accessibility","import_composeChart","import_math","import_series","import_useChartTheme","param","data","height","width","categorical","color","colors","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","domain","domainProp","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","useTranslation","palette","labelFontSize","useChartTheme","fills","resolveSeriesFills","format","formatChartValue","ariaLabel","describeChart","typeLabel","formatValue","interactive","Boolean","jsx","ChartDataFrame","fill","children","ChartSurface","proof","kind","separated","datumText","datumValues","chartDatumText","datumCount","length","size","valueDomain","map","datum","nice","marginScale","createLinearScale","range","tickValues","getLinearTicks","plot","computeCartesianPlot","yTickLabels","fontSize","xScale","createBandScale","x","yScale","y","jsxs","Fragment","YAxis","scale","ticks","tickFormat","showLabels","BarSeries","datumLabel","describeDatum","XAxis","thinCategories"],"sources":["BarChart.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar BarChart_exports = {};\n__export(BarChart_exports, {\n  BarChart: () => BarChart\n});\nmodule.exports = __toCommonJS(BarChart_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_i18n = require(\"../shared/i18n\");\nvar import_Axis = require(\"./Axis\");\nvar import_ChartDataView = require(\"./ChartDataView\");\nvar import_ChartSurface = require(\"./ChartSurface\");\nvar import_accessibility = require(\"./accessibility\");\nvar import_composeChart = require(\"./composeChart\");\nvar import_math = require(\"./math\");\nvar import_series = require(\"./series\");\nvar import_useChartTheme = require(\"./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 } = (0, import_i18n.useTranslation)();\n  var { palette, labelFontSize } = (0, import_useChartTheme.useChartTheme)();\n  var fills = (0, import_composeChart.resolveSeriesFills)(data, palette, {\n    color,\n    colors,\n    categorical\n  });\n  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : import_math.formatChartValue;\n  var ariaLabel = label !== null && label !== void 0 ? label : (0, import_accessibility.describeChart)({\n    typeLabel: t(\"Bar chart\"),\n    title,\n    data,\n    formatValue: valueFormatter\n  });\n  var interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartDataView.ChartDataFrame, {\n    data,\n    title,\n    valueFormatter,\n    width,\n    fill: height === \"fill\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {\n      label: ariaLabel,\n      proof: {\n        kind: \"bar\",\n        separated: true,\n        datumText: false,\n        datumValues: (0, import_accessibility.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 : (0, import_math.valueDomain)(data.map(function(datum) {\n          return datum.value;\n        }));\n        var nice = domainProp ? false : void 0;\n        var marginScale = (0, import_math.createLinearScale)({\n          domain,\n          range: [\n            0,\n            1\n          ],\n          nice\n        });\n        var tickValues = (0, import_math.getLinearTicks)(marginScale, yTicks);\n        var plot = (0, import_composeChart.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 = (0, import_math.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 = (0, import_math.createLinearScale)({\n          domain,\n          range: [\n            plot.y + plot.height,\n            plot.y\n          ],\n          nice\n        });\n        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n          children: [\n            showYAxis || showGrid ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Axis.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__ */ (0, import_jsx_runtime.jsx)(import_series.BarSeries, {\n              data,\n              xScale,\n              yScale,\n              plot,\n              fills,\n              onDatumPress,\n              onDatumHoverIn,\n              onDatumHoverOut,\n              datumLabel: interactive ? function(datum) {\n                return (0, import_accessibility.describeDatum)({\n                  datum,\n                  formatValue: valueFormatter\n                });\n              } : void 0\n            }),\n            showXAxis ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Axis.XAxis, {\n              plot,\n              scale: xScale,\n              tickValues: (0, import_composeChart.thinCategories)(data.map(function(datum) {\n                return datum.label;\n              }), plot.width, labelFontSize)\n            }) : null\n          ]\n        });\n      }\n    })\n  });\n}\n//# sourceMappingURL=BarChart.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,gBAAgB,GAAG,CAAC,CAAC;AACzBhB,QAAQ,CAACgB,gBAAgB,EAAE;EACzBC,QAAQ,EAAEA,CAAA,KAAMA;AAClB,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,gBAAgB,CAAC;AAC/C,IAAII,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,WAAW,GAAGD,OAAO,CAAC,0BAAgB,CAAC;AAC3C,IAAIE,WAAW,GAAGF,OAAO,CAAC,kBAAQ,CAAC;AACnC,IAAIG,oBAAoB,GAAGH,OAAO,CAAC,2BAAiB,CAAC;AACrD,IAAII,mBAAmB,GAAGJ,OAAO,CAAC,0BAAgB,CAAC;AACnD,IAAIK,oBAAoB,GAAGL,OAAO,CAAC,2BAAiB,CAAC;AACrD,IAAIM,mBAAmB,GAAGN,OAAO,CAAC,0BAAgB,CAAC;AACnD,IAAIO,WAAW,GAAGP,OAAO,CAAC,kBAAQ,CAAC;AACnC,IAAIQ,aAAa,GAAGR,OAAO,CAAC,oBAAU,CAAC;AACvC,IAAIS,oBAAoB,GAAGT,OAAO,CAAC,2BAAiB,CAAC;AACrD,SAASJ,QAAQA,CAACc,KAAK,EAAE;EACvB,IAAI;IAAEC,IAAI;IAAEC,MAAM,GAAG,GAAG;IAAEC,KAAK;IAAEC,WAAW,GAAG,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,SAAS,GAAG,IAAI;IAAEC,SAAS,GAAG,IAAI;IAAEC,QAAQ,GAAG,IAAI;IAAEC,MAAM,GAAG,CAAC;IAAEC,cAAc;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM,EAAEC,UAAU;IAAEC,YAAY;IAAEC,cAAc;IAAEC,eAAe;IAAE,GAAGC;EAAW,CAAC,GAAGnB,KAAK;EAC9P,IAAI;IAAEoB;EAAE,CAAC,GAAG,CAAC,CAAC,EAAE7B,WAAW,CAAC8B,cAAc,EAAE,CAAC;EAC7C,IAAI;IAAEC,OAAO;IAAEC;EAAc,CAAC,GAAG,CAAC,CAAC,EAAExB,oBAAoB,CAACyB,aAAa,EAAE,CAAC;EAC1E,IAAIC,KAAK,GAAG,CAAC,CAAC,EAAE7B,mBAAmB,CAAC8B,kBAAkB,EAAEzB,IAAI,EAAEqB,OAAO,EAAE;IACrEjB,KAAK;IACLC,MAAM;IACNF;EACF,CAAC,CAAC;EACF,IAAIuB,MAAM,GAAGhB,cAAc,KAAK,IAAI,IAAIA,cAAc,KAAK,KAAK,CAAC,GAAGA,cAAc,GAAGd,WAAW,CAAC+B,gBAAgB;EACjH,IAAIC,SAAS,GAAGhB,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAGA,KAAK,GAAG,CAAC,CAAC,EAAElB,oBAAoB,CAACmC,aAAa,EAAE;IACnGC,SAAS,EAAEX,CAAC,CAAC,WAAW,CAAC;IACzBR,KAAK;IACLX,IAAI;IACJ+B,WAAW,EAAErB;EACf,CAAC,CAAC;EACF,IAAIsB,WAAW,GAAGC,OAAO,CAAClB,YAAY,IAAIC,cAAc,IAAIC,eAAe,CAAC;EAC5E,OAAO,eAAgB,CAAC,CAAC,EAAE7B,kBAAkB,CAAC8C,GAAG,EAAE1C,oBAAoB,CAAC2C,cAAc,EAAE;IACtFnC,IAAI;IACJW,KAAK;IACLD,cAAc;IACdR,KAAK;IACLkC,IAAI,EAAEnC,MAAM,KAAK,MAAM;IACvBoC,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEjD,kBAAkB,CAAC8C,GAAG,EAAEzC,mBAAmB,CAAC6C,YAAY,EAAE;MACtF1B,KAAK,EAAEgB,SAAS;MAChBW,KAAK,EAAE;QACLC,IAAI,EAAE,KAAK;QACXC,SAAS,EAAE,IAAI;QACfC,SAAS,EAAE,KAAK;QAChBC,WAAW,EAAE,CAAC,CAAC,EAAEjD,oBAAoB,CAACkD,cAAc,EAAE5C,IAAI,EAAEU,cAAc,CAAC;QAC3EmC,UAAU,EAAE7C,IAAI,CAAC8C;MACnB,CAAC;MACD7C,MAAM;MACNC,KAAK;MACL,GAAGgB,UAAU;MACbmB,QAAQ,EAAE,SAASA,QAAQA,CAACU,IAAI,EAAE;QAChC,IAAIlC,MAAM,GAAGC,UAAU,KAAK,IAAI,IAAIA,UAAU,KAAK,KAAK,CAAC,GAAGA,UAAU,GAAG,CAAC,CAAC,EAAElB,WAAW,CAACoD,WAAW,EAAEhD,IAAI,CAACiD,GAAG,CAAC,UAASC,KAAK,EAAE;UAC7H,OAAOA,KAAK,CAACnE,KAAK;QACpB,CAAC,CAAC,CAAC;QACH,IAAIoE,IAAI,GAAGrC,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;QACtC,IAAIsC,WAAW,GAAG,CAAC,CAAC,EAAExD,WAAW,CAACyD,iBAAiB,EAAE;UACnDxC,MAAM;UACNyC,KAAK,EAAE,CACL,CAAC,EACD,CAAC,CACF;UACDH;QACF,CAAC,CAAC;QACF,IAAII,UAAU,GAAG,CAAC,CAAC,EAAE3D,WAAW,CAAC4D,cAAc,EAAEJ,WAAW,EAAE3C,MAAM,CAAC;QACrE,IAAIgD,IAAI,GAAG,CAAC,CAAC,EAAE9D,mBAAmB,CAAC+D,oBAAoB,EAAEX,IAAI,EAAE;UAC7DzC,SAAS;UACTC,SAAS;UACToD,WAAW,EAAEJ,UAAU,CAACN,GAAG,CAAC,UAASlE,KAAK,EAAE;YAC1C,OAAO2C,MAAM,CAAC3C,KAAK,CAAC;UACtB,CAAC,CAAC;UACF6E,QAAQ,EAAEtC;QACZ,CAAC,CAAC;QACF,IAAImC,IAAI,CAACvD,KAAK,IAAI,CAAC,IAAIuD,IAAI,CAACxD,MAAM,IAAI,CAAC,IAAID,IAAI,CAAC8C,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;QACzE,IAAIe,MAAM,GAAG,CAAC,CAAC,EAAEjE,WAAW,CAACkE,eAAe,EAAE;UAC5CjD,MAAM,EAAEb,IAAI,CAACiD,GAAG,CAAC,UAASC,KAAK,EAAE;YAC/B,OAAOA,KAAK,CAACtC,KAAK;UACpB,CAAC,CAAC;UACF0C,KAAK,EAAE,CACLG,IAAI,CAACM,CAAC,EACNN,IAAI,CAACM,CAAC,GAAGN,IAAI,CAACvD,KAAK;QAEvB,CAAC,CAAC;QACF,IAAI8D,MAAM,GAAG,CAAC,CAAC,EAAEpE,WAAW,CAACyD,iBAAiB,EAAE;UAC9CxC,MAAM;UACNyC,KAAK,EAAE,CACLG,IAAI,CAACQ,CAAC,GAAGR,IAAI,CAACxD,MAAM,EACpBwD,IAAI,CAACQ,CAAC,CACP;UACDd;QACF,CAAC,CAAC;QACF,OAAO,eAAgB,CAAC,CAAC,EAAE/D,kBAAkB,CAAC8E,IAAI,EAAE9E,kBAAkB,CAAC+E,QAAQ,EAAE;UAC/E9B,QAAQ,EAAE,CACR9B,SAAS,IAAIC,QAAQ,GAAG,eAAgB,CAAC,CAAC,EAAEpB,kBAAkB,CAAC8C,GAAG,EAAE3C,WAAW,CAAC6E,KAAK,EAAE;YACrFX,IAAI;YACJY,KAAK,EAAEL,MAAM;YACbM,KAAK,EAAE7D,MAAM;YACb8D,UAAU,EAAE,SAASA,UAAUA,CAACxF,KAAK,EAAE;cACrC,OAAO2C,MAAM,CAAC3C,KAAK,CAAC;YACtB,CAAC;YACDyF,UAAU,EAAEjE,SAAS;YACrBC;UACF,CAAC,CAAC,GAAG,IAAI,EACT,eAAgB,CAAC,CAAC,EAAEpB,kBAAkB,CAAC8C,GAAG,EAAErC,aAAa,CAAC4E,SAAS,EAAE;YACnEzE,IAAI;YACJ6D,MAAM;YACNG,MAAM;YACNP,IAAI;YACJjC,KAAK;YACLT,YAAY;YACZC,cAAc;YACdC,eAAe;YACfyD,UAAU,EAAE1C,WAAW,GAAG,UAASkB,KAAK,EAAE;cACxC,OAAO,CAAC,CAAC,EAAExD,oBAAoB,CAACiF,aAAa,EAAE;gBAC7CzB,KAAK;gBACLnB,WAAW,EAAErB;cACf,CAAC,CAAC;YACJ,CAAC,GAAG,KAAK;UACX,CAAC,CAAC,EACFJ,SAAS,GAAG,eAAgB,CAAC,CAAC,EAAElB,kBAAkB,CAAC8C,GAAG,EAAE3C,WAAW,CAACqF,KAAK,EAAE;YACzEnB,IAAI;YACJY,KAAK,EAAER,MAAM;YACbN,UAAU,EAAE,CAAC,CAAC,EAAE5D,mBAAmB,CAACkF,cAAc,EAAE7E,IAAI,CAACiD,GAAG,CAAC,UAASC,KAAK,EAAE;cAC3E,OAAOA,KAAK,CAACtC,KAAK;YACpB,CAAC,CAAC,EAAE6C,IAAI,CAACvD,KAAK,EAAEoB,aAAa;UAC/B,CAAC,CAAC,GAAG,IAAI;QAEb,CAAC,CAAC;MACJ;IACF,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/charts/ChartDataView.cjs

@@ -28,13 +28,16 @@ __export(ChartDataView_exports, {
 });
 module.exports = __toCommonJS(ChartDataView_exports);
 var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
 var import_platform = require("@multiplatform.one/platform");
 var import_theme = require("@multiplatform.one/theme");
-var import_react = require("react");
+var import_react2 = require("react");
 var import_tamagui = require("tamagui");
 var import_StandardAction = require("../actions/StandardAction.cjs");
 var import_Dialog = require("../Dialog.cjs");
 var import_ScrollView = require("../ScrollView/index.cjs");
+var import_Separator = require("../Separator/index.cjs");
+var import_Text = require("../Text.cjs");
 var import_componentColors = require("../componentColors.cjs");
 var import_i18n = require("../shared/i18n.cjs");
 var import_surfaces = require("../surfaces.cjs");
@@ -42,7 +45,7 @@ var import_accessibility = require("./accessibility.cjs");
 var import_math = require("./math.cjs");
 var import_svg = require("./svg.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const ChartDataContext = (0, import_react.createContext)(null);
+const ChartDataContext = (0, import_react2.createContext)(null);
 function ChartDataView({
   data,
   title,
@@ -58,8 +61,8 @@ function ChartDataView({
   const {
     knobProps: datumKnobs
   } = (0, import_theme.useResolvedKnobs)();
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const id = `mpo-chart-data-${(0, import_react.useId)().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const id = `mpo-chart-data-${(0, import_react2.useId)().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
   const triggerId = `${id}-trigger`;
   const normalized = data.map((datum, index) => typeof datum === "number" ? {
     label: String(index + 1),
@@ -70,7 +73,9 @@ function ChartDataView({
   const action = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Trigger, {
     asChild: true,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-      size: "$3",
+      circular: true,
+      chromeless: true,
+      icon: import_react.TableIcon,
       id: triggerId,
       ...(import_platform.isWeb ? {
         "aria-label": actionLabel
@@ -79,8 +84,7 @@ function ChartDataView({
       }),
       ...(0, import_svg.chartWebProps)({
         "data-mpo-chart-data-trigger": id
-      }),
-      children: t("View data")
+      })
     })
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataContext.Provider, {
@@ -165,13 +169,27 @@ function ChartDataFrame({
   title,
   valueFormatter,
   width,
+  fill,
   children
 }) {
-  const inherited = (0, import_react.useContext)(ChartDataContext);
+  const inherited = (0, import_react2.useContext)(ChartDataContext);
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   if (inherited) return children;
+  if (fill) return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    minWidth: 0,
+    width: width ?? "100%",
+    maxWidth: "100%",
+    flex: 1,
+    minHeight: 0,
+    ...knobProps.gap,
+    children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataList, {
+      data,
+      title,
+      valueFormatter
+    })]
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataView, {
     data,
     title,
@@ -182,6 +200,10 @@ function ChartDataFrame({
       minWidth: 0,
       width: width ?? "100%",
       maxWidth: "100%",
+      ...(fill ? {
+        flex: 1,
+        minHeight: 0
+      } : null),
       ...knobProps.gap,
       children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
         justifyContent: "flex-end",
@@ -190,8 +212,66 @@ function ChartDataFrame({
     })
   });
 }
+function ChartDataList({
+  data,
+  title,
+  valueFormatter
+}) {
+  const {
+    t
+  } = (0, import_i18n.useTranslation)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const format = valueFormatter ?? import_math.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__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
+    flex: 1,
+    minHeight: 0,
+    ...(import_platform.isWeb ? {
+      "aria-label": label
+    } : {
+      accessibilityLabel: label
+    }),
+    ...(0, import_svg.chartWebProps)({
+      "data-mpo-chart-data-inline": "true"
+    }),
+    children: rows.map((datum, index) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      children: [index > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Separator.Separator, {}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        minHeight: 44,
+        alignItems: "center",
+        ...knobProps.gap,
+        ...(0, import_svg.chartWebProps)({
+          "data-mpo-chart-data-row": String(index)
+        }),
+        ...(!import_platform.isWeb ? {
+          accessible: true,
+          accessibilityLabel: (0, import_accessibility.describeDatum)({
+            datum,
+            formatValue: format
+          })
+        } : {}),
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Text.Text, {
+          flex: 1,
+          minWidth: 0,
+          ...knobProps.body,
+          children: datum.label
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Text.Text, {
+          tabular: true,
+          ...knobProps.body,
+          color: knobProps.textRole.meta.color,
+          children: format(datum.value)
+        })]
+      })]
+    }, index))
+  });
+}
 function useChartDataViewProps() {
-  const context = (0, import_react.useContext)(ChartDataContext);
+  const context = (0, import_react2.useContext)(ChartDataContext);
   if (!context) return {};
   return (0, import_svg.chartWebProps)({
     "data-mpo-chart-data-view": context.id,

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

@@ -31,20 +31,23 @@ __export(ChartDataView_exports, {
 module.exports = __toCommonJS(ChartDataView_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
 var import_platform = require("@multiplatform.one/platform");
 var import_theme = require("@multiplatform.one/theme");
-var import_react = require("react");
+var import_react2 = require("react");
 var import_tamagui = require("tamagui");
 var import_StandardAction = require("../actions/StandardAction.native.js");
 var import_Dialog = require("../Dialog.native.js");
 var import_ScrollView = require("../ScrollView");
+var import_Separator = require("../Separator");
+var import_Text = require("../Text.native.js");
 var import_componentColors = require("../componentColors.native.js");
 var import_i18n = require("../shared/i18n.native.js");
 var import_surfaces = require("../surfaces.native.js");
 var import_accessibility = require("./accessibility.native.js");
 var import_math = require("./math.native.js");
 var import_svg = require("./svg.native.js");
-var ChartDataContext = /* @__PURE__ */(0, import_react.createContext)(null);
+var ChartDataContext = /* @__PURE__ */(0, import_react2.createContext)(null);
 function ChartDataView(param) {
   var {
     data,
@@ -61,8 +64,8 @@ function ChartDataView(param) {
   var {
     knobProps: datumKnobs
   } = (0, import_theme.useResolvedKnobs)();
-  var [open, setOpen] = (0, import_react.useState)(false);
-  var id = `mpo-chart-data-${(0, import_react.useId)().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var id = `mpo-chart-data-${(0, import_react2.useId)().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
   var triggerId = `${id}-trigger`;
   var normalized = data.map(function (datum, index) {
     return typeof datum === "number" ? {
@@ -75,7 +78,9 @@ function ChartDataView(param) {
   var action = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Trigger, {
     asChild: true,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-      size: "$3",
+      circular: true,
+      chromeless: true,
+      icon: import_react.TableIcon,
       id: triggerId,
       ...(import_platform.isWeb ? {
         "aria-label": actionLabel
@@ -84,8 +89,7 @@ function ChartDataView(param) {
       }),
       ...(0, import_svg.chartWebProps)({
         "data-mpo-chart-data-trigger": id
-      }),
-      children: t("View data")
+      })
     })
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataContext.Provider, {
@@ -175,13 +179,27 @@ function ChartDataFrame(param) {
     title,
     valueFormatter,
     width,
+    fill,
     children
   } = param;
-  var inherited = (0, import_react.useContext)(ChartDataContext);
+  var inherited = (0, import_react2.useContext)(ChartDataContext);
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   if (inherited) return children;
+  if (fill) return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    minWidth: 0,
+    width: width !== null && width !== void 0 ? width : "100%",
+    maxWidth: "100%",
+    flex: 1,
+    minHeight: 0,
+    ...knobProps.gap,
+    children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataList, {
+      data,
+      title,
+      valueFormatter
+    })]
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataView, {
     data,
     title,
@@ -194,6 +212,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__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
           justifyContent: "flex-end",
@@ -203,8 +225,71 @@ function ChartDataFrame(param) {
     }
   });
 }
+function ChartDataList(param) {
+  var {
+    data,
+    title,
+    valueFormatter
+  } = param;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : import_math.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__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
+    flex: 1,
+    minHeight: 0,
+    ...(import_platform.isWeb ? {
+      "aria-label": label
+    } : {
+      accessibilityLabel: label
+    }),
+    ...(0, import_svg.chartWebProps)({
+      "data-mpo-chart-data-inline": "true"
+    }),
+    children: rows.map(function (datum, index) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        children: [index > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Separator.Separator, {}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          minHeight: 44,
+          alignItems: "center",
+          ...knobProps.gap,
+          ...(0, import_svg.chartWebProps)({
+            "data-mpo-chart-data-row": String(index)
+          }),
+          ...(!import_platform.isWeb ? {
+            accessible: true,
+            accessibilityLabel: (0, import_accessibility.describeDatum)({
+              datum,
+              formatValue: format
+            })
+          } : {}),
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Text.Text, {
+            flex: 1,
+            minWidth: 0,
+            ...knobProps.body,
+            children: datum.label
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Text.Text, {
+            tabular: true,
+            ...knobProps.body,
+            color: knobProps.textRole.meta.color,
+            children: format(datum.value)
+          })]
+        })]
+      }, index);
+    })
+  });
+}
 function useChartDataViewProps() {
-  var context = (0, import_react.useContext)(ChartDataContext);
+  var context = (0, import_react2.useContext)(ChartDataContext);
   if (!context) return {};
   return (0, import_svg.chartWebProps)({
     "data-mpo-chart-data-view": context.id,

package/dist/cjs/charts/ChartDataView.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","ChartDataView_exports","ChartDataFrame","ChartDataView","useChartDataViewProps","module","exports","import_jsx_runtime","require","import_forms","import_platform","import_theme","import_react","import_tamagui","import_StandardAction","import_Dialog","import_ScrollView","import_componentColors","import_i18n","import_surfaces","import_accessibility","import_math","import_svg","ChartDataContext","createContext","param","data","title","valueFormatter","children","t","useTranslation","knobProps","useResolvedKnobs","datumKnobs","open","setOpen","useState","id","useId","replace","triggerId","normalized","map","datum","index","label","String","format","formatChartValue","actionLabel","action","jsx","Dialog","Trigger","asChild","Button","size","isWeb","accessibilityLabel","chartWebProps","Provider","jsxs","modal","onOpenChange","Portal","DialogOverlay","DialogContent","width","maxWidth","maxHeight","OverlayHeader","Title","sectionHeading","heading","onClose","Description","body","length","ScrollView","flexShrink","minHeight","YStack","gap","XStack","alignItems","flexWrap","accessible","describeDatum","formatValue","Paragraph","flexBasis","flexGrow","minWidth","inherited","useContext","children1","param2","justifyContent","context"],"sources":["ChartDataView.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ChartDataView_exports = {};\n__export(ChartDataView_exports, {\n  ChartDataFrame: () => ChartDataFrame,\n  ChartDataView: () => ChartDataView,\n  useChartDataViewProps: () => useChartDataViewProps\n});\nmodule.exports = __toCommonJS(ChartDataView_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_forms = require(\"@multiplatform.one/forms\");\nvar import_platform = require(\"@multiplatform.one/platform\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_StandardAction = require(\"../actions/StandardAction\");\nvar import_Dialog = require(\"../Dialog\");\nvar import_ScrollView = require(\"../ScrollView\");\nvar import_componentColors = require(\"../componentColors\");\nvar import_i18n = require(\"../shared/i18n\");\nvar import_surfaces = require(\"../surfaces\");\nvar import_accessibility = require(\"./accessibility\");\nvar import_math = require(\"./math\");\nvar import_svg = require(\"./svg\");\nvar ChartDataContext = /* @__PURE__ */ (0, import_react.createContext)(null);\nfunction ChartDataView(param) {\n  var { data, title, valueFormatter, children } = param;\n  var { t } = (0, import_i18n.useTranslation)();\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  var { knobProps: datumKnobs } = (0, import_theme.useResolvedKnobs)();\n  var [open, setOpen] = (0, import_react.useState)(false);\n  var id = `mpo-chart-data-${(0, import_react.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 : import_math.formatChartValue;\n  var actionLabel = title ? `${t(\"View data for\")} ${title}` : t(\"View chart data\");\n  var action = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Trigger, {\n    asChild: true,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forms.Button, {\n      size: \"$3\",\n      id: triggerId,\n      ...import_platform.isWeb ? {\n        \"aria-label\": actionLabel\n      } : {\n        accessibilityLabel: actionLabel\n      },\n      ...(0, import_svg.chartWebProps)({\n        \"data-mpo-chart-data-trigger\": id\n      }),\n      children: t(\"View data\")\n    })\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartDataContext.Provider, {\n    value: {\n      id,\n      triggerId\n    },\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dialog.Dialog, {\n      modal: true,\n      open,\n      onOpenChange: setOpen,\n      children: [\n        children({\n          action,\n          data: normalized,\n          valueFormatter: format\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dialog.Dialog.Portal, {\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_surfaces.DialogOverlay, {}, \"overlay\"),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_surfaces.DialogContent, {\n              width: \"90%\",\n              maxWidth: 480,\n              maxHeight: \"80%\",\n              ...(0, import_svg.chartWebProps)({\n                \"data-mpo-chart-data-panel\": id\n              }),\n              children: [\n                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StandardAction.OverlayHeader, {\n                  title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Title, {\n                    ...import_componentColors.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__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Description, {\n                  ...knobProps.body,\n                  children: `${normalized.length} ${t(\"data points\")}`\n                }),\n                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {\n                  flexShrink: 1,\n                  minHeight: 0,\n                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n                    ...knobProps.gap,\n                    children: normalized.map(function(datum, index) {\n                      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n                        alignItems: \"flex-start\",\n                        flexWrap: \"wrap\",\n                        ...datumKnobs.gap,\n                        ...(0, import_svg.chartWebProps)({\n                          \"data-mpo-chart-data-row\": String(index)\n                        }),\n                        ...!import_platform.isWeb ? {\n                          accessible: true,\n                          accessibilityLabel: (0, import_accessibility.describeDatum)({\n                            datum,\n                            formatValue: format\n                          })\n                        } : {},\n                        children: [\n                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n                            flexBasis: \"50%\",\n                            flexGrow: 1,\n                            flexShrink: 1,\n                            minWidth: 0,\n                            ...knobProps.body,\n                            ...(0, import_svg.chartWebProps)({\n                              \"data-mpo-chart-data-label\": \"true\"\n                            }),\n                            children: datum.label\n                          }),\n                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n                            flexShrink: 1,\n                            maxWidth: \"100%\",\n                            ...knobProps.body,\n                            ...(0, import_svg.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 = (0, import_react.useContext)(ChartDataContext);\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  if (inherited) return children;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartDataView, {\n    data,\n    title,\n    valueFormatter,\n    children: function children1(param2) {\n      var { action } = param2;\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n            justifyContent: \"flex-end\",\n            children: action\n          })\n        ]\n      });\n    }\n  });\n}\nfunction useChartDataViewProps() {\n  var context = (0, import_react.useContext)(ChartDataContext);\n  if (!context) return {};\n  return (0, import_svg.chartWebProps)({\n    \"data-mpo-chart-data-view\": context.id,\n    \"aria-describedby\": context.triggerId\n  });\n}\n//# sourceMappingURL=ChartDataView.js.map\n"],"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","ChartDataView_exports","ChartDataFrame","ChartDataView","useChartDataViewProps","module","exports","import_jsx_runtime","require","import_forms","import_react","import_platform","import_theme","import_react2","import_tamagui","import_StandardAction","import_Dialog","import_ScrollView","import_Separator","import_Text","import_componentColors","import_i18n","import_surfaces","import_accessibility","import_math","import_svg","ChartDataContext","createContext","param","data","title","valueFormatter","children","t","useTranslation","knobProps","useResolvedKnobs","datumKnobs","open","setOpen","useState","id","useId","replace","triggerId","normalized","map","datum","index","label","String","format","formatChartValue","actionLabel","action","jsx","Dialog","Trigger","asChild","Button","circular","chromeless","icon","TableIcon","isWeb","accessibilityLabel","chartWebProps","Provider","jsxs","modal","onOpenChange","Portal","DialogOverlay","DialogContent","width","maxWidth","maxHeight","OverlayHeader","Title","sectionHeading","heading","onClose","Description","body","length","ScrollView","flexShrink","minHeight","YStack","gap","XStack","alignItems","flexWrap","accessible","describeDatum","formatValue","Paragraph","flexBasis","flexGrow","minWidth","fill","inherited","useContext","flex","ChartDataList","children1","param2","justifyContent","rows","Separator","Text","tabular","color","textRole","meta","context"],"sources":["ChartDataView.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ChartDataView_exports = {};\n__export(ChartDataView_exports, {\n  ChartDataFrame: () => ChartDataFrame,\n  ChartDataView: () => ChartDataView,\n  useChartDataViewProps: () => useChartDataViewProps\n});\nmodule.exports = __toCommonJS(ChartDataView_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_forms = require(\"@multiplatform.one/forms\");\nvar import_react = require(\"@phosphor-icons/react\");\nvar import_platform = require(\"@multiplatform.one/platform\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react2 = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_StandardAction = require(\"../actions/StandardAction\");\nvar import_Dialog = require(\"../Dialog\");\nvar import_ScrollView = require(\"../ScrollView\");\nvar import_Separator = require(\"../Separator\");\nvar import_Text = require(\"../Text\");\nvar import_componentColors = require(\"../componentColors\");\nvar import_i18n = require(\"../shared/i18n\");\nvar import_surfaces = require(\"../surfaces\");\nvar import_accessibility = require(\"./accessibility\");\nvar import_math = require(\"./math\");\nvar import_svg = require(\"./svg\");\nvar ChartDataContext = /* @__PURE__ */ (0, import_react2.createContext)(null);\nfunction ChartDataView(param) {\n  var { data, title, valueFormatter, children } = param;\n  var { t } = (0, import_i18n.useTranslation)();\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  var { knobProps: datumKnobs } = (0, import_theme.useResolvedKnobs)();\n  var [open, setOpen] = (0, import_react2.useState)(false);\n  var id = `mpo-chart-data-${(0, import_react2.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 : import_math.formatChartValue;\n  var actionLabel = title ? `${t(\"View data for\")} ${title}` : t(\"View chart data\");\n  var action = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Trigger, {\n    asChild: true,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_forms.Button, {\n      circular: true,\n      chromeless: true,\n      icon: import_react.TableIcon,\n      id: triggerId,\n      ...import_platform.isWeb ? {\n        \"aria-label\": actionLabel\n      } : {\n        accessibilityLabel: actionLabel\n      },\n      ...(0, import_svg.chartWebProps)({\n        \"data-mpo-chart-data-trigger\": id\n      })\n    })\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartDataContext.Provider, {\n    value: {\n      id,\n      triggerId\n    },\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dialog.Dialog, {\n      modal: true,\n      open,\n      onOpenChange: setOpen,\n      children: [\n        children({\n          action,\n          data: normalized,\n          valueFormatter: format\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Dialog.Dialog.Portal, {\n          children: [\n            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_surfaces.DialogOverlay, {}, \"overlay\"),\n            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_surfaces.DialogContent, {\n              width: \"90%\",\n              maxWidth: 480,\n              maxHeight: \"80%\",\n              ...(0, import_svg.chartWebProps)({\n                \"data-mpo-chart-data-panel\": id\n              }),\n              children: [\n                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StandardAction.OverlayHeader, {\n                  title: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Title, {\n                    ...import_componentColors.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__ */ (0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Description, {\n                  ...knobProps.body,\n                  children: `${normalized.length} ${t(\"data points\")}`\n                }),\n                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {\n                  flexShrink: 1,\n                  minHeight: 0,\n                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n                    ...knobProps.gap,\n                    children: normalized.map(function(datum, index) {\n                      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n                        alignItems: \"flex-start\",\n                        flexWrap: \"wrap\",\n                        ...datumKnobs.gap,\n                        ...(0, import_svg.chartWebProps)({\n                          \"data-mpo-chart-data-row\": String(index)\n                        }),\n                        ...!import_platform.isWeb ? {\n                          accessible: true,\n                          accessibilityLabel: (0, import_accessibility.describeDatum)({\n                            datum,\n                            formatValue: format\n                          })\n                        } : {},\n                        children: [\n                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n                            flexBasis: \"50%\",\n                            flexGrow: 1,\n                            flexShrink: 1,\n                            minWidth: 0,\n                            ...knobProps.body,\n                            ...(0, import_svg.chartWebProps)({\n                              \"data-mpo-chart-data-label\": \"true\"\n                            }),\n                            children: datum.label\n                          }),\n                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n                            flexShrink: 1,\n                            maxWidth: \"100%\",\n                            ...knobProps.body,\n                            ...(0, import_svg.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, fill, children } = param;\n  var inherited = (0, import_react2.useContext)(ChartDataContext);\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  if (inherited) return children;\n  if (fill) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    minWidth: 0,\n    width: width !== null && width !== void 0 ? width : \"100%\",\n    maxWidth: \"100%\",\n    flex: 1,\n    minHeight: 0,\n    ...knobProps.gap,\n    children: [\n      children,\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartDataList, {\n        data,\n        title,\n        valueFormatter\n      })\n    ]\n  });\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChartDataView, {\n    data,\n    title,\n    valueFormatter,\n    children: function children1(param2) {\n      var { action } = param2;\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n        minWidth: 0,\n        width: width !== null && width !== void 0 ? width : \"100%\",\n        maxWidth: \"100%\",\n        ...fill ? {\n          flex: 1,\n          minHeight: 0\n        } : null,\n        ...knobProps.gap,\n        children: [\n          children,\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n            justifyContent: \"flex-end\",\n            children: action\n          })\n        ]\n      });\n    }\n  });\n}\nfunction ChartDataList(param) {\n  var { data, title, valueFormatter } = param;\n  var { t } = (0, import_i18n.useTranslation)();\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : import_math.formatChartValue;\n  var rows = data.map(function(datum, index) {\n    return typeof datum === \"number\" ? {\n      label: String(index + 1),\n      value: datum\n    } : datum;\n  });\n  var label = title ? `${title}: ${t(\"data\")}` : t(\"Chart data\");\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {\n    flex: 1,\n    minHeight: 0,\n    ...import_platform.isWeb ? {\n      \"aria-label\": label\n    } : {\n      accessibilityLabel: label\n    },\n    ...(0, import_svg.chartWebProps)({\n      \"data-mpo-chart-data-inline\": \"true\"\n    }),\n    children: rows.map(function(datum, index) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n        children: [\n          index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Separator.Separator, {}) : null,\n          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n            minHeight: 44,\n            alignItems: \"center\",\n            ...knobProps.gap,\n            ...(0, import_svg.chartWebProps)({\n              \"data-mpo-chart-data-row\": String(index)\n            }),\n            ...!import_platform.isWeb ? {\n              accessible: true,\n              accessibilityLabel: (0, import_accessibility.describeDatum)({\n                datum,\n                formatValue: format\n              })\n            } : {},\n            children: [\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.Text, {\n                flex: 1,\n                minWidth: 0,\n                ...knobProps.body,\n                children: datum.label\n              }),\n              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.Text, {\n                tabular: true,\n                ...knobProps.body,\n                color: knobProps.textRole.meta.color,\n                children: format(datum.value)\n              })\n            ]\n          })\n        ]\n      }, index);\n    })\n  });\n}\nfunction useChartDataViewProps() {\n  var context = (0, import_react2.useContext)(ChartDataContext);\n  if (!context) return {};\n  return (0, import_svg.chartWebProps)({\n    \"data-mpo-chart-data-view\": context.id,\n    \"aria-describedby\": context.triggerId\n  });\n}\n//# sourceMappingURL=ChartDataView.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/charts/ChartSurface.cjs

@@ -41,23 +41,41 @@ function ChartSurface({
   children,
   ...stackProps
 }) {
-  const height = (0, import_chartHeight.useChartHeight)(heightProp, 200);
+  const fill = heightProp === "fill";
+  const fixedHeight = (0, import_chartHeight.useChartHeight)(heightProp, 200);
   const dataViewProps = (0, import_ChartDataView.useChartDataViewProps)();
   const {
     motion,
     animationEnabled
   } = (0, import_useChartTheme.useChartTheme)();
-  const [measuredWidth, setMeasuredWidth] = (0, import_react.useState)(0);
-  const width = widthProp ?? measuredWidth;
+  const [measured, setMeasured] = (0, import_react.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 = (0, import_react.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.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,
     ...(0, import_theme.transitionProps)(motion),
     ...(animationEnabled ? {
       enterStyle: {
@@ -66,7 +84,7 @@ function ChartSurface({
       }
     } : {}),
     ...stackProps,
-    children: width > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
+    children: width > 0 && height > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
       width,
       height,
       ...(0, import_svg.chartRootA11yProps)(label, proof),

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

@@ -44,25 +44,43 @@ function ChartSurface(param) {
     children,
     ...stackProps
   } = param;
-  var height = (0, import_chartHeight.useChartHeight)(heightProp, 200);
+  var fill = heightProp === "fill";
+  var fixedHeight = (0, import_chartHeight.useChartHeight)(heightProp, 200);
   var dataViewProps = (0, import_ChartDataView.useChartDataViewProps)();
   var {
     motion,
     animationEnabled
   } = (0, import_useChartTheme.useChartTheme)();
-  var [measuredWidth, setMeasuredWidth] = (0, import_react.useState)(0);
-  var width = widthProp !== null && widthProp !== void 0 ? widthProp : measuredWidth;
+  var [measured, setMeasured] = (0, import_react.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 = (0, import_react.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.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,
     ...(0, import_theme.transitionProps)(motion),
     ...(animationEnabled ? {
       enterStyle: {
@@ -71,7 +89,7 @@ function ChartSurface(param) {
       }
     } : {}),
     ...stackProps,
-    children: width > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
+    children: width > 0 && height > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
       width,
       height,
       ...(0, import_svg.chartRootA11yProps)(label, proof),