@babylonjs/gui-editor 5.13.1 → 5.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,6 +9,7 @@ interface ICommandBarComponentProps {
9
9
  export class CommandBarComponent extends React.Component<ICommandBarComponentProps> {
10
10
  private _sizeOption;
11
11
  private _stopUpdating;
12
+ private _lockObject;
12
13
  constructor(props: ICommandBarComponentProps);
13
14
  render(): JSX.Element;
14
15
  }
@@ -1364,6 +1365,7 @@ export {};
1364
1365
  }
1365
1366
  declare module "@babylonjs/gui-editor/colorPicker/colorComponentEntry" {
1366
1367
  import * as React from "react";
1368
+ import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
1367
1369
  export interface IColorComponentEntryProps {
1368
1370
  value: number;
1369
1371
  label: string;
@@ -1371,10 +1373,13 @@ export interface IColorComponentEntryProps {
1371
1373
  min?: number;
1372
1374
  onChange: (value: number) => void;
1373
1375
  disabled?: boolean;
1376
+ lockObject: LockObject;
1374
1377
  }
1375
1378
  export class ColorComponentEntry extends React.Component<IColorComponentEntryProps> {
1376
1379
  constructor(props: IColorComponentEntryProps);
1377
1380
  updateValue(valueString: string): void;
1381
+ lock(): void;
1382
+ unlock(): void;
1378
1383
  render(): JSX.Element;
1379
1384
  }
1380
1385
 
@@ -1382,6 +1387,7 @@ export class ColorComponentEntry extends React.Component<IColorComponentEntryPro
1382
1387
  declare module "@babylonjs/gui-editor/colorPicker/colorPicker" {
1383
1388
  import * as React from "react";
1384
1389
  import { Color3, Color4 } from "@babylonjs/core/Maths/math.color";
1390
+ import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
1385
1391
  import "@babylonjs/gui-editor/colorPicker/colorPicker.scss";
1386
1392
  /**
1387
1393
  * Interface used to specify creation options for color picker
@@ -1391,6 +1397,7 @@ export interface IColorPickerProps {
1391
1397
  linearhint?: boolean;
1392
1398
  debugMode?: boolean;
1393
1399
  onColorChanged?: (color: Color3 | Color4) => void;
1400
+ lockObject: LockObject;
1394
1401
  }
1395
1402
  /**
1396
1403
  * Interface used to specify creation options for color picker
@@ -1425,10 +1432,12 @@ export class ColorPicker extends React.Component<IColorPickerProps, IColorPicker
1425
1432
  }
1426
1433
  declare module "@babylonjs/gui-editor/colorPicker/hexColor" {
1427
1434
  import * as React from "react";
1435
+ import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
1428
1436
  export interface IHexColorProps {
1429
1437
  value: string;
1430
1438
  expectedLength: number;
1431
1439
  onChange: (value: string) => void;
1440
+ lockObject: LockObject;
1432
1441
  }
1433
1442
  export class HexColor extends React.Component<IHexColorProps, {
1434
1443
  hex: string;
@@ -1437,6 +1446,8 @@ export class HexColor extends React.Component<IHexColorProps, {
1437
1446
  shouldComponentUpdate(nextProps: IHexColorProps, nextState: {
1438
1447
  hex: string;
1439
1448
  }): boolean;
1449
+ lock(): void;
1450
+ unlock(): void;
1440
1451
  updateHexValue(valueString: string): void;
1441
1452
  render(): JSX.Element;
1442
1453
  }
@@ -1569,7 +1580,7 @@ export interface IColor3LineComponentProps {
1569
1580
  onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
1570
1581
  isLinear?: boolean;
1571
1582
  icon?: string;
1572
- lockObject?: LockObject;
1583
+ lockObject: LockObject;
1573
1584
  iconLabel?: string;
1574
1585
  onChange?: () => void;
1575
1586
  }
@@ -1592,7 +1603,7 @@ export interface IColor4LineComponentProps {
1592
1603
  isLinear?: boolean;
1593
1604
  icon?: string;
1594
1605
  iconLabel?: string;
1595
- lockObject?: LockObject;
1606
+ lockObject: LockObject;
1596
1607
  }
1597
1608
  export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
1598
1609
  render(): JSX.Element;
@@ -1614,8 +1625,8 @@ export interface IColorLineComponentProps {
1614
1625
  isLinear?: boolean;
1615
1626
  icon?: string;
1616
1627
  iconLabel?: string;
1617
- lockObject?: LockObject;
1618
1628
  disableAlpha?: boolean;
1629
+ lockObject: LockObject;
1619
1630
  }
1620
1631
  interface IColorLineComponentState {
1621
1632
  isExpanded: boolean;
@@ -1645,6 +1656,7 @@ export {};
1645
1656
  declare module "@babylonjs/gui-editor/lines/colorPickerComponent" {
1646
1657
  import * as React from "react";
1647
1658
  import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
1659
+ import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
1648
1660
  export interface IColorPickerComponentProps {
1649
1661
  value: Color4 | Color3;
1650
1662
  linearHint?: boolean;
@@ -1652,6 +1664,7 @@ export interface IColorPickerComponentProps {
1652
1664
  icon?: string;
1653
1665
  iconLabel?: string;
1654
1666
  shouldPopRight?: boolean;
1667
+ lockObject?: LockObject;
1655
1668
  }
1656
1669
  interface IColorPickerComponentState {
1657
1670
  pickerEnabled: boolean;
@@ -1937,6 +1950,7 @@ import { Vector3, Vector4 } from "@babylonjs/core/Maths/math.vector";
1937
1950
  import { Matrix } from "@babylonjs/core/Maths/math.vector";
1938
1951
  import { Observable } from "@babylonjs/core/Misc/observable";
1939
1952
  import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
1953
+ import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
1940
1954
  interface IMatrixLineComponentProps {
1941
1955
  label: string;
1942
1956
  target: any;
@@ -1946,6 +1960,7 @@ interface IMatrixLineComponentProps {
1946
1960
  onModeChange?: (mode: number) => void;
1947
1961
  onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
1948
1962
  mode?: number;
1963
+ lockObject: LockObject;
1949
1964
  }
1950
1965
  export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
1951
1966
  value: Matrix;
@@ -1985,6 +2000,7 @@ export {};
1985
2000
  }
1986
2001
  declare module "@babylonjs/gui-editor/lines/numericInputComponent" {
1987
2002
  import * as React from "react";
2003
+ import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
1988
2004
  interface INumericInputComponentProps {
1989
2005
  label: string;
1990
2006
  value: number;
@@ -1993,6 +2009,7 @@ interface INumericInputComponentProps {
1993
2009
  precision?: number;
1994
2010
  icon?: string;
1995
2011
  iconLabel?: string;
2012
+ lockObject: LockObject;
1996
2013
  }
1997
2014
  export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
1998
2015
  value: string;
@@ -2002,6 +2019,7 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
2002
2019
  };
2003
2020
  private _localChange;
2004
2021
  constructor(props: INumericInputComponentProps);
2022
+ componentWillUnmount(): void;
2005
2023
  shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
2006
2024
  value: string;
2007
2025
  }): boolean;
@@ -2245,6 +2263,7 @@ import * as React from "react";
2245
2263
  import { Vector2 } from "@babylonjs/core/Maths/math.vector";
2246
2264
  import { Observable } from "@babylonjs/core/Misc/observable";
2247
2265
  import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
2266
+ import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
2248
2267
  interface IVector2LineComponentProps {
2249
2268
  label: string;
2250
2269
  target: any;
@@ -2254,6 +2273,7 @@ interface IVector2LineComponentProps {
2254
2273
  onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
2255
2274
  icon?: string;
2256
2275
  iconLabel?: string;
2276
+ lockObject: LockObject;
2257
2277
  }
2258
2278
  export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
2259
2279
  isExpanded: boolean;
@@ -2282,6 +2302,7 @@ import * as React from "react";
2282
2302
  import { Vector3 } from "@babylonjs/core/Maths/math.vector";
2283
2303
  import { Observable } from "@babylonjs/core/Misc/observable";
2284
2304
  import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
2305
+ import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
2285
2306
  interface IVector3LineComponentProps {
2286
2307
  label: string;
2287
2308
  target: any;
@@ -2293,6 +2314,7 @@ interface IVector3LineComponentProps {
2293
2314
  noSlider?: boolean;
2294
2315
  icon?: string;
2295
2316
  iconLabel?: string;
2317
+ lockObject: LockObject;
2296
2318
  }
2297
2319
  export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
2298
2320
  isExpanded: boolean;
@@ -2324,6 +2346,7 @@ import * as React from "react";
2324
2346
  import { Vector4 } from "@babylonjs/core/Maths/math.vector";
2325
2347
  import { Observable } from "@babylonjs/core/Misc/observable";
2326
2348
  import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
2349
+ import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
2327
2350
  interface IVector4LineComponentProps {
2328
2351
  label: string;
2329
2352
  target?: any;
@@ -2335,6 +2358,7 @@ interface IVector4LineComponentProps {
2335
2358
  icon?: string;
2336
2359
  iconLabel?: string;
2337
2360
  value?: Vector4;
2361
+ lockObject: LockObject;
2338
2362
  }
2339
2363
  export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
2340
2364
  isExpanded: boolean;
@@ -2416,6 +2440,7 @@ export interface IGraphCanvasComponentProps {
2416
2440
  onEmitNewNode: (nodeData: INodeData) => GraphNode;
2417
2441
  }
2418
2442
  export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentProps> implements INodeContainer {
2443
+ static readonly NodeWidth: number;
2419
2444
  private readonly _minZoom;
2420
2445
  private readonly _maxZoom;
2421
2446
  private _hostCanvas;
@@ -2452,6 +2477,8 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
2452
2477
  private _oldY;
2453
2478
  _frameIsMoving: boolean;
2454
2479
  _isLoading: boolean;
2480
+ private _copiedNodes;
2481
+ private _copiedFrames;
2455
2482
  get gridSize(): number;
2456
2483
  set gridSize(value: number);
2457
2484
  get stateManager(): StateManager;
@@ -2475,6 +2502,9 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
2475
2502
  get frameContainer(): HTMLDivElement;
2476
2503
  private _selectedFrameAndNodesConflict;
2477
2504
  constructor(props: IGraphCanvasComponentProps);
2505
+ handleKeyDown(evt: KeyboardEvent, onRemove: (nodeData: INodeData) => void, mouseLocationX: number, mouseLocationY: number, dataGenerator: (nodeData: INodeData) => any, rootElement: HTMLDivElement): void;
2506
+ pasteSelection(copiedNodes: GraphNode[], currentX: number, currentY: number, dataGenerator: (nodeData: INodeData) => any, selectNew?: boolean): GraphNode[];
2507
+ reconnectNewNodes(nodeIndex: number, newNodes: GraphNode[], sourceNodes: GraphNode[], done: boolean[]): void;
2478
2508
  getCachedData(): any[];
2479
2509
  removeDataFromCache(data: any): void;
2480
2510
  createNodeFromObject(nodeData: INodeData, onNodeCreated: (data: any) => void, recursion?: boolean): GraphNode;
@@ -2496,6 +2526,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
2496
2526
  zoomToFit(): void;
2497
2527
  processCandidatePort(): void;
2498
2528
  connectNodes(nodeA: GraphNode, pointA: IPortData, nodeB: GraphNode, pointB: IPortData): void;
2529
+ drop(newNode: GraphNode, targetX: number, targetY: number, offsetX: number, offsetY: number): void;
2499
2530
  processEditorData(editorData: IEditorData): void;
2500
2531
  reOrganize(editorData?: Nullable<IEditorData>, isImportingAFrame?: boolean): void;
2501
2532
  addFrame(frameData: IFrameData): void;
@@ -2879,8 +2910,8 @@ export class NodeLink {
2879
2910
  onDisposedObservable: Observable<NodeLink>;
2880
2911
  get isVisible(): boolean;
2881
2912
  set isVisible(value: boolean);
2882
- get portA(): NodePort | FrameNodePort;
2883
- get portB(): NodePort | FrameNodePort | undefined;
2913
+ get portA(): FrameNodePort | NodePort;
2914
+ get portB(): FrameNodePort | NodePort | undefined;
2884
2915
  get nodeA(): GraphNode;
2885
2916
  get nodeB(): GraphNode | undefined;
2886
2917
  update(endX?: number, endY?: number, straight?: boolean): void;
@@ -2961,7 +2992,7 @@ export class StateManager {
2961
2992
  onGraphNodeRemovalObservable: Observable<GraphNode>;
2962
2993
  onSelectionBoxMoved: Observable<ClientRect | DOMRect>;
2963
2994
  onCandidateLinkMoved: Observable<Nullable<Vector2>>;
2964
- onCandidatePortSelectedObservable: Observable<Nullable<NodePort | FrameNodePort>>;
2995
+ onCandidatePortSelectedObservable: Observable<Nullable<FrameNodePort | NodePort>>;
2965
2996
  onNewNodeCreatedObservable: Observable<GraphNode>;
2966
2997
  onRebuildRequiredObservable: Observable<boolean>;
2967
2998
  onErrorMessageDialogRequiredObservable: Observable<string>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@babylonjs/gui-editor",
3
- "version": "5.13.1",
3
+ "version": "5.14.0",
4
4
  "main": "dist/babylon.guiEditor.max.js",
5
5
  "module": "dist/babylon.guiEditor.max.js",
6
6
  "esnext": "dist/babylon.guiEditor.max.js",
@@ -24,8 +24,8 @@
24
24
  "@types/react-dom": ">=16.0.9"
25
25
  },
26
26
  "devDependencies": {
27
- "@babylonjs/core": "^5.13.1",
28
- "@babylonjs/gui": "^5.13.1",
27
+ "@babylonjs/core": "^5.14.0",
28
+ "@babylonjs/gui": "^5.14.0",
29
29
  "react": "^17.0.2",
30
30
  "react-dom": "^17.0.2",
31
31
  "rimraf": "^3.0.2",