@multiplatform.one/components 6.1.0 → 6.3.0

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

@@ -0,0 +1,159 @@
+"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 Axis_exports = {};
+__export(Axis_exports, {
+  AXIS_LABEL_GAP: () => AXIS_LABEL_GAP,
+  AXIS_TICK_LENGTH: () => AXIS_TICK_LENGTH,
+  XAxis: () => XAxis,
+  YAxis: () => YAxis
+});
+module.exports = __toCommonJS(Axis_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_math = require("./math.native.js");
+var import_svg = require("./svg.native.js");
+var import_useChartTheme = require("./useChartTheme.native.js");
+var AXIS_TICK_LENGTH = 4;
+var AXIS_LABEL_GAP = 3;
+var TICK_LENGTH = AXIS_TICK_LENGTH;
+var LABEL_GAP = AXIS_LABEL_GAP;
+function XAxis(param) {
+  var {
+    plot,
+    scale,
+    tickValues,
+    tickFormat,
+    showLine = true,
+    showTicks = true,
+    showLabels = true
+  } = param;
+  var {
+    axisColor,
+    labelColor,
+    labelFontFamily,
+    labelFontSize
+  } = (0, import_useChartTheme.useChartTheme)();
+  var values = tickValues !== null && tickValues !== void 0 ? tickValues : scale.domain();
+  var y = plot.y + plot.height;
+  var bandwidth = scale.bandwidth();
+  var step = scale.step();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_svg.G, {
+    children: [showLine ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Line, {
+      x1: plot.x,
+      y1: y,
+      x2: plot.x + plot.width,
+      y2: y,
+      stroke: axisColor,
+      strokeWidth: 1
+    }) : null, values.map(function (value, index) {
+      var position = scale(value);
+      if (position === void 0) return null;
+      var center = position + bandwidth / 2;
+      var text = tickFormat ? tickFormat(value, index) : value;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_svg.G, {
+        children: [showTicks ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Line, {
+          x1: center,
+          y1: y,
+          x2: center,
+          y2: y + TICK_LENGTH,
+          stroke: axisColor,
+          strokeWidth: 1
+        }) : null, showLabels ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.SvgText, {
+          x: center,
+          y: y + TICK_LENGTH + LABEL_GAP + labelFontSize * 0.8,
+          textAnchor: "middle",
+          fill: labelColor,
+          fontSize: labelFontSize,
+          ...(labelFontFamily ? {
+            fontFamily: labelFontFamily
+          } : {}),
+          children: (0, import_math.truncateLabel)(text, labelFontSize, Math.max(step, bandwidth))
+        }) : null]
+      }, `${value}-${index}`);
+    })]
+  });
+}
+function YAxis(param) {
+  var {
+    plot,
+    scale,
+    ticks = 4,
+    tickFormat,
+    showLine = false,
+    showTicks = false,
+    showLabels = true,
+    showGrid = true
+  } = param;
+  var {
+    axisColor,
+    gridColor,
+    labelColor,
+    labelFontFamily,
+    labelFontSize
+  } = (0, import_useChartTheme.useChartTheme)();
+  var tickNumbers = (0, import_math.getLinearTicks)(scale, ticks);
+  var format = tickFormat !== null && tickFormat !== void 0 ? tickFormat : function (value) {
+    return value.toLocaleString();
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_svg.G, {
+    children: [showLine ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Line, {
+      x1: plot.x,
+      y1: plot.y,
+      x2: plot.x,
+      y2: plot.y + plot.height,
+      stroke: axisColor,
+      strokeWidth: 1
+    }) : null, tickNumbers.map(function (value, index) {
+      var y = scale(value);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_svg.G, {
+        children: [showGrid ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Line, {
+          x1: plot.x,
+          y1: y,
+          x2: plot.x + plot.width,
+          y2: y,
+          stroke: gridColor,
+          strokeWidth: 1
+        }) : null, showTicks ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Line, {
+          x1: plot.x - TICK_LENGTH,
+          y1: y,
+          x2: plot.x,
+          y2: y,
+          stroke: axisColor,
+          strokeWidth: 1
+        }) : null, showLabels ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.SvgText, {
+          x: plot.x - TICK_LENGTH - LABEL_GAP,
+          y: y + labelFontSize * 0.35,
+          textAnchor: "end",
+          fill: labelColor,
+          fontSize: labelFontSize,
+          ...(labelFontFamily ? {
+            fontFamily: labelFontFamily
+          } : {}),
+          children: format(value, index)
+        }) : null]
+      }, `${value}-${index}`);
+    })]
+  });
+}
+//# sourceMappingURL=Axis.native.js.map

