@multiplatform.one/components 7.7.6 → 7.10.0

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

@@ -30,6 +30,7 @@ module.exports = __toCommonJS(BarChart_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_i18n = require("../shared/i18n.native.js");
 var import_Axis = require("./Axis.native.js");
+var import_ChartDataView = require("./ChartDataView.native.js");
 var import_ChartSurface = require("./ChartSurface.native.js");
 var import_accessibility = require("./accessibility.native.js");
 var import_composeChart = require("./composeChart.native.js");
@@ -77,76 +78,89 @@ function BarChart(param) {
     formatValue: valueFormatter
   });
   var interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {
-    label: ariaLabel,
-    height,
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartDataView.ChartDataFrame, {
+    data,
+    title,
+    valueFormatter,
     width,
-    ...stackProps,
-    children: function children(size) {
-      var domain = domainProp !== null && domainProp !== void 0 ? domainProp : (0, import_math.valueDomain)(data.map(function (datum) {
-        return datum.value;
-      }));
-      var nice = domainProp ? false : void 0;
-      var marginScale = (0, import_math.createLinearScale)({
-        domain,
-        range: [0, 1],
-        nice
-      });
-      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.createBandScale)({
-        domain: data.map(function (datum) {
-          return datum.label;
-        }),
-        range: [plot.x, plot.x + plot.width]
-      });
-      var yScale = (0, import_math.createLinearScale)({
-        domain,
-        range: [plot.y + plot.height, plot.y],
-        nice
-      });
-      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) {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {
+      label: ariaLabel,
+      proof: {
+        kind: "bar",
+        separated: true,
+        datumText: false,
+        datumValues: (0, import_accessibility.chartDatumText)(data, valueFormatter),
+        datumCount: data.length
+      },
+      height,
+      width,
+      ...stackProps,
+      children: function children(size) {
+        var domain = domainProp !== null && domainProp !== void 0 ? domainProp : (0, import_math.valueDomain)(data.map(function (datum) {
+          return datum.value;
+        }));
+        var nice = domainProp ? false : void 0;
+        var marginScale = (0, import_math.createLinearScale)({
+          domain,
+          range: [0, 1],
+          nice
+        });
+        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);
-          },
-          showLabels: showYAxis,
-          showGrid
-        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_series.BarSeries, {
-          data,
-          xScale,
-          yScale,
-          plot,
-          fills,
-          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) {
+          }),
+          fontSize: labelFontSize
+        });
+        if (plot.width <= 0 || plot.height <= 0 || data.length === 0) return null;
+        var xScale = (0, import_math.createBandScale)({
+          domain: data.map(function (datum) {
             return datum.label;
-          }), plot.width, labelFontSize)
-        }) : null]
-      });
-    }
+          }),
+          range: [plot.x, plot.x + plot.width]
+        });
+        var yScale = (0, import_math.createLinearScale)({
+          domain,
+          range: [plot.y + plot.height, plot.y],
+          nice
+        });
+        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, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_series.BarSeries, {
+            data,
+            xScale,
+            yScale,
+            plot,
+            fills,
+            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]
+        });
+      }
+    })
   });
 }
 //# sourceMappingURL=BarChart.native.js.map

package/dist/jsx/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_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","ChartSurface","children","size","valueDomain","map","datum","nice","marginScale","createLinearScale","range","tickValues","getLinearTicks","plot","computeCartesianPlot","yTickLabels","fontSize","length","xScale","createBandScale","x","yScale","y","jsxs","Fragment","YAxis","scale","ticks","tickFormat"],"sources":["../../../src/charts/BarChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","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"],"sources":["../../../src/charts/BarChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/charts/ChartDataView.mjs

