babylonjs-gui-editor 7.53.3 → 7.54.1

package/babylon.guiEditor.module.d.ts

@@ -2096,7 +2096,17 @@ import { NodeLink } from "babylonjs-gui-editor/nodeGraphSystem/nodeLink";
 import { FramePortData } from "babylonjs-gui-editor/nodeGraphSystem/types/framePortData";
 export const IsFramePortData: (variableToCheck: any) => variableToCheck is FramePortData;
 export const RefreshNode: (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>, canvas?: GraphCanvasComponent) => void;
-export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>) => void;
+export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>, additionalClassName?: string) => void;
+export function GetListOfAcceptedTypes<T extends Record<string, string | number>>(types: T, allValue: number, autoDetectValue: number, port: {
+    acceptedConnectionPointTypes: number[];
+    excludedConnectionPointTypes: number[];
+    type: number;
+}, skips?: number[]): string[];
+export function GetConnectionErrorMessage<T extends Record<string, string | number>>(sourceType: number, types: T, allValue: number, autoDetectValue: number, port: {
+    acceptedConnectionPointTypes: number[];
+    excludedConnectionPointTypes: number[];
+    type: number;
+}, skips?: number[]): string;
 
 }
 declare module "babylonjs-gui-editor/nodeGraphSystem/stateManager" {
@@ -2151,7 +2161,7 @@ export class StateManager {
     exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     isDebugConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
-    applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement, pip: HTMLDivElement) => void;
+    applyNodePortDesign: (data: IPortData, element: HTMLElement, imgHost: HTMLDivElement, pip: HTMLDivElement) => boolean;
     getPortColor: (portData: IPortData) => string;
     storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;
     getEditorDataMap: () => {
@@ -2221,7 +2231,7 @@ export class NodePort {
     node: GraphNode;
     protected _element: HTMLDivElement;
     protected _portContainer: HTMLElement;
-    protected _img: HTMLImageElement;
+    protected _imgHost: HTMLDivElement;
     protected _pip: HTMLDivElement;
     protected _stateManager: StateManager;
     protected _portLabelElement: Element;
@@ -2304,6 +2314,7 @@ import { IPortData } from "babylonjs-gui-editor/nodeGraphSystem/interfaces/portD
 import { IEditablePropertyOption } from "babylonjs/Decorators/nodeDecorator";
 export class GraphNode {
     content: INodeData;
+    private static _IdGenerator;
     private _visual;
     private _headerContainer;
     private _headerIcon;
@@ -3064,6 +3075,31 @@ interface IUnitButtonProps {
 
 export {};
 
+}
+declare module "babylonjs-gui-editor/lines/textureButtonLineComponent" {
+import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";
+import { Scene } from "babylonjs/scene";
+import * as React from "react";
+interface ITextureButtonLineProps {
+    label: string;
+    scene: Scene;
+    onClick: (file: File) => void;
+    onLink: (texture: BaseTexture) => void;
+    accept: string;
+}
+interface ITextureButtonLineState {
+    isOpen: boolean;
+}
+export class TextureButtonLine extends React.Component<ITextureButtonLineProps, ITextureButtonLineState> {
+    private static _IDGenerator;
+    private _id;
+    private _uploadInputRef;
+    constructor(props: ITextureButtonLineProps);
+    onChange(evt: any): void;
+
+}
+export {};
+
 }
 declare module "babylonjs-gui-editor/lines/textLineComponent" {
 import * as React from "react";
@@ -6768,7 +6804,17 @@ declare module BABYLON {
 declare module BABYLON.GuiEditor.SharedUIComponents {
         export const IsFramePortData: (variableToCheck: any) => variableToCheck is BABYLON.GuiEditor.SharedUIComponents.FramePortData;
     export const RefreshNode: (node: BABYLON.GuiEditor.SharedUIComponents.GraphNode, visitedNodes?: Set<BABYLON.GuiEditor.SharedUIComponents.GraphNode>, visitedLinks?: Set<BABYLON.GuiEditor.SharedUIComponents.NodeLink>, canvas?: BABYLON.GuiEditor.SharedUIComponents.GraphCanvasComponent) => void;
-    export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>) => void;
+    export const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>, additionalClassName?: string) => void;
+    export function GetListOfAcceptedTypes<T extends Record<string, string | number>>(types: T, allValue: number, autoDetectValue: number, port: {
+        acceptedConnectionPointTypes: number[];
+        excludedConnectionPointTypes: number[];
+        type: number;
+    }, skips?: number[]): string[];
+    export function GetConnectionErrorMessage<T extends Record<string, string | number>>(sourceType: number, types: T, allValue: number, autoDetectValue: number, port: {
+        acceptedConnectionPointTypes: number[];
+        excludedConnectionPointTypes: number[];
+        type: number;
+    }, skips?: number[]): string;
 
 
 
@@ -6816,7 +6862,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         exportData: (data: any, frame?: Nullable<BABYLON.GuiEditor.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: BABYLON.GuiEditor.SharedUIComponents.FrameNodePort | BABYLON.GuiEditor.SharedUIComponents.NodePort, nodeB: BABYLON.GuiEditor.SharedUIComponents.FrameNodePort | BABYLON.GuiEditor.SharedUIComponents.NodePort) => boolean;
         isDebugConnectionAllowed: (nodeA: BABYLON.GuiEditor.SharedUIComponents.FrameNodePort | BABYLON.GuiEditor.SharedUIComponents.NodePort, nodeB: BABYLON.GuiEditor.SharedUIComponents.FrameNodePort | BABYLON.GuiEditor.SharedUIComponents.NodePort) => boolean;
-        applyNodePortDesign: (data: BABYLON.GuiEditor.SharedUIComponents.IPortData, element: HTMLElement, img: HTMLImageElement, pip: HTMLDivElement) => void;
+        applyNodePortDesign: (data: BABYLON.GuiEditor.SharedUIComponents.IPortData, element: HTMLElement, imgHost: HTMLDivElement, pip: HTMLDivElement) => boolean;
         getPortColor: (portData: BABYLON.GuiEditor.SharedUIComponents.IPortData) => string;
         storeEditorData: (serializationObject: any, frame?: Nullable<BABYLON.GuiEditor.SharedUIComponents.GraphFrame>) => void;
         getEditorDataMap: () => {
@@ -6890,7 +6936,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         node: BABYLON.GuiEditor.SharedUIComponents.GraphNode;
         protected _element: HTMLDivElement;
         protected _portContainer: HTMLElement;
-        protected _img: HTMLImageElement;
+        protected _imgHost: HTMLDivElement;
         protected _pip: HTMLDivElement;
         protected _stateManager: BABYLON.GuiEditor.SharedUIComponents.StateManager;
         protected _portLabelElement: Element;
@@ -6977,6 +7023,7 @@ declare module BABYLON {
 declare module BABYLON.GuiEditor.SharedUIComponents {
         export class GraphNode {
         content: BABYLON.GuiEditor.SharedUIComponents.INodeData;
+        private static _IdGenerator;
         private _visual;
         private _headerContainer;
         private _headerIcon;
@@ -7778,6 +7825,33 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON {
+
+
+}
+declare module BABYLON.GuiEditor.SharedUIComponents {
+        interface ITextureButtonLineProps {
+        label: string;
+        scene: Scene;
+        onClick: (file: File) => void;
+        onLink: (texture: BaseTexture) => void;
+        accept: string;
+    }
+    interface ITextureButtonLineState {
+        isOpen: boolean;
+    }
+    export class TextureButtonLine extends React.Component<ITextureButtonLineProps, ITextureButtonLineState> {
+        private static _IDGenerator;
+        private _id;
+        private _uploadInputRef;
+        constructor(props: ITextureButtonLineProps);
+        onChange(evt: any): void;
+        render(): import("react/jsx-runtime").JSX.Element;
+    }
+
+
+
 }
 declare module BABYLON {
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-gui-editor",
-    "version": "7.53.3",
+    "version": "7.54.1",
     "main": "babylon.guiEditor.max.js",
     "types": "babylon.guiEditor.module.d.ts",
     "files": [
@@ -14,8 +14,8 @@
         "clean": "rimraf dist && rimraf babylon*.* -g"
     },
     "dependencies": {
-        "babylonjs": "^7.53.3",
-        "babylonjs-gui": "^7.53.3"
+        "babylonjs": "^7.54.1",
+        "babylonjs-gui": "^7.54.1"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",