New breadcrumbs for object pages (list, details, etc...) (#7570)

Author: bilalabbad

changelog/+breadcrumb.added.md

@@ -1,3 +1,5 @@
 New breadcrumb navigation:
 
 - Select and switch branches directly from the breadcrumb
+- Display full ancestors lineage of objects (Parents, ancestors for hierarchy schemas, etc...)
+- You can now switch object directly from breadcrumb

frontend/app/src/app/router.tsx

@@ -165,25 +165,9 @@ export const router = createBrowserRouter([
                 children: [
                   {
                     path: ":objectKind",
-                    handle: {
-                      breadcrumb: (match: UIMatch) => {
-                        return {
-                          type: "select",
-                          value: match.params.objectKind,
-                          kind: "schema",
-                        };
-                      },
-                    },
                     children: [
                       {
                         path: ":objectId",
-                        handle: {
-                          breadcrumb: (match: UIMatch) => ({
-                            type: "select",
-                            value: match.params.objectId,
-                            kind: match.params.objectKind,
-                          }),
-                        },
                         children: [
                           {
                             path: "convert",
@@ -210,13 +194,6 @@ export const router = createBrowserRouter([
                           },
                           {
                             path: ":objectid",
-                            handle: {
-                              breadcrumb: (match: UIMatch) => ({
-                                type: "select",
-                                value: match.params.objectid,
-                                kind: match.params.objectKind,
-                              }),
-                            },
                             children: [
                               {
                                 index: true,
@@ -439,15 +416,6 @@ export const router = createBrowserRouter([
                           {
                             path: ":objectid",
                             lazy: () => import("@/pages/objects/object-details"),
-                            handle: {
-                              breadcrumb: (match: UIMatch) => {
-                                return {
-                                  type: "select",
-                                  value: match.params.objectid,
-                                  kind: match.params.objectKind,
-                                };
-                              },
-                            },
                           },
                         ],
                       },

frontend/app/src/entities/nodes/convert/ui/object-convert.tsx

@@ -53,7 +53,7 @@ export function ObjectConvert({ objectSchema, objectId, permission }: ObjectConv
       />
 
       <div className="grid grid-cols-2 gap-2 overflow-auto p-2">
-        <Card className="col-span-0 p-0">
+        <Card className="col-span-0 p-0" data-testid="convert-source">
           <CardWithBorder.Title>
             <h3 className="font-normal">SOURCE</h3>
             <h4 className="leading-10">{objectSchema.label}</h4>