From 21c2b89342d65a0ddcb4f5debc1ab20f7ce176a0 Mon Sep 17 00:00:00 2001
From: Alin Voinea <contact@avoinea.com>
Date: Fri, 26 Mar 2021 18:45:02 +0200
Subject: [PATCH] Deprecate SidebarPopup. Use it from @plone/volto

---
 src/SidebarPopup/Readme.md        |  1 -
 src/SidebarPopup/SidebarPopup.jsx | 44 +++++--------------------------
 2 files changed, 6 insertions(+), 39 deletions(-)
 delete mode 100644 src/SidebarPopup/Readme.md

diff --git a/src/SidebarPopup/Readme.md b/src/SidebarPopup/Readme.md
deleted file mode 100644
index 9998e99..0000000
--- a/src/SidebarPopup/Readme.md
+++ /dev/null
@@ -1 +0,0 @@
-This component should be moved to Volto, or in a dedicated addon.
diff --git a/src/SidebarPopup/SidebarPopup.jsx b/src/SidebarPopup/SidebarPopup.jsx
index 8c46e45..74ca1cb 100644
--- a/src/SidebarPopup/SidebarPopup.jsx
+++ b/src/SidebarPopup/SidebarPopup.jsx
@@ -1,38 +1,6 @@
-import React from 'react';
-import { Portal } from 'react-portal';
-import { CSSTransition } from 'react-transition-group';
-
-const DEFAULT_TIMEOUT = 500;
-// TODO: add CSS transition on display
-
-const SidebarPopup = (props, ref) => {
-  const { children, open } = props;
-  return (
-    <CSSTransition
-      in={open}
-      timeout={DEFAULT_TIMEOUT}
-      classNames="sidebar-container"
-      unmountOnExit
-    >
-      <Portal>
-        <aside
-          role="presentation"
-          onClick={(e) => {
-            e.stopPropagation();
-          }}
-          onKeyDown={(e) => {
-            e.stopPropagation();
-          }}
-          ref={ref}
-          key="sidebarpopup"
-          className="sidebar-container"
-          style={{ overflowY: 'auto' }}
-        >
-          {children}
-        </aside>
-      </Portal>
-    </CSSTransition>
-  );
-};
-
-export default React.forwardRef(SidebarPopup);
+import { SidebarPopup } from '@plone/volto/components';
+// eslint-disable-next-line no-console
+console.warn(
+  'DEPRECATED: volto-block-style - SidebarPopup. Moved to `@plone/volto/components`',
+);
+export default SidebarPopup;