@multiplatform.one/components 6.0.4 → 6.3.0

package/dist/jsx/charts/LineChart.mjs

@@ -0,0 +1,126 @@
+import { useTranslation } from "react-i18next";
+import { XAxis, YAxis } from "./Axis.mjs";
+import { ChartSurface } from "./ChartSurface.mjs";
+import { describeChart, describeDatum } from "./accessibility.mjs";
+import { computeCartesianPlot, thinCategories } from "./composeChart.mjs";
+import { createLinearScale, createPointScale, getLinearTicks, valueDomain } from "./math.mjs";
+import { AreaSeries, LineSeries } from "./series.mjs";
+import { useChartTheme } from "./useChartTheme.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function LineChart({
+  data,
+  height = 200,
+  width,
+  color,
+  showArea = false,
+  areaOpacity,
+  curve = "linear",
+  showPoints = true,
+  strokeWidth = 2,
+  showXAxis = true,
+  showYAxis = true,
+  showGrid = true,
+  yTicks = 4,
+  valueFormatter,
+  title,
+  label,
+  typeLabel,
+  onDatumPress,
+  onDatumHoverIn,
+  onDatumHoverOut,
+  ...stackProps
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    palette,
+    labelFontSize
+  } = useChartTheme();
+  const stroke = color ?? palette.single;
+  const format = valueFormatter ?? (value => value.toLocaleString());
+  const ariaLabel = label ?? describeChart({
+    typeLabel: typeLabel ?? (showArea ? t("Area chart") : t("Line chart")),
+    title,
+    data,
+    formatValue: valueFormatter
+  });
+  const interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);
+  return /* @__PURE__ */jsx(ChartSurface, {
+    label: ariaLabel,
+    height,
+    width,
+    ...stackProps,
+    children: size => {
+      const domain = valueDomain(data.map(datum => datum.value));
+      const marginScale = createLinearScale({
+        domain,
+        range: [0, 1]
+      });
+      const tickValues = getLinearTicks(marginScale, yTicks);
+      const plot = computeCartesianPlot(size, {
+        showXAxis,
+        showYAxis,
+        yTickLabels: tickValues.map(value => format(value)),
+        fontSize: labelFontSize
+      });
+      if (plot.width <= 0 || plot.height <= 0 || data.length === 0) return null;
+      const xScale = createPointScale({
+        domain: data.map(datum => datum.label),
+        range: [plot.x, plot.x + plot.width],
+        padding: 0.5
+      });
+      const yScale = createLinearScale({
+        domain,
+        range: [plot.y + plot.height, plot.y]
+      });
+      const points = data.map(datum => ({
+        x: xScale(datum.label) ?? plot.x,
+        y: yScale(datum.value)
+      }));
+      return /* @__PURE__ */jsxs(Fragment, {
+        children: [showYAxis || showGrid ? /* @__PURE__ */jsx(YAxis, {
+          plot,
+          scale: yScale,
+          ticks: yTicks,
+          tickFormat: value => format(value),
+          showLabels: showYAxis,
+          showGrid
+        }) : null, showArea ? /* @__PURE__ */jsx(AreaSeries, {
+          points,
+          baseline: plot.y + plot.height,
+          color: stroke,
+          opacity: areaOpacity,
+          curve
+        }) : null, /* @__PURE__ */jsx(LineSeries, {
+          data,
+          points,
+          color: stroke,
+          strokeWidth,
+          curve,
+          showPoints,
+          bounds: size,
+          onDatumPress,
+          onDatumHoverIn,
+          onDatumHoverOut,
+          datumLabel: interactive ? datum => describeDatum({
+            datum,
+            formatValue: valueFormatter
+          }) : void 0
+        }), showXAxis ? /* @__PURE__ */jsx(XAxis, {
+          plot,
+          scale: xScale,
+          tickValues: thinCategories(data.map(datum => datum.label), plot.width, labelFontSize)
+        }) : null]
+      });
+    }
+  });
+}
+function AreaChart(props) {
+  return /* @__PURE__ */jsx(LineChart, {
+    showArea: true,
+    ...props
+  });
+}
+export { AreaChart, LineChart };
+//# sourceMappingURL=LineChart.mjs.map

