babylon.nodeEditor.module.d.ts 55 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491
  1. /// <reference types="react" />
  2. declare module "babylonjs-node-editor/components/diagram/defaultPortModel" {
  3. import { LinkModel, PortModel } from "storm-react-diagrams";
  4. import { Nullable } from 'babylonjs/types';
  5. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  6. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  7. /**
  8. * Port model
  9. */
  10. export class DefaultPortModel extends PortModel {
  11. /**
  12. * If the port is input or output
  13. */
  14. position: string | "input" | "output";
  15. /**
  16. * What the port is connected to
  17. */
  18. connection: Nullable<NodeMaterialConnectionPoint>;
  19. defaultValue: any;
  20. static idCounter: number;
  21. constructor(name: string, type?: string);
  22. syncWithNodeMaterialConnectionPoint(connection: NodeMaterialConnectionPoint): void;
  23. getNodeModel(): DefaultNodeModel;
  24. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  25. createLinkModel(): LinkModel;
  26. static SortInputOutput(a: Nullable<DefaultPortModel>, b: Nullable<DefaultPortModel>): {
  27. input: DefaultPortModel;
  28. output: DefaultPortModel;
  29. } | null;
  30. }
  31. }
  32. declare module "babylonjs-node-editor/sharedComponents/textLineComponent" {
  33. import * as React from "react";
  34. interface ITextLineComponentProps {
  35. label: string;
  36. value: string;
  37. color?: string;
  38. underline?: boolean;
  39. onLink?: () => void;
  40. }
  41. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  42. constructor(props: ITextLineComponentProps);
  43. onLink(): void;
  44. renderContent(): JSX.Element;
  45. render(): JSX.Element;
  46. }
  47. }
  48. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeModel" {
  49. import { Nullable } from 'babylonjs/types';
  50. import { Vector2, Vector3, Vector4, Matrix } from 'babylonjs/Maths/math';
  51. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  52. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  53. import { GraphEditor, NodeCreationOptions } from "babylonjs-node-editor/graphEditor";
  54. import { GlobalState } from "babylonjs-node-editor/globalState";
  55. /**
  56. * Generic node model which stores information about a node editor block
  57. */
  58. export class GenericNodeModel extends DefaultNodeModel {
  59. /**
  60. * Labels for the block
  61. */
  62. header: string;
  63. /**
  64. * Vector2 for the node if it exists
  65. */
  66. vector2: Nullable<Vector2>;
  67. /**
  68. * Vector3 for the node if it exists
  69. */
  70. vector3: Nullable<Vector3>;
  71. /**
  72. * Vector4 for the node if it exists
  73. */
  74. vector4: Nullable<Vector4>;
  75. /**
  76. * Matrix for the node if it exists
  77. */
  78. matrix: Nullable<Matrix>;
  79. /**
  80. * Constructs the node model
  81. */
  82. constructor();
  83. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  84. renderProperties(globalState: GlobalState): JSX.Element;
  85. }
  86. }
  87. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeWidget" {
  88. import * as React from "react";
  89. import { Nullable } from 'babylonjs/types';
  90. import { GlobalState } from "babylonjs-node-editor/globalState";
  91. import { GenericNodeModel } from "babylonjs-node-editor/components/diagram/generic/genericNodeModel";
  92. /**
  93. * GenericNodeWidgetProps
  94. */
  95. export interface GenericNodeWidgetProps {
  96. node: Nullable<GenericNodeModel>;
  97. globalState: GlobalState;
  98. }
  99. /**
  100. * GenericNodeWidgetState
  101. */
  102. export interface GenericNodeWidgetState {
  103. }
  104. /**
  105. * Used to display a node block for the node editor
  106. */
  107. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  108. /**
  109. * Creates a GenericNodeWidget
  110. * @param props
  111. */
  112. constructor(props: GenericNodeWidgetProps);
  113. render(): JSX.Element;
  114. }
  115. }
  116. declare module "babylonjs-node-editor/components/diagram/generic/genericNodeFactory" {
  117. import * as SRD from "storm-react-diagrams";
  118. import { GenericNodeModel } from "babylonjs-node-editor/components/diagram/generic/genericNodeModel";
  119. import { GlobalState } from "babylonjs-node-editor/globalState";
  120. /**
  121. * Node factory which creates editor nodes
  122. */
  123. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  124. private _globalState;
  125. /**
  126. * Constructs a GenericNodeFactory
  127. */
  128. constructor(globalState: GlobalState);
  129. /**
  130. * Generates a node widget
  131. * @param diagramEngine diagram engine
  132. * @param node node to generate
  133. * @returns node widget jsx
  134. */
  135. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  136. /**
  137. * Gets a new instance of a node model
  138. * @returns generic node model
  139. */
  140. getNewInstance(): GenericNodeModel;
  141. }
  142. }
  143. declare module "babylonjs-node-editor/sharedComponents/lineContainerComponent" {
  144. import * as React from "react";
  145. interface ILineContainerComponentProps {
  146. title: string;
  147. children: any[] | any;
  148. closed?: boolean;
  149. }
  150. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  151. isExpanded: boolean;
  152. }> {
  153. private static _InMemoryStorage;
  154. constructor(props: ILineContainerComponentProps);
  155. switchExpandedState(): void;
  156. renderHeader(): JSX.Element;
  157. render(): JSX.Element;
  158. }
  159. }
  160. declare module "babylonjs-node-editor/sharedComponents/buttonLineComponent" {
  161. import * as React from "react";
  162. export interface IButtonLineComponentProps {
  163. label: string;
  164. onClick: () => void;
  165. }
  166. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  167. constructor(props: IButtonLineComponentProps);
  168. render(): JSX.Element;
  169. }
  170. }
  171. declare module "babylonjs-node-editor/components/nodeList/nodeListComponent" {
  172. import * as React from "react";
  173. import { GlobalState } from "babylonjs-node-editor/globalState";
  174. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  175. interface INodeListComponentProps {
  176. globalState: GlobalState;
  177. onAddValueNode: (b: string) => void;
  178. onAddNodeFromClass: (ObjectClass: typeof NodeMaterialBlock) => void;
  179. }
  180. export class NodeListComponent extends React.Component<INodeListComponentProps> {
  181. render(): JSX.Element;
  182. }
  183. }
  184. declare module "babylonjs-node-editor/components/propertyTab/propertyTabComponent" {
  185. import * as React from "react";
  186. import { GlobalState } from "babylonjs-node-editor/globalState";
  187. import { Nullable } from 'babylonjs/types';
  188. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  189. interface IPropertyTabComponentProps {
  190. globalState: GlobalState;
  191. }
  192. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  193. currentNode: Nullable<DefaultNodeModel>;
  194. }> {
  195. constructor(props: IPropertyTabComponentProps);
  196. componentWillMount(): void;
  197. render(): JSX.Element;
  198. }
  199. }
  200. declare module "babylonjs-node-editor/portal" {
  201. import * as React from "react";
  202. import { GlobalState } from "babylonjs-node-editor/globalState";
  203. interface IPortalProps {
  204. globalState: GlobalState;
  205. }
  206. export class Portal extends React.Component<IPortalProps> {
  207. render(): React.ReactPortal;
  208. }
  209. }
  210. declare module "babylonjs-node-editor/sharedComponents/fileButtonLineComponent" {
  211. import * as React from "react";
  212. interface IFileButtonLineComponentProps {
  213. label: string;
  214. onClick: (file: File) => void;
  215. accept: string;
  216. }
  217. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  218. constructor(props: IFileButtonLineComponentProps);
  219. onChange(evt: any): void;
  220. render(): JSX.Element;
  221. }
  222. }
  223. declare module "babylonjs-node-editor/components/diagram/texture/texturePropertyTabComponent" {
  224. import * as React from "react";
  225. import { GlobalState } from "babylonjs-node-editor/globalState";
  226. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  227. interface ITexturePropertyTabComponentProps {
  228. globalState: GlobalState;
  229. node: TextureNodeModel;
  230. }
  231. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {
  232. /**
  233. * Replaces the texture of the node
  234. * @param file the file of the texture to use
  235. */
  236. replaceTexture(file: File): void;
  237. render(): JSX.Element;
  238. }
  239. }
  240. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeModel" {
  241. import { Nullable } from 'babylonjs/types';
  242. import { Texture } from 'babylonjs/Materials/Textures/texture';
  243. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  244. import { GlobalState } from "babylonjs-node-editor/globalState";
  245. import { NodeCreationOptions, GraphEditor } from "babylonjs-node-editor/graphEditor";
  246. import { DiagramModel } from 'storm-react-diagrams/dist/@types/src/models/DiagramModel';
  247. /**
  248. * Texture node model which stores information about a node editor block
  249. */
  250. export class TextureNodeModel extends DefaultNodeModel {
  251. private _block;
  252. /**
  253. * Texture for the node if it exists
  254. */
  255. texture: Nullable<Texture>;
  256. /**
  257. * Constructs the node model
  258. */
  259. constructor();
  260. renderProperties(globalState: GlobalState): JSX.Element;
  261. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  262. }
  263. }
  264. declare module "babylonjs-node-editor/sharedComponents/textureLineComponent" {
  265. import * as React from "react";
  266. import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
  267. interface ITextureLineComponentProps {
  268. texture: BaseTexture;
  269. width: number;
  270. height: number;
  271. globalState?: any;
  272. hideChannelSelect?: boolean;
  273. }
  274. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  275. displayRed: boolean;
  276. displayGreen: boolean;
  277. displayBlue: boolean;
  278. displayAlpha: boolean;
  279. face: number;
  280. }> {
  281. constructor(props: ITextureLineComponentProps);
  282. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  283. displayRed: boolean;
  284. displayGreen: boolean;
  285. displayBlue: boolean;
  286. displayAlpha: boolean;
  287. face: number;
  288. }): boolean;
  289. componentDidMount(): void;
  290. componentDidUpdate(): void;
  291. updatePreview(): void;
  292. render(): JSX.Element;
  293. }
  294. }
  295. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeWidget" {
  296. import * as React from "react";
  297. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  298. import { Nullable } from 'babylonjs/types';
  299. import { GlobalState } from "babylonjs-node-editor/globalState";
  300. /**
  301. * GenericNodeWidgetProps
  302. */
  303. export interface TextureNodeWidgetProps {
  304. node: Nullable<TextureNodeModel>;
  305. globalState: GlobalState;
  306. }
  307. /**
  308. * Used to display a node block for the node editor
  309. */
  310. export class TextureNodeWidget extends React.Component<TextureNodeWidgetProps> {
  311. /**
  312. * Creates a GenericNodeWidget
  313. * @param props
  314. */
  315. constructor(props: TextureNodeWidgetProps);
  316. render(): JSX.Element;
  317. }
  318. }
  319. declare module "babylonjs-node-editor/components/diagram/texture/textureNodeFactory" {
  320. import * as SRD from "storm-react-diagrams";
  321. import { TextureNodeModel } from "babylonjs-node-editor/components/diagram/texture/textureNodeModel";
  322. import { GlobalState } from "babylonjs-node-editor/globalState";
  323. /**
  324. * Node factory which creates editor nodes
  325. */
  326. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  327. private _globalState;
  328. /**
  329. * Constructs a TextureNodeFactory
  330. */
  331. constructor(globalState: GlobalState);
  332. /**
  333. * Generates a node widget
  334. * @param diagramEngine diagram engine
  335. * @param node node to generate
  336. * @returns node widget jsx
  337. */
  338. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  339. /**
  340. * Gets a new instance of a node model
  341. * @returns texture node model
  342. */
  343. getNewInstance(): TextureNodeModel;
  344. }
  345. }
  346. declare module "babylonjs-node-editor/sharedComponents/numericInputComponent" {
  347. import * as React from "react";
  348. interface INumericInputComponentProps {
  349. label: string;
  350. value: number;
  351. step?: number;
  352. onChange: (value: number) => void;
  353. }
  354. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  355. value: string;
  356. }> {
  357. static defaultProps: {
  358. step: number;
  359. };
  360. private _localChange;
  361. constructor(props: INumericInputComponentProps);
  362. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  363. value: string;
  364. }): boolean;
  365. updateValue(evt: any): void;
  366. render(): JSX.Element;
  367. }
  368. }
  369. declare module "babylonjs-node-editor/sharedComponents/propertyChangedEvent" {
  370. export class PropertyChangedEvent {
  371. object: any;
  372. property: string;
  373. value: any;
  374. initialValue: any;
  375. }
  376. }
  377. declare module "babylonjs-node-editor/sharedComponents/vector2LineComponent" {
  378. import * as React from "react";
  379. import { Vector2 } from "babylonjs/Maths/math";
  380. import { Observable } from "babylonjs/Misc/observable";
  381. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  382. interface IVector2LineComponentProps {
  383. label: string;
  384. target: any;
  385. propertyName: string;
  386. step?: number;
  387. onChange?: (newvalue: Vector2) => void;
  388. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  389. }
  390. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  391. isExpanded: boolean;
  392. value: Vector2;
  393. }> {
  394. static defaultProps: {
  395. step: number;
  396. };
  397. private _localChange;
  398. constructor(props: IVector2LineComponentProps);
  399. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  400. isExpanded: boolean;
  401. value: Vector2;
  402. }): boolean;
  403. switchExpandState(): void;
  404. raiseOnPropertyChanged(previousValue: Vector2): void;
  405. updateStateX(value: number): void;
  406. updateStateY(value: number): void;
  407. render(): JSX.Element;
  408. }
  409. }
  410. declare module "babylonjs-node-editor/components/propertyTab/properties/vector2PropertyTabComponent" {
  411. import * as React from "react";
  412. import { GlobalState } from "babylonjs-node-editor/globalState";
  413. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  414. interface IVector2PropertyTabComponentProps {
  415. globalState: GlobalState;
  416. connection: NodeMaterialConnectionPoint;
  417. }
  418. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  419. render(): JSX.Element;
  420. }
  421. }
  422. declare module "babylonjs-node-editor/sharedComponents/vector3LineComponent" {
  423. import * as React from "react";
  424. import { Vector3 } from "babylonjs/Maths/math";
  425. import { Observable } from "babylonjs/Misc/observable";
  426. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  427. interface IVector3LineComponentProps {
  428. label: string;
  429. target: any;
  430. propertyName: string;
  431. step?: number;
  432. onChange?: (newvalue: Vector3) => void;
  433. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  434. }
  435. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  436. isExpanded: boolean;
  437. value: Vector3;
  438. }> {
  439. static defaultProps: {
  440. step: number;
  441. };
  442. private _localChange;
  443. constructor(props: IVector3LineComponentProps);
  444. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  445. isExpanded: boolean;
  446. value: Vector3;
  447. }): boolean;
  448. switchExpandState(): void;
  449. raiseOnPropertyChanged(previousValue: Vector3): void;
  450. updateVector3(): void;
  451. updateStateX(value: number): void;
  452. updateStateY(value: number): void;
  453. updateStateZ(value: number): void;
  454. render(): JSX.Element;
  455. }
  456. }
  457. declare module "babylonjs-node-editor/components/propertyTab/properties/vector3PropertyTabComponent" {
  458. import * as React from "react";
  459. import { GlobalState } from "babylonjs-node-editor/globalState";
  460. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  461. interface IVector3PropertyTabComponentProps {
  462. globalState: GlobalState;
  463. connection: NodeMaterialConnectionPoint;
  464. }
  465. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  466. render(): JSX.Element;
  467. }
  468. }
  469. declare module "babylonjs-node-editor/sharedComponents/checkBoxLineComponent" {
  470. import * as React from "react";
  471. import { Observable } from "babylonjs/Misc/observable";
  472. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  473. export interface ICheckBoxLineComponentProps {
  474. label: string;
  475. target?: any;
  476. propertyName?: string;
  477. isSelected?: () => boolean;
  478. onSelect?: (value: boolean) => void;
  479. onValueChanged?: () => void;
  480. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  481. }
  482. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  483. isSelected: boolean;
  484. }> {
  485. private static _UniqueIdSeed;
  486. private _uniqueId;
  487. private _localChange;
  488. constructor(props: ICheckBoxLineComponentProps);
  489. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  490. isSelected: boolean;
  491. }): boolean;
  492. onChange(): void;
  493. render(): JSX.Element;
  494. }
  495. }
  496. declare module "babylonjs-node-editor/sharedComponents/optionsLineComponent" {
  497. import * as React from "react";
  498. import { Observable } from "babylonjs/Misc/observable";
  499. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  500. class ListLineOption {
  501. label: string;
  502. value: number | string;
  503. }
  504. interface IOptionsLineComponentProps {
  505. label: string;
  506. target: any;
  507. propertyName: string;
  508. options: ListLineOption[];
  509. noDirectUpdate?: boolean;
  510. onSelect?: (value: number | string) => void;
  511. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  512. valuesAreStrings?: boolean;
  513. }
  514. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  515. value: number | string;
  516. }> {
  517. private _localChange;
  518. constructor(props: IOptionsLineComponentProps);
  519. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  520. value: number;
  521. }): boolean;
  522. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  523. updateValue(valueString: string): void;
  524. render(): JSX.Element;
  525. }
  526. }
  527. declare module "babylonjs-node-editor/sharedComponents/color3LineComponent" {
  528. import * as React from "react";
  529. import { Observable } from "babylonjs/Misc/observable";
  530. import { Color3 } from "babylonjs/Maths/math";
  531. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  532. export interface IColor3LineComponentProps {
  533. label: string;
  534. target: any;
  535. propertyName: string;
  536. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  537. }
  538. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  539. isExpanded: boolean;
  540. color: Color3;
  541. }> {
  542. private _localChange;
  543. constructor(props: IColor3LineComponentProps);
  544. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  545. color: Color3;
  546. }): boolean;
  547. onChange(newValue: string): void;
  548. switchExpandState(): void;
  549. raiseOnPropertyChanged(previousValue: Color3): void;
  550. updateStateR(value: number): void;
  551. updateStateG(value: number): void;
  552. updateStateB(value: number): void;
  553. copyToClipboard(): void;
  554. render(): JSX.Element;
  555. }
  556. }
  557. declare module "babylonjs-node-editor/components/propertyTab/properties/color3PropertyTabComponent" {
  558. import * as React from "react";
  559. import { GlobalState } from "babylonjs-node-editor/globalState";
  560. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  561. interface IColor3PropertyTabComponentProps {
  562. globalState: GlobalState;
  563. connection: NodeMaterialConnectionPoint;
  564. }
  565. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  566. render(): JSX.Element;
  567. }
  568. }
  569. declare module "babylonjs-node-editor/sharedComponents/floatLineComponent" {
  570. import * as React from "react";
  571. import { Observable } from "babylonjs/Misc/observable";
  572. import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
  573. interface IFloatLineComponentProps {
  574. label: string;
  575. target: any;
  576. propertyName: string;
  577. onChange?: (newValue: number) => void;
  578. isInteger?: boolean;
  579. onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
  580. additionalClass?: string;
  581. step?: string;
  582. digits?: number;
  583. }
  584. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  585. value: string;
  586. }> {
  587. private _localChange;
  588. private _store;
  589. constructor(props: IFloatLineComponentProps);
  590. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  591. value: string;
  592. }): boolean;
  593. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  594. updateValue(valueString: string): void;
  595. render(): JSX.Element;
  596. }
  597. }
  598. declare module "babylonjs-node-editor/components/propertyTab/properties/floatPropertyTabComponent" {
  599. import * as React from "react";
  600. import { GlobalState } from "babylonjs-node-editor/globalState";
  601. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  602. interface IFloatPropertyTabComponentProps {
  603. globalState: GlobalState;
  604. connection: NodeMaterialConnectionPoint;
  605. }
  606. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  607. render(): JSX.Element;
  608. }
  609. }
  610. declare module "babylonjs-node-editor/components/diagram/input/inputNodePropertyComponent" {
  611. import * as React from "react";
  612. import { GlobalState } from "babylonjs-node-editor/globalState";
  613. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  614. interface IInputPropertyTabComponentProps {
  615. globalState: GlobalState;
  616. inputNode: InputNodeModel;
  617. }
  618. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  619. constructor(props: IInputPropertyTabComponentProps);
  620. renderValue(globalState: GlobalState): JSX.Element | null;
  621. setDefaultValue(): void;
  622. render(): JSX.Element;
  623. }
  624. }
  625. declare module "babylonjs-node-editor/components/diagram/input/inputNodeModel" {
  626. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  627. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  628. import { GlobalState } from "babylonjs-node-editor/globalState";
  629. /**
  630. * Generic node model which stores information about a node editor block
  631. */
  632. export class InputNodeModel extends DefaultNodeModel {
  633. connection?: NodeMaterialConnectionPoint;
  634. /**
  635. * Constructs the node model
  636. */
  637. constructor();
  638. renderProperties(globalState: GlobalState): JSX.Element | null;
  639. }
  640. }
  641. declare module "babylonjs-node-editor/components/diagram/input/inputNodeWidget" {
  642. import * as React from "react";
  643. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  644. import { Nullable } from 'babylonjs/types';
  645. import { GlobalState } from "babylonjs-node-editor/globalState";
  646. /**
  647. * GenericNodeWidgetProps
  648. */
  649. export interface InputNodeWidgetProps {
  650. node: Nullable<InputNodeModel>;
  651. globalState: GlobalState;
  652. }
  653. /**
  654. * Used to display a node block for the node editor
  655. */
  656. export class InputNodeWidget extends React.Component<InputNodeWidgetProps> {
  657. /**
  658. * Creates a GenericNodeWidget
  659. * @param props
  660. */
  661. constructor(props: InputNodeWidgetProps);
  662. render(): JSX.Element;
  663. }
  664. }
  665. declare module "babylonjs-node-editor/components/diagram/input/inputNodeFactory" {
  666. import * as SRD from "storm-react-diagrams";
  667. import { GlobalState } from "babylonjs-node-editor/globalState";
  668. import { InputNodeModel } from "babylonjs-node-editor/components/diagram/input/inputNodeModel";
  669. /**
  670. * Node factory which creates editor nodes
  671. */
  672. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  673. private _globalState;
  674. /**
  675. * Constructs a GenericNodeFactory
  676. */
  677. constructor(globalState: GlobalState);
  678. /**
  679. * Generates a node widget
  680. * @param diagramEngine diagram engine
  681. * @param node node to generate
  682. * @returns node widget jsx
  683. */
  684. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  685. /**
  686. * Gets a new instance of a node model
  687. * @returns input node model
  688. */
  689. getNewInstance(): InputNodeModel;
  690. }
  691. }
  692. declare module "babylonjs-node-editor/graphEditor" {
  693. import { LinkModel } from "storm-react-diagrams";
  694. import * as React from "react";
  695. import { GlobalState } from "babylonjs-node-editor/globalState";
  696. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  697. import { NodeMaterialConnectionPoint } from 'babylonjs/Materials/Node/nodeMaterialBlockConnectionPoint';
  698. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  699. interface IGraphEditorProps {
  700. globalState: GlobalState;
  701. }
  702. export class NodeCreationOptions {
  703. column: number;
  704. nodeMaterialBlock?: NodeMaterialBlock;
  705. type?: string;
  706. connection?: NodeMaterialConnectionPoint;
  707. }
  708. export class GraphEditor extends React.Component<IGraphEditorProps> {
  709. private _engine;
  710. private _model;
  711. private _nodes;
  712. /** @hidden */
  713. _toAdd: LinkModel[] | null;
  714. /**
  715. * Current row/column position used when adding new nodes
  716. */
  717. private _rowPos;
  718. /**
  719. * Creates a node and recursivly creates its parent nodes from it's input
  720. * @param nodeMaterialBlock
  721. */
  722. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  723. componentDidMount(): void;
  724. componentWillUnmount(): void;
  725. constructor(props: IGraphEditorProps);
  726. build(): void;
  727. addNodeFromClass(ObjectClass: typeof NodeMaterialBlock): DefaultNodeModel;
  728. addValueNode(type: string, column?: number, connection?: NodeMaterialConnectionPoint): DefaultNodeModel;
  729. render(): JSX.Element;
  730. }
  731. }
  732. declare module "babylonjs-node-editor/components/diagram/defaultNodeModel" {
  733. import { NodeModel, DiagramModel } from "storm-react-diagrams";
  734. import { Nullable } from 'babylonjs/types';
  735. import { NodeMaterialBlock } from 'babylonjs/Materials/Node/nodeMaterialBlock';
  736. import { GraphEditor, NodeCreationOptions } from "babylonjs-node-editor/graphEditor";
  737. import { GlobalState } from "babylonjs-node-editor/globalState";
  738. import { DefaultPortModel } from "babylonjs-node-editor/components/diagram/defaultPortModel";
  739. /**
  740. * Generic node model which stores information about a node editor block
  741. */
  742. export class DefaultNodeModel extends NodeModel {
  743. /**
  744. * The babylon block this node represents
  745. */
  746. block: Nullable<NodeMaterialBlock>;
  747. ports: {
  748. [s: string]: DefaultPortModel;
  749. };
  750. /**
  751. * Constructs the node model
  752. */
  753. constructor(key: string);
  754. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  755. renderProperties(globalState: GlobalState): JSX.Element | null;
  756. }
  757. }
  758. declare module "babylonjs-node-editor/globalState" {
  759. import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial";
  760. import { Nullable } from "babylonjs/types";
  761. import { Observable } from 'babylonjs/Misc/observable';
  762. import { DefaultNodeModel } from "babylonjs-node-editor/components/diagram/defaultNodeModel";
  763. export class GlobalState {
  764. nodeMaterial?: NodeMaterial;
  765. hostElement: HTMLElement;
  766. hostDocument: HTMLDocument;
  767. onSelectionChangedObservable: Observable<Nullable<DefaultNodeModel>>;
  768. onRebuildRequiredObservable: Observable<void>;
  769. onResetRequiredObservable: Observable<void>;
  770. onUpdateRequiredObservable: Observable<void>;
  771. }
  772. }
  773. declare module "babylonjs-node-editor/sharedComponents/popup" {
  774. export class Popup {
  775. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  776. private static _CopyStyles;
  777. }
  778. }
  779. declare module "babylonjs-node-editor/nodeEditor" {
  780. import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial";
  781. /**
  782. * Interface used to specify creation options for the node editor
  783. */
  784. export interface INodeEditorOptions {
  785. nodeMaterial: NodeMaterial;
  786. }
  787. /**
  788. * Class used to create a node editor
  789. */
  790. export class NodeEditor {
  791. /**
  792. * Show the node editor
  793. * @param options defines the options to use to configure the node editor
  794. */
  795. static Show(options: INodeEditorOptions): void;
  796. }
  797. }
  798. declare module "babylonjs-node-editor/index" {
  799. export * from "babylonjs-node-editor/nodeEditor";
  800. }
  801. declare module "babylonjs-node-editor/legacy/legacy" {
  802. export * from "babylonjs-node-editor/index";
  803. }
  804. declare module "babylonjs-node-editor" {
  805. export * from "babylonjs-node-editor/legacy/legacy";
  806. }
  807. /// <reference types="react" />
  808. declare module NODEEDITOR {
  809. /**
  810. * Port model
  811. */
  812. export class DefaultPortModel extends PortModel {
  813. /**
  814. * If the port is input or output
  815. */
  816. position: string | "input" | "output";
  817. /**
  818. * What the port is connected to
  819. */
  820. connection: BABYLON.Nullable<BABYLON.NodeMaterialConnectionPoint>;
  821. defaultValue: any;
  822. static idCounter: number;
  823. constructor(name: string, type?: string);
  824. syncWithNodeMaterialConnectionPoint(connection: BABYLON.NodeMaterialConnectionPoint): void;
  825. getNodeModel(): DefaultNodeModel;
  826. link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;
  827. createLinkModel(): LinkModel;
  828. static SortInputOutput(a: BABYLON.Nullable<DefaultPortModel>, b: BABYLON.Nullable<DefaultPortModel>): {
  829. input: DefaultPortModel;
  830. output: DefaultPortModel;
  831. } | null;
  832. }
  833. }
  834. declare module NODEEDITOR {
  835. interface ITextLineComponentProps {
  836. label: string;
  837. value: string;
  838. color?: string;
  839. underline?: boolean;
  840. onLink?: () => void;
  841. }
  842. export class TextLineComponent extends React.Component<ITextLineComponentProps> {
  843. constructor(props: ITextLineComponentProps);
  844. onLink(): void;
  845. renderContent(): JSX.Element;
  846. render(): JSX.Element;
  847. }
  848. }
  849. declare module NODEEDITOR {
  850. /**
  851. * Generic node model which stores information about a node editor block
  852. */
  853. export class GenericNodeModel extends DefaultNodeModel {
  854. /**
  855. * Labels for the block
  856. */
  857. header: string;
  858. /**
  859. * BABYLON.Vector2 for the node if it exists
  860. */
  861. vector2: BABYLON.Nullable<BABYLON.Vector2>;
  862. /**
  863. * BABYLON.Vector3 for the node if it exists
  864. */
  865. vector3: BABYLON.Nullable<BABYLON.Vector3>;
  866. /**
  867. * BABYLON.Vector4 for the node if it exists
  868. */
  869. vector4: BABYLON.Nullable<BABYLON.Vector4>;
  870. /**
  871. * BABYLON.Matrix for the node if it exists
  872. */
  873. matrix: BABYLON.Nullable<BABYLON.Matrix>;
  874. /**
  875. * Constructs the node model
  876. */
  877. constructor();
  878. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  879. renderProperties(globalState: GlobalState): JSX.Element;
  880. }
  881. }
  882. declare module NODEEDITOR {
  883. /**
  884. * GenericNodeWidgetProps
  885. */
  886. export interface GenericNodeWidgetProps {
  887. node: BABYLON.Nullable<GenericNodeModel>;
  888. globalState: GlobalState;
  889. }
  890. /**
  891. * GenericNodeWidgetState
  892. */
  893. export interface GenericNodeWidgetState {
  894. }
  895. /**
  896. * Used to display a node block for the node editor
  897. */
  898. export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {
  899. /**
  900. * Creates a GenericNodeWidget
  901. * @param props
  902. */
  903. constructor(props: GenericNodeWidgetProps);
  904. render(): JSX.Element;
  905. }
  906. }
  907. declare module NODEEDITOR {
  908. /**
  909. * Node factory which creates editor nodes
  910. */
  911. export class GenericNodeFactory extends SRD.AbstractNodeFactory {
  912. private _globalState;
  913. /**
  914. * Constructs a GenericNodeFactory
  915. */
  916. constructor(globalState: GlobalState);
  917. /**
  918. * Generates a node widget
  919. * @param diagramEngine diagram engine
  920. * @param node node to generate
  921. * @returns node widget jsx
  922. */
  923. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;
  924. /**
  925. * Gets a new instance of a node model
  926. * @returns generic node model
  927. */
  928. getNewInstance(): GenericNodeModel;
  929. }
  930. }
  931. declare module NODEEDITOR {
  932. interface ILineContainerComponentProps {
  933. title: string;
  934. children: any[] | any;
  935. closed?: boolean;
  936. }
  937. export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {
  938. isExpanded: boolean;
  939. }> {
  940. private static _InMemoryStorage;
  941. constructor(props: ILineContainerComponentProps);
  942. switchExpandedState(): void;
  943. renderHeader(): JSX.Element;
  944. render(): JSX.Element;
  945. }
  946. }
  947. declare module NODEEDITOR {
  948. export interface IButtonLineComponentProps {
  949. label: string;
  950. onClick: () => void;
  951. }
  952. export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
  953. constructor(props: IButtonLineComponentProps);
  954. render(): JSX.Element;
  955. }
  956. }
  957. declare module NODEEDITOR {
  958. interface INodeListComponentProps {
  959. globalState: GlobalState;
  960. onAddValueNode: (b: string) => void;
  961. onAddNodeFromClass: (ObjectClass: typeof BABYLON.NodeMaterialBlock) => void;
  962. }
  963. export class NodeListComponent extends React.Component<INodeListComponentProps> {
  964. render(): JSX.Element;
  965. }
  966. }
  967. declare module NODEEDITOR {
  968. interface IPropertyTabComponentProps {
  969. globalState: GlobalState;
  970. }
  971. export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {
  972. currentNode: BABYLON.Nullable<DefaultNodeModel>;
  973. }> {
  974. constructor(props: IPropertyTabComponentProps);
  975. componentWillMount(): void;
  976. render(): JSX.Element;
  977. }
  978. }
  979. declare module NODEEDITOR {
  980. interface IPortalProps {
  981. globalState: GlobalState;
  982. }
  983. export class Portal extends React.Component<IPortalProps> {
  984. render(): React.ReactPortal;
  985. }
  986. }
  987. declare module NODEEDITOR {
  988. interface IFileButtonLineComponentProps {
  989. label: string;
  990. onClick: (file: File) => void;
  991. accept: string;
  992. }
  993. export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
  994. constructor(props: IFileButtonLineComponentProps);
  995. onChange(evt: any): void;
  996. render(): JSX.Element;
  997. }
  998. }
  999. declare module NODEEDITOR {
  1000. interface ITexturePropertyTabComponentProps {
  1001. globalState: GlobalState;
  1002. node: TextureNodeModel;
  1003. }
  1004. export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {
  1005. /**
  1006. * Replaces the texture of the node
  1007. * @param file the file of the texture to use
  1008. */
  1009. replaceTexture(file: File): void;
  1010. render(): JSX.Element;
  1011. }
  1012. }
  1013. declare module NODEEDITOR {
  1014. /**
  1015. * BABYLON.Texture node model which stores information about a node editor block
  1016. */
  1017. export class TextureNodeModel extends DefaultNodeModel {
  1018. private _block;
  1019. /**
  1020. * BABYLON.Texture for the node if it exists
  1021. */
  1022. texture: BABYLON.Nullable<BABYLON.Texture>;
  1023. /**
  1024. * Constructs the node model
  1025. */
  1026. constructor();
  1027. renderProperties(globalState: GlobalState): JSX.Element;
  1028. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  1029. }
  1030. }
  1031. declare module NODEEDITOR {
  1032. interface ITextureLineComponentProps {
  1033. texture: BABYLON.BaseTexture;
  1034. width: number;
  1035. height: number;
  1036. globalState?: any;
  1037. hideChannelSelect?: boolean;
  1038. }
  1039. export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {
  1040. displayRed: boolean;
  1041. displayGreen: boolean;
  1042. displayBlue: boolean;
  1043. displayAlpha: boolean;
  1044. face: number;
  1045. }> {
  1046. constructor(props: ITextureLineComponentProps);
  1047. shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {
  1048. displayRed: boolean;
  1049. displayGreen: boolean;
  1050. displayBlue: boolean;
  1051. displayAlpha: boolean;
  1052. face: number;
  1053. }): boolean;
  1054. componentDidMount(): void;
  1055. componentDidUpdate(): void;
  1056. updatePreview(): void;
  1057. render(): JSX.Element;
  1058. }
  1059. }
  1060. declare module NODEEDITOR {
  1061. /**
  1062. * GenericNodeWidgetProps
  1063. */
  1064. export interface TextureNodeWidgetProps {
  1065. node: BABYLON.Nullable<TextureNodeModel>;
  1066. globalState: GlobalState;
  1067. }
  1068. /**
  1069. * Used to display a node block for the node editor
  1070. */
  1071. export class TextureNodeWidget extends React.Component<TextureNodeWidgetProps> {
  1072. /**
  1073. * Creates a GenericNodeWidget
  1074. * @param props
  1075. */
  1076. constructor(props: TextureNodeWidgetProps);
  1077. render(): JSX.Element;
  1078. }
  1079. }
  1080. declare module NODEEDITOR {
  1081. /**
  1082. * Node factory which creates editor nodes
  1083. */
  1084. export class TextureNodeFactory extends SRD.AbstractNodeFactory {
  1085. private _globalState;
  1086. /**
  1087. * Constructs a TextureNodeFactory
  1088. */
  1089. constructor(globalState: GlobalState);
  1090. /**
  1091. * Generates a node widget
  1092. * @param diagramEngine diagram engine
  1093. * @param node node to generate
  1094. * @returns node widget jsx
  1095. */
  1096. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;
  1097. /**
  1098. * Gets a new instance of a node model
  1099. * @returns texture node model
  1100. */
  1101. getNewInstance(): TextureNodeModel;
  1102. }
  1103. }
  1104. declare module NODEEDITOR {
  1105. interface INumericInputComponentProps {
  1106. label: string;
  1107. value: number;
  1108. step?: number;
  1109. onChange: (value: number) => void;
  1110. }
  1111. export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
  1112. value: string;
  1113. }> {
  1114. static defaultProps: {
  1115. step: number;
  1116. };
  1117. private _localChange;
  1118. constructor(props: INumericInputComponentProps);
  1119. shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
  1120. value: string;
  1121. }): boolean;
  1122. updateValue(evt: any): void;
  1123. render(): JSX.Element;
  1124. }
  1125. }
  1126. declare module NODEEDITOR {
  1127. export class PropertyChangedEvent {
  1128. object: any;
  1129. property: string;
  1130. value: any;
  1131. initialValue: any;
  1132. }
  1133. }
  1134. declare module NODEEDITOR {
  1135. interface IVector2LineComponentProps {
  1136. label: string;
  1137. target: any;
  1138. propertyName: string;
  1139. step?: number;
  1140. onChange?: (newvalue: BABYLON.Vector2) => void;
  1141. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1142. }
  1143. export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
  1144. isExpanded: boolean;
  1145. value: BABYLON.Vector2;
  1146. }> {
  1147. static defaultProps: {
  1148. step: number;
  1149. };
  1150. private _localChange;
  1151. constructor(props: IVector2LineComponentProps);
  1152. shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
  1153. isExpanded: boolean;
  1154. value: BABYLON.Vector2;
  1155. }): boolean;
  1156. switchExpandState(): void;
  1157. raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
  1158. updateStateX(value: number): void;
  1159. updateStateY(value: number): void;
  1160. render(): JSX.Element;
  1161. }
  1162. }
  1163. declare module NODEEDITOR {
  1164. interface IVector2PropertyTabComponentProps {
  1165. globalState: GlobalState;
  1166. connection: BABYLON.NodeMaterialConnectionPoint;
  1167. }
  1168. export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
  1169. render(): JSX.Element;
  1170. }
  1171. }
  1172. declare module NODEEDITOR {
  1173. interface IVector3LineComponentProps {
  1174. label: string;
  1175. target: any;
  1176. propertyName: string;
  1177. step?: number;
  1178. onChange?: (newvalue: BABYLON.Vector3) => void;
  1179. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1180. }
  1181. export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
  1182. isExpanded: boolean;
  1183. value: BABYLON.Vector3;
  1184. }> {
  1185. static defaultProps: {
  1186. step: number;
  1187. };
  1188. private _localChange;
  1189. constructor(props: IVector3LineComponentProps);
  1190. shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
  1191. isExpanded: boolean;
  1192. value: BABYLON.Vector3;
  1193. }): boolean;
  1194. switchExpandState(): void;
  1195. raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
  1196. updateVector3(): void;
  1197. updateStateX(value: number): void;
  1198. updateStateY(value: number): void;
  1199. updateStateZ(value: number): void;
  1200. render(): JSX.Element;
  1201. }
  1202. }
  1203. declare module NODEEDITOR {
  1204. interface IVector3PropertyTabComponentProps {
  1205. globalState: GlobalState;
  1206. connection: BABYLON.NodeMaterialConnectionPoint;
  1207. }
  1208. export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
  1209. render(): JSX.Element;
  1210. }
  1211. }
  1212. declare module NODEEDITOR {
  1213. export interface ICheckBoxLineComponentProps {
  1214. label: string;
  1215. target?: any;
  1216. propertyName?: string;
  1217. isSelected?: () => boolean;
  1218. onSelect?: (value: boolean) => void;
  1219. onValueChanged?: () => void;
  1220. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1221. }
  1222. export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
  1223. isSelected: boolean;
  1224. }> {
  1225. private static _UniqueIdSeed;
  1226. private _uniqueId;
  1227. private _localChange;
  1228. constructor(props: ICheckBoxLineComponentProps);
  1229. shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
  1230. isSelected: boolean;
  1231. }): boolean;
  1232. onChange(): void;
  1233. render(): JSX.Element;
  1234. }
  1235. }
  1236. declare module NODEEDITOR {
  1237. class ListLineOption {
  1238. label: string;
  1239. value: number | string;
  1240. }
  1241. interface IOptionsLineComponentProps {
  1242. label: string;
  1243. target: any;
  1244. propertyName: string;
  1245. options: ListLineOption[];
  1246. noDirectUpdate?: boolean;
  1247. onSelect?: (value: number | string) => void;
  1248. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1249. valuesAreStrings?: boolean;
  1250. }
  1251. export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
  1252. value: number | string;
  1253. }> {
  1254. private _localChange;
  1255. constructor(props: IOptionsLineComponentProps);
  1256. shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
  1257. value: number;
  1258. }): boolean;
  1259. raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;
  1260. updateValue(valueString: string): void;
  1261. render(): JSX.Element;
  1262. }
  1263. }
  1264. declare module NODEEDITOR {
  1265. export interface IColor3LineComponentProps {
  1266. label: string;
  1267. target: any;
  1268. propertyName: string;
  1269. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1270. }
  1271. export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
  1272. isExpanded: boolean;
  1273. color: BABYLON.Color3;
  1274. }> {
  1275. private _localChange;
  1276. constructor(props: IColor3LineComponentProps);
  1277. shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
  1278. color: BABYLON.Color3;
  1279. }): boolean;
  1280. onChange(newValue: string): void;
  1281. switchExpandState(): void;
  1282. raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;
  1283. updateStateR(value: number): void;
  1284. updateStateG(value: number): void;
  1285. updateStateB(value: number): void;
  1286. copyToClipboard(): void;
  1287. render(): JSX.Element;
  1288. }
  1289. }
  1290. declare module NODEEDITOR {
  1291. interface IColor3PropertyTabComponentProps {
  1292. globalState: GlobalState;
  1293. connection: BABYLON.NodeMaterialConnectionPoint;
  1294. }
  1295. export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
  1296. render(): JSX.Element;
  1297. }
  1298. }
  1299. declare module NODEEDITOR {
  1300. interface IFloatLineComponentProps {
  1301. label: string;
  1302. target: any;
  1303. propertyName: string;
  1304. onChange?: (newValue: number) => void;
  1305. isInteger?: boolean;
  1306. onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
  1307. additionalClass?: string;
  1308. step?: string;
  1309. digits?: number;
  1310. }
  1311. export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
  1312. value: string;
  1313. }> {
  1314. private _localChange;
  1315. private _store;
  1316. constructor(props: IFloatLineComponentProps);
  1317. shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
  1318. value: string;
  1319. }): boolean;
  1320. raiseOnPropertyChanged(newValue: number, previousValue: number): void;
  1321. updateValue(valueString: string): void;
  1322. render(): JSX.Element;
  1323. }
  1324. }
  1325. declare module NODEEDITOR {
  1326. interface IFloatPropertyTabComponentProps {
  1327. globalState: GlobalState;
  1328. connection: BABYLON.NodeMaterialConnectionPoint;
  1329. }
  1330. export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
  1331. render(): JSX.Element;
  1332. }
  1333. }
  1334. declare module NODEEDITOR {
  1335. interface IInputPropertyTabComponentProps {
  1336. globalState: GlobalState;
  1337. inputNode: InputNodeModel;
  1338. }
  1339. export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {
  1340. constructor(props: IInputPropertyTabComponentProps);
  1341. renderValue(globalState: GlobalState): JSX.Element | null;
  1342. setDefaultValue(): void;
  1343. render(): JSX.Element;
  1344. }
  1345. }
  1346. declare module NODEEDITOR {
  1347. /**
  1348. * Generic node model which stores information about a node editor block
  1349. */
  1350. export class InputNodeModel extends DefaultNodeModel {
  1351. connection?: BABYLON.NodeMaterialConnectionPoint;
  1352. /**
  1353. * Constructs the node model
  1354. */
  1355. constructor();
  1356. renderProperties(globalState: GlobalState): JSX.Element | null;
  1357. }
  1358. }
  1359. declare module NODEEDITOR {
  1360. /**
  1361. * GenericNodeWidgetProps
  1362. */
  1363. export interface InputNodeWidgetProps {
  1364. node: BABYLON.Nullable<InputNodeModel>;
  1365. globalState: GlobalState;
  1366. }
  1367. /**
  1368. * Used to display a node block for the node editor
  1369. */
  1370. export class InputNodeWidget extends React.Component<InputNodeWidgetProps> {
  1371. /**
  1372. * Creates a GenericNodeWidget
  1373. * @param props
  1374. */
  1375. constructor(props: InputNodeWidgetProps);
  1376. render(): JSX.Element;
  1377. }
  1378. }
  1379. declare module NODEEDITOR {
  1380. /**
  1381. * Node factory which creates editor nodes
  1382. */
  1383. export class InputNodeFactory extends SRD.AbstractNodeFactory {
  1384. private _globalState;
  1385. /**
  1386. * Constructs a GenericNodeFactory
  1387. */
  1388. constructor(globalState: GlobalState);
  1389. /**
  1390. * Generates a node widget
  1391. * @param diagramEngine diagram engine
  1392. * @param node node to generate
  1393. * @returns node widget jsx
  1394. */
  1395. generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;
  1396. /**
  1397. * Gets a new instance of a node model
  1398. * @returns input node model
  1399. */
  1400. getNewInstance(): InputNodeModel;
  1401. }
  1402. }
  1403. declare module NODEEDITOR {
  1404. interface IGraphEditorProps {
  1405. globalState: GlobalState;
  1406. }
  1407. export class NodeCreationOptions {
  1408. column: number;
  1409. nodeMaterialBlock?: BABYLON.NodeMaterialBlock;
  1410. type?: string;
  1411. connection?: BABYLON.NodeMaterialConnectionPoint;
  1412. }
  1413. export class GraphEditor extends React.Component<IGraphEditorProps> {
  1414. private _engine;
  1415. private _model;
  1416. private _nodes;
  1417. /** @hidden */
  1418. _toAdd: LinkModel[] | null;
  1419. /**
  1420. * Current row/column position used when adding new nodes
  1421. */
  1422. private _rowPos;
  1423. /**
  1424. * Creates a node and recursivly creates its parent nodes from it's input
  1425. * @param nodeMaterialBlock
  1426. */
  1427. createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;
  1428. componentDidMount(): void;
  1429. componentWillUnmount(): void;
  1430. constructor(props: IGraphEditorProps);
  1431. build(): void;
  1432. addNodeFromClass(ObjectClass: typeof BABYLON.NodeMaterialBlock): DefaultNodeModel;
  1433. addValueNode(type: string, column?: number, connection?: BABYLON.NodeMaterialConnectionPoint): DefaultNodeModel;
  1434. render(): JSX.Element;
  1435. }
  1436. }
  1437. declare module NODEEDITOR {
  1438. /**
  1439. * Generic node model which stores information about a node editor block
  1440. */
  1441. export class DefaultNodeModel extends NodeModel {
  1442. /**
  1443. * The babylon block this node represents
  1444. */
  1445. block: BABYLON.Nullable<BABYLON.NodeMaterialBlock>;
  1446. ports: {
  1447. [s: string]: DefaultPortModel;
  1448. };
  1449. /**
  1450. * Constructs the node model
  1451. */
  1452. constructor(key: string);
  1453. prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;
  1454. renderProperties(globalState: GlobalState): JSX.Element | null;
  1455. }
  1456. }
  1457. declare module NODEEDITOR {
  1458. export class GlobalState {
  1459. nodeMaterial?: BABYLON.NodeMaterial;
  1460. hostElement: HTMLElement;
  1461. hostDocument: HTMLDocument;
  1462. onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<DefaultNodeModel>>;
  1463. onRebuildRequiredObservable: BABYLON.Observable<void>;
  1464. onResetRequiredObservable: BABYLON.Observable<void>;
  1465. onUpdateRequiredObservable: BABYLON.Observable<void>;
  1466. }
  1467. }
  1468. declare module NODEEDITOR {
  1469. export class Popup {
  1470. static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
  1471. private static _CopyStyles;
  1472. }
  1473. }
  1474. declare module NODEEDITOR {
  1475. /**
  1476. * Interface used to specify creation options for the node editor
  1477. */
  1478. export interface INodeEditorOptions {
  1479. nodeMaterial: BABYLON.NodeMaterial;
  1480. }
  1481. /**
  1482. * Class used to create a node editor
  1483. */
  1484. export class NodeEditor {
  1485. /**
  1486. * Show the node editor
  1487. * @param options defines the options to use to configure the node editor
  1488. */
  1489. static Show(options: INodeEditorOptions): void;
  1490. }
  1491. }