stepzen-graphiql 2.1.1 → 2.1.3-experimental.0

package/dist/components/ExplorerPage/ExplorerPage.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export declare const setGlobalOnFetchResult: (callback?: ((result: any) => void) | undefined) => void;
+export declare const setGlobalOnFetchResult: (callback?: (result: any) => void) => void;
 interface ExplorerPageProps {
     onEditQuery?: (query: string) => void;
     onFetchResult?: (result: any) => void;

package/dist/components/ExplorerPage/GraphiQLInterface.d.ts

@@ -1,4 +1,3 @@
-import { UseHeaderEditorArgs, UseQueryEditorArgs, UseResponseEditorArgs, UseVariableEditorArgs, WriteableEditorProps } from '@graphiql/react';
 import { default as React, PropsWithChildren, ReactNode } from 'react';
 export type GraphiQLToolbarConfig = {
     /**
@@ -12,10 +11,21 @@ export type GraphiQLToolbarConfig = {
      */
     additionalComponent?: React.JSXElementConstructor<any>;
 };
-type AddSuffix<Obj extends Record<string, any>, Suffix extends string> = {
-    [Key in keyof Obj as `${string & Key}${Suffix}`]: Obj[Key];
-};
-export type GraphiQLInterfaceProps = WriteableEditorProps & AddSuffix<Pick<UseQueryEditorArgs, 'onEdit'>, 'Query'> & Pick<UseQueryEditorArgs, 'onCopyQuery'> & AddSuffix<Pick<UseVariableEditorArgs, 'onEdit'>, 'Variables'> & AddSuffix<Pick<UseHeaderEditorArgs, 'onEdit'>, 'Headers'> & Pick<UseResponseEditorArgs, 'responseTooltip'> & {
+export type GraphiQLInterfaceProps = {
+    /** Editor theme name (e.g. 'ibm-code'). */
+    editorTheme?: string;
+    /** CodeMirror/Monaco keymap (e.g. 'sublime'). */
+    keyMap?: string;
+    /** Called when the query editor value changes. */
+    onEditQuery?: (value: string) => void;
+    /** Called when the user copies the query. */
+    onCopyQuery?: (query: string) => void;
+    /** Called when the variables editor value changes. */
+    onEditVariables?: (value: string) => void;
+    /** Called when the headers editor value changes. */
+    onEditHeaders?: (value: string) => void;
+    /** Custom tooltip component shown inside the response editor. */
+    responseTooltip?: React.ComponentType;
     children?: ReactNode;
     /**
      * Set the default state for the editor tools.
@@ -64,4 +74,3 @@ export declare function GraphiQLFooter<TProps>(props: PropsWithChildren<TProps>)
 export declare namespace GraphiQLFooter {
     var displayName: string;
 }
-export {};

package/dist/components/ExplorerPage/Snippets.d.ts

@@ -2,7 +2,6 @@ declare const snippets: {
     name: string;
     language: string;
     codeMirrorMode: string;
-    codeMirrorImport: () => Promise<any>;
     options: never[];
     generate: (arg: any) => string;
 }[];
@@ -10,7 +9,6 @@ declare const subscriptionSnippets: {
     name: string;
     language: string;
     codeMirrorMode: string;
-    codeMirrorImport: () => Promise<any>;
     options: never[];
     generate: (arg: any) => string;
 }[];

package/dist/components/ExplorerPage/clearResponse.d.ts

@@ -1 +1 @@
-export default function ClearResponse(): import("react/jsx-runtime").JSX.Element | null;
+export default function ClearResponse(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ExplorerPage/clearTooltip.d.ts

@@ -1 +1 @@
-export default function ClearTooltip(): import("react/jsx-runtime").JSX.Element | null;
+export default function ClearTooltip(): import("react/jsx-runtime").JSX.Element;