xsmiles
Version:
XSMILES is a JavaScript tool to visualize atom and non-atom attributions and SMILES strings through interactive coordinated visualizations.
43 lines • 1.69 kB
TypeScript
import React from "react";
import "./App.css";
import { DomainByModelHash, MoleculeFromJson, MoleculesDataset, ProcessedMoleculeFromJson } from "./types/molecule.types";
import { ColorDomainType, RankingType, StructureColorMode } from "./types/app.types";
import { GradientConfig } from "./types/gradient.types";
import { DrawerType } from "./types/drawer.interface";
declare type State = {
molecules: ProcessedMoleculeFromJson[];
colorDomainType: ColorDomainType;
rankingType: RankingType;
structureColorMode: StructureColorMode;
scoresDomain: {
global: number[];
hashByMethod: DomainByModelHash;
};
gradientConfig: GradientConfig;
colorRangeName: string;
isLoading: boolean;
drawerType: DrawerType;
bondLength: number;
showScoresOnStructure: boolean;
};
declare type Props = {};
declare class App extends React.Component<Props, State> {
examples: MoleculesDataset;
defaultColorRange: string;
defaultDrawerType: DrawerType;
constructor(props: Props);
handleColorDomainChange: (event: any) => void;
handleRankingType: (event: any) => void;
handleDataWasLoaded: (molecules: MoleculeFromJson[]) => void;
setStateLoadingFalse: (callback?: any) => void;
setStateLoadingTrue: (callback?: any) => void;
changeState: (state: {}) => void;
handleHeatmapHighlightChange: (event: any) => void;
handleShowScoresOnStructureChange: (event: any) => void;
handleThresholdsListChange: (event: any) => void;
handleColorRangeChange: (event: any) => void;
handleDrawerChange: (event: any) => void;
render(): JSX.Element | null;
}
export default App;
//# sourceMappingURL=App.d.ts.map