@primer/react-brand 0.56.4-rc.be0e683c → 0.57.0-rc.b8c10ba0

package/lib/IDE/IDE.d.ts

@@ -36,6 +36,14 @@ type IDEChatProps = {
      * Test id for the IDE
      */
     'data-testid'?: string;
+    /**
+     * Internal prop used for controlling the animation state
+     */
+    animationIsPaused?: boolean;
+    /**
+     * Internal prop used for controlling the animation state
+     */
+    setAnimationIsDone?: (isDone: boolean) => void;
 } & BaseProps<HTMLElement>;
 type IDEChatMessageUser = {
     role: 'user';
@@ -50,6 +58,9 @@ export type IDEChatMessage = {
     codeSnippet?: string;
     highlighter?: 'hljs';
 } & (IDEChatMessageUser | IDEChatMessageAssistant);
+type IDEChatHandle = HTMLElement & {
+    resetAnimation: () => void;
+};
 type IDEEditorProps = {
     /**
      * The index of the active tab.
@@ -71,10 +82,6 @@ type IDEEditorProps = {
      * Used for triggering animation externally.
      */
     triggerAnimation?: boolean;
-    /**
-     * Determines whether the replay button should be shown.
-     */
-    showReplayButton?: boolean;
     /**
      * Test id for the IDE.
      */
@@ -83,6 +90,14 @@ type IDEEditorProps = {
      * Enable user customisation of the icons used in file tabs.
      */
     tabIcons?: IDEEditorTabIcon;
+    /**
+     * Internal prop used for controlling the animation state
+     */
+    animationIsPaused?: boolean;
+    /**
+     * Internal prop used for controlling the animation state
+     */
+    setAnimationIsDone?: (isDone: boolean) => void;
 } & BaseProps<HTMLDivElement>;
 export type IDEEditorFile = {
     name: string;
@@ -100,6 +115,9 @@ export type IDEEditorFile = {
 type IDEEditorTabIcon = Record<string, string>;
 export declare const IDEDefaultIconMap: IDEEditorTabIcon;
 export declare const IDEFileExtensions: string[];
+type IDEEditorHandle = HTMLElement & {
+    resetAnimation: () => void;
+};
 /**
  * Use IDE to display a decorative editor component
  * @see https://primer.style/brand/components/IDE
@@ -129,7 +147,7 @@ export declare const IDE: React.NamedExoticComponent<{
         readonly editorContent: string;
         readonly editorTabs: string;
     };
-    Chat: React.MemoExoticComponent<({ "data-testid": testId, script, animationDelay, alternativeText, ...rest }: IDEChatProps) => import("react/jsx-runtime").JSX.Element>;
-    Editor: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<IDEEditorProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
+    Chat: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<IDEChatProps, "ref"> & React.RefAttributes<IDEChatHandle>>>;
+    Editor: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<IDEEditorProps, "ref"> & React.RefAttributes<IDEEditorHandle>>>;
 };
 export {};