@energy8platform/game-engine 0.14.3 → 0.14.4

package/dist/index.d.ts

@@ -1867,11 +1867,18 @@ declare class Modal extends Container {
     private _contentContainer;
     private _config;
     private _showing;
+    private _internalSetup;
     /** Called when the modal is closed */
     onClose?: () => void;
     constructor(config?: ModalConfig);
     /** Content container — add your UI here */
     get content(): Container;
+    /**
+     * Override addChild so external children are routed to _contentContainer.
+     * Enables `<modal><flexContainer>...</flexContainer></modal>` in React JSX.
+     */
+    addChild<T extends Container>(...children: T[]): T;
+    removeChild<T extends Container>(...children: T[]): T;
     /** Whether the modal is currently showing */
     get isShowing(): boolean;
     /**

package/dist/index.esm.js

@@ -4402,6 +4402,7 @@ class Modal extends Container {
     _contentContainer;
     _config;
     _showing = false;
+    _internalSetup = true;
     /** Called when the modal is closed */
     onClose;
     constructor(config = {}) {
@@ -4423,11 +4424,34 @@ class Modal extends Container {
         this._contentContainer = new Container();
         this.addChild(this._contentContainer);
         this.visible = false;
+        this._internalSetup = false;
     }
     /** Content container — add your UI here */
     get content() {
         return this._contentContainer;
     }
+    /**
+     * Override addChild so external children are routed to _contentContainer.
+     * Enables `<modal><flexContainer>...</flexContainer></modal>` in React JSX.
+     */
+    addChild(...children) {
+        if (this._internalSetup) {
+            return super.addChild(...children);
+        }
+        for (const child of children) {
+            this._contentContainer.addChild(child);
+        }
+        return children[0];
+    }
+    removeChild(...children) {
+        if (this._internalSetup) {
+            return super.removeChild(...children);
+        }
+        for (const child of children) {
+            this._contentContainer.removeChild(child);
+        }
+        return children[0];
+    }
     /** Whether the modal is currently showing */
     get isShowing() {
         return this._showing;