@chaibuilder/sdk 2.0.0-beta.3 → 2.0.0-beta.30

package/dist/core.d.ts

@@ -16,10 +16,11 @@ declare type AddBlocks = {
 
 export declare const AddBlocksDialog: () => JSX_2.Element;
 
-export declare const AddBlocksPanel: ({ className, showHeading, parentId, }: {
+export declare const AddBlocksPanel: ({ className, showHeading, parentId, position, }: {
     parentId?: string;
     showHeading?: boolean;
     className?: string;
+    position?: number;
 }) => JSX_2.Element;
 
 export declare const AISetContext: () => JSX_2.Element;
@@ -46,6 +47,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 +63,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 +79,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
@@ -104,6 +110,14 @@ export declare interface ChaiBuilderEditorProps {
     mediaManagerComponent?: React_3.ComponentType<{
         onSelect: (url: string) => void;
     }>;
+    /**
+     * Add blocks dialog components
+     */
+    addBlocksDialogTabs?: {
+        key: string;
+        tab: ReactComponentType;
+        tabContent: ReactComponentType;
+    }[];
     /**
      * HTML direction.
      */
@@ -159,7 +173,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 +189,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 +222,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
@@ -225,20 +229,29 @@ export declare interface ChaiBuilderEditorProps {
     fallbackLang?: string;
     languages?: Array<string>;
     /**
-     * Collections props
+     * Page Types props
      */
-    collections?: Collection[];
-    searchCollectionItems?: (collectionKey: string, query: string) => Promise<CollectionItem[] | Error>;
+    pageTypes?: PageType[];
+    searchPageTypeItems?: (pageTypeKey: string, query: string) => Promise<PageTypeItem[] | Error>;
 }
 
 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 = {
@@ -257,30 +270,15 @@ declare type CodeEditorProps = {
     placeholder?: string;
 };
 
-declare type Collection = {
-    key: string;
-    name: string;
-};
-
-declare type CollectionItem = {
-    id: string;
-    name: string;
-    slug?: string;
-};
-
 declare type CopiedValue = string | null;
 
 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 }: {
+export declare const DefaultChaiBlocks: ({ parentId, position, gridCols, }: {
     parentId?: string;
+    position?: number;
     gridCols?: string;
 }) => JSX_2.Element;
 
@@ -312,10 +310,13 @@ declare type GlobalBlockList = Record<string, {
     description?: string;
 }>;
 
+declare type HSLColor = string;
+
 export { i18n }
 
-export declare const ImportHTML: ({ parentId }: {
+export declare const ImportHTML: ({ parentId, position }: {
     parentId?: string;
+    position?: number;
 }) => JSX_2.Element;
 
 declare type LayoutVariant = "SINGLE_SIDE_PANEL" | "DUAL_SIDE_PANEL" | "DUAL_SIDE_PANEL_ADVANCED";
@@ -333,6 +334,17 @@ declare type OutlineMenuItem = {
 
 declare type OutlineMenuItems = OutlineMenuItem[];
 
+declare type PageType = {
+    key: string;
+    name: string;
+};
+
+declare type PageTypeItem = {
+    id: string;
+    name: string;
+    slug?: string;
+};
+
 declare type ReactComponentType = React_3.ComponentType<any>;
 
 export { registerChaiBlock }
@@ -342,17 +354,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;
 
@@ -362,8 +373,9 @@ declare type TStyleBlock = {
     prop: string;
 };
 
-export declare const UILibraries: ({ parentId }: {
+export declare const UILibraries: ({ parentId, position }: {
     parentId?: string;
+    position?: number;
 }) => JSX_2.Element;
 
 declare interface UILibrary {
@@ -391,8 +403,14 @@ 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;
+    highlightBlock: (elementOrID: HTMLElement | string) => void;
     clearHighlight: () => void;
     lastHighlighted: HTMLElement;
 };
@@ -437,7 +455,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 +503,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 +516,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 +536,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 +558,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 +593,8 @@ export declare const useUpdateBlocksProps: () => (blockIds: Array<string>, props
 
 export declare const useUpdateBlocksPropsRealtime: () => (blockIds: Array<string>, props: Record<string, any>) => void;
 
+export declare const useWrapperBlock: () => any;
+
+declare type VariableKey = string;
+
 export { }