package/dist/cjs/charts/Axis.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Axis_exports","__export","AXIS_LABEL_GAP","AXIS_TICK_LENGTH","XAxis","YAxis","module","exports","import_jsx_runtime","require","import_math","import_svg","import_useChartTheme","TICK_LENGTH","LABEL_GAP","param","plot","scale","tickValues","tickFormat","showLine","showTicks","showLabels","axisColor","labelColor","labelFontFamily","labelFontSize","useChartTheme","values","domain","y","height","bandwidth","step","jsxs","G","children","jsx","Line","x1","x","y1","x2","width","y2","stroke","strokeWidth","map","index","position","center","text","SvgText","textAnchor","fill","fontSize","fontFamily","truncateLabel","Math","max","ticks","showGrid","gridColor","tickNumbers","getLinearTicks","format","toLocaleString"],"sources":["../../../src/charts/Axis.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/charts/BarChart.cjs

@@ -0,0 +1,132 @@
+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 BarChart_exports = {};
+__export(BarChart_exports, {
+  BarChart: () => BarChart
+});
+module.exports = __toCommonJS(BarChart_exports);
+var import_react_i18next = require("react-i18next");
+var import_Axis = require("./Axis.cjs");
+var import_ChartSurface = require("./ChartSurface.cjs");
+var import_accessibility = require("./accessibility.cjs");
+var import_composeChart = require("./composeChart.cjs");
+var import_math = require("./math.cjs");
+var import_series = require("./series.cjs");
+var import_useChartTheme = require("./useChartTheme.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function BarChart({
+  data,
+  height = 200,
+  width,
+  categorical = false,
+  color,
+  colors,
+  showXAxis = true,
+  showYAxis = true,
+  showGrid = true,
+  yTicks = 4,
+  valueFormatter,
+  title,
+  label,
+  onDatumPress,
+  onDatumHoverIn,
+  onDatumHoverOut,
+  ...stackProps
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  const {
+    palette,
+    labelFontSize
+  } = (0, import_useChartTheme.useChartTheme)();
+  const fills = (0, import_composeChart.resolveSeriesFills)(data, palette, {
+    color,
+    colors,
+    categorical
+  });
+  const format = valueFormatter ?? (value => value.toLocaleString());
+  const ariaLabel = label ?? (0, import_accessibility.describeChart)({
+    typeLabel: t("Bar chart"),
+    title,
+    data,
+    formatValue: valueFormatter
+  });
+  const interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {
+    label: ariaLabel,
+    height,
+    width,
+    ...stackProps,
+    children: size => {
+      const domain = (0, import_math.valueDomain)(data.map(datum => datum.value));
+      const marginScale = (0, import_math.createLinearScale)({
+        domain,
+        range: [0, 1]
+      });
+      const tickValues = (0, import_math.getLinearTicks)(marginScale, yTicks);
+      const plot = (0, import_composeChart.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 = (0, import_math.createBandScale)({
+        domain: data.map(datum => datum.label),
+        range: [plot.x, plot.x + plot.width]
+      });
+      const yScale = (0, import_math.createLinearScale)({
+        domain,
+        range: [plot.y + plot.height, plot.y]
+      });
+      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: value => 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 ? datum => (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(datum => datum.label), plot.width, labelFontSize)
+        }) : null]
+      });
+    }
+  });
+}

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

@@ -0,0 +1,150 @@
+"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 BarChart_exports = {};
+__export(BarChart_exports, {
+  BarChart: () => BarChart
+});
+module.exports = __toCommonJS(BarChart_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 BarChart(param) {
+  var {
+    data,
+    height = 200,
+    width,
+    categorical = false,
+    color,
+    colors,
+    showXAxis = true,
+    showYAxis = true,
+    showGrid = true,
+    yTicks = 4,
+    valueFormatter,
+    title,
+    label,
+    onDatumPress,
+    onDatumHoverIn,
+    onDatumHoverOut,
+    ...stackProps
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    palette,
+    labelFontSize
+  } = (0, import_useChartTheme.useChartTheme)();
+  var fills = (0, import_composeChart.resolveSeriesFills)(data, palette, {
+    color,
+    colors,
+    categorical
+  });
+  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: t("Bar 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.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]
+      });
+      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/cjs/charts/BarChart.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BarChart_exports","__export","BarChart","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","categorical","color","colors","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","useTranslation","palette","labelFontSize","useChartTheme","fills","resolveSeriesFills","format","toLocaleString","ariaLabel","describeChart","typeLabel","formatValue","interactive","Boolean","jsx","ChartSurface","children","size","domain","valueDomain","map","datum","marginScale","createLinearScale","range","tickValues","getLinearTicks","plot","computeCartesianPlot","yTickLabels","fontSize","length","xScale","createBandScale","x","yScale","y","jsxs","Fragment","YAxis","scale","ticks","tickFormat","showLabels","BarSeries","datumLabel","describeDatum"],"sources":["../../../src/charts/BarChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/charts/ChartSurface.cjs

@@ -0,0 +1,73 @@
+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 ChartSurface_exports = {};
+__export(ChartSurface_exports, {
+  ChartSurface: () => ChartSurface
+});
+module.exports = __toCommonJS(ChartSurface_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_svg = require("./svg.cjs");
+var import_useChartTheme = require("./useChartTheme.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ChartSurface({
+  label,
+  height = 200,
+  width: widthProp,
+  children,
+  ...stackProps
+}) {
+  const {
+    transition,
+    animationEnabled
+  } = (0, import_useChartTheme.useChartTheme)();
+  const [measuredWidth, setMeasuredWidth] = (0, import_react.useState)(0);
+  const width = widthProp ?? measuredWidth;
+  const handleLayout = (0, import_react.useCallback)(event => {
+    const next = event.nativeEvent.layout.width;
+    setMeasuredWidth(prev => Math.abs(prev - next) >= 0.5 ? next : prev);
+  }, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    width: "100%",
+    height,
+    overflow: "hidden",
+    onLayout: widthProp === void 0 ? handleLayout : void 0,
+    ...(animationEnabled ? {
+      transition,
+      enterStyle: {
+        opacity: 0,
+        y: 6
+      }
+    } : {}),
+    ...stackProps,
+    children: width > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
+      width,
+      height,
+      ...(0, import_svg.chartRootA11yProps)(label),
+      children: children({
+        width,
+        height
+      })
+    }) : null
+  });
+}

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

