@chaibuilder/sdk 2.0.0-beta.2 → 2.0.0-beta.21

package/dist/core.d.ts

@@ -46,6 +46,8 @@ export declare function BlockPropsEditor(): JSX_2.Element;
 
 export declare function BlockStyleEditor(): JSX_2.Element;
 
+declare type BorderRadiusValue = false | string;
+
 declare type Breakpoint = {
     title: string;
     content: string;
@@ -60,13 +62,13 @@ export declare const CHAI_BUILDER_EVENTS: {
     SHOW_BLOCK_SETTINGS: string;
 };
 
-export declare type ChaiBlock = {
+export declare type ChaiBlock<T = Record<string, any>> = {
     _id: string;
-    _type: string;
     _name?: string;
     _parent?: string | null | undefined;
     _bindings?: Record<string, string>;
-} & Record<string, any>;
+    _type: string;
+} & T;
 
 export declare const ChaiBuilderCanvas: React_3.FC;
 
@@ -76,6 +78,9 @@ export declare const ChaiBuilderCanvas: React_3.FC;
 export declare const ChaiBuilderEditor: React_3.FC<ChaiBuilderEditorProps>;
 
 export declare interface ChaiBuilderEditorProps {
+    themePresets?: Record<string, Partial<ChaiBuilderThemeValues>>[];
+    themeOptions?: ChaiBuilderThemeOptions | ((defaultThemeOptions: ChaiBuilderThemeOptions) => ChaiBuilderThemeOptions);
+    theme?: Partial<ChaiBuilderThemeValues>;
     /**
      * onError callback function
      * @param error
@@ -159,7 +164,7 @@ export declare interface ChaiBuilderEditorProps {
     uiLibraries?: Omit<UILibrary, "blocks">[];
     getUILibraryBlocks?: (library: UILibrary) => Promise<UiLibraryBlock[]>;
     getUILibraryBlock?: (library: UILibrary, uiLibBlock: UiLibraryBlock) => Promise<ChaiBlock[]>;
-    getRSCBlock?: (block: ChaiBlock) => Promise<string>;
+    getBlockAsyncProps?: (block: ChaiBlock) => Promise<string>;
     /**
      * Get Global blocks
      */
@@ -175,9 +180,7 @@ export declare interface ChaiBuilderEditorProps {
      * Blocks for the page
      */
     blocks?: ChaiBlock[];
-    onSave?: ({ blocks, providers }: SavePageData) => Promise<boolean | Error>;
-    brandingOptions?: Record<string, string>;
-    theme?: Record<string, string>;
+    onSave?: ({ blocks, theme, autoSave }: SavePageData) => Promise<boolean | Error>;
     /**
      * onSaveStateChange callback function
      * @param syncStatus
@@ -210,14 +213,6 @@ export declare interface ChaiBuilderEditorProps {
      * Outline menu items
      */
     outlineMenuItems?: OutlineMenuItems;
-    /**
-     * Deprecated: getPages callback function. use collections instead
-     */
-    getPages?: () => Promise<ChaiPage[]>;
-    /**
-     * Unsplash access key
-     */
-    unsplashAccessKey?: string;
     _flags?: Record<string, boolean>;
     /**
      * Content locale
@@ -235,10 +230,19 @@ declare type ChaiBuilderInstance = {
     setBlocks: (blocks: ChaiBlock[]) => void;
 };
 
-declare type ChaiPage = {
-    slug: string;
-    uuid?: string;
-    name?: string;
+declare type ChaiBuilderThemeOptions = {
+    fontFamily: false | Record<VariableKey, string>;
+    borderRadius: BorderRadiusValue;
+    colors: false | {
+        group: string;
+        items: Record<VariableKey, [HSLColor, HSLColor]>;
+    }[];
+};
+
+declare type ChaiBuilderThemeValues = {
+    fontFamily: Record<string, string>;
+    borderRadius: string;
+    colors: Record<string, string[]>;
 };
 
 declare type ClassDerivedObject = {
@@ -274,11 +278,6 @@ declare type CopyFn = (text: string) => Promise<boolean>;
 
 export declare function DarkModeSwitcher(): JSX_2.Element;
 
-declare type DataProvider = {
-    providerKey: string;
-    args: Record<string, any>;
-};
-
 export declare const DefaultChaiBlocks: ({ parentId, gridCols }: {
     parentId?: string;
     gridCols?: string;
@@ -312,6 +311,8 @@ declare type GlobalBlockList = Record<string, {
     description?: string;
 }>;
 
+declare type HSLColor = string;
+
 export { i18n }
 
 export declare const ImportHTML: ({ parentId }: {
@@ -342,17 +343,16 @@ declare type RichText = string;
 declare type SavePageData = {
     autoSave: boolean;
     blocks: ChaiBlock[];
-    providers?: DataProvider[];
-    brandingOptions?: Record<string, any>;
-    themeConfiguration?: Record<string, any>;
+    theme?: Record<string, any>;
 };
 
 export declare const ScreenSizes: () => JSX_2.Element;
 
-export declare const ThemeOptions: ({ showHeading, className, }: {
+declare interface ThemeConfigProps {
     className?: string;
-    showHeading?: boolean;
-}) => React_2.JSX.Element;
+}
+
+export declare const ThemeOptions: React_2.FC<ThemeConfigProps>;
 
 declare type TimeInSeconds = number;
 
@@ -391,6 +391,12 @@ export declare const useAddBlock: () => AddBlocks;
 
 export declare const useAddClassesToBlocks: () => Function;
 
+export declare const useAskAi: () => {
+    askAi: (type: "styles" | "content", blockId: string, prompt: string, onComplete?: (response?: AskAiResponse) => void) => Promise<void>;
+    loading: boolean;
+    error: any;
+};
+
 export declare const useBlockHighlight: () => {
     highlightBlock: (blockId: string) => void;
     clearHighlight: () => void;
@@ -437,7 +443,7 @@ export declare const useCanvasZoom: () => [number, (args_0: number | typeof RESE
  */
 export declare const useCodeEditor: () => [CodeEditorProps, never];
 
-export declare const useCopyBlockIds: () => [Array<string>, Function];
+export declare const useCopyBlockIds: () => [string[], (blockIds: Array<string>) => void];
 
 export declare const useCopyToClipboard: () => [CopiedValue, CopyFn];
 
@@ -485,8 +491,8 @@ export declare const useLanguages: () => {
 export declare const useLayoutVariant: () => readonly [LayoutVariant, (args_0: LayoutVariant | typeof RESET | ((prev: LayoutVariant) => LayoutVariant | typeof RESET)) => void];
 
 export declare const usePasteBlocks: () => {
-    canPaste: (newParentId: string) => boolean;
-    pasteBlocks: Function;
+    canPaste: (newParentId: string) => Promise<boolean>;
+    pasteBlocks: (newParentId: string | string[]) => Promise<void>;
 };
 
 /**
@@ -498,6 +504,8 @@ export declare const useRemoveBlocks: () => (blockIds: Array<string>) => void;
 
 export declare const useRemoveClassesFromBlocks: () => Function;
 
+export declare const useRightPanel: () => ["theme" | "block" | "ai", (args_0: "theme" | "block" | "ai" | ((prev: "theme" | "block" | "ai") => "theme" | "block" | "ai")) => void];
+
 export declare const useSavePage: () => {
     savePage: ThrottledFunction<(autoSave?: boolean) => Promise<boolean>>;
     saveState: "UNSAVED" | "SAVED" | "SAVING";
@@ -516,7 +524,7 @@ export declare const useSelectedBlockCurrentClasses: () => Array<ClassDerivedObj
 /**
  *
  */
-export declare const useSelectedBlockIds: () => [Array<string>, Function, Function];
+export declare const useSelectedBlockIds: () => readonly [string[], (args_0: string[] | ((prev: string[]) => string[])) => void, (blockId: string) => void];
 
 /**
  * Hook to get selected block ids
@@ -538,6 +546,18 @@ export declare const useStylingBreakpoint: () => [string, (args_0: string | type
 
 export declare const useStylingState: () => [unknown, (...args: unknown[]) => unknown];
 
+export declare const useTheme: () => readonly [{
+    readonly fontFamily: Record<string, string>;
+    readonly borderRadius: string;
+    readonly colors: Record<string, string[]>;
+} | {
+    fontFamily?: Record<string, string>;
+    borderRadius?: string;
+    colors?: Record<string, string[]>;
+}, (args_0: ChaiBuilderThemeValues | Partial<ChaiBuilderThemeValues> | ((prev: ChaiBuilderThemeValues | Partial<ChaiBuilderThemeValues>) => ChaiBuilderThemeValues | Partial<ChaiBuilderThemeValues>)) => void];
+
+export declare const useThemeOptions: () => ChaiBuilderThemeOptions;
+
 export { useTranslation }
 
 export declare const useUILibraryBlocks: () => {
@@ -561,4 +581,6 @@ export declare const useUpdateBlocksProps: () => (blockIds: Array<string>, props
 
 export declare const useUpdateBlocksPropsRealtime: () => (blockIds: Array<string>, props: Record<string, any>) => void;
 
+declare type VariableKey = string;
+
 export { }