@secretstache/wordpress-gutenberg 0.3.4 → 0.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@secretstache/wordpress-gutenberg",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "",
   "author": "Secret Stache",
   "license": "GPL-2.0-or-later",

package/src/components/MediaTypeControl.js

@@ -2,22 +2,27 @@ import { useState } from '@wordpress/element';
 import { SelectControl } from '@wordpress/components';
 
 import { MediaControl } from './MediaControl.js';
-import { MEDIA_TYPE_LABELS } from '../utils/index.js';
+import { MEDIA_TYPE_LABELS, MEDIA_TYPES } from '../utils/index.js';
 
 export const MediaTypeControl = (props) => {
     const {
-        mediaTypes = [],
+        types = [ MEDIA_TYPES.IMAGE, MEDIA_TYPES.VIDEO ],
+
+        selectedType = MEDIA_TYPES.IMAGE,
+        typeOnSelect,
+
         mediaId,
         mediaUrl,
         mediaFileName = '',
+
         mediaOnSelect,
         mediaOnRemove,
+
         label = 'Media Type',
     } = props;
 
-    const [selectedMediaType, setSelectedMediaType] = useState(mediaTypes?.[0]);
 
-    const mediaTypesOptions = mediaTypes
+    const typesOptions = types
         ?.filter((type) => MEDIA_TYPE_LABELS[type]) // Ensure it's an allowed type
         ?.map((type) => ({
             label: MEDIA_TYPE_LABELS[type],
@@ -27,23 +32,23 @@ export const MediaTypeControl = (props) => {
     return (
         <>
             {
-                mediaTypes && (
+                types && (
                     <SelectControl
                         label={label}
-                        value={selectedMediaType}
-                        onChange={(mediaType) => setSelectedMediaType(mediaType)}
-                        options={mediaTypesOptions}
+                        value={selectedType}
+                        onChange={(type) => typeOnSelect(type)}
+                        options={typesOptions}
                     />
                 )
             }
 
             {
-                selectedMediaType && (
+                selectedType && (
                     <MediaControl
                         mediaId={mediaId}
                         mediaUrl={mediaUrl}
                         mediaFileName={mediaFileName}
-                        type={selectedMediaType}
+                        type={selectedType}
                         onSelect={mediaOnSelect}
                         onRemove={mediaOnRemove}
                     />

package/src/hooks/index.js

@@ -9,3 +9,4 @@ export { useAccordionItem } from './useAccordionItem.js';
 export { useBlockTabsData } from './useBlockTabsData.js';
 export { useAllowedBlocks } from './useAllowedBlocks.js';
 export { useChildBlockPosition } from './useChildBlockPosition.js';
+export { useFilterBlocks } from './useFilterBlocks.js';

package/src/hooks/useFilterBlocks.js

@@ -0,0 +1,15 @@
+import { useSelect } from '@wordpress/data';
+import { useMemo } from '@wordpress/element';
+
+export const useFilterBlocks = (filter) => {
+    const allBlocks = useSelect(
+        (select) => select('core/blocks').getBlockTypes(),
+        [],
+    );
+
+    return useMemo(() => allBlocks
+            ?.filter((block) => filter(block))
+            ?.map((block) => block.name),
+        [ allBlocks, filter ],
+    );
+};

package/src/utils/attributes.js

@@ -152,7 +152,7 @@ export const getBaseBackgroundAttributes = (
         },
         backgroundMediaType: {
             type: 'string',
-            default: '',
+            default: defaultBackgroundMediaType,
         },
         backgroundColor: {
             type: 'object',