@arcgis/coding-components/dist/types/react.d.ts

ArcGIS Coding Components

/// <reference types="../index.d.ts" />
import type { ArcgisArcadeEditor } from "../components/arcgis-arcade-editor/customElement.js";
import type { ArcgisCodeEditor } from "../components/arcgis-code-editor/customElement.js";
import type { CodeEditorShell } from "../components/arcgis-code-editor-shell/customElement.js";
import type { ArcgisCodeViewer } from "../components/arcgis-code-viewer/customElement.js";
import type { ArcgisSqlExpressionEditor } from "../components/arcgis-sql-expression-editor/customElement.js";
import type { ArcgisSqlLayerEditor } from "../components/arcgis-sql-layer-editor/customElement.js";
import type { HTMLProps } from 'react';
import type { EventHandler } from "@arcgis/lumina"; 

interface ReactArcgisArcadeEditor extends Partial<Pick<ArcgisArcadeEditor, "arcadeAssistant" | "customPanels" | "disableAssistant" | "editorOptions" | "enableDebugger" | "externalExecutor" | "hideDocumentationActions" | "hideSideBar" | "messageOverrides" | "openedSidePanel" | "profile" | "script" | "sideActionBarExpanded" | "snippets" | "suggestions" | "testData">>, HTMLProps<ArcgisArcadeEditor> {
  onarcgisDiagnosticsChange?: EventHandler<ArcgisArcadeEditor["arcgisDiagnosticsChange"]>;
  onarcgisScriptChange?: EventHandler<ArcgisArcadeEditor["arcgisScriptChange"]>;
}

interface ReactArcgisCodeEditor extends Partial<Pick<ArcgisCodeEditor, "editorOptions" | "language" | "modelId" | "value">>, HTMLProps<ArcgisCodeEditor> {
  onarcgisSelectionChange?: EventHandler<ArcgisCodeEditor["arcgisSelectionChange"]>;
  onarcgisValueChange?: EventHandler<ArcgisCodeEditor["arcgisValueChange"]>;
}

interface ReactArcgisCodeEditorShell extends HTMLProps<CodeEditorShell> {
}

interface ReactArcgisCodeViewer extends Partial<Pick<ArcgisCodeViewer, "language" | "lineNumbers" | "round">>, HTMLProps<ArcgisCodeViewer> {
}

interface ReactArcgisSqlExpressionEditor extends Partial<Pick<ArcgisSqlExpressionEditor, "hideDescriptionsInFieldsPanel" | "hideSideBar" | "messageOverrides" | "profile" | "script">>, HTMLProps<ArcgisSqlExpressionEditor> {
  onarcgisDiagnosticsChange?: EventHandler<ArcgisSqlExpressionEditor["arcgisDiagnosticsChange"]>;
  onarcgisScriptChange?: EventHandler<ArcgisSqlExpressionEditor["arcgisScriptChange"]>;
}

interface ReactArcgisSqlLayerEditor extends Partial<Pick<ArcgisSqlLayerEditor, "editorOptions" | "hideSideBar" | "messageOverrides" | "openedSidePanel" | "profile" | "script">>, HTMLProps<ArcgisSqlLayerEditor> {
  onarcgisDiagnosticsChange?: EventHandler<ArcgisSqlLayerEditor["arcgisDiagnosticsChange"]>;
  onarcgisScriptChange?: EventHandler<ArcgisSqlLayerEditor["arcgisScriptChange"]>;
}

declare module "react" {
  namespace JSX {
    interface IntrinsicElements {
      "arcgis-arcade-editor": ReactArcgisArcadeEditor;
      "arcgis-code-editor": ReactArcgisCodeEditor;
      "arcgis-code-editor-shell": ReactArcgisCodeEditorShell;
      "arcgis-code-viewer": ReactArcgisCodeViewer;
      "arcgis-sql-expression-editor": ReactArcgisSqlExpressionEditor;
      "arcgis-sql-layer-editor": ReactArcgisSqlLayerEditor;
    }
  }
}
declare module "react/jsx-runtime" {
  namespace JSX {
    interface IntrinsicElements {
      "arcgis-arcade-editor": ReactArcgisArcadeEditor;
      "arcgis-code-editor": ReactArcgisCodeEditor;
      "arcgis-code-editor-shell": ReactArcgisCodeEditorShell;
      "arcgis-code-viewer": ReactArcgisCodeViewer;
      "arcgis-sql-expression-editor": ReactArcgisSqlExpressionEditor;
      "arcgis-sql-layer-editor": ReactArcgisSqlLayerEditor;
    }
  }
}
declare module "react/jsx-dev-runtime" {
  namespace JSX {
    interface IntrinsicElements {
      "arcgis-arcade-editor": ReactArcgisArcadeEditor;
      "arcgis-code-editor": ReactArcgisCodeEditor;
      "arcgis-code-editor-shell": ReactArcgisCodeEditorShell;
      "arcgis-code-viewer": ReactArcgisCodeViewer;
      "arcgis-sql-expression-editor": ReactArcgisSqlExpressionEditor;
      "arcgis-sql-layer-editor": ReactArcgisSqlLayerEditor;
    }
  }
}