ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / laindinois / OLD / wp-content / plugins / woo-gutenberg-products-block / assets / js / utils

/**
 * External dependencies
 */
import { render } from 'react-dom';
import BlockErrorBoundary from '@woocommerce/base-components/block-error-boundary';

/**
 * Renders a block component in the place of a specified set of selectors.
 *
 * @param {string}   selector   CSS selector to match the elements to replace.
 * @param {Function} Block      React block to use as a replacement.
 * @param {Function} [getProps] Function to generate the props object for the
 * block.
 */
export default ( selector, Block, getProps = () => {} ) => {
	const containers = document.querySelectorAll( selector );

if ( containers.length ) {
		// Use Array.forEach for IE11 compatibility.
		Array.prototype.forEach.call( containers, ( el, i ) => {
			const props = getProps( el, i );
			const attributes = {
				...el.dataset,
				...props.attributes,
			};

el.classList.remove( 'is-loading' );

render(
				<BlockErrorBoundary>
					<Block { ...props } attributes={ attributes } />
				</BlockErrorBoundary>,
				el
			);
		} );
	}
};

[+] ..
[-] products.js [edit]
[-] get-shortcode.js [edit]
[-] get-query.js [edit]
[-] attributes-query.js [edit]
[+] test
[-] deprecations.js [edit]
[-] shared-attributes.js [edit]
[-] attributes.js [edit]
[-] render-frontend.js [edit]