Skip to content

Commit

Permalink
update UI dependencies and move to grid2
Browse files Browse the repository at this point in the history
  • Loading branch information
@PacoVK
PacoVK committed Nov 8, 2024
1 parent 4fac3cb commit 3a33428
Show file tree
Hide file tree
Showing 32 changed files with 2,146 additions and 2,299 deletions.
9 changes: 5 additions & 4 deletions src/main/webui/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@
"@emotion/react": "^11.10.5",
"@emotion/styled": "^11.10.5",
"@fontsource/roboto": "^5.0.0",
"@mui/icons-material": "^5.15.19",
"@mui/material": "^5.15.19",
"@mui/icons-material": "^6.1.6",
"@mui/material": "^6.1.6",
"@testing-library/jest-dom": "^6.1.3",
"@testing-library/react": "^16.0.0",
"@testing-library/user-event": "^14.0.0",
Expand All @@ -21,7 +21,7 @@
"react-dom": "^18.2.0",
"react-router-dom": "^6.17.0",
"react-scripts": "5.0.1",
"react-syntax-highlighter": "^15.5.0",
"react-syntax-highlighter": "^15.6.1",
"typescript": "^5.2.2",
"web-vitals": "^4.0.0"
},
Expand Down Expand Up @@ -59,5 +59,6 @@
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"@testing-library/dom": "^10.1.0",
"prettier": "3.3.3"
}
},
"packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
}
7 changes: 6 additions & 1 deletion src/main/webui/src/components/AppRouter.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,12 @@ import { BrowserRouter } from "react-router-dom";
describe("<AppRouter /> spec", () => {
it("renders the AppRouter", () => {
const view = render(
<BrowserRouter>
<BrowserRouter
future={{
v7_startTransition: true,
v7_relativeSplatPath: true,
}}
>
<AppRouter />
</BrowserRouter>,
);
Expand Down
40 changes: 20 additions & 20 deletions src/main/webui/src/components/__snapshots__/AppRouter.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,32 +6,32 @@ Object {
"baseElement": <body>
<div>
<div
class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
class="MuiFormControl-root MuiTextField-root css-1xp5r68-MuiFormControl-root-MuiTextField-root"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root"
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-19qnlrw-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="false"
for="module-search"
id="module-search-label"
>
Search module
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputTypeSearch css-1g24dm6-MuiInputBase-input-MuiOutlinedInput-input"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputTypeSearch css-7pxcz1-MuiInputBase-input-MuiOutlinedInput-input"
id="module-search"
type="search"
value=""
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-yjsfm1"
class="css-81qg8w"
>
<span>
Search module
Expand All @@ -41,19 +41,19 @@ Object {
</div>
</div>
<div
class="MuiStack-root MuiList-root MuiList-padding css-1475wex-MuiStack-root-MuiList-root"
class="MuiStack-root MuiList-root MuiList-padding css-1j5kjsk-MuiStack-root-MuiList-root"
>
<span
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorSecondary css-y6srfl-MuiCircularProgress-root"
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorSecondary css-1gcdw72-MuiCircularProgress-root"
role="progressbar"
style="width: 40px; height: 40px;"
>
<svg
class="MuiCircularProgress-svg css-1idz92c-MuiCircularProgress-svg"
class="MuiCircularProgress-svg css-54pwck-MuiCircularProgress-svg"
viewBox="22 22 44 44"
>
<circle
class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate css-176wh8e-MuiCircularProgress-circle"
class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate css-960umw-MuiCircularProgress-circle"
cx="44"
cy="44"
fill="none"
Expand All @@ -67,32 +67,32 @@ Object {
</body>,
"container": <div>
<div
class="MuiFormControl-root MuiTextField-root css-1u3bzj6-MuiFormControl-root-MuiTextField-root"
class="MuiFormControl-root MuiTextField-root css-1xp5r68-MuiFormControl-root-MuiTextField-root"
>
<label
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-14s5rfu-MuiFormLabel-root-MuiInputLabel-root"
class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-19qnlrw-MuiFormLabel-root-MuiInputLabel-root"
data-shrink="false"
for="module-search"
id="module-search-label"
>
Search module
</label>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root"
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl css-quhxjy-MuiInputBase-root-MuiOutlinedInput-root"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputTypeSearch css-1g24dm6-MuiInputBase-input-MuiOutlinedInput-input"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputTypeSearch css-7pxcz1-MuiInputBase-input-MuiOutlinedInput-input"
id="module-search"
type="search"
value=""
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline"
class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-yjsfm1"
class="css-81qg8w"
>
<span>
Search module
Expand All @@ -102,19 +102,19 @@ Object {
</div>
</div>
<div
class="MuiStack-root MuiList-root MuiList-padding css-1475wex-MuiStack-root-MuiList-root"
class="MuiStack-root MuiList-root MuiList-padding css-1j5kjsk-MuiStack-root-MuiList-root"
>
<span
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorSecondary css-y6srfl-MuiCircularProgress-root"
class="MuiCircularProgress-root MuiCircularProgress-indeterminate MuiCircularProgress-colorSecondary css-1gcdw72-MuiCircularProgress-root"
role="progressbar"
style="width: 40px; height: 40px;"
>
<svg
class="MuiCircularProgress-svg css-1idz92c-MuiCircularProgress-svg"
class="MuiCircularProgress-svg css-54pwck-MuiCircularProgress-svg"
viewBox="22 22 44 44"
>
<circle
class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate css-176wh8e-MuiCircularProgress-circle"
class="MuiCircularProgress-circle MuiCircularProgress-circleIndeterminate css-960umw-MuiCircularProgress-circle"
cx="44"
cy="44"
fill="none"
Expand Down
44 changes: 22 additions & 22 deletions src/main/webui/src/components/documentation/__snapshots__/ModuleDependencies.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,12 @@ Object {
"baseElement": <body>
<div>
<h4
class="MuiTypography-root MuiTypography-h4 css-5lbw0b-MuiTypography-root"
class="MuiTypography-root MuiTypography-h4 css-f84ov1-MuiTypography-root"
>
Module Dependencies
</h4>
<p
class="MuiTypography-root MuiTypography-body1 css-y9smp5-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-t7zk8r-MuiTypography-root"
>
Dependencies are external modules that this module references. A module is considered external if it isn't within the same repository.
Expand All @@ -23,17 +23,17 @@ Object {
class="MuiBox-root css-0"
>
<p
class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root"
>
<strong>
terraform-aws-modules/security-group/aws
</strong>
</p>
<div
class="MuiContainer-root MuiContainer-maxWidthSm css-10a3hyv-MuiContainer-root"
class="MuiContainer-root MuiContainer-maxWidthSm css-g3yzuj-MuiContainer-root"
>
<p
class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root"
>
Version:
Expand All @@ -45,15 +45,15 @@ Object {
</div>
</div>
<hr
class="MuiDivider-root MuiDivider-fullWidth css-1hyyq6u-MuiDivider-root"
class="MuiDivider-root MuiDivider-fullWidth css-88ji4t-MuiDivider-root"
/>
<h4
class="MuiTypography-root MuiTypography-h4 css-5lbw0b-MuiTypography-root"
class="MuiTypography-root MuiTypography-h4 css-f84ov1-MuiTypography-root"
>
Provider Dependencies
</h4>
<p
class="MuiTypography-root MuiTypography-body1 css-y9smp5-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-t7zk8r-MuiTypography-root"
>
Providers are Terraform plugins that will be automatically installed, if available on the Terraform Registry.
</p>
Expand All @@ -64,17 +64,17 @@ Object {
class="MuiBox-root css-0"
>
<p
class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root"
>
<strong>
aws
</strong>
</p>
<div
class="MuiContainer-root MuiContainer-maxWidthSm css-10a3hyv-MuiContainer-root"
class="MuiContainer-root MuiContainer-maxWidthSm css-g3yzuj-MuiContainer-root"
>
<p
class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root"
>
Version:
Expand All @@ -89,12 +89,12 @@ Object {
</body>,
"container": <div>
<h4
class="MuiTypography-root MuiTypography-h4 css-5lbw0b-MuiTypography-root"
class="MuiTypography-root MuiTypography-h4 css-f84ov1-MuiTypography-root"
>
Module Dependencies
</h4>
<p
class="MuiTypography-root MuiTypography-body1 css-y9smp5-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-t7zk8r-MuiTypography-root"
>
Dependencies are external modules that this module references. A module is considered external if it isn't within the same repository.
Expand All @@ -106,17 +106,17 @@ Object {
class="MuiBox-root css-0"
>
<p
class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root"
>
<strong>
terraform-aws-modules/security-group/aws
</strong>
</p>
<div
class="MuiContainer-root MuiContainer-maxWidthSm css-10a3hyv-MuiContainer-root"
class="MuiContainer-root MuiContainer-maxWidthSm css-g3yzuj-MuiContainer-root"
>
<p
class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root"
>
Version:
Expand All @@ -128,15 +128,15 @@ Object {
</div>
</div>
<hr
class="MuiDivider-root MuiDivider-fullWidth css-1hyyq6u-MuiDivider-root"
class="MuiDivider-root MuiDivider-fullWidth css-88ji4t-MuiDivider-root"
/>
<h4
class="MuiTypography-root MuiTypography-h4 css-5lbw0b-MuiTypography-root"
class="MuiTypography-root MuiTypography-h4 css-f84ov1-MuiTypography-root"
>
Provider Dependencies
</h4>
<p
class="MuiTypography-root MuiTypography-body1 css-y9smp5-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-t7zk8r-MuiTypography-root"
>
Providers are Terraform plugins that will be automatically installed, if available on the Terraform Registry.
</p>
Expand All @@ -147,17 +147,17 @@ Object {
class="MuiBox-root css-0"
>
<p
class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root"
>
<strong>
aws
</strong>
</p>
<div
class="MuiContainer-root MuiContainer-maxWidthSm css-10a3hyv-MuiContainer-root"
class="MuiContainer-root MuiContainer-maxWidthSm css-g3yzuj-MuiContainer-root"
>
<p
class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
class="MuiTypography-root MuiTypography-body1 css-rizt0-MuiTypography-root"
>
Version:
Expand Down
Loading

0 comments on commit 3a33428

Please sign in to comment.