| Server IP : 162.0.212.4 / Your IP :
216.73.216.14 [
Web Server : LiteSpeed System : Linux premium146.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : alshnoli ( 2431) PHP Version : 8.3.28 Disable Function : NONE Domains : 1 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/alshnoli/www/wp-content/plugins/tablepress/admin/js/common/ |
Upload File : |
/**
* Common functions for loading React components in TablePress JS.
*
* @package TablePress
* @subpackage Views JavaScript
* @author Tobias Bäthge
* @since 2.2.0
*/
/**
* WordPress dependencies.
*/
import { StrictMode } from 'react';
import { createPortal, createRoot } from 'react-dom';
import { addFilter } from '@wordpress/hooks';
/**
* Initializes a React component on the page.
*
* @param {string} rootId HTML ID of the root element for the component.
* @param {Component} Component JSX component.
*/
export const initializeReactComponent = ( rootId, Component ) => {
if ( process.env.DEVELOP ) {
Component = <StrictMode>{ Component }</StrictMode>;
}
const root = document.getElementById( rootId );
if ( root ) {
createRoot( root ).render( Component );
}
};
/**
* Initializes a React component on the page, in a React Portal, and registers its meta box.
*
* @param {string} slug Slug of the component/feature module.
* @param {string} screen Slug/action of the screen.
* @param {Component} Component JSX component.
*/
export const initializeReactComponentInPortal = ( slug, screen, Component ) => {
addFilter(
`tablepress.${screen}ScreenFeatures`,
`tp/${slug}/${screen}-screen-feature`,
( features ) => ( [ ...features, slug ] ),
);
addFilter(
`tablepress.${screen}ScreenPortals`,
`tp/${slug}/${screen}-screen-portal`,
( Portals ) => {
return ( props ) => (
<>
<Portals { ...props } />
{
createPortal(
<Component { ...props } />,
document.getElementById( `tablepress-${slug}-section` ),
)
}
</>
);
},
);
};