@shapesos/clay 0.16.0 → 0.17.0

package/dist/artifacts.cjs

@@ -1087,11 +1087,6 @@ function coerceNumericColumns(rows, numericKeys) {
 
 // src/components/chart/bar-chart/bar-chart.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var STACK_TOTAL_KEY = "__stackTotal";
-var VALUE_LABEL_HEADROOM = 20;
-function sumSeries(row, keys) {
-  return keys.reduce((sum, key) => sum + (Number(row[key]) || 0), 0);
-}
 function BarChart({
   data,
   xKey,
@@ -1106,7 +1101,6 @@ function BarChart({
   showGrid = true,
   showXAxis = true,
   showYAxis = true,
-  showValueLabels,
   xAxisInterval = 0,
   xAxisAngle,
   xAxisTickFormatter
@@ -1117,24 +1111,14 @@ function BarChart({
     [data, seriesKeys]
   );
   const resolvedShowLegend = showLegend ?? series.length > 1;
-  const resolvedShowValueLabels = showValueLabels ?? true;
-  const plotData = (0, import_react9.useMemo)(() => {
-    if (!stacked || !resolvedShowValueLabels) return coercedData;
-    return coercedData.map((row) => ({ ...row, [STACK_TOTAL_KEY]: sumSeries(row, seriesKeys) }));
-  }, [coercedData, stacked, resolvedShowValueLabels, seriesKeys]);
   const resolvedAngle = xAxisAngle ?? (coercedData.length >= 8 ? -30 : 0);
   const resolvedTickFormatter = (0, import_react9.useMemo)(
     () => xAxisTickFormatter ?? defaultBarTickFormatter(coercedData.length),
     [xAxisTickFormatter, coercedData.length]
   );
   const angledLabelPad = resolvedAngle === 0 ? 0 : Math.min(Math.abs(resolvedAngle) * 0.7, 40);
-  const valueLabelHeadroom = resolvedShowValueLabels ? VALUE_LABEL_HEADROOM : 0;
-  const chartMargin = {
-    ...CHART_MARGIN,
-    top: CHART_MARGIN.top + valueLabelHeadroom,
-    bottom: CHART_MARGIN.bottom + angledLabelPad
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChartContainer, { height, width, className, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_recharts2.BarChart, { data: plotData, margin: chartMargin, barCategoryGap: "22%", children: [
+  const chartMargin = { ...CHART_MARGIN, bottom: CHART_MARGIN.bottom + angledLabelPad };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChartContainer, { height, width, className, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_recharts2.BarChart, { data: coercedData, margin: chartMargin, barCategoryGap: "22%", children: [
     showGrid ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_recharts2.CartesianGrid, { ...CHART_GRID_PROPS }) : null,
     showXAxis ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       import_recharts2.XAxis,
@@ -1161,23 +1145,17 @@ function BarChart({
         content: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChartLegendContent, { iconType: "square" })
       }
     ) : null,
-    series.map((s, i) => {
-      const isTopSegment = i === series.length - 1;
-      const labelDataKey = stacked ? STACK_TOTAL_KEY : s.key;
-      const showLabel = resolvedShowValueLabels && (!stacked || isTopSegment);
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_recharts2.Bar,
-        {
-          dataKey: s.key,
-          name: s.label,
-          fill: colorForSeriesIndex(i, palette),
-          stackId: stacked ? "default" : s.key,
-          radius: barRadius(stacked, i, series.length),
-          children: showLabel ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_recharts2.LabelList, { dataKey: labelDataKey, position: "top", style: CHART_VALUE_LABEL_STYLE }) : null
-        },
-        s.key
-      );
-    })
+    series.map((s, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      import_recharts2.Bar,
+      {
+        dataKey: s.key,
+        name: s.label,
+        fill: colorForSeriesIndex(i, palette),
+        stackId: stacked ? "default" : s.key,
+        radius: barRadius(stacked, i, series.length)
+      },
+      s.key
+    ))
   ] }) });
 }
 function barRadius(stacked, seriesIndex, seriesCount) {