@@ -0,0 +1,185 @@
+import { Button } from "@multiplatform.one/forms";
+import { isWeb } from "@multiplatform.one/platform";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { createContext, useContext, useId, useState } from "react";
+import { Dialog, Paragraph, ScrollView, XStack, YStack } from "tamagui";
+import { sectionHeading } from "../componentColors.mjs";
+import { useTranslation } from "../shared/i18n.mjs";
+import { DialogContent, DialogOverlay } from "../surfaces.mjs";
+import { describeDatum } from "./accessibility.mjs";
+import { formatChartValue } from "./math.mjs";
+import { chartWebProps } from "./svg.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const ChartDataContext = createContext(null);
+function ChartDataView({
+  data,
+  title,
+  valueFormatter,
+  children
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const {
+    knobProps: datumKnobs
+  } = useResolvedKnobs({
+    compact: true
+  });
+  const [open, setOpen] = useState(false);
+  const id = `mpo-chart-data-${useId().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+  const triggerId = `${id}-trigger`;
+  const normalized = data.map((datum, index) => typeof datum === "number" ? {
+    label: String(index + 1),
+    value: datum
+  } : datum);
+  const format = valueFormatter ?? formatChartValue;
+  const actionLabel = title ? `${t("View data for")} ${title}` : t("View chart data");
+  const action = /* @__PURE__ */jsx(Dialog.Trigger, {
+    asChild: true,
+    children: /* @__PURE__ */jsx(Button, {
+      compact: true,
+      id: triggerId,
+      ...(isWeb ? {
+        "aria-label": actionLabel
+      } : {
+        accessibilityLabel: actionLabel
+      }),
+      ...chartWebProps({
+        "data-mpo-chart-data-trigger": id
+      }),
+      children: t("View data")
+    })
+  });
+  return /* @__PURE__ */jsx(ChartDataContext.Provider, {
+    value: {
+      id,
+      triggerId
+    },
+    children: /* @__PURE__ */jsxs(Dialog, {
+      modal: true,
+      open,
+      onOpenChange: setOpen,
+      children: [children({
+        action,
+        data: normalized,
+        valueFormatter: format
+      }), /* @__PURE__ */jsxs(Dialog.Portal, {
+        children: [/* @__PURE__ */jsx(DialogOverlay, {}, "overlay"), /* @__PURE__ */jsxs(DialogContent, {
+          width: "90%",
+          maxWidth: 480,
+          maxHeight: "80%",
+          ...chartWebProps({
+            "data-mpo-chart-data-panel": id
+          }),
+          children: [/* @__PURE__ */jsx(Dialog.Title, {
+            ...knobProps.heading,
+            ...sectionHeading,
+            children: title ? `${title}: ${t("data")}` : t("Chart data")
+          }), /* @__PURE__ */jsx(Dialog.Description, {
+            ...knobProps.body,
+            children: `${normalized.length} ${t("data points")}`
+          }), /* @__PURE__ */jsx(ScrollView, {
+            flexShrink: 1,
+            minHeight: 0,
+            children: /* @__PURE__ */jsx(YStack, {
+              ...knobProps.gap,
+              children: normalized.map((datum, index) => /* @__PURE__ */jsxs(XStack, {
+                alignItems: "flex-start",
+                flexWrap: "wrap",
+                ...datumKnobs.gap,
+                ...chartWebProps({
+                  "data-mpo-chart-data-row": String(index)
+                }),
+                ...(!isWeb ? {
+                  accessible: true,
+                  accessibilityLabel: describeDatum({
+                    datum,
+                    formatValue: format
+                  })
+                } : {}),
+                children: [/* @__PURE__ */jsx(Paragraph, {
+                  flexBasis: "50%",
+                  flexGrow: 1,
+                  flexShrink: 1,
+                  minWidth: 0,
+                  ...knobProps.body,
+                  ...chartWebProps({
+                    "data-mpo-chart-data-label": "true"
+                  }),
+                  children: datum.label
+                }), /* @__PURE__ */jsx(Paragraph, {
+                  flexShrink: 1,
+                  maxWidth: "100%",
+                  ...knobProps.body,
+                  ...chartWebProps({
+                    "data-mpo-chart-data-value": "true"
+                  }),
+                  children: format(datum.value)
+                })]
+              }, index))
+            })
+          }), /* @__PURE__ */jsx(XStack, {
+            justifyContent: "flex-end",
+            children: /* @__PURE__ */jsx(Dialog.Close, {
+              asChild: true,
+              "aria-label": t("Close"),
+              children: /* @__PURE__ */jsx(Button, {
+                "aria-label": t("Close"),
+                ...(!isWeb ? {
+                  accessibilityLabel: t("Close")
+                } : {}),
+                ...chartWebProps({
+                  "data-mpo-chart-data-close": id
+                }),
+                children: t("Close")
+              })
+            })
+          })]
+        }, "content")]
+      })]
+    })
+  });
+}
+function ChartDataFrame({
+  data,
+  title,
+  valueFormatter,
+  width,
+  children
+}) {
+  const inherited = useContext(ChartDataContext);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  if (inherited) return children;
+  return /* @__PURE__ */jsx(ChartDataView, {
+    data,
+    title,
+    valueFormatter,
+    children: ({
+      action
+    }) => /* @__PURE__ */jsxs(YStack, {
+      minWidth: 0,
+      width: width ?? "100%",
+      maxWidth: "100%",
+      ...knobProps.gap,
+      children: [children, /* @__PURE__ */jsx(XStack, {
+        justifyContent: "flex-end",
+        children: action
+      })]
+    })
+  });
+}
+function useChartDataViewProps() {
+  const context = useContext(ChartDataContext);
+  if (!context) return {};
+  return chartWebProps({
+    "data-mpo-chart-data-view": context.id,
+    "aria-describedby": context.triggerId
+  });
+}
+export { ChartDataFrame, ChartDataView, useChartDataViewProps };
+//# sourceMappingURL=ChartDataView.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Button","isWeb","useResolvedKnobs","createContext","useContext","useId","useState","Dialog","Paragraph","ScrollView","XStack","YStack","sectionHeading","useTranslation","DialogContent","DialogOverlay","describeDatum","formatChartValue","chartWebProps","jsx","jsxs","ChartDataContext","ChartDataView","data","title","valueFormatter","children","t","knobProps","datumKnobs","compact","open","setOpen","id","replace","triggerId","normalized","map","datum","index","label","String","value","format","actionLabel","action","Trigger","asChild","accessibilityLabel","Provider","modal","onOpenChange","Portal","width","maxWidth","maxHeight","Title","heading","Description","body","length","flexShrink","minHeight","gap","alignItems","flexWrap","accessible","formatValue","flexBasis","flexGrow","minWidth","justifyContent","Close","ChartDataFrame","inherited","useChartDataViewProps","context"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,224 @@
+"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 ChartDataView_exports = {};
+__export(ChartDataView_exports, {
+  ChartDataFrame: () => ChartDataFrame,
+  ChartDataView: () => ChartDataView,
+  useChartDataViewProps: () => useChartDataViewProps
+});
+module.exports = __toCommonJS(ChartDataView_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_platform = require("@multiplatform.one/platform");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+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);
+function ChartDataView(param) {
+  var {
+    data,
+    title,
+    valueFormatter,
+    children
+  } = param;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    knobProps: datumKnobs
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var id = `mpo-chart-data-${(0, import_react.useId)().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+  var triggerId = `${id}-trigger`;
+  var normalized = data.map(function (datum, index) {
+    return typeof datum === "number" ? {
+      label: String(index + 1),
+      value: datum
+    } : datum;
+  });
+  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : import_math.formatChartValue;
+  var actionLabel = title ? `${t("View data for")} ${title}` : t("View chart data");
+  var action = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
+    asChild: true,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+      compact: true,
+      id: triggerId,
+      ...(import_platform.isWeb ? {
+        "aria-label": actionLabel
+      } : {
+        accessibilityLabel: actionLabel
+      }),
+      ...(0, import_svg.chartWebProps)({
+        "data-mpo-chart-data-trigger": id
+      }),
+      children: t("View data")
+    })
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataContext.Provider, {
+    value: {
+      id,
+      triggerId
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
+      modal: true,
+      open,
+      onOpenChange: setOpen,
+      children: [children({
+        action,
+        data: normalized,
+        valueFormatter: format
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_surfaces.DialogOverlay, {}, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_surfaces.DialogContent, {
+          width: "90%",
+          maxWidth: 480,
+          maxHeight: "80%",
+          ...(0, import_svg.chartWebProps)({
+            "data-mpo-chart-data-panel": id
+          }),
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
+            ...knobProps.heading,
+            ...import_componentColors.sectionHeading,
+            children: title ? `${title}: ${t("data")}` : t("Chart data")
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
+            ...knobProps.body,
+            children: `${normalized.length} ${t("data points")}`
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+            flexShrink: 1,
+            minHeight: 0,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              ...knobProps.gap,
+              children: normalized.map(function (datum, index) {
+                return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                  alignItems: "flex-start",
+                  flexWrap: "wrap",
+                  ...datumKnobs.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_tamagui.Paragraph, {
+                    flexBasis: "50%",
+                    flexGrow: 1,
+                    flexShrink: 1,
+                    minWidth: 0,
+                    ...knobProps.body,
+                    ...(0, import_svg.chartWebProps)({
+                      "data-mpo-chart-data-label": "true"
+                    }),
+                    children: datum.label
+                  }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+                    flexShrink: 1,
+                    maxWidth: "100%",
+                    ...knobProps.body,
+                    ...(0, import_svg.chartWebProps)({
+                      "data-mpo-chart-data-value": "true"
+                    }),
+                    children: format(datum.value)
+                  })]
+                }, index);
+              })
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            justifyContent: "flex-end",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
+              asChild: true,
+              "aria-label": t("Close"),
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+                "aria-label": t("Close"),
+                ...(!import_platform.isWeb ? {
+                  accessibilityLabel: t("Close")
+                } : {}),
+                ...(0, import_svg.chartWebProps)({
+                  "data-mpo-chart-data-close": id
+                }),
+                children: t("Close")
+              })
+            })
+          })]
+        }, "content")]
+      })]
+    })
+  });
+}
+function ChartDataFrame(param) {
+  var {
+    data,
+    title,
+    valueFormatter,
+    width,
+    children
+  } = param;
+  var inherited = (0, import_react.useContext)(ChartDataContext);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  if (inherited) return children;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataView, {
+    data,
+    title,
+    valueFormatter,
+    children: function children1(param2) {
+      var {
+        action
+      } = param2;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        minWidth: 0,
+        width: width !== null && width !== void 0 ? width : "100%",
+        maxWidth: "100%",
+        ...knobProps.gap,
+        children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          justifyContent: "flex-end",
+          children: action
+        })]
+      });
+    }
+  });
+}
+function useChartDataViewProps() {
+  var context = (0, import_react.useContext)(ChartDataContext);
+  if (!context) return {};
+  return (0, import_svg.chartWebProps)({
+    "data-mpo-chart-data-view": context.id,
+    "aria-describedby": context.triggerId
+  });
+}
+//# sourceMappingURL=ChartDataView.native.js.map

package/dist/jsx/charts/ChartDataView.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","ChartDataView_exports","ChartDataFrame","ChartDataView","useChartDataViewProps","module","exports","import_jsx_runtime","require","import_forms","import_platform","import_theme","import_react","import_tamagui","import_componentColors","import_i18n","import_surfaces","import_accessibility","import_math","import_svg","ChartDataContext","createContext","param","data","title","valueFormatter","children","t","useTranslation","knobProps","useResolvedKnobs","datumKnobs","compact","open","setOpen","useState","id","useId","replace","triggerId","normalized","map","datum","index","label","String","format","formatChartValue","actionLabel","action","jsx","Dialog","Trigger","asChild","Button","isWeb","accessibilityLabel","chartWebProps","Provider","jsxs","modal","onOpenChange","Portal","DialogOverlay","DialogContent","width","maxWidth","maxHeight","Title","heading","sectionHeading","Description","body","length","ScrollView","flexShrink","minHeight","YStack","gap","XStack","alignItems","flexWrap","accessible","describeDatum","formatValue","Paragraph","flexBasis","flexGrow"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}