@@ -0,0 +1,79 @@
+"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 ChartSurface_exports = {};
+__export(ChartSurface_exports, {
+  ChartSurface: () => ChartSurface
+});
+module.exports = __toCommonJS(ChartSurface_exports);
+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_useChartTheme = require("./useChartTheme.native.js");
+function ChartSurface(param) {
+  var {
+    label,
+    height = 200,
+    width: widthProp,
+    children,
+    ...stackProps
+  } = param;
+  var {
+    transition,
+    animationEnabled
+  } = (0, import_useChartTheme.useChartTheme)();
+  var [measuredWidth, setMeasuredWidth] = (0, import_react.useState)(0);
+  var width = widthProp !== null && widthProp !== void 0 ? widthProp : measuredWidth;
+  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;
+    });
+  }, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    width: "100%",
+    height,
+    overflow: "hidden",
+    onLayout: widthProp === void 0 ? handleLayout : void 0,
+    ...(animationEnabled ? {
+      transition,
+      enterStyle: {
+        opacity: 0,
+        y: 6
+      }
+    } : {}),
+    ...stackProps,
+    children: width > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
+      width,
+      height,
+      ...(0, import_svg.chartRootA11yProps)(label),
+      children: children({
+        width,
+        height
+      })
+    }) : null
+  });
+}
+//# sourceMappingURL=ChartSurface.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChartSurface_exports","__export","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","handleLayout","useCallback","event","next","nativeEvent","layout","prev","Math","abs","jsx","YStack","overflow","onLayout","enterStyle","opacity","y","Svg"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsD,CAAAK,oBAAA;AAEtD,IAAAK,kBAAyC,GAAAC,OAAA;AACzC,IAAAC,YAAA,GAAwCD,OAAA;AAExC,IAAAE,cAAA,GAAAF,OAA8B;AA0DtB,IAAAG,UAAA,GAAAH,OAAA;AA1BD,IAAAI,oBAAsB,GAAAJ,OAAA;AAAA,SAC3BJ,aAAAS,KAAA;EACA;IAAAC,KAAS;IAAAC,MAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAN,KAAA;EACT;IAAAO,UAAO;IAAAC;EAAA,QAAAT,oBAAA,CAAAU,aAAA;EACP,KAAAC,aAAA,EAAAC,gBAAA,QAAAf,YAAA,CAAAgB,QAAA;EACA,IAAGT,KAAA,GAAAC,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAAM,aAAA;EACL,IAAsBG,YAAA,OAAAjB,YAAA,CAAAkB,WAAA,YAAAC,KAAA;IACpB,IAAMC,IAAE,GAAAD,KAAA,CAAAE,WAAY,CAAAC,MAAiB,CAAAf,KAAA;IACrCQ,gBAAO,WAAeQ,IAAA;MACtB,OAAMC,IAAQ,CAAAC,GAAA,CAAAF,IAAA,GAAaH,IAAA,WAAAA,IAAA,GAAAG,IAAA;IAE3B;EACE;EACA,sBAAkB,IAAAzB,kBAA0B,CAAA4B,GAAI,EAAAzB,cAAW,CAAA0B,MAAY;IACzEpB,KAAK;IAELD,MACE;IAACsB,QAAA;IAAAC,QAAA,EAAArB,SAAA,cAAAS,YAAA;IAAA,IACCL,gBAAM;MACND,UAAA;MACAmB,UAAS;QACTC,OAAA,EAAU;QACTC,CAAI;MACJ;IAAG,IAEH;IAIG,GAAAtB,UAAA;IACND,QAAA,EAAAF,KAAA,0BAAAT,kBAAA,CAAA4B,GAAA,EAAAxB,UAAA,CAAA+B,GAAA;MAEJ1B,KAAA","ignoreList":[]}