@wasto/cms-components 1.5.15 → 1.5.16

package/dist/index.d.mts

@@ -133,15 +133,20 @@ type HeaderProps = {
         canGoBack: () => boolean;
         goBack: () => void;
     };
-    /** Flotte au-dessus du contenu (ex. carte) : fond transparent. */
+    /** Flotte au-dessus du contenu (ex. carte) : fond transparent + safe-area top. */
     readonly overlay?: boolean;
     /**
      * Config layout (`header.elements`) — logo / actions.
      * Si fournie (même vide), le fallback titre d’écran ne s’applique pas.
      */
     readonly headerConfig?: AppHeaderConfig | null;
+    /**
+     * Force le padding safe-area top. Par défaut : uniquement en `overlay`
+     * (le header React Navigation est déjà placé sous la status bar).
+     */
+    readonly safeTop?: boolean;
 };
-declare function Header({ options, route, navigation, overlay, headerConfig, }: HeaderProps): ReactNode;
+declare function Header({ options, route, navigation, overlay, headerConfig, safeTop, }: HeaderProps): ReactNode;
 
 type LocationsMapProps = {
     fullScreen?: boolean;

package/dist/index.d.ts

@@ -133,15 +133,20 @@ type HeaderProps = {
         canGoBack: () => boolean;
         goBack: () => void;
     };
-    /** Flotte au-dessus du contenu (ex. carte) : fond transparent. */
+    /** Flotte au-dessus du contenu (ex. carte) : fond transparent + safe-area top. */
     readonly overlay?: boolean;
     /**
      * Config layout (`header.elements`) — logo / actions.
      * Si fournie (même vide), le fallback titre d’écran ne s’applique pas.
      */
     readonly headerConfig?: AppHeaderConfig | null;
+    /**
+     * Force le padding safe-area top. Par défaut : uniquement en `overlay`
+     * (le header React Navigation est déjà placé sous la status bar).
+     */
+    readonly safeTop?: boolean;
 };
-declare function Header({ options, route, navigation, overlay, headerConfig, }: HeaderProps): ReactNode;
+declare function Header({ options, route, navigation, overlay, headerConfig, safeTop, }: HeaderProps): ReactNode;
 
 type LocationsMapProps = {
     fullScreen?: boolean;

package/dist/index.js

@@ -8320,12 +8320,14 @@ function Header({
   route,
   navigation,
   overlay = false,
-  headerConfig
+  headerConfig,
+  safeTop
 }) {
   const { theme } = useTheme();
   const t = resolveTheme(theme);
   const themedStyles = createThemedStyles14(theme);
-  const topInset = useSafeAreaPadding(["top"]);
+  const applyTopInset = safeTop ?? overlay;
+  const topInset = useSafeAreaPadding(applyTopInset ? ["top"] : []);
   const { hasUnread } = useAnnouncements();
   const { push } = useAppNavigation();
   const screenTitle = (0, import_react35.useMemo)(

package/dist/index.mjs

@@ -8398,12 +8398,14 @@ function Header({
   route,
   navigation,
   overlay = false,
-  headerConfig
+  headerConfig,
+  safeTop
 }) {
   const { theme } = useTheme();
   const t = resolveTheme(theme);
   const themedStyles = createThemedStyles14(theme);
-  const topInset = useSafeAreaPadding(["top"]);
+  const applyTopInset = safeTop ?? overlay;
+  const topInset = useSafeAreaPadding(applyTopInset ? ["top"] : []);
   const { hasUnread } = useAnnouncements();
   const { push } = useAppNavigation();
   const screenTitle = useMemo20(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wasto/cms-components",
-  "version": "1.5.15",
+  "version": "1.5.16",
   "description": "Wast'O CMS React Native components",
   "main": "./src/index.ts",
   "module": "./src/index.ts",

package/src/components/header/Header.tsx

@@ -86,13 +86,18 @@ export type HeaderProps = {
         canGoBack: () => boolean;
         goBack: () => void;
     };
-    /** Flotte au-dessus du contenu (ex. carte) : fond transparent. */
+    /** Flotte au-dessus du contenu (ex. carte) : fond transparent + safe-area top. */
     readonly overlay?: boolean;
     /**
      * Config layout (`header.elements`) — logo / actions.
      * Si fournie (même vide), le fallback titre d’écran ne s’applique pas.
      */
     readonly headerConfig?: AppHeaderConfig | null;
+    /**
+     * Force le padding safe-area top. Par défaut : uniquement en `overlay`
+     * (le header React Navigation est déjà placé sous la status bar).
+     */
+    readonly safeTop?: boolean;
 };
 
 function resolveLogoUri(
@@ -172,11 +177,15 @@ export function Header({
     navigation,
     overlay = false,
     headerConfig,
+    safeTop,
 }: HeaderProps): ReactNode {
     const { theme } = useTheme();
     const t = resolveTheme(theme);
     const themedStyles = createThemedStyles(theme);
-    const topInset = useSafeAreaPadding(["top"]);
+    // Nav header : RN place déjà sous la status bar → pas de double inset.
+    // Overlay (carte) : on flotte sous le notch → inset requis.
+    const applyTopInset = safeTop ?? overlay;
+    const topInset = useSafeAreaPadding(applyTopInset ? ["top"] : []);
     const { hasUnread } = useAnnouncements();
     const { push } = useAppNavigation();