@cesdk/cesdk-js 1.45.0 → 1.202502.25-nightly

package/index.d.ts

@@ -497,6 +497,15 @@ export declare interface BuilderRenderFunctionContext<P> {
     };
     payload?: P;
     renderOptimizedSmallViewport: boolean;
+    /**
+     * PLEASE NOTE: This contains experimental APIs.
+     *
+     * Use them with caution since they might change without warning and might be replaced
+     * with a completely different concept or maybe not at all.
+     *
+     * @public
+     */
+    experimental: Experimental.BuilderRenderContext;
 }
 
 /**
@@ -1065,6 +1074,51 @@ export { EnginePluginContext }
 
 export { EventAPI }
 
+/**
+ * @public
+ */
+export declare namespace Experimental {
+    /**
+     * @public
+     */
+    export interface BuilderRenderContext {
+        builder: Builder;
+    }
+    /**
+     * @public
+     */
+    export interface PopoverChildrenContext {
+        close: () => void;
+    }
+    /**
+     * @public
+     */
+    export interface PopoverOptions {
+        inputLabel?: string | string[];
+        inputLabelPosition?: 'top' | 'left';
+        label?: string | string[];
+        tooltip?: string | string[];
+        variant?: 'regular' | 'plain';
+        color?: 'accent' | 'danger';
+        size?: 'normal' | 'large';
+        icon?: CustomIcon;
+        isDisabled?: boolean;
+        isLoading?: boolean;
+        loadingProgress?: number;
+        children?: (context: PopoverChildrenContext) => void;
+        suffix?: Suffix;
+    }
+    /**
+     * Interface for all available builder. Depending on the context different
+     * implementation might be used. A "Button" in the canvas menu might render
+     * different component than a button in the topbar or a panel.
+     * @public
+     */
+    export interface Builder {
+        Popover: (id: string, options: PopoverOptions) => void;
+    }
+}
+
 /** @public */
 declare type ExportFormat = 'image/png' | 'video/mp4' | 'application/pdf';