Merge pull request #182 from Exabyte-io/feature/SOF-7607

update: switch off alert provider when wave used in other apps

Author: VsevolodX

dist/components/ThreeDEditor.d.ts

@@ -274,6 +274,7 @@ export namespace ThreeDEditor {
             unsetFileProps(): void;
             setBasis(textOrObject: string | import("@mat3ra/made/dist/js/basis/basis").BasisConfig, format?: string | undefined, unitz?: string | undefined): void;
             setBasisConstraints(constraints: import("@mat3ra/made/dist/js/constraints/constraints").Constraint[]): void;
+            setBasisConstraintsFromArrayOfObjects(constraints: import("@mat3ra/esse/dist/js/types").AtomicConstraintsSchema): void;
             readonly basis: import("@mat3ra/made/dist/js/material").OptionallyConstrainedBasisConfig;
             readonly Basis: import("@mat3ra/made/dist/js/basis/constrained_basis").ConstrainedBasis;
             readonly uniqueElements: string[];
@@ -478,6 +479,7 @@ export namespace ThreeDEditor {
         let isConventionalCellShown: PropTypes.Requireable<boolean>;
         let boundaryConditions: PropTypes.Requireable<object>;
         let onUpdate: PropTypes.Requireable<(...args: any[]) => any>;
+        let isStandalone: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
         let boundaryConditions_1: {};
@@ -488,6 +490,8 @@ export namespace ThreeDEditor {
         export { onUpdate_1 as onUpdate };
         let editable_1: boolean;
         export { editable_1 as editable };
+        let isStandalone_1: boolean;
+        export { isStandalone_1 as isStandalone };
     }
 }
 import React from "react";

dist/components/ThreeDEditor.js

@@ -636,7 +636,8 @@ export class ThreeDEditor extends React.Component {
         return (_jsxs("div", { className: "wave-component-holder", style: { position: "relative", height: "100%" }, children: [this.renderCoverDiv(), _jsx(IconsToolbar, { toolbarConfig: this.getToolbarConfig(), isInteractive: isInteractive, handleToggleInteractive: this.handleToggleInteractive }), this.renderWaveComponent()] }));
     }
     render() {
-        return (_jsx(ThemeProvider, { theme: DarkMaterialUITheme, children: _jsx(ScopedCssBaseline, { enableColorScheme: true, style: { height: "100%" }, children: _jsx(AlertProvider, { children: this.renderWaveOrThreejsEditorModal() }) }) }));
+        const { isStandalone } = this.props;
+        return (_jsx(ThemeProvider, { theme: DarkMaterialUITheme, children: _jsx(ScopedCssBaseline, { enableColorScheme: true, style: { height: "100%" }, children: isStandalone ? (_jsx(AlertProvider, { children: this.renderWaveOrThreejsEditorModal() })) : (this.renderWaveOrThreejsEditorModal()) }) }));
     }
 }
 ThreeDEditor.propTypes = {
@@ -645,10 +646,12 @@ ThreeDEditor.propTypes = {
     isConventionalCellShown: PropTypes.bool, // eslint-disable-next-line react/forbid-prop-types
     boundaryConditions: PropTypes.object,
     onUpdate: PropTypes.func,
+    isStandalone: PropTypes.bool,
 };
 ThreeDEditor.defaultProps = {
     boundaryConditions: {},
     isConventionalCellShown: false,
     onUpdate: undefined,
     editable: false,
+    isStandalone: false,
 };

dist/index.js

@@ -14,7 +14,7 @@ const renderThreeDEditor = (materialConfig, newDomElement) => {
         return;
     }
     const currentMaterial = new Made.Material(config);
-    ReactDOM.render(_jsx(ThreeDEditor, { editable: true, material: currentMaterial }), domElement);
+    ReactDOM.render(_jsx(ThreeDEditor, { editable: true, isStandalone: true, material: currentMaterial }), domElement);
 };
 window.renderThreeDEditor = renderThreeDEditor;
 export { renderThreeDEditor };

dist/utils.d.ts

@@ -46,6 +46,7 @@ export function ThreeDSceneDataToMaterial(scene: any): {
     unsetFileProps(): void;
     setBasis(textOrObject: string | import("@mat3ra/made/dist/js/basis/basis").BasisConfig, format?: string | undefined, unitz?: string | undefined): void;
     setBasisConstraints(constraints: import("@mat3ra/made/dist/js/constraints/constraints").Constraint[]): void;
+    setBasisConstraintsFromArrayOfObjects(constraints: import("@mat3ra/esse/dist/js/types").AtomicConstraintsSchema): void;
     readonly basis: import("@mat3ra/made/dist/js/material").OptionallyConstrainedBasisConfig;
     readonly Basis: import("@mat3ra/made/dist/js/basis/constrained_basis").ConstrainedBasis;
     readonly uniqueElements: string[];

package-lock.json

@@ -64,7 +64,7 @@
         "@exabyte-io/eslint-config": "^2025.1.15-0",
         "@mat3ra/code": "2025.4.27-0",
         "@mat3ra/esse": "2025.4.22-0",
-        "@mat3ra/made": "git+https://github.com/Exabyte-io/made.git#cf284620644e9c1840ee381ae73c4a19e5a3fc15",
+        "@mat3ra/made": "2025.4.30-0",
         "@mat3ra/tsconfig": "^2024.6.3-0",
         "@types/react": "^18.2.8",
         "@types/react-dom": "^18.2.4",

package.json

@@ -777,10 +777,15 @@ export class ThreeDEditor extends React.Component {
     }
 
     render() {
+        const { isStandalone } = this.props;
         return (
             <ThemeProvider theme={DarkMaterialUITheme}>
                 <ScopedCssBaseline enableColorScheme style={{ height: "100%" }}>
-                    <AlertProvider>{this.renderWaveOrThreejsEditorModal()}</AlertProvider>
+                    {isStandalone ? (
+                        <AlertProvider>{this.renderWaveOrThreejsEditorModal()}</AlertProvider>
+                    ) : (
+                        this.renderWaveOrThreejsEditorModal()
+                    )}
                 </ScopedCssBaseline>
             </ThemeProvider>
         );
@@ -793,11 +798,13 @@ ThreeDEditor.propTypes = {
     isConventionalCellShown: PropTypes.bool, // eslint-disable-next-line react/forbid-prop-types
     boundaryConditions: PropTypes.object,
     onUpdate: PropTypes.func,
+    isStandalone: PropTypes.bool,
 };
 
 ThreeDEditor.defaultProps = {
     boundaryConditions: {},
     isConventionalCellShown: false,
     onUpdate: undefined,
     editable: false,
+    isStandalone: false,
 };

src/components/ThreeDEditor.jsx

@@ -16,7 +16,7 @@ const renderThreeDEditor = (materialConfig, newDomElement) => {
     }
 
     const currentMaterial = new Made.Material(config);
-    ReactDOM.render(<ThreeDEditor editable material={currentMaterial} />, domElement);
+    ReactDOM.render(<ThreeDEditor editable isStandalone material={currentMaterial} />, domElement);
 };
 
 window.renderThreeDEditor = renderThreeDEditor;