Scale fields in components (#7213)

Bump up mui versions to support dynamic user scaling of fields in components view with x-data-grid. Also changed flex to 4 to display the name as longer by default --------- Co-authored-by: Marcel Philipiak <[email protected]>
TouK · Nov 26, 2024 · 1a4c2d0 · 1a4c2d0
1 parent 0fc6d66
commit 1a4c2d0
Show file tree

Hide file tree

Showing 8 changed files with 636 additions and 574 deletions.
diff --git a/designer/client/package-lock.json b/designer/client/package-lock.json
diff --git a/designer/client/package.json b/designer/client/package.json
@@ -11,9 +11,10 @@
         "@hello-pangea/dnd": "16.6.0",
         "@juggle/resize-observer": "3.3.1",
         "@loadable/component": "5.15.2",
-        "@mui/icons-material": "5.15.7",
-        "@mui/lab": "5.0.0-alpha.165",
-        "@mui/material": "5.15.7",
+        "@mui/icons-material": "5.16.7",
+        "@mui/lab": "5.0.0-alpha.173",
+        "@mui/material": "5.16.7",
+        "@mui/system": "5.16.7",
         "@touk/federated-component": "1.1.0",
         "@touk/window-manager": "1.9.0",
         "ace-builds": "1.34.2",

diff --git a/designer/client/src/components/NodeInput.tsx b/designer/client/src/components/NodeInput.tsx
@@ -1,5 +1,5 @@
 import { css } from "@mui/material";
-
+    
 export const nodeInputCss = css({
     height: "35px",
     width: "100%",

diff --git a/designer/client/test/Process/__snapshots__/ProcessStateIcon-test.tsx.snap b/designer/client/test/Process/__snapshots__/ProcessStateIcon-test.tsx.snap
@@ -2,12 +2,7 @@
 
 exports[`ProcessStateIcon tests should show data from loaded process.state 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  width: 100%;
-  height: 100%;
   width: 20px;
   height: 20px;
 }
@@ -28,12 +23,7 @@ exports[`ProcessStateIcon tests should show data from loaded process.state 1`] =
 
 exports[`ProcessStateIcon tests should show defaults for loaded process.state without data 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  width: 100%;
-  height: 100%;
   width: 20px;
   height: 20px;
 }
@@ -53,12 +43,7 @@ exports[`ProcessStateIcon tests should show defaults for loaded process.state wi
 
 exports[`ProcessStateIcon tests should show defaults for missing process.state and stateProcess 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  width: 100%;
-  height: 100%;
   width: 20px;
   height: 20px;
 }
@@ -78,12 +63,7 @@ exports[`ProcessStateIcon tests should show defaults for missing process.state a
 
 exports[`ProcessStateIcon tests should show defaults if loadedProcess is empty 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  width: 100%;
-  height: 100%;
   width: 20px;
   height: 20px;
 }
@@ -103,12 +83,7 @@ exports[`ProcessStateIcon tests should show defaults if loadedProcess is empty 1
 
 exports[`ProcessStateIcon tests should show loadedProcess data 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  width: 100%;
-  height: 100%;
   width: 20px;
   height: 20px;
 }