Spearhead
/
joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

chore(my-joy-beta): update-tests

This commit is contained in:
Sara Vieira 2018-02-22 16:53:59 +00:00 committed by Sérgio Ramos
parent fbc1908fdb
commit 8ac7d3d0d3
62 changed files with 166 additions and 535 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/logos/src/node.js
View File

@ -8,7 +8,6 @@ export default props => (
{...props}
>
<defs>
<linearGradient
id="linear-gradient"
y1="225.5"
@ -38,15 +37,15 @@ export default props => (
<g id="svg4300">
<path
id="_Path_"
style={{ fill: 'url(#linear-gradient)'}}
style={{ fill: 'url(#linear-gradient)' }}
d="M14.2.3a1.53,1.53,0,0,1,1.6,0L29.2,8A1.6,1.6,0,0,1,30,9.4V24.9a1.6,1.6,0,0,1-.8,1.4L15.8,34a1.53,1.53,0,0,1-1.6,0L.8,26.3A1.6,1.6,0,0,1,0,24.9V9.4A1.6,1.6,0,0,1,.8,8Z"
/>
<path
style={{ fill:' #1b3240', opacity: 0.66, isolation: 'isolate'}}
style={{ fill: ' #1b3240', opacity: 0.66, isolation: 'isolate' }}
d="M28.8,8,15.5.2c-.1-.1-.3-.1-.4-.2L0,25.8a1,1,0,0,0,.5.4l13.4,7.7a1.5,1.5,0,0,0,1.3.1L29.3,8.2C29.1,8.2,29,8.1,28.8,8Z"
/>
<path
style={{ fill: 'url(#linear-gradient-2)'}}
style={{ fill: 'url(#linear-gradient-2)' }}
d="M15.9,34l13.4-7.7a1.51,1.51,0,0,0,.7-1.4v-.1L15.6.1a1.53,1.53,0,0,0-1.3.2L1.1,7.9,15.5,34.1C15.6,34.1,15.7,34,15.9,34Z"
/>
</g>

1
packages/my-joy-beta/package.json
View File

@ -48,7 +48,6 @@
"lodash.sortby": "^4.7.0",
"lodash.uniqby": "^4.7.0",
"lodash.values": "^4.3.0",
"lunr": "^2.1.5",
"normalized-styled-components": "^1.0.18",
"param-case": "^2.1.1",
"prop-types": "^15.6.0",

BIN
packages/my-joy-beta/src/components/__tests__/__image_snapshots__/key-value-ui-js-key-value-submitting-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-2-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-3-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-4-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-fabric-2-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 20 KiB

BIN
packages/my-joy-beta/src/components/__tests__/__image_snapshots__/network-ui-js-network-network-public-2-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 15 KiB

8
packages/my-joy-beta/src/components/__tests__/__snapshots__/cns.spec.js.snap
View File

@ -59,7 +59,6 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -114,7 +113,6 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -171,7 +169,6 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -231,7 +228,6 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -400,7 +396,6 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -455,7 +450,6 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -512,7 +506,6 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -572,7 +565,6 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;

13
packages/my-joy-beta/src/components/__tests__/__snapshots__/firewall.spec.js.snap
View File

@ -5401,7 +5401,6 @@ exports[`renders <ToggleFirewallForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5606,7 +5605,6 @@ exports[`renders <ToggleFirewallForm submitting /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5621,7 +5619,6 @@ exports[`renders <ToggleFirewallForm submitting /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5678,6 +5675,15 @@ exports[`renders <ToggleFirewallForm submitting /> without throwing 1`] = `
box-shadow: none;
}
.c4:checked + label {
background: rgb(250,250,250);
border: 0.0625rem solid rgb(216,216,216);
}
.c4:checked + label:after {
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}
.c5 {
outline: 0;
display: block;
@ -5853,7 +5859,6 @@ exports[`renders <ToggleInactiveForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;

58
packages/my-joy-beta/src/components/__tests__/__snapshots__/key-value.spec.js.snap
View File

@ -7,7 +7,6 @@ exports[`renders <KeyValue /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -62,7 +61,6 @@ exports[`renders <KeyValue /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -152,7 +150,6 @@ exports[`renders <KeyValue /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -243,7 +240,6 @@ exports[`renders <KeyValue /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -362,7 +358,6 @@ exports[`renders <KeyValue /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -377,7 +372,6 @@ exports[`renders <KeyValue /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -756,7 +750,6 @@ exports[`renders <KeyValue /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1283,7 +1276,6 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1338,7 +1330,6 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1428,7 +1419,6 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1519,7 +1509,6 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1638,7 +1627,6 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1653,7 +1641,6 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -2032,7 +2019,6 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -2320,7 +2306,6 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2388,7 +2373,6 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2478,7 +2462,6 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2569,7 +2552,6 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2688,7 +2670,6 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -2703,7 +2684,6 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -3038,7 +3018,6 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -3102,7 +3081,6 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -3414,7 +3392,6 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -3469,7 +3446,6 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3559,7 +3535,6 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3650,7 +3625,6 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3769,7 +3743,6 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -3784,7 +3757,6 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -4163,7 +4135,6 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -4451,7 +4422,6 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -4506,7 +4476,6 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4596,7 +4565,6 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4687,7 +4655,6 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4806,7 +4773,6 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -4821,7 +4787,6 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -5181,7 +5146,6 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -5237,7 +5201,6 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}
@ -5499,7 +5462,6 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -5607,7 +5569,6 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5697,7 +5658,6 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5788,7 +5748,6 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5929,7 +5888,6 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5944,7 +5902,6 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -6323,7 +6280,6 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -6620,7 +6576,6 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -6728,7 +6683,6 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6819,7 +6773,6 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6971,7 +6924,6 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7072,7 +7024,6 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -7087,7 +7038,6 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -7469,7 +7419,6 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
color: rgb(216,216,216);
cursor: not-allowed;
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -7796,7 +7745,6 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -7851,7 +7799,6 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7941,7 +7888,6 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -8032,7 +7978,6 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -8151,7 +8096,6 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -8166,7 +8110,6 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -8545,7 +8488,6 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;

1
packages/my-joy-beta/src/components/__tests__/__snapshots__/network.spec.js.snap
View File

@ -4637,7 +4637,6 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;

15
packages/my-joy-beta/src/components/__tests__/__snapshots__/tags.spec.js.snap
View File

@ -24,7 +24,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -79,7 +78,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -169,7 +167,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -260,7 +257,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -379,7 +375,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -394,7 +389,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -756,7 +750,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1061,7 +1054,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1116,7 +1108,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1206,7 +1197,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1297,7 +1287,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1416,7 +1405,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1431,7 +1419,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -1774,7 +1761,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1830,7 +1816,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}

BIN
packages/my-joy-beta/src/components/create-instance/__tests__/__image_snapshots__/images-ui-js-images-images-name-stuff-image-name-stuff-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

10
packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/affinity.spec.js.snap
View File

@ -225,7 +225,6 @@ exports[`renders <Rule/> without throwing 1`] = `
appearance: none;
min-height: 0;
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -370,7 +369,6 @@ exports[`renders <Rule/> without throwing 1`] = `
max-width: 22.1875rem;
width: 4.125rem;
max-width: 4.125rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -446,7 +444,6 @@ exports[`renders <Rule/> without throwing 1`] = `
max-width: 22.1875rem;
width: 6.25rem;
max-width: 6.25rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -522,7 +519,6 @@ exports[`renders <Rule/> without throwing 1`] = `
max-width: 22.1875rem;
width: 8.4375rem;
max-width: 8.4375rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -598,7 +594,6 @@ exports[`renders <Rule/> without throwing 1`] = `
max-width: 22.1875rem;
width: 8.125rem;
max-width: 8.125rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1092,7 +1087,6 @@ exports[`renders <Rule/> without throwing 2`] = `
appearance: none;
min-height: 0;
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1237,7 +1231,6 @@ exports[`renders <Rule/> without throwing 2`] = `
max-width: 22.1875rem;
width: 4.125rem;
max-width: 4.125rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1313,7 +1306,6 @@ exports[`renders <Rule/> without throwing 2`] = `
max-width: 22.1875rem;
width: 6.25rem;
max-width: 6.25rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1389,7 +1381,6 @@ exports[`renders <Rule/> without throwing 2`] = `
max-width: 22.1875rem;
width: 8.4375rem;
max-width: 8.4375rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1465,7 +1456,6 @@ exports[`renders <Rule/> without throwing 2`] = `
max-width: 22.1875rem;
width: 8.125rem;
max-width: 8.125rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;

20
packages/my-joy-beta/src/components/create-instance/__tests__/__snapshots__/name.spec.js.snap
View File

@ -76,7 +76,6 @@ exports[`renders <Name /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -131,7 +130,6 @@ exports[`renders <Name /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -227,7 +225,6 @@ exports[`renders <Name /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -242,7 +239,6 @@ exports[`renders <Name /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -302,7 +298,6 @@ exports[`renders <Name /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -512,7 +507,6 @@ exports[`renders <Name expanded /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -567,7 +561,6 @@ exports[`renders <Name expanded /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -663,7 +656,6 @@ exports[`renders <Name expanded /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -678,7 +670,6 @@ exports[`renders <Name expanded /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -738,7 +729,6 @@ exports[`renders <Name expanded /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -948,7 +938,6 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1003,7 +992,6 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1099,7 +1087,6 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1114,7 +1101,6 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -1174,7 +1160,6 @@ exports[`renders <Name name="test" /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1384,7 +1369,6 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1439,7 +1423,6 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1535,7 +1518,6 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1550,7 +1532,6 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -1610,7 +1591,6 @@ exports[`renders <Name pristine={false} /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;

20
packages/my-joy-beta/src/components/create-instance/package.js
View File

@ -48,7 +48,7 @@ const VerticalDivider = styled.div`
const TableTrActionable = styled(TableTr)`
cursor: pointer;
`
`;
export const Filters = ({ onResetFilters }) => (
<Margin top={1} bottom={3}>
@ -138,7 +138,8 @@ export const Package = ({
{GroupIcons[group]}
<Margin left={1} right={2}>
<FormLabel
style={{ fontWeight: sortBy === 'name' ? 'bold' : 'normal' }}>
style={{ fontWeight: sortBy === 'name' ? 'bold' : 'normal' }}
>
{name}
</FormLabel>
</Margin>
@ -188,7 +189,8 @@ export const Packages = ({
left
middle
xs="200"
actionable>
actionable
>
<span>Name </span>
</TableTh>
<TableTh
@ -198,7 +200,8 @@ export const Packages = ({
showSort={sortBy === 'memory'}
right
middle
actionable>
actionable
>
<span>RAM </span>
</TableTh>
<TableTh
@ -208,7 +211,8 @@ export const Packages = ({
showSort={sortBy === 'disk'}
right
middle
actionable>
actionable
>
<span>Disk </span>
</TableTh>
{hasVms && (
@ -219,7 +223,8 @@ export const Packages = ({
showSort={sortBy === 'vcpus'}
right
middle
actionable>
actionable
>
<span>vCPU</span>
</TableTh>
)}
@ -230,7 +235,8 @@ export const Packages = ({
showSort={sortBy === 'price'}
right
middle
actionable>
actionable
>
<span>$/hour</span>
</TableTh>
</TableTr>

BIN
packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

BIN
packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-sort-by-sort-order-2-snap.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-instance-list-submitting-2-snap.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/list-ui-js-item-mutating-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/snapshots-ui-js-item-mutating-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.2 KiB

After

Width:  |  Height:  |  Size: 9.2 KiB

BIN
packages/my-joy-beta/src/components/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

17
packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/metadata.spec.js.snap
View File

@ -7,7 +7,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -75,7 +74,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -165,7 +163,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -256,7 +253,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -375,7 +371,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -390,7 +385,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -725,7 +719,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -789,7 +782,6 @@ exports[`renders <AddForm /> without throwing 1`] = `
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -1101,7 +1093,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1169,7 +1160,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1259,7 +1249,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1350,7 +1339,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1469,7 +1457,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1484,7 +1471,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -1810,7 +1796,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1874,7 +1859,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -1947,7 +1931,6 @@ exports[`renders <EditForm /> without throwing 1`] = `
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}

35
packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/snapshots.spec.js.snap
View File

@ -196,7 +196,6 @@ Array [
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -227,7 +226,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -262,7 +260,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -295,7 +292,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -581,7 +577,6 @@ Array [
.c5 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -1028,7 +1023,6 @@ exports[`renders <Item /> without throwing 1`] = `
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -1053,7 +1047,6 @@ exports[`renders <Item /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -1417,7 +1410,6 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
padding: 0 1.5rem;
height: 3.75rem;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -1442,7 +1434,6 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
width: 0rem;
display: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
border-bottom-width: 0;
}
@ -1656,7 +1647,6 @@ exports[`renders <Item mutating /> without throwing 1`] = `
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -1998,7 +1988,6 @@ Array [
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2029,7 +2018,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2064,7 +2052,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2097,7 +2084,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2383,7 +2369,6 @@ Array [
.c5 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -2837,7 +2822,6 @@ Array [
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2868,7 +2852,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2903,7 +2886,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -2936,7 +2918,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3222,7 +3203,6 @@ Array [
.c5 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -3676,7 +3656,6 @@ Array [
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3709,7 +3688,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3765,7 +3743,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -3798,7 +3775,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -4061,7 +4037,6 @@ Array [
.c5 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -4515,7 +4490,6 @@ Array [
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -4548,7 +4522,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -4604,7 +4577,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -4637,7 +4609,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -4900,7 +4871,6 @@ Array [
.c5 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -5354,7 +5324,6 @@ Array [
width: 2rem;
display: table-cell;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -5385,7 +5354,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -5420,7 +5388,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -5453,7 +5420,6 @@ Array [
-ms-user-select: none;
user-select: none;
vertical-align: middle;
-webkit-text-align: left;
text-align: left;
height: 2.625rem;
color: rgb(189,189,189);
@ -5739,7 +5705,6 @@ Array [
.c5 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}

28
packages/my-joy-beta/src/components/instances/__tests__/__snapshots__/toolbar.spec.js.snap
View File

@ -35,7 +35,6 @@ exports[`renders <Toolbar /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -90,7 +89,6 @@ exports[`renders <Toolbar /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -165,7 +163,6 @@ exports[`renders <Toolbar /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -241,7 +238,6 @@ exports[`renders <Toolbar /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -377,7 +373,6 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -432,7 +427,6 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -507,7 +501,6 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -583,7 +576,6 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -719,7 +711,6 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -774,7 +765,6 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -871,7 +861,6 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -947,7 +936,6 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1083,7 +1071,6 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1138,7 +1125,6 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1213,7 +1199,6 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1289,7 +1274,6 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1425,7 +1409,6 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1480,7 +1463,6 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1555,7 +1537,6 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1631,7 +1612,6 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1767,7 +1747,6 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1822,7 +1801,6 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1897,7 +1875,6 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1973,7 +1950,6 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -2109,7 +2085,6 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2164,7 +2139,6 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2239,7 +2213,6 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -2318,7 +2291,6 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
color: rgb(216,216,216);
cursor: not-allowed;
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;

15
packages/my-joy-beta/src/components/instances/list.js
View File

@ -118,7 +118,8 @@ export const Item = ({
<ItemAnchor
href={`http://localhost:3070/~create/${name}`}
target="__blank"
rel="noopener noreferrer">
rel="noopener noreferrer"
>
Create Image
</ItemAnchor>
</PopoverItem>
@ -167,7 +168,8 @@ export default ({
showSort={sortBy === 'name'}
left
middle
actionable>
actionable
>
<span>Name </span>
</TableTh>
<TableTh
@ -177,7 +179,8 @@ export default ({
showSort={sortBy === 'state'}
left
middle
actionable>
actionable
>
<span>Status </span>
</TableTh>
<TableTh
@ -188,7 +191,8 @@ export default ({
showSort={sortBy === 'created'}
left
middle
actionable>
actionable
>
<span>Created </span>
</TableTh>
<TableTh
@ -199,7 +203,8 @@ export default ({
showSort={sortBy === 'id'}
left
middle
actionable>
actionable
>
<span>Short ID </span>
</TableTh>
<TableTh xs="60" padding="0" />

27
packages/my-joy-beta/src/components/instances/summary.js
View File

@ -138,7 +138,8 @@ export default withTheme(
rel="noopener noreferrer"
secondary
small
icon>
icon
>
<InstanceTypeIcon />
</Button>
<SmallOnly>
@ -149,7 +150,8 @@ export default withTheme(
onClick={() => onAction('start')}
secondary
small
icon>
icon
>
<StartIcon disabled={instance.state !== 'STOPPED'} />
</Button>
</SmallOnly>
@ -161,7 +163,8 @@ export default withTheme(
onClick={() => onAction('start')}
secondary
bold
icon>
icon
>
<StartIcon disabled={instance.state !== 'STOPPED'} />
<span>Start</span>
</Button>
@ -174,7 +177,8 @@ export default withTheme(
onClick={() => onAction('stop')}
secondary
small
icon>
icon
>
<StopIcon disabled={instance.state !== 'RUNNING'} />
</Button>
</SmallOnly>
@ -186,7 +190,8 @@ export default withTheme(
onClick={() => onAction('stop')}
secondary
bold
icon>
icon
>
<StopIcon disabled={instance.state !== 'RUNNING'} />
<span>Stop</span>
</Button>
@ -199,7 +204,8 @@ export default withTheme(
onClick={() => onAction('reboot')}
secondary
small
icon>
icon
>
<ResetIcon disabled={instance.state !== 'RUNNING'} />
</Button>
</SmallOnly>
@ -211,7 +217,8 @@ export default withTheme(
onClick={() => onAction('reboot')}
secondary
bold
icon>
icon
>
<ResetIcon disabled={instance.state !== 'RUNNING'} />
<span>Reboot</span>
</Button>
@ -230,7 +237,8 @@ export default withTheme(
small
right
icon
error>
error
>
<DeleteIcon
fill={theme.red}
disabled={
@ -251,7 +259,8 @@ export default withTheme(
bold
right
icon
error>
error
>
<DeleteIcon
fill={
['RUNNING', 'STOPPED'].indexOf(instance.state) >= 0

BIN
packages/my-joy-beta/src/containers/create-instance/__tests__/__image_snapshots__/networks-ui-js-networks-loading-expanded-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

53
packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/metadata.spec.js.snap
View File

@ -424,7 +424,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -492,7 +491,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -582,7 +580,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -673,7 +670,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -792,7 +788,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -807,7 +802,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -1142,7 +1136,6 @@ Array [
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1206,7 +1199,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -1545,7 +1537,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1600,7 +1591,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1689,7 +1679,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2041,7 +2030,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2096,7 +2084,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2185,7 +2172,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2418,7 +2404,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2486,7 +2471,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2576,7 +2560,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2667,7 +2650,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2786,7 +2768,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -2801,7 +2782,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -3127,7 +3107,6 @@ Array [
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -3191,7 +3170,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -3264,7 +3242,6 @@ Array [
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}
@ -3557,7 +3534,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -3625,7 +3601,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3715,7 +3690,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3806,7 +3780,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3925,7 +3898,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -3940,7 +3912,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -4266,7 +4237,6 @@ Array [
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -4330,7 +4300,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -4403,7 +4372,6 @@ Array [
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}
@ -4967,7 +4935,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -5035,7 +5002,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5125,7 +5091,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5216,7 +5181,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5335,7 +5299,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5350,7 +5313,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -5676,7 +5638,6 @@ Array [
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -5740,7 +5701,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -5813,7 +5773,6 @@ Array [
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}
@ -6125,7 +6084,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -6193,7 +6151,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6283,7 +6240,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6374,7 +6330,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6493,7 +6448,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -6508,7 +6462,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -6834,7 +6787,6 @@ Array [
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -6898,7 +6850,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -6971,7 +6922,6 @@ Array [
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}
@ -7283,7 +7233,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -7338,7 +7287,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7427,7 +7375,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;

5
packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/networks.spec.js.snap
View File

@ -550,7 +550,6 @@ Array [
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -2255,7 +2254,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2310,7 +2308,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2835,7 +2832,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2890,7 +2886,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;

16
packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/tag.spec.js.snap
View File

@ -426,7 +426,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -481,7 +480,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -571,7 +569,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -662,7 +659,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -781,7 +777,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -796,7 +791,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -1175,7 +1169,6 @@ Array [
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1490,7 +1483,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1545,7 +1537,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1634,7 +1625,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1995,7 +1985,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2050,7 +2039,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2139,7 +2127,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2643,7 +2630,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2698,7 +2684,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2787,7 +2772,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;

58
packages/my-joy-beta/src/containers/create-instance/__tests__/__snapshots__/user-script.spec.js.snap
View File

@ -148,7 +148,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -216,7 +215,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -306,7 +304,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -397,7 +394,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -516,7 +512,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -531,7 +526,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -868,7 +862,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -1358,7 +1351,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1426,7 +1418,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1516,7 +1507,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1607,7 +1597,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1726,7 +1715,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1741,7 +1729,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -2078,7 +2065,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -2348,7 +2334,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2403,7 +2388,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2492,7 +2476,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2793,7 +2776,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2848,7 +2830,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2937,7 +2918,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3238,7 +3218,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -3306,7 +3285,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3396,7 +3374,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3487,7 +3464,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3606,7 +3582,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -3621,7 +3596,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -3958,7 +3932,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -4228,7 +4201,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -4283,7 +4255,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4576,7 +4547,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -4644,7 +4614,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4734,7 +4703,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4825,7 +4793,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -4944,7 +4911,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -4959,7 +4925,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -5287,7 +5252,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -5360,7 +5324,6 @@ Array [
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}
@ -5596,7 +5559,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -5651,7 +5613,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5944,7 +5905,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -6012,7 +5972,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6102,7 +6061,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6193,7 +6151,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6312,7 +6269,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -6327,7 +6283,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -6655,7 +6610,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -6728,7 +6682,6 @@ Array [
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}
@ -6964,7 +6917,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -7019,7 +6971,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7237,7 +7188,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -7305,7 +7255,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7395,7 +7344,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7486,7 +7434,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -7605,7 +7552,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -7620,7 +7566,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -7957,7 +7902,6 @@ Array [
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -8227,7 +8171,6 @@ Array [
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -8282,7 +8225,6 @@ Array [
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;

26
packages/my-joy-beta/src/containers/create-instance/package.js
View File

@ -51,7 +51,8 @@ const PackageContainer = ({
id={step}
onClick={!expanded && !proceeded && handleEdit}
collapsed={!expanded && !proceeded}
icon={<PackageIcon />}>
icon={<PackageIcon />}
>
Package
</Title>
{expanded ? (
@ -61,7 +62,8 @@ const PackageContainer = ({
<a
href="https://docs.joyent.com/private-cloud/packages"
target="_blank"
rel="noopener noreferrer">
rel="noopener noreferrer"
>
Read the docs
</a>
</Description>
@ -69,17 +71,20 @@ const PackageContainer = ({
<ReduxForm
form={`${FORM_NAME}-filters`}
destroyOnUnmount={false}
forceUnregisterOnUnmount={true}>
forceUnregisterOnUnmount={true}
>
{props =>
!loading && expanded ? (
<Filters {...props} onResetFilters={handleResetFilters} />
) : null}
) : null
}
</ReduxForm>
<ReduxForm
form={FORM_NAME}
destroyOnUnmount={false}
forceUnregisterOnUnmount={true}
onSubmit={handleNext}>
onSubmit={handleNext}
>
{props =>
expanded ? (
loading ? (
@ -91,7 +96,8 @@ const PackageContainer = ({
sortBy={sortBy}
sortOrder={sortOrder}
onSortBy={handleSortBy}
packages={packages.length}>
packages={packages.length}
>
{packages.map(({ id, ...pkg }) => (
<Package
selectPackage={selectPackage}
@ -107,7 +113,8 @@ const PackageContainer = ({
)
) : selected.id ? (
<Overview {...selected} hasVms={hasVms} onCancel={handleEdit} />
) : null}
) : null
}
</ReduxForm>
{expanded ? (
!loading ? (
@ -183,10 +190,7 @@ export default compose(
const vmSelected = get(form, 'create-instance-vms.values.vms', false);
const pkgSelected = get(values, `package-selectected`, null);
const selected = find(packages, [
'id',
pkgSelected
]);
const selected = find(packages, ['id', pkgSelected]);
const sorted = sortBy(packages, [_sortBy]);

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-loading-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/cns-ui-js-cns-mutating-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 122 KiB

After

Width:  |  Height:  |  Size: 122 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/firewall-ui-js-firewall-loading-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 42 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-instances-selected-all-allowed-actions-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/list-ui-js-list-loading-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-loading-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/metadata-ui-js-metadata-metadata-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/networks-ui-js-networks-loading-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-loading-error-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-mutation-error-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/summary-ui-js-summary-starting-stopping-rebooting-removing-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-editing-removing-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

BIN
packages/my-joy-beta/src/containers/instances/__tests__/__image_snapshots__/tags-ui-js-tags-loading-1-snap.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

37
packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/cns.spec.js.snap
View File

@ -44,7 +44,6 @@ exports[`renders <Cns /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -106,7 +105,6 @@ exports[`renders <Cns /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -163,7 +161,6 @@ exports[`renders <Cns /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -382,7 +379,6 @@ exports[`renders <Cns /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -822,7 +818,6 @@ exports[`renders <Cns disabled /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1209,7 +1204,6 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1275,7 +1269,6 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -1332,7 +1325,6 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1581,7 +1573,6 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -2788,7 +2779,6 @@ exports[`renders <Cns loading /> without throwing 1`] = `
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -3017,7 +3007,6 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -3088,7 +3077,6 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3145,7 +3133,6 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -3374,7 +3361,6 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -3728,7 +3714,6 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -3794,7 +3779,6 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3851,7 +3835,6 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -3866,7 +3849,6 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -4212,7 +4194,6 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
color: rgb(216,216,216);
cursor: not-allowed;
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -4308,6 +4289,15 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
box-shadow: none;
}
.c44:checked + label {
background: rgb(250,250,250);
border: 0.0625rem solid rgb(216,216,216);
}
.c44:checked + label:after {
box-shadow: 0 0 0 0.0625rem rgb(216,216,216);
}
.c45 {
outline: 0;
display: block;
@ -5467,7 +5457,6 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -5538,7 +5527,6 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -5595,7 +5583,6 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5848,7 +5835,6 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -6339,7 +6325,6 @@ exports[`renders <Cns services /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -6406,7 +6391,6 @@ exports[`renders <Cns services /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -6463,7 +6447,6 @@ exports[`renders <Cns services /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -6682,7 +6665,6 @@ exports[`renders <Cns services /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -7290,7 +7272,6 @@ exports[`renders <Cns services hostnames /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;

20
packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/firewall.spec.js.snap
View File

@ -40,7 +40,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -305,7 +304,6 @@ Array [
.c20 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -740,7 +738,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1005,7 +1002,6 @@ Array [
.c21 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -1485,7 +1481,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -1750,7 +1745,6 @@ Array [
.c20 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -2185,7 +2179,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -2450,7 +2443,6 @@ Array [
.c21 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -2943,7 +2935,6 @@ Array [
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -3177,7 +3168,6 @@ Array [
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -3415,7 +3405,6 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -3714,7 +3703,6 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
.c26 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -4186,7 +4174,6 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -4485,7 +4472,6 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
.c26 {
color: rgb(151,151,151);
-webkit-text-align: center;
text-align: center;
}
@ -4933,7 +4919,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5282,7 +5267,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -5672,7 +5656,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -6524,7 +6507,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -6873,7 +6855,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -7263,7 +7244,6 @@ Array [
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;

33
packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/metadata.spec.js.snap
View File

@ -15,7 +15,6 @@ exports[`renders <Metadata /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -70,7 +69,6 @@ exports[`renders <Metadata /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -145,7 +143,6 @@ exports[`renders <Metadata /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -302,7 +299,6 @@ exports[`renders <Metadata /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -492,7 +488,6 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -560,7 +555,6 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -646,7 +640,6 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -736,7 +729,6 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -827,7 +819,6 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -946,7 +937,6 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -961,7 +951,6 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -1398,7 +1387,6 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -1462,7 +1450,6 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -1890,7 +1877,6 @@ exports[`renders <Metadata error /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -1954,7 +1940,6 @@ exports[`renders <Metadata error /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2029,7 +2014,6 @@ exports[`renders <Metadata error /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -2220,7 +2204,6 @@ exports[`renders <Metadata error /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -2417,7 +2400,6 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -2481,7 +2463,6 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;
@ -2542,7 +2523,6 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -2639,7 +2619,6 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -2765,7 +2744,6 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
color: rgb(216,216,216);
cursor: not-allowed;
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -2986,7 +2964,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
line-height: 1.15;
margin: 0;
overflow: visible;
-webkit-text-transform: none;
text-transform: none;
-webkit-appearance: button;
-moz-appearance: button;
@ -3107,7 +3084,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3193,7 +3169,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3283,7 +3258,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3374,7 +3348,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3504,7 +3477,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
position: relative;
font-family: "Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica,sans-serif;
font-size: 0.9375rem;
-webkit-text-align: center;
text-align: center;
font-style: normal;
font-stretch: normal;
@ -3645,7 +3617,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
margin-right: 0.75rem;
font-weight: 600;
@ -3660,7 +3631,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
font-stretch: normal;
display: block;
color: rgb(70,70,70);
-webkit-text-align: left;
text-align: left;
float: right;
font-size: 0.8125rem;
@ -4088,7 +4058,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
border: 0.0625rem solid rgb(216,216,216);
color: rgba(73,73,73,1);
max-width: 22.1875rem;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
font-size: 0.9375rem;
line-height: normal !important;
@ -4152,7 +4121,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
font-family: "Roboto Mono",monospace;
width: 100%;
min-width: 100%;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
resize: vertical;
font-size: 0.9375rem;
@ -4225,7 +4193,6 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
display: block;
}

1
packages/my-joy-beta/src/containers/instances/__tests__/__snapshots__/networks.spec.js.snap
View File

@ -438,7 +438,6 @@ exports[`renders <Networks loading /> without throwing 1`] = `
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-text-align: center;
text-align: center;
margin-bottom: 0;
margin-left: 0.375rem;

23
packages/my-joy-beta/src/containers/instances/list.js
View File

@ -30,7 +30,6 @@ import RebootInstance from '@graphql/reboot-instance.gql';
import RemoveInstance from '@graphql/remove-instance.gql';
import ToolbarForm from '@components/instances/toolbar';
import Empty from '@components/empty';
import Index from '@state/gen-index';
import parseError from '@state/parse-error';
import Confirm from '@state/confirm';
@ -109,7 +108,7 @@ export const List = ({
toggleSelectAll={toggleSelectAll}
onSortBy={handleSortBy}
noInstances={!_instances.length}
>
>
{_instances.map(({ name, id, ...rest }) => (
<InstanceListItem
key={id}
@ -196,11 +195,15 @@ export default compose(
}
}));
const index = new Fuse(instances, {
keys: instances.length ? Object.keys(instances[0]) : ['name']
});
return {
instances,
loading,
error,
index: Index(instances),
index,
refetch
};
}
@ -220,11 +223,7 @@ export default compose(
const sortOrder = get(values, 'instance-list-sort-order', 'asc');
// if user is searching something, get items that match that query
const filtered = filter
? new Fuse(instances, {
keys: [...Object.keys(instances[0])]
}).search(filter)
: instances;
const filtered = filter ? index.search(filter) : instances;
// from filtered instances, sort asc
// set's mutating flag
@ -324,9 +323,11 @@ export default compose(
// eslint-disable-next-line no-alert
if (
!await Confirm(
`Do you want to ${name} ${selected.length === 1
? `"${selected[0].name}"`
: `${selected.length} snapshots`}`
`Do you want to ${name} ${
selected.length === 1
? `"${selected[0].name}"`
: `${selected.length} snapshots`
}`
)
) {
return;

21
packages/my-joy-beta/src/containers/instances/snapshots.js
View File

@ -33,7 +33,6 @@ import CreateSnapshotMutation from '@graphql/create-snapshot.gql';
import ToolbarForm from '@components/instances/toolbar';
import SnapshotsListActions from '@components/instances/footer';
import parseError from '@state/parse-error';
import GenIndex from '@state/gen-index';
import Confirm from '@state/confirm';
const MENU_FORM_NAME = 'snapshot-list-menu';
@ -171,9 +170,9 @@ export default compose(
const instance = find(get(rest, 'machines', []), ['name', name]);
const snapshots = get(instance, 'snapshots', []);
const index = GenIndex(
snapshots.map(({ name, ...rest }) => ({ ...rest, id: name }))
);
const index = new Fuse(snapshots, {
keys: snapshots.length ? Object.keys(snapshots[0]) : ['name']
});
return {
index,
@ -207,11 +206,7 @@ export default compose(
const createSnapshotOpen = get(values, 'snapshots-create-open', false);
// if user is searching something, get items that match that query
const filtered = filter
? new Fuse(snapshots, {
keys: ['name']
}).search(filter)
: snapshots;
const filtered = filter ? index.search(filter) : snapshots;
// from filtered instances, sort asc
// set's mutating flag
@ -329,9 +324,11 @@ export default compose(
// eslint-disable-next-line no-alert
if (
!await Confirm(
`Do you want to ${name} ${selected.length === 1
? `"${selected[0].name}"`
: `${selected.length} snapshots`}`
`Do you want to ${name} ${
selected.length === 1
? `"${selected[0].name}"`
: `${selected.length} snapshots`
}`
)
) {
return;

21
packages/my-joy-beta/src/containers/instances/tags.js
View File

@ -30,7 +30,6 @@ import ToolbarForm from '@components/instances/toolbar';
import GetTags from '@graphql/list-tags.gql';
import UpdateTags from '@graphql/update-tags.gql';
import DeleteTag from '@graphql/delete-tag.gql';
import Index from '@state/gen-index';
import parseError from '@state/parse-error';
import Confirm from '@state/confirm';
@ -61,7 +60,8 @@ export const Tags = ({
onSubmit={handleCreate}
onCancel={() => handleToggleAddOpen(false)}
shouldAsyncValidate={shouldAsyncValidate}
asyncValidate={asyncValidate}>
asyncValidate={asyncValidate}
>
{TagsAddForm}
</ReduxForm>
) : null;
@ -101,7 +101,8 @@ export const Tags = ({
initialValues={{ name: editing.name, value: editing.value }}
shouldAsyncValidate={shouldAsyncValidate}
asyncValidate={asyncValidate}
onSubmit={handleEdit}>
onSubmit={handleEdit}
>
{props => (
<TagsEditForm
{...props}
@ -160,10 +161,14 @@ export default compose(
({ name = '' }) => !/^triton\.cns\./i.test(name)
);
const index = new Fuse(tags, {
keys: tags.length ? Object.keys(tags[0]) : ['name']
});
return {
tags,
instance,
index: Index(tags),
index,
loading,
error,
refetch
@ -176,13 +181,7 @@ export default compose(
const filter = get(form, `${MENU_FORM_NAME}.values.filter`, false);
// if user is searching something, get items that match that query
// if user is searching something, get items that match that query
const filtered = filter
? new Fuse(tags, {
keys: [...Object.keys(tags[0])]
}).search(filter)
: tags;
if (filter) console.log(Object.keys(tags[0]));
const filtered = filter ? index.search(filter) : tags;
const addOpen = get(values, 'add-tags-open', false);
const editingTagName = get(values, 'editing-tag', null);

16
packages/my-joy-beta/src/state/gen-index.js
View File

@ -1,16 +0,0 @@
import Lunr from 'lunr';
Lunr.tokenizer.separator = /[\s\-|_]+/;
export default items =>
Lunr(function() {
const fields = items
.map(item => Object.keys(item))
.reduce((all, keys) => all.concat(keys), [])
// eslint-disable-next-line no-implicit-coercion
.reduce((all, key) => (~all.indexOf(key) ? all : all.concat(key)), [])
.filter(key => !key.match(/^__/));
fields.forEach(field => this.field(field));
items.forEach(item => this.add(item));
});

6
packages/ui-toolkit/src/table/index.js
View File

@ -269,7 +269,8 @@ const Propagate = ({ children, ...rest }) => (
{({ disabled, header, selected } = {}) => (
<Broadcast
channel="almost-responsive-table"
value={{ disabled, header, selected, ...rest }}>
value={{ disabled, header, selected, ...rest }}
>
{children({ disabled, header, selected, ...rest })}
</Broadcast>
)}
@ -314,7 +315,8 @@ export const Th = Baseline(({ children, ...rest }) => (
{...value}
showSort={showSort}
header={header}
name="th">
name="th"
>
{children}
{!showSort || !header ? null : (
<ArrowIcon

90
yarn.lock
View File

@ -185,7 +185,7 @@
version "9.4.6"
resolved "https://registry.yarnpkg.com/@types/node/-/node-9.4.6.tgz#d8176d864ee48753d053783e4e463aec86b8d82e"
"@types/zen-observable@0.5.3", "@types/zen-observable@^0.5.3":
"@types/zen-observable@^0.5.3":
version "0.5.3"
resolved "https://registry.yarnpkg.com/@types/zen-observable/-/zen-observable-0.5.3.tgz#91b728599544efbb7386d8b6633693a3c2e7ade5"
@ -379,6 +379,10 @@ anymatch@^2.0.0:
micromatch "^3.1.4"
normalize-path "^2.1.1"
apart@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/apart/-/apart-1.0.1.tgz#97ae56938c71c113ae09c0feafb5f5af84eba063"
apollo-cache-inmemory@^1.1.5, apollo-cache-inmemory@^1.1.7:
version "1.1.9"
resolved "https://registry.yarnpkg.com/apollo-cache-inmemory/-/apollo-cache-inmemory-1.1.9.tgz#8bcd05e8ec4e7dc5ffda7f68252244cab3197b71"
@ -408,23 +412,23 @@ apollo-client@^2.2.0, apollo-client@^2.2.3:
"@types/async" "2.0.47"
apollo-link-dedup@^1.0.0:
version "1.0.7"
resolved "https://registry.yarnpkg.com/apollo-link-dedup/-/apollo-link-dedup-1.0.7.tgz#2fc31b04d7be5c2b6cb9aded03be9b634e5483c8"
version "1.0.8"
resolved "https://registry.yarnpkg.com/apollo-link-dedup/-/apollo-link-dedup-1.0.8.tgz#8c3028cf32557bd040ab6ba8856f38067bdacead"
dependencies:
apollo-link "^1.2.0"
apollo-link "^1.2.1"
apollo-link-http-common@^0.2.1:
version "0.2.1"
resolved "https://registry.yarnpkg.com/apollo-link-http-common/-/apollo-link-http-common-0.2.1.tgz#bd8dbb751633be8796f58fe1ba4ecdc0a2f46110"
apollo-link-http-common@^0.2.2:
version "0.2.2"
resolved "https://registry.yarnpkg.com/apollo-link-http-common/-/apollo-link-http-common-0.2.2.tgz#ac8a1810eca6a7ed37a34baeeb0a55752e6a0e30"
dependencies:
apollo-link "^1.2.0"
apollo-link "^1.2.1"
apollo-link-http@^1.3.2, apollo-link-http@^1.3.3:
version "1.4.0"
resolved "https://registry.yarnpkg.com/apollo-link-http/-/apollo-link-http-1.4.0.tgz#63fdaeb63291dd47e0404591fd0a0cf3ca67f8a3"
version "1.5.1"
resolved "https://registry.yarnpkg.com/apollo-link-http/-/apollo-link-http-1.5.1.tgz#1cae092e994d86659f88cc418ccd10a914b312d3"
dependencies:
apollo-link "^1.2.0"
apollo-link-http-common "^0.2.1"
apollo-link "^1.2.1"
apollo-link-http-common "^0.2.2"
apollo-link-state@^0.3.1:
version "0.3.1"
@ -433,14 +437,13 @@ apollo-link-state@^0.3.1:
apollo-utilities "^1.0.1"
graphql-anywhere "^4.1.0-alpha.0"
apollo-link@^1.0.0, apollo-link@^1.0.7, apollo-link@^1.1.0, apollo-link@^1.2.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/apollo-link/-/apollo-link-1.2.0.tgz#1abba5456eb35fc8b8a79f3be421e683a9ecfc41"
apollo-link@^1.0.0, apollo-link@^1.0.7, apollo-link@^1.1.0, apollo-link@^1.2.1:
version "1.2.1"
resolved "https://registry.yarnpkg.com/apollo-link/-/apollo-link-1.2.1.tgz#c120b16059f9bd93401b9f72b94d2f80f3f305d2"
dependencies:
"@types/node" "^9.4.6"
"@types/zen-observable" "0.5.3"
apollo-utilities "^1.0.0"
zen-observable "^0.8.0"
zen-observable-ts "^0.8.6"
apollo-server-module-graphiql@^1.3.2:
version "1.3.2"
@ -3094,8 +3097,8 @@ css-loader@0.28.7:
source-list-map "^2.0.0"
css-loader@^0.28.7:
version "0.28.9"
resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.28.9.tgz#68064b85f4e271d7ce4c48a58300928e535d1c95"
version "0.28.10"
resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.28.10.tgz#40282e79230f7bcb4e483efa631d670b735ebf42"
dependencies:
babel-code-frame "^6.26.0"
css-selector-tokenizer "^0.7.0"
@ -3218,7 +3221,7 @@ currently-unhandled@^0.4.1:
dependencies:
array-find-index "^1.0.1"
currify@^2.0.0:
currify@^2.0.0, currify@^2.0.6:
version "2.0.6"
resolved "https://registry.yarnpkg.com/currify/-/currify-2.0.6.tgz#86064386778e315c043382d53ba278efc6a9ef87"
@ -3645,8 +3648,8 @@ ee-first@1.1.1:
resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.30:
version "1.3.33"
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.33.tgz#bf00703d62a7c65238136578c352d6c5c042a545"
version "1.3.34"
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.34.tgz#d93498f40391bb0c16a603d8241b9951404157ed"
elliptic@^6.0.0:
version "6.4.0"
@ -3916,8 +3919,8 @@ eslint-plugin-flowtype@2.39.1:
lodash "^4.15.0"
eslint-plugin-flowtype@^2.39.1:
version "2.46.0"
resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-2.46.0.tgz#832e2f6cc75ea33a25b801b6b87f0342f372b362"
version "2.46.1"
resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-2.46.1.tgz#c4f81d580cd89c82bc3a85a1ccf4ae3a915143a4"
dependencies:
lodash "^4.15.0"
@ -5011,8 +5014,8 @@ graphql-config@~1.0.9:
rimraf "^2.6.2"
graphql-request@^1.4.0:
version "1.4.1"
resolved "https://registry.yarnpkg.com/graphql-request/-/graphql-request-1.4.1.tgz#0772743cfac8dfdd4d69d36106a96c9bdd191ce8"
version "1.5.0"
resolved "https://registry.yarnpkg.com/graphql-request/-/graphql-request-1.5.0.tgz#69b30a1767189fcba27f5c907c0a87339f90b5d8"
dependencies:
cross-fetch "1.1.1"
@ -7400,8 +7403,8 @@ mz@^2.7.0:
thenify-all "^1.0.0"
nan@^2.3.0:
version "2.8.0"
resolved "https://registry.yarnpkg.com/nan/-/nan-2.8.0.tgz#ed715f3fe9de02b57a5e6252d90a96675e1f085a"
version "2.9.2"
resolved "https://registry.yarnpkg.com/nan/-/nan-2.9.2.tgz#f564d75f5f8f36a6d9456cca7a6c4fe488ab7866"
nanomatch@^1.2.9:
version "1.2.9"
@ -9263,8 +9266,8 @@ redent@^1.0.0:
strip-indent "^1.0.1"
redrun@^5.10.0, redrun@^5.9.18:
version "5.10.3"
resolved "https://registry.yarnpkg.com/redrun/-/redrun-5.10.3.tgz#9f5fff319c5171c304e60b05ac6e10df3fb33daa"
version "5.10.5"
resolved "https://registry.yarnpkg.com/redrun/-/redrun-5.10.5.tgz#e8ce39d00b6a7ffe50e96e4bcda330e5bd796dd3"
dependencies:
all-object-keys "^1.0.0"
currify "^2.0.0"
@ -9274,6 +9277,7 @@ redrun@^5.10.0, redrun@^5.9.18:
jessy "^2.0.0"
mapsome "^1.0.0"
readjson "^1.1.3"
somefilter "^2.0.0"
squad "^2.0.0"
try-catch "^2.0.0"
yargs-parser "^9.0.2"
@ -10175,6 +10179,14 @@ sockjs@0.3.19:
faye-websocket "^0.10.0"
uuid "^3.0.1"
somefilter@^2.0.0:
version "2.0.1"
resolved "https://registry.yarnpkg.com/somefilter/-/somefilter-2.0.1.tgz#a4ba858672bcce458dfcc1b1b2ee3cd5ce42374f"
dependencies:
apart "^1.0.1"
currify "^2.0.6"
squad "^2.0.0"
sort-keys@^1.0.0:
version "1.1.2"
resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
@ -10994,8 +11006,8 @@ uglify-es@^3.3.4:
source-map "~0.6.1"
uglify-js@3.3.x, uglify-js@^3.0.13:
version "3.3.11"
resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.3.11.tgz#e9d058b20715138bb4e8e5cae2ea581686bdaae3"
version "3.3.12"
resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.3.12.tgz#efd87c16a1f4c674a8a5ede571001ef634dcc883"
dependencies:
commander "~2.14.1"
source-map "~0.6.1"
@ -11560,10 +11572,10 @@ webpack-manifest-plugin@1.3.2:
lodash ">=3.5 <5"
webpack-merge@^4.1.1:
version "4.1.1"
resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.1.1.tgz#f1197a0a973e69c6fbeeb6d658219aa8c0c13555"
version "4.1.2"
resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.1.2.tgz#5d372dddd3e1e5f8874f5bf5a8e929db09feb216"
dependencies:
lodash "^4.17.4"
lodash "^4.17.5"
webpack-sources@^1.0.1, webpack-sources@^1.1.0:
version "1.1.0"
@ -11962,6 +11974,12 @@ yauzl@2.4.1:
dependencies:
fd-slicer "~1.0.1"
zen-observable@0.7.1, zen-observable@^0.7.0, zen-observable@^0.8.0:
zen-observable-ts@^0.8.6:
version "0.8.6"
resolved "https://registry.yarnpkg.com/zen-observable-ts/-/zen-observable-ts-0.8.6.tgz#2fe8c5f5f6171484353c3c93a71355c9521d53a0"
dependencies:
zen-observable "^0.8.6"
zen-observable@0.7.1, zen-observable@^0.7.0, zen-observable@^0.8.6:
version "0.7.1"
resolved "https://registry.yarnpkg.com/zen-observable/-/zen-observable-0.7.1.tgz#f84075c0ee085594d3566e1d6454207f126411b3"