@plone/volto 18.29.1 → 18.30.1

package/src/components/manage/Sidebar/SidebarPortal.jsx

@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { createPortal } from 'react-dom';
-
-/**
- * Portal that wraps Sidebar components
- * @param {React.ReactNode} children Sidebar content
- * @param {bool} selected Sidebar needs to know when the related block is selected
- * @param {string} tab Element id where to insert sidebar content, default: sidebar-properties
- * @returns {string} Rendered sidebar
- */
-const SidebarPortal = ({ children, selected, tab = 'sidebar-properties' }) => {
-  const [isClient, setIsClient] = React.useState(null);
-
-  React.useEffect(() => setIsClient(true), []);
-
-  return (
-    <>
-      {isClient &&
-        selected &&
-        createPortal(
-          <div role="form" style={{ height: '100%' }}>
-            <div
-              style={{ height: '100%' }}
-              role="presentation"
-              onClick={(e) => {
-                e.stopPropagation();
-              }}
-              onKeyDown={(e) => {
-                e.stopPropagation();
-              }}
-            >
-              {children}
-            </div>
-          </div>,
-          document.getElementById(tab),
-        )}
-    </>
-  );
-};
-
-SidebarPortal.propTypes = {
-  children: PropTypes.any,
-  selected: PropTypes.bool.isRequired,
-};
-
-export default SidebarPortal;

package/src/components/manage/Sidebar/SidebarPortal.test.jsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import ShallowRenderer from 'react-test-renderer/shallow';
-
-import SidebarPortal from './SidebarPortal';
-
-test('sidebar portal is rendered when the block is selected', () => {
-  const renderer = new ShallowRenderer();
-  renderer.render(
-    <SidebarPortal selected={true}>
-      <p>Tested!</p>
-    </SidebarPortal>,
-  );
-  const component = renderer.getRenderOutput();
-  expect(component).toMatchSnapshot();
-});
-
-test('sidebar portal is not rendered when the block is not selected', () => {
-  const renderer = new ShallowRenderer();
-  renderer.render(
-    <SidebarPortal selected={false}>
-      <p>Tested, but you shouldn't see this in the snapshot!</p>
-    </SidebarPortal>,
-  );
-  const component = renderer.getRenderOutput();
-  expect(component).toMatchSnapshot();
-});