?HAMA

Edit File Size: 3.20 KB

//proc/thread-self/root/home/byroehnu/.trash/node_modules11/adminjs/lib/frontend/components/app/drawer-portal.js

Text Base64

import React, { useEffect, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { createPortal } from 'react-dom';
import { createRoot } from 'react-dom/client';
import { Drawer, DEFAULT_DRAWER_WIDTH } from '@adminjs/design-system';
// @ts-ignore Note: Ignore while @adminjs/design-system/styled-components doesn't export types
import { ThemeProvider } from '@adminjs/design-system/styled-components';
import { setDrawerPreRoute } from '../../store/actions/set-drawer-preroute.js';

/**
 * @alias DrawerPortalProps
 * @memberof DrawerPortal
 */

/**
 * Shows all of its children in a Drawer on the right.
 * Instead of rendering it's own {@link Drawer} component it reuses
 * the global Drawer via React Portal.
 *
 * ### Usage
 *
 * ```
 * import { DrawerPortal } from 'adminjs'
 * ```
 *
 * @component
 * @subcategory Application
 */
export const DrawerPortal = ({
  children,
  width
}) => {
  const [drawerElement, setDrawerElement] = useState(document.getElementById(DRAWER_PORTAL_ID));
  const {
    from = null
  } = useSelector(state => state.router);
  const dispatch = useDispatch();
  const handleDrawerMount = () => {
    dispatch(setDrawerPreRoute({
      previousRoute: from
    }));
    setDrawerElement(document.getElementById(DRAWER_PORTAL_ID));
  };
  const handleDrawerUnmount = () => {
    dispatch(setDrawerPreRoute({
      previousRoute: null
    }));
  };
  useEffect(() => {
    const innerWrapperElement = getOrCreatePortalContainer(DRAWER_PORTAL_WRAPPER_ID);
    if (!drawerElement && window) {
      const drawerRoot = createRoot(innerWrapperElement);
      drawerRoot.render( /*#__PURE__*/React.createElement(DrawerWrapper, {
        onMount: handleDrawerMount,
        onUnmount: handleDrawerUnmount
      }));
    }
    return () => {
      const innerWrapper = document.getElementById(DRAWER_PORTAL_WRAPPER_ID);
      if (innerWrapper) document.body.removeChild(innerWrapper);
    };
  }, []);
  useEffect(() => {
    if (drawerElement) {
      drawerElement.classList.remove('hidden');
      if (width) {
        drawerElement.style.width = Array.isArray(width) ? width[0].toString() : width.toString();
      }
      return () => {
        drawerElement.style.width = DEFAULT_DRAWER_WIDTH;
        drawerElement.classList.add('hidden');
        drawerElement.setAttribute('data-css', 'drawer-element');
      };
    }
    return () => undefined;
  }, [drawerElement]);
  if (!drawerElement) {
    return null;
  }
  return /*#__PURE__*/createPortal(children, drawerElement);
};
export default DrawerPortal;

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
action-button DIR	-	drwxr-xr-x	2026-02-28 00:31:42	Edit Download recursive recursive
action-header DIR	-	drwxr-xr-x	2026-02-28 00:31:50	Edit Download recursive recursive
language-select DIR	-	drwxr-xr-x	2026-02-28 00:31:44	Edit Download recursive recursive
records-table DIR	-	drwxr-xr-x	2026-02-28 00:31:48	Edit Download recursive recursive
sidebar DIR	-	drwxr-xr-x	2026-02-28 00:31:50	Edit Download recursive recursive
utils DIR	-	drwxr-xr-x	2026-02-28 00:31:48	Edit Download recursive recursive
admin-modal.js	335 B	lrw-r--r--	2026-02-28 00:29:12	Edit Download recursive recursive
app-loader.js	303 B	lrw-r--r--	2026-02-28 00:31:14	Edit Download recursive recursive
auth-background-component.js	481 B	lrw-r--r--	2026-02-28 00:31:14	Edit Download recursive recursive
base-action-component.js	2.43 KB	lrw-r--r--	2026-02-28 00:31:14	Edit Download recursive recursive
breadcrumbs.js	2.87 KB	lrw-r--r--	2026-02-28 00:31:22	Edit Download recursive recursive
default-dashboard.js	6.16 KB	lrw-r--r--	2026-02-28 00:31:26	Edit Download recursive recursive
drawer-portal.js	3.20 KB	lrw-r--r--	2026-02-28 00:31:28	Edit Download recursive recursive
error-boundary.js	1.02 KB	lrw-r--r--	2026-02-28 00:31:28	Edit Download recursive recursive
error-message.js	2.15 KB	lrw-r--r--	2026-02-28 00:31:28	Edit Download recursive recursive
filter-drawer.js	3.87 KB	lrw-r--r--	2026-02-28 00:31:30	Edit Download recursive recursive
footer.js	238 B	lrw-r--r--	2026-02-28 00:31:34	Edit Download recursive recursive
index.js	775 B	lrw-r--r--	2026-02-28 00:31:44	Edit Download recursive recursive
logged-in.js	971 B	lrw-r--r--	2026-02-28 00:31:46	Edit Download recursive recursive
notice.js	2.61 KB	lrw-r--r--	2026-02-28 00:31:48	Edit Download recursive recursive
sort-link.js	1.40 KB	lrw-r--r--	2026-02-28 00:31:50	Edit Download recursive recursive
top-bar.js	1.72 KB	lrw-r--r--	2026-02-28 00:31:50	Edit Download recursive recursive
version.js	1.13 KB	lrw-r--r--	2026-02-28 00:31:52	Edit Download recursive recursive

Directory Contents