@momo-kits/arrangement-view 0.167.1-duo.2 → 0.168.1-beta.2

package/ios/ArrangementHost.swift

@@ -8,6 +8,7 @@ private final class ArrangementModel: ObservableObject {
   @Published var axes = "both"
   @Published var observeHinge = true
   @Published var forceSplit = false
+  @Published var primaryRatio: Double = 0
   var hingeChanged: ((Bool, Double, String) -> Void)?
   var paneLayout: ((UIView, CGRect) -> Void)?
   weak var host: UIView?
@@ -115,8 +116,12 @@ private struct ArrangementContent: View {
       ArrangementView { primary } secondary: { secondary }
         .arrangementViewStyle(.overlay.axes(model.supportedAxes))
     } else {
-      ArrangementView { primary } secondary: { secondary }
-        .arrangementViewStyle(.split.axes(model.supportedAxes))
+      ArrangementView {
+        primary.splitArrangementLayoutRatio(model.primaryRatio > 0 ? CGFloat(model.primaryRatio) : nil)
+      } secondary: {
+        secondary
+      }
+      .arrangementViewStyle(.split.axes(model.supportedAxes))
     }
   }
 #endif
@@ -158,8 +163,11 @@ public final class RNArrangementHost: UIView {
     if model.primary !== primary { model.primary = primary }
     if model.secondary !== secondary { model.secondary = secondary }
   }
-  @objc public func configure(_ arrangement: String, axes: String, observeHinge: Bool, forceSplit: Bool) {
+  @objc public func configure(
+    _ arrangement: String, axes: String, observeHinge: Bool, forceSplit: Bool, primaryRatio: Double
+  ) {
     if model.forceSplit != forceSplit { model.forceSplit = forceSplit }
+    if model.primaryRatio != primaryRatio { model.primaryRatio = primaryRatio }
     if model.arrangement != arrangement { model.arrangement = arrangement }
     if model.axes != axes { model.axes = axes }
     if model.observeHinge != observeHinge {

package/ios/RNArrangementView.mm

@@ -67,7 +67,11 @@ using namespace facebook::react;
   NSString *axes = @"both";
   if (next.axes == RNArrangementViewAxes::Horizontal) axes = @"horizontal";
   if (next.axes == RNArrangementViewAxes::Vertical) axes = @"vertical";
-  [_host configure:arrangement axes:axes observeHinge:next.observeHinge forceSplit:next.forceSplit];
+  [_host configure:arrangement
+               axes:axes
+       observeHinge:next.observeHinge
+         forceSplit:next.forceSplit
+       primaryRatio:next.primaryRatio];
   [super updateProps:props oldProps:oldProps];
 }
 @end

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/arrangement-view",
-    "version": "0.167.1-duo.2",
+    "version": "0.168.1-beta.2",
     "description": "Foldable-aware two-pane arrangement and hinge observation. Fork of react-native-arrangement-view 0.2.0 (MIT, Thiago Brezinski).",
     "main": "./src/index.tsx",
     "files": [
@@ -51,4 +51,4 @@
         }
     },
     "dependencies": {}
-}
+}

package/src/ArrangementViewNativeComponent.ts

@@ -36,6 +36,8 @@ export interface NativeProps extends ViewProps {
   observeHinge?: CodegenTypes.WithDefault<boolean, true>;
   /** iOS only: split side by side whatever the size classes. */
   forceSplit?: CodegenTypes.WithDefault<boolean, false>;
+  /** iOS only: share of the width the primary pane takes when split, 0 lets the system decide. */
+  primaryRatio?: CodegenTypes.WithDefault<CodegenTypes.Double, 0>;
   onHingeChange?: CodegenTypes.DirectEventHandler<HingeEvent>;
   /** Android only: the sizes and fold that arrange.ts lays the panes out by. */
   onGeometryChange?: CodegenTypes.DirectEventHandler<GeometryEvent>;

package/src/SplitView.tsx

@@ -25,6 +25,12 @@ export interface SplitViewProps extends ViewProps {
    * screen while only `primary` is shown.
    */
   onSplitChange?: (isSplit: boolean) => void;
+
+  /**
+   * Optional. iOS only. Share of the width `primary` takes beside `secondary`, e.g. 0.35
+   * for a sidebar like Settings. Default: the system decides.
+   */
+  primaryRatio?: number;
 }
 
 // the iPhone Duo outer display is 466pt on its short side, the inner display 669pt

package/src/types.ts

@@ -25,6 +25,11 @@ export interface ArrangementViewProps extends ViewProps {
   observeHinge?: boolean;
   /** iOS only. Split side by side whatever the size classes. Default false. */
   forceSplit?: boolean;
+  /**
+   * iOS only. Share of the width the primary pane takes when split side by side,
+   * e.g. 0.35 for a sidebar like Settings. Default: the system decides.
+   */
+  primaryRatio?: number;
   /**
    * Android only. Which hinges the panes keep clear of: `avoidSeparating`
    * (default) a half-open one, `alwaysAvoid` a flat one too, `neverAvoid` none.