[IMP] top_bar: export TopBar component for Odoo trash banner integration

Exported the TopBar component to allow injection of the trash banner
from the Odoo side.
Renamed the irregularity map CSS class to enable reuse from Odoo.

closes #7392

Task: 5030282
Signed-off-by: Lucas Lefèvre (lul) <[email protected]>

Author: rmbh-odoo

src/components/top_bar/top_bar.css

@@ -6,7 +6,7 @@
   }
 
   @media (max-width: 768px) {
-    .irregularity-map span {
+    .topbar-banner span {
       overflow: auto;
       align-items: normal !important;
     }
@@ -53,7 +53,7 @@
       }
     }
 
-    .irregularity-map {
+    .topbar-banner {
       border-top: 1px solid var(--os-separator-color);
       height: var(--os-desktop-topbar-toolbar-height);
 

src/components/top_bar/top_bar.xml

@@ -72,7 +72,7 @@
       </div>
       <div
         t-if="this.fingerprints.isEnabled"
-        class="irregularity-map d-flex align-items-center justify-content-between">
+        class="topbar-banner irregularity-map d-flex align-items-center justify-content-between">
         <div
           t-on-click="() => this.fingerprints.disable()"
           role="button"

src/index.ts

@@ -336,6 +336,7 @@ import {
 import { chartSubtypeRegistry } from "@odoo/o-spreadsheet-engine/registries/chart_subtype_registry";
 import { clipboardHandlersRegistries } from "@odoo/o-spreadsheet-engine/registries/clipboardHandlersRegistries";
 import "./clipboard_handlers";
+import { TopBar } from "./components/top_bar/top_bar";
 
 export const helpers = {
   arg,
@@ -466,6 +467,7 @@ export const components = {
   ChartDashboardMenu,
   FullScreenFigure,
   NumberInput,
+  TopBar,
 };
 
 export const hooks = {