package/dist/jsx/charts/LineChart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTranslation","XAxis","YAxis","ChartSurface","describeChart","describeDatum","computeCartesianPlot","thinCategories","createLinearScale","createPointScale","getLinearTicks","valueDomain","AreaSeries","LineSeries","useChartTheme","Fragment","jsx","jsxs","LineChart","data","height","width","color","showArea","areaOpacity","curve","showPoints","strokeWidth","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","typeLabel","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","palette","labelFontSize","stroke","single","format","value","toLocaleString","ariaLabel","formatValue","interactive","Boolean","children","size","domain","map","datum","marginScale","range","tickValues","plot","yTickLabels","fontSize","length","xScale","x","padding","yScale","y","points","scale","ticks","tickFormat","showLabels","baseline","opacity","bounds","datumLabel","AreaChart","props"],"sources":["../../../src/charts/LineChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/charts/LineChart.native.js

@@ -0,0 +1,173 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var LineChart_exports = {};
+__export(LineChart_exports, {
+  AreaChart: () => AreaChart,
+  LineChart: () => LineChart
+});
+module.exports = __toCommonJS(LineChart_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_i18next = require("react-i18next");
+var import_Axis = require("./Axis.native.js");
+var import_ChartSurface = require("./ChartSurface.native.js");
+var import_accessibility = require("./accessibility.native.js");
+var import_composeChart = require("./composeChart.native.js");
+var import_math = require("./math.native.js");
+var import_series = require("./series.native.js");
+var import_useChartTheme = require("./useChartTheme.native.js");
+function LineChart(param) {
+  var {
+    data,
+    height = 200,
+    width,
+    color,
+    showArea = false,
+    areaOpacity,
+    curve = "linear",
+    showPoints = true,
+    strokeWidth = 2,
+    showXAxis = true,
+    showYAxis = true,
+    showGrid = true,
+    yTicks = 4,
+    valueFormatter,
+    title,
+    label,
+    typeLabel,
+    onDatumPress,
+    onDatumHoverIn,
+    onDatumHoverOut,
+    ...stackProps
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    palette,
+    labelFontSize
+  } = (0, import_useChartTheme.useChartTheme)();
+  var stroke = color !== null && color !== void 0 ? color : palette.single;
+  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : function (value) {
+    return value.toLocaleString();
+  };
+  var ariaLabel = label !== null && label !== void 0 ? label : (0, import_accessibility.describeChart)({
+    typeLabel: typeLabel !== null && typeLabel !== void 0 ? typeLabel : showArea ? t("Area chart") : t("Line chart"),
+    title,
+    data,
+    formatValue: valueFormatter
+  });
+  var interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {
+    label: ariaLabel,
+    height,
+    width,
+    ...stackProps,
+    children: function children(size) {
+      var domain = (0, import_math.valueDomain)(data.map(function (datum) {
+        return datum.value;
+      }));
+      var marginScale = (0, import_math.createLinearScale)({
+        domain,
+        range: [0, 1]
+      });
+      var tickValues = (0, import_math.getLinearTicks)(marginScale, yTicks);
+      var plot = (0, import_composeChart.computeCartesianPlot)(size, {
+        showXAxis,
+        showYAxis,
+        yTickLabels: tickValues.map(function (value) {
+          return format(value);
+        }),
+        fontSize: labelFontSize
+      });
+      if (plot.width <= 0 || plot.height <= 0 || data.length === 0) return null;
+      var xScale = (0, import_math.createPointScale)({
+        domain: data.map(function (datum) {
+          return datum.label;
+        }),
+        range: [plot.x, plot.x + plot.width],
+        padding: 0.5
+      });
+      var yScale = (0, import_math.createLinearScale)({
+        domain,
+        range: [plot.y + plot.height, plot.y]
+      });
+      var points = data.map(function (datum) {
+        var _xScale;
+        return {
+          x: (_xScale = xScale(datum.label)) !== null && _xScale !== void 0 ? _xScale : plot.x,
+          y: yScale(datum.value)
+        };
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [showYAxis || showGrid ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Axis.YAxis, {
+          plot,
+          scale: yScale,
+          ticks: yTicks,
+          tickFormat: function tickFormat(value) {
+            return format(value);
+          },
+          showLabels: showYAxis,
+          showGrid
+        }) : null, showArea ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_series.AreaSeries, {
+          points,
+          baseline: plot.y + plot.height,
+          color: stroke,
+          opacity: areaOpacity,
+          curve
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_series.LineSeries, {
+          data,
+          points,
+          color: stroke,
+          strokeWidth,
+          curve,
+          showPoints,
+          bounds: size,
+          onDatumPress,
+          onDatumHoverIn,
+          onDatumHoverOut,
+          datumLabel: interactive ? function (datum) {
+            return (0, import_accessibility.describeDatum)({
+              datum,
+              formatValue: valueFormatter
+            });
+          } : void 0
+        }), showXAxis ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Axis.XAxis, {
+          plot,
+          scale: xScale,
+          tickValues: (0, import_composeChart.thinCategories)(data.map(function (datum) {
+            return datum.label;
+          }), plot.width, labelFontSize)
+        }) : null]
+      });
+    }
+  });
+}
+function AreaChart(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(LineChart, {
+    showArea: true,
+    ...props
+  });
+}
+//# sourceMappingURL=LineChart.native.js.map

