@multiplatform.one/components 7.7.4 → 7.8.0

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":[]}

package/dist/jsx/charts/ChartSurface.mjs

@@ -1,15 +1,18 @@
 import { useCallback, useState } from "react";
 import { YStack } from "tamagui";
 import { Svg, chartRootA11yProps } from "./svg.mjs";
+import { useChartDataViewProps } from "./ChartDataView.mjs";
 import { useChartTheme } from "./useChartTheme.mjs";
 import { jsx } from "react/jsx-runtime";
 function ChartSurface({
   label,
+  proof,
   height = 200,
   width: widthProp,
   children,
   ...stackProps
 }) {
+  const dataViewProps = useChartDataViewProps();
   const {
     transition,
     animationEnabled
@@ -36,7 +39,8 @@ function ChartSurface({
     children: width > 0 ? /* @__PURE__ */jsx(Svg, {
       width,
       height,
-      ...chartRootA11yProps(label),
+      ...chartRootA11yProps(label, proof),
+      ...dataViewProps,
       children: children({
         width,
         height

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useState","YStack","Svg","chartRootA11yProps","useChartTheme","jsx","ChartSurface","label","height","width","widthProp","children","stackProps","transition","animationEnabled","measuredWidth","setMeasuredWidth","handleLayout","event","next","nativeEvent","layout","prev","Math","abs","overflow","onLayout","enterStyle","opacity","y"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,QAAA,QAAgC;AAEtD,SAASC,MAAA,QAAgC;AACzC,SAASC,GAAA,EAAKC,kBAAA,QAA0B;AAExC,SAASC,aAAA,QAAqB;AA0DtB,SAAAC,GAAA;AA1BD,SAASC,aAAa;EAC3BC,KAAA;EACAC,MAAA,GAAS;EACTC,KAAA,EAAOC,SAAA;EACPC,QAAA;EACA,GAAGC;AACL,GAAsB;EACpB,MAAM;IAAEC,UAAA;IAAYC;EAAiB,IAAIV,aAAA,CAAc;EACvD,MAAM,CAACW,aAAA,EAAeC,gBAAgB,IAAIhB,QAAA,CAAS,CAAC;EACpD,MAAMS,KAAA,GAAQC,SAAA,IAAaK,aAAA;EAE3B,MAAME,YAAA,GAAelB,WAAA,CAAamB,KAAA,IAA6B;IAC7D,MAAMC,IAAA,GAAOD,KAAA,CAAME,WAAA,CAAYC,MAAA,CAAOZ,KAAA;IACtCO,gBAAA,CAAkBM,IAAA,IAAUC,IAAA,CAAKC,GAAA,CAAIF,IAAA,GAAOH,IAAI,KAAK,MAAMA,IAAA,GAAOG,IAAK;EACzE,GAAG,EAAE;EAEL,OACE,eAAAjB,GAAA,CAACJ,MAAA;IACCQ,KAAA,EAAM;IACND,MAAA;IACAiB,QAAA,EAAS;IACTC,QAAA,EAAUhB,SAAA,KAAc,SAAYO,YAAA,GAAe;IAClD,IAAIH,gBAAA,GAAmB;MAAED,UAAA;MAAYc,UAAA,EAAY;QAAEC,OAAA,EAAS;QAAGC,CAAA,EAAG;MAAE;IAAE,IAAI,CAAC;IAC3E,GAAGjB,UAAA;IAEHD,QAAA,EAAAF,KAAA,GAAQ,IACP,eAAAJ,GAAA,CAACH,GAAA;MAAIO,KAAA;MAAcD,MAAA;MAAiB,GAAGL,kBAAA,CAAmBI,KAAK;MAC5DI,QAAA,EAAAA,QAAA,CAAS;QAAEF,KAAA;QAAOD;MAAO,CAAC;IAAA,CAC7B,IACE;EAAA,CACN;AAEJ","ignoreList":[]}
+{"version":3,"names":["useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","jsx","ChartSurface","label","proof","height","width","widthProp","children","stackProps","dataViewProps","transition","animationEnabled","measuredWidth","setMeasuredWidth","handleLayout","event","next","nativeEvent","layout","prev","Math","abs","overflow","onLayout","enterStyle","opacity","y"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,QAAA,QAAgC;AAEtD,SAASC,MAAA,QAAgC;AACzC,SAASC,GAAA,EAAKC,kBAAA,QAAsD;AACpE,SAASC,qBAAA,QAA6B;AAEtC,SAASC,aAAA,QAAqB;AA8DtB,SAAAC,GAAA;AA5BD,SAASC,aAAa;EAC3BC,KAAA;EACAC,KAAA;EACAC,MAAA,GAAS;EACTC,KAAA,EAAOC,SAAA;EACPC,QAAA;EACA,GAAGC;AACL,GAAsB;EACpB,MAAMC,aAAA,GAAgBX,qBAAA,CAAsB;EAC5C,MAAM;IAAEY,UAAA;IAAYC;EAAiB,IAAIZ,aAAA,CAAc;EACvD,MAAM,CAACa,aAAA,EAAeC,gBAAgB,IAAInB,QAAA,CAAS,CAAC;EACpD,MAAMW,KAAA,GAAQC,SAAA,IAAaM,aAAA;EAE3B,MAAME,YAAA,GAAerB,WAAA,CAAasB,KAAA,IAA6B;IAC7D,MAAMC,IAAA,GAAOD,KAAA,CAAME,WAAA,CAAYC,MAAA,CAAOb,KAAA;IACtCQ,gBAAA,CAAkBM,IAAA,IAAUC,IAAA,CAAKC,GAAA,CAAIF,IAAA,GAAOH,IAAI,KAAK,MAAMA,IAAA,GAAOG,IAAK;EACzE,GAAG,EAAE;EAEL,OACE,eAAAnB,GAAA,CAACL,MAAA;IACCU,KAAA,EAAM;IACND,MAAA;IACAkB,QAAA,EAAS;IACTC,QAAA,EAAUjB,SAAA,KAAc,SAAYQ,YAAA,GAAe;IAClD,IAAIH,gBAAA,GAAmB;MAAED,UAAA;MAAYc,UAAA,EAAY;QAAEC,OAAA,EAAS;QAAGC,CAAA,EAAG;MAAE;IAAE,IAAI,CAAC;IAC3E,GAAGlB,UAAA;IAEHD,QAAA,EAAAF,KAAA,GAAQ,IACP,eAAAL,GAAA,CAACJ,GAAA;MAAIS,KAAA;MAAcD,MAAA;MAAiB,GAAGP,kBAAA,CAAmBK,KAAA,EAAOC,KAAK;MAAI,GAAGM,aAAA;MAC1EF,QAAA,EAAAA,QAAA,CAAS;QAAEF,KAAA;QAAOD;MAAO,CAAC;IAAA,CAC7B,IACE;EAAA,CACN;AAEJ","ignoreList":[]}

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

@@ -31,15 +31,18 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_svg = require("./svg.native.js");
+var import_ChartDataView = require("./ChartDataView.native.js");
 var import_useChartTheme = require("./useChartTheme.native.js");
 function ChartSurface(param) {
   var {
     label,
+    proof,
     height = 200,
     width: widthProp,
     children,
     ...stackProps
   } = param;
+  var dataViewProps = (0, import_ChartDataView.useChartDataViewProps)();
   var {
     transition,
     animationEnabled
@@ -68,7 +71,8 @@ function ChartSurface(param) {
     children: width > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
       width,
       height,
-      ...(0, import_svg.chartRootA11yProps)(label),
+      ...(0, import_svg.chartRootA11yProps)(label, proof),
+      ...dataViewProps,
       children: children({
         width,
         height

package/dist/jsx/charts/ChartSurface.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","ChartSurface_exports","ChartSurface","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_svg","import_useChartTheme","param","label","height","width","widthProp","children","stackProps","transition","animationEnabled","useChartTheme","measuredWidth","setMeasuredWidth","useState"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAgCC,cAAA;AACzC,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAA0B;AAExC,IAAAC,iBAAS,GAAAJ,MAAqB,CAAAK,mBAAA;AA0DtB,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AA1BD,IAAAC,QAAS,GAAAA,CAAAC,MAAa,EAAAC,GAAA;EAC3B,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAS,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACF,IACPC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAGF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACiB,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACpB,IAAQ,CAAAX,YAAY,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAiBA,GAAI,KAAAF,MAAA,EACnCnB,SAAC,CAAAiB,EAAA,EAAAI,GAAe;MAAAP,GAAA,EAAAA,CAAA,KAAgBI,IAAI,CAAAG,GAAA;MAAAN,UAAU,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACpD;EAEA,OAAME,EAAA;AACJ;AACA,IAAAM,YAAA,GAAAC,GAAkB,IAAAR,WAAe,CAAIhB,SAAO,EAAI,eAAW;EAAOyB,KAAK;AAAA,IAAAD,GAAA;AAAA,IACzEE,oBAAK;AAELhB,QAAA,CACEgB,oBAAA;EAAAC,YAAC,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MACC,CAAAC,OAAM,GAAAN,YAAA,CAAAG,oBAAA;AAAA,IAAAI,kBACN,GAAAC,OAAA;AAAA,IAAAC,YACS,GAAAD,OAAA;AAAA,IAAAE,cACC,GAAAF,OAAA,UAAc,CAAY;AAAe,IAAAG,UAC9C,GAAAH,OAAA,kBAAqB;AAAkD,IAAAI,oBACxE,GAAAJ,OAAA;AAAA,SAEHJ,aAAAS,KAAQ,EACP;EAGE;IAAAC,KAAA;IAAAC,MAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAN,KAAA;EACN;IAAAO,UAAA;IAAAC;EAAA,QAAAT,oBAAA,CAAAU,aAAA;EAEJ,KAAAC,aAAA,EAAAC,gBAAA,QAAAf,YAAA,CAAAgB,QAAA","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","ChartSurface_exports","ChartSurface","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_svg","import_ChartDataView","import_useChartTheme","param","label","proof","height","width","widthProp","children","stackProps","dataViewProps","useChartDataViewProps","transition","animationEnabled","useChartTheme","measuredWidth","setMeasuredWidth","useState"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAgCC,cAAA;AACzC,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAAsD;AACpE,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAA6B;AAEtC,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAqB,CAAAC,cAAA;AA8DtB,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EA5BD,SAASC,IAAA,IAAAD,GAAa,EAC3BZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAS,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACT,IAAAF,IAAO,WAAAA,IAAA,wBAAAA,IAAA;IACP,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACG,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACiBnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACpB;EACA,OAAME,EAAE;AACR;AACA,IAAAM,YAAc,GAAAC,GAAA,IAAAR,WAAa,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAE3B,IAAAE,oBAAqB;AACnBhB,QAAA,CAAAgB,oBAAmB;EACnBC,YAAA,EAAAA,CAAA,KAAkBA;AAAqD,EACzE;AAEAC,MAAA,CAAAC,OACE,GAAAN,YAAA,CAAAG,oBAAA;AAAA,IAACI,kBAAA,GAAAC,OAAA;AAAA,IAAAC,YAAA,GAAAD,OAAA;AAAA,IAAAE,cACO,GAAAF,OAAA;AAAA,IAAAG,UACN,GAAAH,OAAA;AAAA,IAAAI,oBACS,GAAAJ,OAAA;AAAA,IAAAK,oBACC,GAAAL,OAAc,4BAAY;AAAe,SAC9CJ,aAAAU,KAAA,EAAmB;EAAoD,IAC3E;IAAAC,KAAG;IAAAC,KAAA;IAAAC,MAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAP,KAAA;EAAA,IAEHQ,aAAA,KAAQ,EAAAV,oBACP,CAAAW,qBAAmB,EAAiB;EAGlC;IAAAC,UAAA;IAAAC;EAAA,QAAAZ,oBAAA,CAAAa,aAAA;EACN,KAAAC,aAAA,EAAAC,gBAAA,QAAAnB,YAAA,CAAAoB,QAAA;EAEJ,IAAAX,KAAA,GAAAC,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAAQ,aAAA","ignoreList":[]}