@buoy-gg/shared-ui 7.0.29 → 7.0.31

package/lib/commonjs/JsModal.js

@@ -54,6 +54,16 @@ const FLOATING_HEIGHT = 500;
 const FLOATING_MIN_WIDTH = SCREEN.width * 0.25; // 1/4 of screen width
 const FLOATING_MIN_HEIGHT = 80; // Just a bit more than header height (60px header + 20px content)
 
+/**
+ * Vertical band the absolutely-positioned window controls occupy at the top
+ * right of the chrome: `windowControlsContainer` top 4 + the expandable
+ * trigger's 2pt padding + a 12pt dot + 2 = 20. The drag-indicator strip above
+ * custom header content reserves exactly this, which is what lets a tool's
+ * header row below run the FULL width instead of buying its clearance with a
+ * right inset (that inset read as a hole on the right of every tool's nav).
+ */
+const WINDOW_CONTROLS_BAND = 20;
+
 // ============================================================================
 // STORAGE - Modal state persistence with AsyncStorage
 // ============================================================================
@@ -1576,9 +1586,15 @@ const styles = _reactNative.StyleSheet.create({
     paddingVertical: 8,
     backgroundColor: "transparent"
   },
+  /**
+   * With custom header content the pill shares the top band with the window
+   * controls, so the strip claims that band (and centres the pill in it)
+   * rather than the header row below paying for the clearance sideways.
+   */
   dragIndicatorContainerCustom: {
-    paddingTop: 6,
-    paddingBottom: 2,
+    minHeight: WINDOW_CONTROLS_BAND,
+    justifyContent: "center",
+    paddingVertical: 0,
     backgroundColor: "transparent"
   },
   dragIndicator: {

package/lib/commonjs/JsModal.web.js

@@ -489,10 +489,13 @@ const DragIndicator = /*#__PURE__*/(0, _react.memo)(function DragIndicator({
       flexDirection: "column",
       alignItems: "center",
       position: "relative",
-      // native dragIndicatorContainer: paddingVertical 8;
-      // custom variant: paddingTop 6, paddingBottom 2
-      paddingTop: hasCustomContent ? 6 : 8,
-      paddingBottom: hasCustomContent ? 2 : 8,
+      // native dragIndicatorContainer: paddingVertical 8; custom variant
+      // claims the 20pt window-controls band (native WINDOW_CONTROLS_BAND)
+      // so the header row below can run the full width.
+      justifyContent: hasCustomContent ? "center" : undefined,
+      minHeight: hasCustomContent ? 20 : undefined,
+      paddingTop: hasCustomContent ? 0 : 8,
+      paddingBottom: hasCustomContent ? 0 : 8,
       backgroundColor: "transparent"
     },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/commonjs/dataViewer/DataTreeActionDock.js

@@ -111,10 +111,12 @@ function DataTreeActionDock({
   onEdit,
   onSelectPath,
   onEditValue,
-  containersEditable = true
+  containersEditable = true,
+  rootEntriesLocked = false
 }) {
   const actions = (0, _treeActions.treeActionsFor)(root, selection, {
-    containersEditable
+    containersEditable,
+    rootEntriesLocked
   });
   const has = selection != null;
   const run = action => {