package/dist/jsx/charts/LineChart.native.js.map

@@ -0,0 +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","LineChart_exports","AreaChart","LineChart","module","exports","import_jsx_runtime","require","import_react_i18next","import_Axis","import_ChartSurface","import_accessibility","import_composeChart","import_math","import_series","import_useChartTheme","param","data","height","width","color","showArea","areaOpacity","curve","showPoints","strokeWidth","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","typeLabel","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","useTranslation","palette","labelFontSize","useChartTheme","stroke","single","format","toLocaleString","ariaLabel","describeChart","formatValue","interactive","Boolean","jsx","ChartSurface","children","size","domain","valueDomain","map","datum","marginScale","createLinearScale","range","tickValues","getLinearTicks","plot","computeCartesianPlot","yTickLabels","fontSize","length","xScale","createPointScale","x","padding","yScale","y","points","_xScale","jsxs","Fragment","YAxis","scale","ticks","tickFormat","showLabels","AreaSeries","baseline","opacity","LineSeries"],"sources":["../../../src/charts/LineChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/charts/PieChart.mjs

@@ -0,0 +1,127 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useTranslation } from "react-i18next";
+import { Text, XStack, YStack } from "tamagui";
+import { componentColors } from "../componentColors.mjs";
+import { ChartSurface } from "./ChartSurface.mjs";
+import { describeChart, describeDatum } from "./accessibility.mjs";
+import { resolveSeriesFills } from "./composeChart.mjs";
+import { PieSeries } from "./series.mjs";
+import { useChartTheme } from "./useChartTheme.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const DEFAULT_DONUT_RATIO = 0.55;
+function PieChart({
+  data,
+  height = 200,
+  donut = false,
+  padAngle = 0,
+  colors,
+  showLegend = true,
+  valueFormatter,
+  title,
+  label,
+  onDatumPress,
+  onDatumHoverIn,
+  onDatumHoverOut,
+  ...stackProps
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const {
+    palette
+  } = useChartTheme();
+  const fills = resolveSeriesFills(data, palette, {
+    colors,
+    categorical: true
+  });
+  const format = valueFormatter ?? (value => value.toLocaleString());
+  const total = data.reduce((sum, datum) => sum + datum.value, 0);
+  const ariaLabel = label ?? describeChart({
+    typeLabel: donut ? t("Donut chart") : t("Pie chart"),
+    title,
+    data,
+    formatValue: valueFormatter,
+    includeShare: true
+  });
+  const interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);
+  const innerRatio = donut === false ? 0 : donut === true ? DEFAULT_DONUT_RATIO : Math.min(Math.max(donut, 0), 0.9);
+  return (
+    // LC-10: `flexShrink` + `minWidth 0` let a row parent (e.g. Card.Footer)
+    // constrain the chart below its intrinsic width — the wrap then stacks
+    // the legend under the pie instead of painting past the frame.
+    /* @__PURE__ */
+    jsxs(XStack, {
+      flexWrap: "wrap",
+      alignItems: "center",
+      flexShrink: 1,
+      minWidth: 0,
+      ...knobProps.gap,
+      ...stackProps,
+      children: [/* @__PURE__ */jsx(YStack, {
+        width: height,
+        height,
+        children: /* @__PURE__ */jsx(ChartSurface, {
+          label: ariaLabel,
+          height,
+          width: height,
+          children: size => {
+            const outerRadius = Math.min(size.width, size.height) / 2;
+            return /* @__PURE__ */jsx(PieSeries, {
+              data,
+              cx: size.width / 2,
+              cy: size.height / 2,
+              outerRadius,
+              innerRadius: outerRadius * innerRatio,
+              padAngle,
+              fills,
+              onDatumPress,
+              onDatumHoverIn,
+              onDatumHoverOut,
+              datumLabel: interactive ? datum => describeDatum({
+                datum,
+                total,
+                formatValue: valueFormatter
+              }) : void 0
+            });
+          }
+        })
+      }), showLegend ? /* @__PURE__ */jsx(YStack, {
+        flex: 1,
+        minWidth: 140,
+        justifyContent: "center",
+        gap: "$2",
+        ...{
+          "data-pie-legend": "true"
+        },
+        children: data.map((datum, index) => /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          alignItems: "center",
+          minWidth: 0,
+          children: [/* @__PURE__ */jsx(YStack, {
+            width: 12,
+            height: 12,
+            borderRadius: "$2",
+            flexShrink: 0,
+            backgroundColor: fills[index]
+          }), /* @__PURE__ */jsx(Text, {
+            fontSize: "$2",
+            color: componentColors.text.muted,
+            flex: 1,
+            numberOfLines: 1,
+            children: datum.label
+          }), /* @__PURE__ */jsx(Text, {
+            fontSize: "$2",
+            fontWeight: "500",
+            flexShrink: 0,
+            children: format(datum.value)
+          })]
+        }, `${datum.label}-${index}`))
+      }) : null]
+    })
+  );
+}
+export { PieChart };
+//# sourceMappingURL=PieChart.mjs.map

