golden hour

/var/softaculous/sitepad/editor/site-data/plugins/pagelayer/js/react/src/blocks/render-group

File/Folder	Size	Actions
index.js	3.51 KB

Edit: index.js

import { useInnerBlocksProps, InnerBlocks } from '@wordpress/block-editor';
import { useMemo, memo } from '@wordpress/element';
const { pagelayer_shortcodes } = pagelayer_config;

const pl_blocks = pagelayer_shortcodes;

return groupsList;
	}
	
	var has_group = pl_props['has_group'];
	var gProp = pl_props[has_group['section']][has_group['prop']];
	
	var sc = gProp['sc'] === 'pl_inner_row' ? 'pl_row' : gProp['sc'];
	
	sc =  pagelayerBlockNameByTag(sc);
	
	var InnerBlocksProps = {};
	var ALLOWED_BLOCKS = [sc];
	
	if(gProp['sc'] === 'pl_inner_row'){
		ALLOWED_BLOCKS = [];
	}
		
	// Create group array
	const getGroupTemplate = useMemo( () => {
		return createGroup(sc, gProp);
	}, [sc, gProp]);		
	
	// console.log(getGroupTemplate);
	
	if(getGroupTemplate.length > 0){
		var templateProps = {
			template: getGroupTemplate,
			templateLock: false,
			renderAppender: false,
		}
		InnerBlocksProps = {...InnerBlocksProps, ...templateProps};
	}
	
	if(!pagelayer_empty(ALLOWED_BLOCKS)){
		var allowedProps = {
			allowedBlocks: ALLOWED_BLOCKS
		}
		InnerBlocksProps = {...InnerBlocksProps, ...allowedProps};
	}
	
	var newProps = { ...props };

delete newProps._props;
	delete newProps.plTag;
	delete newProps.TagName;
	
	const innerProps = useInnerBlocksProps( newProps, InnerBlocksProps);
	
	return(
		<>
			<TagName {...innerProps} />
			{isSelected && (
				<div className="pagelayer-block-appender">
					<InnerBlocks.ButtonBlockAppender />
				</div>
			)}
		</>
	);

}

export const RenderGroupBlock = memo( Render );