refactor: update types for data providers and add loading state to block components

Author: surajair

src/package/controls/types.ts

@@ -16,20 +16,12 @@ export interface ChaiBlockDefinition<T = Record<string, any>, K = Record<string,
   description?: string;
   blocks?: ChaiBlock[] | (() => ChaiBlock[]);
   category?: string;
-  wrapper?: boolean;
-  preview?: string;
   hidden?: boolean | ((parentType?: string) => boolean);
   icon?: React.ReactNode | React.ComponentType;
   builderComponent?: React.ComponentType<ChaiBlockComponentProps<T>>;
 
   dataProvider?: (args: { lang: string; draft: boolean; inBuilder: boolean; block: ChaiBlock<T>; pageProps: K }) => K;
-  mockDataProvider?: (args: {
-    lang: string;
-    draft: boolean;
-    inBuilder: boolean;
-    block: ChaiBlock<T>;
-    pageProps: ChaiPageProps;
-  }) => K;
+  dataProviderDependencies?: string[];
 
   //props
   schema?: ChaiBlockSchema;

src/package/v2/runtime/core.tsx

@@ -14,6 +14,7 @@ export type ChaiBlock<T = Record<string, string>> = {
 
 export type ChaiBlockComponentProps<T> = ChaiBlock<T> & {
   // Chai Block Props
+  $loading?: boolean;
   blockProps: Record<string, string>;
   inBuilder: boolean;
   lang: string;

src/package/v2/runtime/index.tsx

@@ -36,5 +36,6 @@ export {
 };
 
 export interface ChaiPageProps {
-  [key: string]: any;
+  slug: string;
+  searchParams?: Record<string, string>;
 }