@secretstache/wordpress-gutenberg 0.5.1 → 0.5.2

package/package.json

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

package/src/index.d.ts

@@ -0,0 +1,152 @@
+declare module '@secretstache/wordpress-gutenberg' {
+  import { ReactNode, FC } from 'react';
+  import { BlockInstance } from '@wordpress/blocks';
+
+  // Constants
+  export const MEDIA_TYPE: {
+    IMAGE: 'image';
+    VIDEO: 'video';
+    ANIMATION: 'animation';
+  };
+
+  // Components
+  export interface ColorPaletteControlProps {
+    label?: string;
+    value: string;
+    attributeName: string;
+    setAttributes: (attrs: any) => void;
+    allowedColors?: string[];
+  }
+  export const ColorPaletteControl: FC<ColorPaletteControlProps>;
+
+  export interface MediaControlProps {
+    mediaId: number;
+    mediaUrl: string;
+    mediaFileName?: string;
+    onSelect: (media: any) => void;
+    onRemove: () => void;
+    type?: 'image' | 'video' | 'animation';
+    selectButtonLabel?: string;
+    removeButtonLabel?: string;
+  }
+  export const MediaControl: FC<MediaControlProps>;
+
+  export interface PreviewControlProps {
+    checked: boolean;
+    onChange: (value: boolean) => void;
+    help?: string;
+    label?: string;
+  }
+  export const PreviewControl: FC<PreviewControlProps>;
+
+  export interface ResourcesWrapperProps {
+    isLoading?: boolean;
+    isEmptyResources?: boolean;
+    isEmptySelection?: boolean;
+    isPlaceholder?: boolean;
+    emptyResourcesMessage?: string;
+    emptySelectionMessage?: string;
+    placeholderProps?: {
+      icon?: string;
+      instructions?: string;
+      [key: string]: any;
+    };
+    children?: ReactNode;
+  }
+  export const ResourcesWrapper: FC<ResourcesWrapperProps>;
+
+  export interface DataQueryControlsProps {
+    dataSourceLabel?: string;
+    dataSource: string;
+    onDataSourceChange: (value: string) => void;
+    queryTypeLabel?: string;
+    queryType: string;
+    onQueryTypeChange: (value: string) => void;
+    settings: Array<{
+      value: string;
+      label: string;
+      queries?: Array<{
+        value: string;
+        label: string;
+      }>;
+    }>;
+  }
+  export const DataQueryControls: FC<DataQueryControlsProps>;
+
+  // Hooks
+  export function usePreviewControl(): {
+    isPreview: boolean;
+    setIsPreview: (value: boolean) => void;
+    PreviewControl: FC<PreviewControlProps>;
+  };
+
+  export function useThemeColors(allowedColors?: string[]): Array<{
+    name: string;
+    slug: string;
+    color: string;
+  }>;
+
+  export function useColorChange(
+    colors: Array<{ color: string; slug: string }>,
+    setAttributes: (attrs: any) => void
+  ): (colorValue: string, property: string) => void;
+
+  export function useDataQuery(config: {
+    postType: string | (() => string);
+    curatedPostsIds?: number[];
+    taxonomySlug?: string;
+    curatedTermsIds?: number[];
+    numberOfPosts?: number;
+    extraQueryArgs?: Record<string, any>;
+  }, dependencies?: any[]): {
+    postsToShow: any[];
+    isResolving: boolean;
+    isEmpty: boolean;
+  };
+
+  export function useParentBlock(
+    parentBlockName: string,
+    blockClientIdToLimitSearch?: string
+  ): BlockInstance | null;
+
+  export function useSlider(
+    isEnabled: boolean,
+    setupSlider: (element: HTMLElement) => any,
+    cleanCallback?: () => void,
+    dependencies?: any[]
+  ): {
+    sliderElRef: React.RefObject<HTMLElement>;
+    sliderInstance: React.RefObject<any>;
+  };
+
+  export function useAccordionItem(
+    itemId: string,
+    activeItemId: string | null,
+    setActiveItemId: (id: string | null) => void,
+    contentSelector: string,
+    heightObserverDeps?: any[]
+  ): {
+    blockRef: React.RefObject<HTMLElement>;
+    toggleItem: () => void;
+    openContent: () => void;
+    closeContent: () => void;
+    isActive: boolean;
+  };
+
+  export function useAllowedBlocks(
+    blockName: string,
+    excludedBlocks?: string[]
+  ): string[];
+
+  export function useChildBlockPosition(
+    childClientId: string
+  ): {
+    block: BlockInstance | null;
+    parentBlock: BlockInstance | null;
+    position: number;
+  };
+
+  export function useFilterBlocks(
+    filter: (block: BlockInstance) => boolean
+  ): string[];
+}

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,
+        });
+    }
 }