@yahoo/uds-create-sidecar 4.29.0 → 4.30.1

package/README.md

@@ -169,6 +169,11 @@ disconnect behavior, and full-screen design preview as the standalone app. A
 custom origin remains selected while the component is mounted; a new launch
 returns to production.
 
+Full-screen designs fill the device viewport and own their safe-area layout.
+Sidecar hides the native status bar while showing a design and restores the
+host's status bar when returning to settings or component previews. The floating
+Sidecar settings button stays inside the device's safe area.
+
 It also accepts an existing Sidecar deep link when the host app routes that URL
 to the component; short-code pairing is the portable default for an embedded
 host with its own URL scheme.

package/dist/index.js

@@ -1,6 +1,6 @@
 import { createUDSCreateSidecarRegistry } from "./registry.js";
 import { Component, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { ActivityIndicator, Linking, Platform, Pressable, StyleSheet, Text, TextInput, View } from "react-native";
+import { ActivityIndicator, Linking, Platform, Pressable, StatusBar, StyleSheet, Text, TextInput, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/deep-link.ts
@@ -13651,39 +13651,42 @@ function UDSCreateSidecarScreen({ linked, registry }) {
 	const Renderer = loadedModule?.UdsRenderer;
 	if (previewKind === "design" && connectionState === "ready" && Renderer !== void 0 && spec !== void 0 && !settingsOpen) return /* @__PURE__ */ jsxs(View, {
 		style: styles.designScreen,
-		children: [/* @__PURE__ */ jsx(SafeAreaView, {
-			edges: ["top", "bottom"],
-			style: styles.designCanvas,
-			children: /* @__PURE__ */ jsx(PreviewErrorBoundary, { children: /* @__PURE__ */ jsx(Renderer, { spec }) }, renderRevision)
-		}), /* @__PURE__ */ jsx(SafeAreaView, {
-			edges: [
-				"top",
-				"right",
-				"bottom",
-				"left"
-			],
-			pointerEvents: "box-none",
-			style: styles.designOverlay,
-			children: /* @__PURE__ */ jsx(View, {
+		children: [
+			/* @__PURE__ */ jsx(StatusBar, { hidden: true }),
+			/* @__PURE__ */ jsx(View, {
+				style: styles.designCanvas,
+				children: /* @__PURE__ */ jsx(PreviewErrorBoundary, { children: /* @__PURE__ */ jsx(Renderer, { spec }) }, renderRevision)
+			}),
+			/* @__PURE__ */ jsx(SafeAreaView, {
+				edges: [
+					"top",
+					"right",
+					"bottom",
+					"left"
+				],
 				pointerEvents: "box-none",
-				style: styles.designOverlayContent,
-				children: /* @__PURE__ */ jsx(Pressable, {
-					accessibilityLabel: "Sidecar settings",
-					accessibilityRole: "button",
-					onPress: () => {
-						setCreateOriginInput(createOrigin);
-						setSettingsError(void 0);
-						setSettingsOpen(true);
-					},
-					style: styles.designSettingsButton,
-					testID: "create-url-settings-button",
-					children: /* @__PURE__ */ jsx(Text, {
-						style: styles.designSettingsButtonText,
-						children: "•••"
+				style: styles.designOverlay,
+				children: /* @__PURE__ */ jsx(View, {
+					pointerEvents: "box-none",
+					style: styles.designOverlayContent,
+					children: /* @__PURE__ */ jsx(Pressable, {
+						accessibilityLabel: "Sidecar settings",
+						accessibilityRole: "button",
+						onPress: () => {
+							setCreateOriginInput(createOrigin);
+							setSettingsError(void 0);
+							setSettingsOpen(true);
+						},
+						style: styles.designSettingsButton,
+						testID: "create-url-settings-button",
+						children: /* @__PURE__ */ jsx(Text, {
+							style: styles.designSettingsButtonText,
+							children: "•••"
+						})
 					})
 				})
 			})
-		})]
+		]
 	});
 	return /* @__PURE__ */ jsx(SafeAreaView, {
 		style: styles.screen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yahoo/uds-create-sidecar",
-  "version": "4.29.0",
+  "version": "4.30.1",
   "type": "module",
   "sideEffects": false,
   "publishConfig": {