feat: add Popover component to platform

scripts/generator/templates/template-vaadin-spring-bom.xml

@@ -287,6 +287,11 @@
                 <artifactId>vaadin-progress-bar-flow</artifactId>
                 <version>${progress.bar.version}</version>
             </dependency>
+            <dependency>
+                <groupId>com.vaadin</groupId>
+                <artifactId>vaadin-popover-flow</artifactId>
+                <version>${popover.version}</version>
+            </dependency>
             <dependency>
                 <groupId>com.vaadin</groupId>
                 <artifactId>vaadin-radio-button-flow</artifactId>
@@ -494,6 +499,11 @@
                 <artifactId>vaadin-ordered-layout-testbench</artifactId>
                 <version>${vaadin.ordered.layout.version}</version>
             </dependency>
+            <dependency>
+                <groupId>com.vaadin</groupId>
+                <artifactId>vaadin-popover-testbench</artifactId>
+                <version>${popover.version}</version>
+            </dependency>
             <dependency>
                 <groupId>com.vaadin</groupId>
                 <artifactId>vaadin-progress-bar-testbench</artifactId>

vaadin-core-internal/pom.xml

@@ -172,6 +172,10 @@
             <groupId>com.vaadin</groupId>
             <artifactId>vaadin-progress-bar-flow</artifactId>
         </dependency>
+        <dependency>
+            <groupId>com.vaadin</groupId>
+            <artifactId>vaadin-popover-flow</artifactId>
+        </dependency>
         <dependency>
             <groupId>com.vaadin</groupId>
             <artifactId>vaadin-radio-button-flow</artifactId>

vaadin-platform-hybrid-test/frontend/views/components/components-view.ts

@@ -48,6 +48,7 @@ import '@vaadin/number-field';
 import '@vaadin/password-field';
 import '@vaadin/polymer-legacy-adapter/style-modules';
 import '@vaadin/polymer-legacy-adapter/template-renderer';
+import '@vaadin/popover';
 import '@vaadin/progress-bar';
 import '@vaadin/radio-group';
 import '@vaadin/rich-text-editor';
@@ -248,6 +249,8 @@ export class ComponentsView extends View {
 
         <vaadin-progress-bar indeterminate></vaadin-progress-bar>
 
+        <vaadin-popover></vaadin-popover>
+
         <vaadin-menu-bar .items="${[
             {text: 'Home'},
             {text: 'Dashboard'},
@@ -262,7 +265,7 @@ export class ComponentsView extends View {
         </vaadin-radio-group>
 
         <vaadin-rich-text-editor></vaadin-rich-text-editor>
-        
+
         <vaadin-side-nav collapsible>
           <span slot="label">Main menu</span>
           <vaadin-side-nav-item path="/1">Nav Item 1</vaadin-side-nav-item>
@@ -272,7 +275,7 @@ export class ComponentsView extends View {
             <vaadin-side-nav-item path="/2/2" slot="children">Nav Item 2 - 2</vaadin-side-nav-item>
           </vaadin-side-nav-item>
         </vaadin-side-nav>
-        
+
         <vaadin-split-layout>
           <div><vaadin-button>RIGHT</vaadin-button></div>
           <div><vaadin-button>LEFT</vaadin-button></div>

vaadin-platform-test/src/main/java/com/vaadin/platform/test/ComponentsView.java

@@ -131,6 +131,7 @@
 import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
 import com.vaadin.flow.component.orderedlayout.Scroller;
 import com.vaadin.flow.component.orderedlayout.VerticalLayout;
+import com.vaadin.flow.component.popover.Popover;
 import com.vaadin.flow.component.progressbar.ProgressBar;
 import com.vaadin.flow.component.radiobutton.RadioButtonGroup;
 import com.vaadin.flow.component.richtexteditor.RichTextEditor;
@@ -631,6 +632,8 @@ protected void setPresentationValue(String newPresentationValue) {
 
         com.vaadin.flow.component.map.Map mapComponent = new com.vaadin.flow.component.map.Map();
 
+        Popover popover = new Popover();
+
         SideNav sideNav = new SideNav("Navigation");
         sideNav.setCollapsible(true);
         sideNav.addItem(new SideNavItem("Nav item 1", "/1"));
@@ -687,6 +690,7 @@ protected void setPresentationValue(String newPresentationValue) {
         components.add(messageInput);
         components.add(main);
         components.add(mapComponent);
+        components.add(popover);
         components.add(sideNav);
         components.add(nativeLabel);
 

vaadin-prod-bundle/src/main/java/com/vaadin/prodbundle/EagerView.java

@@ -38,6 +38,7 @@
 import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
 import com.vaadin.flow.component.orderedlayout.Scroller;
 import com.vaadin.flow.component.orderedlayout.VerticalLayout;
+import com.vaadin.flow.component.popover.Popover;
 import com.vaadin.flow.component.progressbar.ProgressBar;
 import com.vaadin.flow.component.radiobutton.RadioButtonGroup;
 import com.vaadin.flow.component.select.Select;
@@ -106,6 +107,7 @@ public class EagerView extends Div {
     public Notification notification;
     public NumberField numberField;
     public PasswordField passwordField;
+    public Popover popover;
     public ProgressBar progressBar;
     public RadioButtonGroup<String> radioButtonGroup;
     public Scroller scroller;

vaadin-testbench-junit5/pom.xml

@@ -187,6 +187,11 @@
             <artifactId>vaadin-ordered-layout-testbench</artifactId>
             <scope>compile</scope>
         </dependency>
+        <dependency>
+            <groupId>com.vaadin</groupId>
+            <artifactId>vaadin-popover-testbench</artifactId>
+            <scope>compile</scope>
+        </dependency>
         <dependency>
             <groupId>com.vaadin</groupId>
             <artifactId>vaadin-progress-bar-testbench</artifactId>

vaadin-testbench/pom.xml

@@ -187,6 +187,11 @@
             <artifactId>vaadin-ordered-layout-testbench</artifactId>
             <scope>compile</scope>
         </dependency>
+        <dependency>
+            <groupId>com.vaadin</groupId>
+            <artifactId>vaadin-popover-testbench</artifactId>
+            <scope>compile</scope>
+        </dependency>
         <dependency>
             <groupId>com.vaadin</groupId>
             <artifactId>vaadin-progress-bar-testbench</artifactId>

versions.json

@@ -245,6 +245,12 @@
             "jsVersion": "24.5.0-alpha6",
             "npmName": "@vaadin/polymer-legacy-adapter"
         },
+        "popover": {
+            "javaVersion": "{{version}}",
+            "jsVersion": "24.5.0-alpha6",
+            "mode": "lit",
+            "npmName": "@vaadin/popover"
+        },
         "progress-bar": {
             "javaVersion": "{{version}}",
             "jsVersion": "24.5.0-alpha6",