@secretstache/wordpress-gutenberg 0.5.12 → 0.5.15

package/src/utils/filters.js

@@ -0,0 +1,40 @@
+import { createHigherOrderComponent } from '@wordpress/compose';
+import { dispatch, select, useSelect } from '@wordpress/data';
+import { useEffect } from '@wordpress/element';
+import { addFilter } from '@wordpress/hooks';
+
+export const addInnerBlocksCleanupFilter = (blockName) => {
+    // eslint-disable-next-line
+    const withInnerBlocksCleanup = createHigherOrderComponent((BlockEdit) => (props) => {
+        const { clientId, attributes, name } = props;
+
+        if (name !== blockName) {
+            return <BlockEdit {...props} />;
+        }
+
+        const innerBlocks = useSelect(
+            (select) => select('core/block-editor').getBlock(clientId)?.innerBlocks || [],
+            []
+        );
+
+        useEffect(() => {
+            if (
+                attributes.dataSource !== 'none' &&
+                innerBlocks.length > 0
+            ) {
+                dispatch('core/block-editor').updateBlock(clientId, {
+                    ...select('core/block-editor').getBlock(clientId),
+                    innerBlocks: [],
+                });
+            }
+        }, [ attributes.dataSource, clientId, innerBlocks.length ]);
+
+        return <BlockEdit {...props} />;
+    }, 'withInnerBlocksCleanup');
+
+    addFilter(
+        'editor.BlockEdit',
+        'ssm/with-inner-blocks-cleanup',
+        withInnerBlocksCleanup
+    );
+};

package/src/utils/helpers.js

@@ -11,18 +11,33 @@ import { getBlockType, registerBlockType, unregisterBlockType } from '@wordpress
  * @param {string} inputValue - Search term to filter posts
  * @param {string} postType - WordPress post type to query
  * @param {Function|null} [mapper=null] - Optional function to transform API response items
+ * @param {Object} [extraParams={}] - Additional query parameters
  * @returns {Promise<Array<{value: number, label: string}>>} Array of select options
  */
-export const loadSelectOptions = async (inputValue, postType, mapper = null) => {
+export const loadSelectOptions = async (inputValue, postType, mapper = null, extraParams = {}) => {
+     const defaultParams = {
+        per_page: -1,
+        status: 'publish',
+        orderby: 'title',
+        order: 'asc'
+    };
+
+    const queryParams = { ...defaultParams, ...extraParams };
+
+    if (inputValue && inputValue.trim()) {
+        queryParams.search = inputValue;
+    }
+
+    const queryString = new URLSearchParams(queryParams).toString();
+
     const response = await apiFetch({
-        path: `/wp/v2/${postType}?search=${encodeURIComponent(inputValue)}`,
+        path: `/wp/v2/${postType}?${queryString}`,
     });
 
     if (mapper) {
         return response?.map(mapper);
     } else {
         return response?.map((post) => {
-            // Create a temporary DOM element to decode HTML entities
             const tempElement = document.createElement('div');
             tempElement.innerHTML = post?.title?.rendered;
 

package/src/utils/index.js

@@ -4,3 +4,4 @@ export * from './rootContainer/index.js';
 export * from './attributes.js';
 export * from './constants.js';
 export * from './helpers.js';
+export * from './filters.js';