@delmaredigital/payload-experiments 0.2.0-rc.7 → 0.3.0-rc.1

package/dist/admin/surface/TestsSurface.js

@@ -1,5 +1,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { formatAdminURL } from 'payload/shared';
+import { SURFACE_COPY } from '../copy/surface.js';
 import { NewTest } from './newTest/NewTest.js';
 import { TestPage } from './test/TestPage.js';
 import { ResultsRoute } from './ResultsRoute.js';
@@ -8,6 +11,14 @@ import { GoalForm } from './goals/GoalForm.js';
 import { GoalsList } from './goals/GoalsList.js';
 import { TestsHome } from './TestsHome.js';
 export function TestsSurface(props) {
+    // Reset loaded names when navigation selects another page or document.
+    return /*#__PURE__*/ _jsx(SurfacePage, {
+        ...props
+    }, `${props.route}/${props.id ?? ''}`);
+}
+function SurfacePage(props) {
+    const [loadedTitle, setLoadedTitle] = useState();
+    const title = props.route === 'home' ? SURFACE_COPY.title : props.route === 'new' ? SURFACE_COPY.newTest : loadedTitle ?? SURFACE_COPY.test;
     const surface = {
         adminRoute: props.adminRoute,
         apiRoute: props.apiRoute,
@@ -19,27 +30,56 @@ export function TestsSurface(props) {
         metricSources: props.metricSources,
         descriptions: props.admin?.descriptions
     };
+    const crumbs = [
+        {
+            label: SURFACE_COPY.title
+        }
+    ];
+    if (props.route !== 'home') {
+        crumbs[0].href = formatAdminURL({
+            adminRoute: props.adminRoute,
+            path: '/experiments'
+        });
+        crumbs.push({
+            label: props.route === 'new' ? SURFACE_COPY.newTest : props.route === 'results' ? SURFACE_COPY.resultsTitle : SURFACE_COPY.test
+        });
+    }
+    if (props.route === 'home') return /*#__PURE__*/ _jsx(TestsHome, {
+        adminRoute: props.adminRoute,
+        apiRoute: props.apiRoute,
+        canManage: props.canManage,
+        flagPoints: props.flagPoints,
+        crumbs: crumbs
+    });
+    if (props.route === 'test' && props.id !== undefined) return /*#__PURE__*/ _jsx(TestPage, {
+        id: props.id,
+        surface: surface
+    }, props.id);
+    if (props.route === 'goals') return /*#__PURE__*/ _jsx(GoalsList, {
+        surface: surface,
+        returnToTest: props.returnToTest
+    });
+    if (props.route === 'goalNew' || props.route === 'goal') return /*#__PURE__*/ _jsx(GoalForm, {
+        surface: surface,
+        id: props.route === 'goal' ? props.id : undefined,
+        returnToTest: props.returnToTest
+    }, props.route === 'goalNew' ? 'new' : props.id);
+    if (props.route === 'results' && props.id !== undefined) return /*#__PURE__*/ _jsx(ResultsRoute, {
+        id: props.id,
+        surface: surface,
+        onTitleChange: setLoadedTitle
+    }, props.id);
     return /*#__PURE__*/ _jsx(SurfaceShell, {
         adminRoute: props.adminRoute,
-        children: props.route === 'home' ? /*#__PURE__*/ _jsx(TestsHome, {
-            adminRoute: props.adminRoute,
-            apiRoute: props.apiRoute
-        }) : props.route === 'goals' ? /*#__PURE__*/ _jsx(GoalsList, {
-            surface: surface,
-            returnToTest: props.returnToTest
-        }) : props.route === 'goalNew' || props.route === 'goal' ? /*#__PURE__*/ _jsx(GoalForm, {
-            surface: surface,
-            id: props.route === 'goal' ? props.id : undefined,
-            returnToTest: props.returnToTest
-        }, props.route === 'goalNew' ? 'new' : props.id) : props.route === 'new' ? /*#__PURE__*/ _jsx(NewTest, {
+        crumbs: crumbs,
+        title: title,
+        children: props.route === 'new' ? /*#__PURE__*/ _jsx(NewTest, {
             surface: surface,
             pages: props.pages
-        }) : props.id === undefined ? null : props.route === 'test' ? /*#__PURE__*/ _jsx(TestPage, {
-            id: props.id,
-            surface: surface
-        }, props.id) : /*#__PURE__*/ _jsx(ResultsRoute, {
+        }) : props.id === undefined ? null : /*#__PURE__*/ _jsx(ResultsRoute, {
             id: props.id,
-            surface: surface
+            surface: surface,
+            onTitleChange: setLoadedTitle
         }, props.id)
     });
 }