@starasia/admin 14.28.0 → 14.30.0

package/dist/components/PageLayout/index.d.ts

@@ -49,6 +49,31 @@ export interface PageLayoutProps extends PropsWithChildren {
      * (e.g. tab switches) or when the slide-in fights another transition.
      */
     disableAnimation?: boolean;
+    /**
+     * Remount SELURUH isi PageLayout setiap `location.pathname` berubah.
+     * Default `false`.
+     *
+     * Sampai `@starasia/admin@14.29.0` perilaku ini selalu aktif lewat
+     * `key={location.pathname}` di root — niatnya memicu ulang animasi masuk.
+     * Untuk navigasi halaman→halaman itu sebenarnya mubazir: route yang berbeda
+     * merender komponen yang berbeda, jadi React sudah remount sendiri dan
+     * animasinya tetap jalan. Yang benar-benar terdampak justru kasus di mana
+     * komponennya TETAP ter-mount dan hanya pathname-nya berubah:
+     *
+     * - **Layout route + `<Outlet />`** — `Tabs` di layout ikut remount tiap
+     *   pindah tab, sehingga indikatornya selalu beranimasi dari kiri alih-alih
+     *   bergeser dari tab sebelumnya. State lain (scroll, input, dropdown
+     *   terbuka) juga hilang. Ini bug-nya, dan sekarang tidak terjadi lagi.
+     * - **Route berparam** (`/users/1` → `/users/2`) — di sini remount kadang
+     *   memang diinginkan. Nyalakan prop ini kalau halamanmu punya navigasi
+     *   antar-record (prev/next, klik relasi) DAN mengandalkan state-nya
+     *   ter-reset.
+     *
+     * ⚠️ Pertimbangkan `<Detail key={id} />` pada komponen yang benar-benar
+     * memiliki state tersebut — lebih tepat sasaran daripada me-remount seluruh
+     * PageLayout, yang ikut membuang header, breadcrumb, dan posisi scroll.
+     */
+    remountOnRouteChange?: boolean;
     /**
      * Make PageLayout its own vertical scroll container: it fills the parent's
      * height (`height: 100%`) and scrolls its content with `overflow: auto`.
@@ -88,5 +113,5 @@ export interface PageLayoutProps extends PropsWithChildren {
     containerProps?: Omit<BoxProps, "variant" | "gap">;
     headerProps?: Omit<BoxProps, "gap">;
 }
-export declare const PageLayout: React.MemoExoticComponent<({ backButton, title, titleIcon, titleTag, children, header, headerBorder, disableAnimation, scrollable, stickyHeader, subHeaders, action, titleTagProps, containerProps, headerProps, }: PageLayoutProps) => React.JSX.Element>;
+export declare const PageLayout: React.MemoExoticComponent<(props: PageLayoutProps) => React.JSX.Element>;
 export {};