package/dist/jsx/charts/PieChart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","useTranslation","Text","XStack","YStack","componentColors","ChartSurface","describeChart","describeDatum","resolveSeriesFills","PieSeries","useChartTheme","jsx","jsxs","DEFAULT_DONUT_RATIO","PieChart","data","height","donut","padAngle","colors","showLegend","valueFormatter","title","label","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","knobProps","palette","fills","categorical","format","value","toLocaleString","total","reduce","sum","datum","ariaLabel","typeLabel","formatValue","includeShare","interactive","Boolean","innerRatio","Math","min","max","flexWrap","alignItems","flexShrink","minWidth","gap","children","width","size","outerRadius","cx","cy","innerRadius","datumLabel","flex","justifyContent","map","index","borderRadius","backgroundColor","fontSize","color","text","muted","numberOfLines","fontWeight"],"sources":["../../../src/charts/PieChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/charts/PieChart.native.js

@@ -0,0 +1,166 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var PieChart_exports = {};
+__export(PieChart_exports, {
+  PieChart: () => PieChart
+});
+module.exports = __toCommonJS(PieChart_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../componentColors.native.js");
+var import_ChartSurface = require("./ChartSurface.native.js");
+var import_accessibility = require("./accessibility.native.js");
+var import_composeChart = require("./composeChart.native.js");
+var import_series = require("./series.native.js");
+var import_useChartTheme = require("./useChartTheme.native.js");
+var DEFAULT_DONUT_RATIO = 0.55;
+function PieChart(param) {
+  var {
+    data,
+    height = 200,
+    donut = false,
+    padAngle = 0,
+    colors,
+    showLegend = true,
+    valueFormatter,
+    title,
+    label,
+    onDatumPress,
+    onDatumHoverIn,
+    onDatumHoverOut,
+    ...stackProps
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    palette
+  } = (0, import_useChartTheme.useChartTheme)();
+  var fills = (0, import_composeChart.resolveSeriesFills)(data, palette, {
+    colors,
+    categorical: true
+  });
+  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : function (value) {
+    return value.toLocaleString();
+  };
+  var total = data.reduce(function (sum, datum) {
+    return sum + datum.value;
+  }, 0);
+  var ariaLabel = label !== null && label !== void 0 ? label : (0, import_accessibility.describeChart)({
+    typeLabel: donut ? t("Donut chart") : t("Pie chart"),
+    title,
+    data,
+    formatValue: valueFormatter,
+    includeShare: true
+  });
+  var interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);
+  var innerRatio = donut === false ? 0 : donut === true ? DEFAULT_DONUT_RATIO : Math.min(Math.max(donut, 0), 0.9);
+  return (
+    // LC-10: `flexShrink` + `minWidth 0` let a row parent (e.g. Card.Footer)
+    // constrain the chart below its intrinsic width — the wrap then stacks
+    // the legend under the pie instead of painting past the frame.
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      flexWrap: "wrap",
+      alignItems: "center",
+      flexShrink: 1,
+      minWidth: 0,
+      ...knobProps.gap,
+      ...stackProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        width: height,
+        height,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {
+          label: ariaLabel,
+          height,
+          width: height,
+          children: function children(size) {
+            var outerRadius = Math.min(size.width, size.height) / 2;
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_series.PieSeries, {
+              data,
+              cx: size.width / 2,
+              cy: size.height / 2,
+              outerRadius,
+              innerRadius: outerRadius * innerRatio,
+              padAngle,
+              fills,
+              onDatumPress,
+              onDatumHoverIn,
+              onDatumHoverOut,
+              datumLabel: interactive ? function (datum) {
+                return (0, import_accessibility.describeDatum)({
+                  datum,
+                  total,
+                  formatValue: valueFormatter
+                });
+              } : void 0
+            });
+          }
+        })
+      }), showLegend ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        flex: 1,
+        minWidth: 140,
+        justifyContent: "center",
+        gap: "$2",
+        "data-pie-legend": "true",
+        children: data.map(function (datum, index) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            gap: "$2",
+            alignItems: "center",
+            minWidth: 0,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              width: 12,
+              height: 12,
+              borderRadius: "$2",
+              flexShrink: 0,
+              backgroundColor: fills[index]
+            }),
+            /* The label yields (truncates) before the value — values are
+            data and never truncate (Axiom 11). */
+            /* @__PURE__ */
+            (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: "$2",
+              color: import_componentColors.componentColors.text.muted,
+              flex: 1,
+              numberOfLines: 1,
+              children: datum.label
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: "$2",
+              fontWeight: "500",
+              flexShrink: 0,
+              children: format(datum.value)
+            })]
+          }, `${datum.label}-${index}`);
+        })
+      }) : null]
+    })
+  );
+}
+//# sourceMappingURL=PieChart.native.js.map

package/dist/jsx/charts/PieChart.native.js.map

@@ -0,0 +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","PieChart_exports","PieChart","module","exports","import_jsx_runtime","require","import_theme","import_react_i18next","import_tamagui","import_componentColors","import_ChartSurface","import_accessibility","import_composeChart","import_series","import_useChartTheme","DEFAULT_DONUT_RATIO","param","data","height","donut","padAngle","colors","showLegend","valueFormatter","title","label","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","useTranslation","knobProps","useResolvedKnobs","palette","useChartTheme","fills","resolveSeriesFills","categorical","format","toLocaleString","total","reduce","sum","datum","ariaLabel","describeChart","typeLabel","formatValue","includeShare","interactive","Boolean","innerRatio","Math","min","max","jsxs","XStack","flexWrap","alignItems","flexShrink","minWidth","gap","children","jsx","YStack","width","ChartSurface","size","outerRadius","PieSeries","cx","cy","innerRadius","datumLabel","describeDatum","flex"],"sources":["../../../src/charts/PieChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}