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 27, 2024 · bcc49ef · bcc49ef
1 parent fd816b2
commit bcc49ef
Show file tree

Hide file tree

Showing 7 changed files with 643 additions and 582 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,10 +11,11 @@
         "@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",
-        "@touk/federated-component": "1.0.0",
+        "@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",
         "axios": "1.7.5",

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;
 }