@secretstache/wordpress-gutenberg 0.3.5 → 0.3.7

package/build/styles.css

@@ -128,7 +128,7 @@
     .block-editor__container .bc-spacing-range-control .components-range-control__root .components-range-control__wrapper .components-range-control__marks .components-range-control__mark-label {
       left: 8px !important;
       margin-top: 7px !important; }
-  .block-editor__container .bc-spacing-range-control .components-range-control__root .components-base-control__help {
+  .block-editor__container .bc-spacing-range-control .components-base-control__help {
     margin-left: -11px; }
 
 .block-editor__container .bc-add-new-child-btn {

package/package.json

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

package/src/hooks/useDataQuery.js

@@ -37,9 +37,12 @@ export const useDataQuery = (props) => {
         const isResolving = select('core/data').isResolving('core', 'getEntityRecords', ['postType', postType, queryArgs]);
         const isLoading = isResolving || postsToShow === undefined;
 
+        const isEmpty = postsToShow !== null && postsToShow?.length === 0;
+
         return {
             postsToShow,
             isLoading,
+            isEmpty,
         };
     }, dependencies);
 }

package/src/styles/_responsive-spacing.scss

@@ -26,9 +26,9 @@
                 }
             }
         }
+    }
 
-        .components-base-control__help {
-            margin-left: -11px;
-        }
+    .components-base-control__help {
+        margin-left: -11px;
     }
 }

package/src/utils/attributes.js

