From c07072ff671eb765a2f13663473ebce40a1a1a6c Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta@mailpoet.com>
Date: Tue, 5 Nov 2019 15:06:06 +0100
Subject: [PATCH] Add slot for tooltips/popovers rendering

[MAILPOET-2450]
---
 .../js/src/form_editor/components/editor.jsx  | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/assets/js/src/form_editor/components/editor.jsx b/assets/js/src/form_editor/components/editor.jsx
index cb25439f40..633c96651f 100644
--- a/assets/js/src/form_editor/components/editor.jsx
+++ b/assets/js/src/form_editor/components/editor.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { useSelect } from '@wordpress/data';
+import { Popover, SlotFillProvider } from '@wordpress/components';
 import classnames from 'classnames';
 import Header from './header.jsx';
 import Sidebar from './sidebar.jsx';
@@ -23,18 +24,21 @@ export default () => {
   });
   return (
     <div className={layoutClass}>
-      <Header />
-      <div className="edit-post-layout__content">
-        <Notices />
-        <div className="edit-post-visual-editor editor-styles-wrapper">
-          <div className="editor-writing-flow block-editor-writing-flow">
-            <FormTitle />
+      <SlotFillProvider>
+        <Header />
+        <div className="edit-post-layout__content">
+          <Notices />
+          <div className="edit-post-visual-editor editor-styles-wrapper">
+            <div className="editor-writing-flow block-editor-writing-flow">
+              <FormTitle />
+            </div>
           </div>
         </div>
-      </div>
-      <div>
-        { sidebarOpened ? <Sidebar /> : null }
-      </div>
+        <div>
+          { sidebarOpened ? <Sidebar /> : null }
+        </div>
+        <Popover.Slot />
+      </SlotFillProvider>
     </div>
   );
 };