diff --git a/src/blockparty-modal/index.js b/src/blockparty-modal/index.js
index 78a4b7a..d17d1a6 100644
--- a/src/blockparty-modal/index.js
+++ b/src/blockparty-modal/index.js
@@ -27,11 +27,11 @@ import {
addLinkedModalAttribute,
} from './utils';
-registerBlockType(metadata.name, {
+registerBlockType( metadata.name, {
icon: modal,
edit: Edit,
save,
-});
+} );
/**
* Returns the list of block names allowed as modal triggers (same as filter blockparty_modal_trigger_allowed_blocks).
@@ -41,11 +41,11 @@ registerBlockType(metadata.name, {
*/
function getModalTriggerAllowedBlocks() {
try {
- const settings = select('core/block-editor').getSettings();
+ const settings = select( 'core/block-editor' ).getSettings();
const list = settings?.blockpartyModalTriggerAllowedBlocks;
- return Array.isArray(list) ? list : ['core/button'];
+ return Array.isArray( list ) ? list : [ 'core/button' ];
} catch {
- return ['core/button'];
+ return [ 'core/button' ];
}
}
@@ -53,12 +53,12 @@ function getModalTriggerAllowedBlocks() {
addFilter(
'blocks.registerBlockType',
'blockparty-modal/add-linked-modal-attribute',
- (settings, blockName) => {
+ ( settings, blockName ) => {
const allowedBlocks = getModalTriggerAllowedBlocks();
- if (!allowedBlocks.includes(blockName)) {
+ if ( ! allowedBlocks.includes( blockName ) ) {
return settings;
}
- return addLinkedModalAttribute(settings);
+ return addLinkedModalAttribute( settings );
}
);
@@ -66,74 +66,74 @@ addFilter(
// filter — re-register only allowed blocks so linkedModalId is persisted on save.
const allowedBlocks = getModalTriggerAllowedBlocks();
const blockTypes = getBlockTypes();
-blockTypes.forEach((blockType) => {
+blockTypes.forEach( ( blockType ) => {
if (
- allowedBlocks.includes(blockType.name) &&
- !blockType.attributes?.[LINKED_MODAL_ATTR]
+ allowedBlocks.includes( blockType.name ) &&
+ ! blockType.attributes?.[ LINKED_MODAL_ATTR ]
) {
registerBlockType(
blockType.name,
- addLinkedModalAttribute(blockType)
+ addLinkedModalAttribute( blockType )
);
}
-});
+} );
// Add "Attached modal" panel with Combobox only to blocks allowed as modal triggers (see filter blockparty_modal_trigger_allowed_blocks).
addFilter(
'editor.BlockEdit',
'blockparty-modal/with-modal-trigger-control',
- (BlockEdit) => (props) => {
+ ( BlockEdit ) => ( props ) => {
const { name, attributes, setAttributes } = props;
- if (name === MODAL_BLOCK_NAME) {
- return ;
+ if ( name === MODAL_BLOCK_NAME ) {
+ return ;
}
- const triggerAllowedBlocks = useSelect((storeSelect) => {
- const settings = storeSelect('core/block-editor').getSettings();
+ const triggerAllowedBlocks = useSelect( ( storeSelect ) => {
+ const settings = storeSelect( 'core/block-editor' ).getSettings();
const list = settings?.blockpartyModalTriggerAllowedBlocks;
- return Array.isArray(list) ? list : ['core/button'];
- }, []);
+ return Array.isArray( list ) ? list : [ 'core/button' ];
+ }, [] );
- if (!triggerAllowedBlocks.includes(name)) {
- return ;
+ if ( ! triggerAllowedBlocks.includes( name ) ) {
+ return ;
}
- const modalOptions = useSelect((storeSelect) => {
- return getModalOptionsFromEditor(storeSelect);
- }, []);
+ const modalOptions = useSelect( ( storeSelect ) => {
+ return getModalOptionsFromEditor( storeSelect );
+ }, [] );
const options = [
- { value: '', label: __('None', 'blockparty-modal') },
+ { value: '', label: __( 'None', 'blockparty-modal' ) },
...modalOptions,
];
- const value = attributes[LINKED_MODAL_ATTR] || '';
+ const value = attributes[ LINKED_MODAL_ATTR ] || '';
return (
<>
-
+
- setAttributes({
- [LINKED_MODAL_ATTR]: newValue || '',
- })
+ ) }
+ value={ value }
+ options={ options }
+ onChange={ ( newValue ) =>
+ setAttributes( {
+ [ LINKED_MODAL_ATTR ]: newValue || '',
+ } )
}
- placeholder={__(
+ placeholder={ __(
'Select a modal…',
'blockparty-modal'
- )}
+ ) }
/>