@secretstache/wordpress-gutenberg 0.5.1 → 0.5.3

package/package.json

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

package/src/components/ColorPaletteControl.js

@@ -1,5 +1,5 @@
 import { BaseControl, ColorPalette } from '@wordpress/components';
-import { useThemeColors, useColorChange } from '../hooks/index.js';
+import { useThemeColors } from '../hooks/index.js';
 
 export const ColorPaletteControl = ({
     label = 'Color',
@@ -7,9 +7,29 @@ export const ColorPaletteControl = ({
     attributeName,
     setAttributes,
     allowedColors,
+    ...other
 }) => {
     const colors = useThemeColors(allowedColors);
-    const onColorChange = useColorChange(colors, setAttributes);
+
+    const onChange = (colorValue) => {
+        const selectedColor = colors.find(color => color.color === colorValue);
+
+        if (colorValue) {
+            setAttributes({
+                [attributeName]: {
+                    value: colorValue,
+                    slug: selectedColor?.slug || '',
+                }
+            })
+        } else {
+            setAttributes({
+                [attributeName]: {
+                    value: '',
+                    slug: '',
+                }
+            })
+        }
+    };
 
     return (
         <BaseControl label={label}>
@@ -17,7 +37,8 @@ export const ColorPaletteControl = ({
                 colors={colors}
                 value={value}
                 disableCustomColors={true}
-                onChange={(colorValue) => onColorChange(colorValue, attributeName)}
+                onChange={onChange}
+                {...other}
             />
         </BaseControl>
     );

package/src/hooks/useColorChange.js

@@ -1,4 +1,11 @@
+import { deprecationWarning } from '../utils/internal/helpers.js';
+
+/**
+ * @deprecated since 0.5.3
+ */
 export const useColorChange = (colors, setAttributes) => (colorValue, property) => {
+    deprecationWarning('Warning: useColorChange is deprecated since version 0.5.3 and will be removed in future versions.');
+
     const selectedColor = colors.find(color => color.color === colorValue);
 
     setAttributes({

package/src/hooks/useThemeColors.js

@@ -14,6 +14,6 @@ export const useThemeColors = (allowedColors = []) => {
         }
 
         return allColors;
-    }, [allowedColors]);
+    }, [ allowedColors ]);
 };
 

package/src/utils/constants.js

@@ -1,9 +1,3 @@
-export const QUERY_TYPE = {
-    LATEST: 'latest',
-    CURATED: 'curated',
-    BY_CATEGORY: 'by_category'
-};
-
 export const MEDIA_TYPE = {
     IMAGE: 'image',
     VIDEO: 'video',

package/src/utils/helpers.js

@@ -3,7 +3,7 @@ import apiFetch from '@wordpress/api-fetch';
 import slugify from 'slugify';
 import classNames from 'classnames';
 import { select, subscribe } from '@wordpress/data';
-import { getBlockType, unregisterBlockType } from '@wordpress/blocks';
+import { getBlockType, registerBlockType, unregisterBlockType } from '@wordpress/blocks';
 
 /**
  * Loads select options by fetching posts from WordPress REST API.
@@ -234,4 +234,23 @@ const unsetBlockForPostType = (blockName, postType) => {
         },
         'core/editor'
     );
+};
+
+/**
+ * Update the API version of a specific block.
+ *
+ * @param {string} blockName - The name of the block to update (e.g., 'gravityforms/form').
+ * @param {number} [apiVersion=3] - The API version to set for the block. Defaults to 3.
+ */
+export function updateBlockApiVersion(blockName, apiVersion = 3) {
+    const blockSettings = getBlockType(blockName);
+
+    if (blockSettings) {
+        unregisterBlockType(blockName);
+
+        registerBlockType(blockName, {
+            ...blockSettings,
+            apiVersion,
+        });
+    }
 }