rn-native-ios-charts 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -59,10 +59,11 @@ their axes.
 - **Bar chart enhancements.** Two new fields on `bar` marks (and
   the matching `<BarChart>` props):
     - `position: "auto" | "stacked" | "grouped"` — multi-series
-      positioning. `"stacked"` applies SwiftUI's
-      `positionAdjustment(.stacking)`; `"grouped"` applies
-      `position(by: .value("Series", category))` so bars sit
-      side-by-side.
+      positioning. SwiftUI Charts already stacks `BarMark`s that
+      share an X value, so `"auto"` and `"stacked"` are equivalent
+      (both lean on the framework default). `"grouped"` adds
+      `position(by: .value("Series", category))` so the bars sit
+      side-by-side, one column per series.
     - `horizontal: boolean` — swaps the X and Y axes for `bar`
       marks. Use for Top-N lists and ranked leaderboards.
 

package/README.md

@@ -333,8 +333,8 @@ extra fields for multi-series layouts:
 
 | Prop         | Effect                                                                 |
 | ------------ | ---------------------------------------------------------------------- |
-| `position: "auto"`    | SwiftUI's default.                                            |
-| `position: "stacked"` | Applies `.positionAdjustment(.stacking)`.                     |
+| `position: "auto"`    | SwiftUI's default — multiple bars at the same X stack.        |
+| `position: "stacked"` | Same as `"auto"`. SwiftUI Charts already stacks by default — this label is an explicit alias for readability. |
 | `position: "grouped"` | Applies `.position(by: .value("Series", category))`.          |
 | `horizontal: true`    | Swaps X and Y on `BarMark` — labels on the Y axis.            |
 

package/ios/ChartView.swift

@@ -762,22 +762,32 @@ private extension View {
 /// Builds the Text view shown for a single axis tick. Routes through
 /// the active `valueFormat` and applies prefix/suffix. String values
 /// pass through unchanged; Double values get a NumberFormatter or a
-/// FormatStyle depending on the requested format.
+/// FormatStyle depending on the requested format. Returns a single
+/// `Text` (not `@ViewBuilder` content) so the caller can apply
+/// `.font` and `.foregroundColor` directly to it.
 @available(iOS 17.0, *)
-@ViewBuilder
 private func axisLabelText(
   for axisValue: AxisValue,
   config: ChartAxisConfig
 ) -> Text {
+  return Text(axisLabelString(for: axisValue, config: config))
+}
+
+@available(iOS 17.0, *)
+private func axisLabelString(
+  for axisValue: AxisValue,
+  config: ChartAxisConfig
+) -> String {
   if let v = axisValue.as(Double.self) {
-    Text(formatAxisValue(v, config: config))
-  } else if let v = axisValue.as(Int.self) {
-    Text(formatAxisValue(Double(v), config: config))
-  } else if let s = axisValue.as(String.self) {
-    Text("\(config.valuePrefix)\(s)\(config.valueSuffix)")
-  } else {
-    Text("")
+    return formatAxisValue(v, config: config)
+  }
+  if let v = axisValue.as(Int.self) {
+    return formatAxisValue(Double(v), config: config)
+  }
+  if let s = axisValue.as(String.self) {
+    return "\(config.valuePrefix)\(s)\(config.valueSuffix)"
   }
+  return ""
 }
 
 @available(iOS 17.0, *)
@@ -848,10 +858,14 @@ private extension View {
   /// Trading-chart X mode: 0pt plot-dimension padding so the first
   /// and last data points sit flush against the chart's edges. Use
   /// when the axis is hidden and you want the line to bleed.
+  /// `plotDimension` takes separate `startPadding` / `endPadding` —
+  /// there's no single `padding:` form on this API.
   @ViewBuilder
   func conditionalTightX(enabled: Bool) -> some View {
     if enabled {
-      self.chartXScale(range: .plotDimension(padding: 0))
+      self.chartXScale(
+        range: .plotDimension(startPadding: 0, endPadding: 0)
+      )
     } else {
       self
     }
@@ -957,14 +971,17 @@ private struct CalloutPositioner: ViewModifier {
   }
 }
 
-/// Per-bar position adjustment. SwiftUI's default behavior with
-/// multiple BarMarks at the same X is implementation-defined; this
-/// extension makes the intent explicit:
-///   - "stacked" → `positionAdjustment(.stacking)`
-///   - "grouped" → `position(by: .value("Series", category))` so
-///     bars sit side-by-side, one column per series. Falls back to
-///     "auto" when no category is set.
-///   - anything else → leave the mark alone.
+/// Per-bar position adjustment. SwiftUI Charts already stacks
+/// multiple `BarMark`s that share an X value by default — that's
+/// the framework's built-in behavior, no modifier needed. To opt
+/// OUT of stacking and lay bars side-by-side, we add
+/// `.position(by: .value("Series", category))`.
+///
+/// So this helper:
+///   - "stacked" / "auto" / anything else → leave the mark alone
+///     (stacking is the default)
+///   - "grouped" → apply `position(by:)` using the point's
+///     `category`. Falls back to no-op if `category` is missing.
 @available(iOS 17.0, *)
 private extension ChartContent {
   @ChartContentBuilder
@@ -972,16 +989,9 @@ private extension ChartContent {
     kind: String,
     category: String?
   ) -> some ChartContent {
-    switch kind {
-    case "stacked":
-      self.positionAdjustment(.stacking)
-    case "grouped":
-      if let cat = category, !cat.isEmpty {
-        self.position(by: .value("Series", cat))
-      } else {
-        self
-      }
-    default:
+    if kind == "grouped", let cat = category, !cat.isEmpty {
+      self.position(by: .value("Series", cat))
+    } else {
       self
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-native-ios-charts",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Native SwiftUI Charts for React Native / Expo. iOS-only, zero-compromise charts that bypass the limitations of cross-platform chart libraries.",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -47,4 +47,4 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   }
-}
+}