@@ -135,21 +135,38 @@ export const getDataQueryAttributes = (
 /**
  * Returns the base background attribute object with configurable default background color and media type.
  *
- * @param {string} [defaultBackgroundMediaType=''] - The default background media type.
- * @param {Object} defaultBackgroundColor - The background color configuration.
- * @param {string} defaultBackgroundColor.value - The hex value of the background color.
- * @param {string} defaultBackgroundColor.slug - The slug of the background color.
+ * @param {Object} options - The options for configuring the background attributes.
+ * @param {string} [options.defaultBackgroundMediaType=''] - The default background media type.
+ * @param {Object} options.defaultBackgroundColor - The background color configuration.
+ * @param {string} options.defaultBackgroundColor.value - The hex value of the background color.
+ * @param {string} options.defaultBackgroundColor.slug - The slug of the background color.
+ * @param {boolean} [options.hasIncludeBackgroundMediaAttribute=false] - Whether to include the background media attribute.
+ * @param {boolean} [options.hasIncludeOverlayAttribute=false] - Whether to include the overlay attribute.
  * @returns {Object} The base background attribute object.
  */
-export const getBaseBackgroundAttributes = (
+export const getBaseBackgroundAttributes = ({
     defaultBackgroundMediaType = '',
     defaultBackgroundColor = { value: '', slug: '' },
-) => {
-    return {
+    hasIncludeBackgroundMediaAttribute = false,
+    hasIncludeOverlayAttribute = false,
+} = {}) => {
+    const isIncludeOverlayAttribute = {
+        isIncludeOverlay: {
+            type: 'boolean',
+            default: false,
+        }
+    };
+
+    const isIncludeBackgroundMediaAttribute = {
         isIncludeBackgroundMedia: {
             type: 'boolean',
             default: false,
-        },
+        }
+    };
+
+    return {
+        ...(hasIncludeBackgroundMediaAttribute ? isIncludeBackgroundMediaAttribute : {}),
+
         backgroundMediaType: {
             type: 'string',
             default: defaultBackgroundMediaType,
@@ -161,10 +178,7 @@ export const getBaseBackgroundAttributes = (
 
         ...mediaAttribute,
 
-        isIncludeOverlay: {
-            type: 'boolean',
-            default: false,
-        },
+        ...(hasIncludeOverlayAttribute ? isIncludeOverlayAttribute : {}),
     };
 };
 

package/src/utils/helpers.js

@@ -122,54 +122,26 @@ export const decodeHtmlEntities = (text) => {
  * Generates a string of class names for spacing based on the provided spacing object.
  *
  * @param {Object} spacing - The spacing object containing margin and padding values.
- * @param {Object} [desktopPrefixes] - Optional prefixes for desktop spacing classes.
- * @param {string} [desktopPrefixes.marginTop='mt-'] - Prefix for desktop margin-top class.
- * @param {string} [desktopPrefixes.marginBottom='mb-'] - Prefix for desktop margin-bottom class.
- * @param {string} [desktopPrefixes.paddingTop='pt-'] - Prefix for desktop padding-top class.
- * @param {string} [desktopPrefixes.paddingBottom='pb-'] - Prefix for desktop padding-bottom class.
- * @param {Object} [mobilePrefixes] - Optional prefixes for mobile spacing classes.
- * @param {string} [mobilePrefixes.marginTop='sm:mt-'] - Prefix for mobile margin-top class.
- * @param {string} [mobilePrefixes.marginBottom='sm:mb-'] - Prefix for mobile margin-bottom class.
- * @param {string} [mobilePrefixes.paddingTop='sm:pt-'] - Prefix for mobile padding-top class.
- * @param {string} [mobilePrefixes.paddingBottom='sm:pb-'] - Prefix for mobile padding-bottom class.
+ * @param desktopPrefix - Prefix for desktop classes
+ * @param mobilePrefix - Prefix for mobile classes
  * @returns {string} - A string of class names for the specified spacing.
  */
 export const getSpacingClasses = (
     spacing,
-    desktopPrefixes = {
-        marginTop: 'mt-',
-        marginBottom: 'mb-',
-        paddingTop: 'pt-',
-        paddingBottom: 'pb-',
-    },
-    mobilePrefixes = {
-        marginTop: 'sm:mt-',
-        marginBottom: 'sm:mb-',
-        paddingTop: 'sm:pt-',
-        paddingBottom: 'sm:pb-',
-    }
+    desktopPrefix = 'md:',
+    mobilePrefix = '',
 ) => {
-    if (spacing?.desktop || spacing?.mobile) {
-        return classNames({
-            [`${desktopPrefixes.marginTop}${spacing.desktop.margin.top}`]: spacing.desktop.margin.top !== -1,
-            [`${desktopPrefixes.marginBottom}${spacing.desktop.margin.bottom}`]: spacing.desktop.margin.bottom !== -1,
-
-            [`${desktopPrefixes.paddingTop}${spacing.desktop.padding.top}`]: spacing.desktop.padding.top !== -1,
-            [`${desktopPrefixes.paddingBottom}${spacing.desktop.padding.bottom}`]: spacing.desktop.padding.bottom !== -1,
+    return classNames({
+        [`${desktopPrefix}mt-${spacing?.desktop?.margin?.top}`]: spacing?.desktop?.margin?.top !== -1,
+        [`${desktopPrefix}mb-${spacing?.desktop?.margin?.bottom}`]: spacing?.desktop?.margin?.bottom !== -1,
 
-            [`${mobilePrefixes.marginTop}${spacing.mobile.margin.top}`]: spacing.mobile.margin.top !== -1,
-            [`${mobilePrefixes.marginBottom}${spacing.mobile.margin.bottom}`]: spacing.mobile.margin.bottom !== -1,
+        [`${desktopPrefix}pt-${spacing?.desktop?.padding?.top}`]: spacing?.desktop?.padding?.top !== -1,
+        [`${desktopPrefix}pb-${spacing?.desktop?.padding?.bottom}`]: spacing?.desktop?.padding?.bottom !== -1,
 
-            [`${mobilePrefixes.paddingTop}${spacing.mobile.padding.top}`]: spacing.mobile.padding.top !== -1,
-            [`${mobilePrefixes.paddingBottom}${spacing.mobile.padding.bottom}`]: spacing.mobile.padding.bottom !== -1,
-        });
-    } else {
-        return classNames({
-            [`${desktopPrefixes.marginTop}${spacing.margin.top}`]: spacing.margin.top !== -1,
-            [`${desktopPrefixes.marginBottom}${spacing.margin.bottom}`]: spacing.margin.bottom !== -1,
+        [`${mobilePrefix}mt-${spacing?.mobile?.margin?.top}`]: spacing?.mobile?.margin?.top !== -1,
+        [`${mobilePrefix}mb-${spacing?.mobile?.margin?.bottom}`]: spacing?.mobile?.margin?.bottom !== -1,
 
-            [`${desktopPrefixes.paddingTop}${spacing.padding.top}`]: spacing.padding.top !== -1,
-            [`${desktopPrefixes.paddingBottom}${spacing.padding.bottom}`]: spacing.padding.bottom !== -1,
-        });
-    }
+        [`${mobilePrefix}pt-${spacing?.mobile?.padding?.top}`]: spacing?.mobile?.padding?.top !== -1,
+        [`${mobilePrefix}pb-${spacing?.mobile?.padding?.bottom}`]: spacing?.mobile?.padding?.bottom !== -1,
+    });
 };