feat(instances): Adds better element ids
This commit is contained in:
parent
04cb9c32f8
commit
5d46689869
@ -900,13 +900,14 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="k"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
key
|
key
|
||||||
@ -917,7 +918,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="k"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -943,13 +944,14 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="l"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -960,7 +962,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
|||||||
<textarea
|
<textarea
|
||||||
className="c23 c24"
|
className="c23 c24"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="l"
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
/>
|
/>
|
||||||
@ -993,6 +995,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -1005,6 +1008,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -1021,6 +1025,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -1978,13 +1983,14 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="m"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
key
|
key
|
||||||
@ -1995,7 +2001,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="m"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -2021,13 +2027,14 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="n"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -2038,7 +2045,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
|||||||
<textarea
|
<textarea
|
||||||
className="c23 c24"
|
className="c23 c24"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="n"
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
/>
|
/>
|
||||||
@ -2071,6 +2078,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -2083,6 +2091,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -2099,6 +2108,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
|
@ -748,13 +748,14 @@ exports[`renders <Cns /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c24"
|
className="c24"
|
||||||
|
id="cns-service-name-input"
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c25 c26"
|
className="c25 c26"
|
||||||
htmlFor="k"
|
htmlFor="cns-service-name-input"
|
||||||
>
|
>
|
||||||
Attach to new CNS service name
|
Attach to new CNS service name
|
||||||
</label>
|
</label>
|
||||||
@ -764,7 +765,7 @@ exports[`renders <Cns /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c28"
|
className="c28"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="k"
|
id="cns-service-name-input"
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
placeholder="Example: mySQLdb"
|
placeholder="Example: mySQLdb"
|
||||||
/>
|
/>
|
||||||
@ -783,6 +784,7 @@ exports[`renders <Cns /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
href=""
|
href=""
|
||||||
|
id="cns-service-name-add-button"
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
Add
|
Add
|
||||||
@ -2470,13 +2472,14 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c35"
|
className="c35"
|
||||||
|
id="cns-service-name-input"
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c36 c37"
|
className="c36 c37"
|
||||||
htmlFor="u"
|
htmlFor="cns-service-name-input"
|
||||||
>
|
>
|
||||||
Attach to new CNS service name
|
Attach to new CNS service name
|
||||||
</label>
|
</label>
|
||||||
@ -2486,7 +2489,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c38"
|
className="c38"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="u"
|
id="cns-service-name-input"
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
placeholder="Example: mySQLdb"
|
placeholder="Example: mySQLdb"
|
||||||
/>
|
/>
|
||||||
@ -2505,6 +2508,7 @@ exports[`renders <Cns hostnames /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
href=""
|
href=""
|
||||||
|
id="cns-service-name-add-button"
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
Add
|
Add
|
||||||
@ -4038,13 +4042,14 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c29"
|
className="c29"
|
||||||
|
id="cns-service-name-input"
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c30 c31"
|
className="c30 c31"
|
||||||
htmlFor="m"
|
htmlFor="cns-service-name-input"
|
||||||
>
|
>
|
||||||
Attach to new CNS service name
|
Attach to new CNS service name
|
||||||
</label>
|
</label>
|
||||||
@ -4054,7 +4059,7 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c33"
|
className="c33"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="m"
|
id="cns-service-name-input"
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
placeholder="Example: mySQLdb"
|
placeholder="Example: mySQLdb"
|
||||||
/>
|
/>
|
||||||
@ -4073,6 +4078,7 @@ exports[`renders <Cns loadingError /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
href=""
|
href=""
|
||||||
|
id="cns-service-name-add-button"
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
Add
|
Add
|
||||||
@ -5350,6 +5356,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
|
|||||||
<li
|
<li
|
||||||
className="c40"
|
className="c40"
|
||||||
fill="rgba(66, 134, 244, 0.1)"
|
fill="rgba(66, 134, 244, 0.1)"
|
||||||
|
id="cns-tag-0"
|
||||||
>
|
>
|
||||||
serbice
|
serbice
|
||||||
</li>
|
</li>
|
||||||
@ -5360,6 +5367,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
|
|||||||
<li
|
<li
|
||||||
className="c40"
|
className="c40"
|
||||||
fill="rgba(66, 134, 244, 0.1)"
|
fill="rgba(66, 134, 244, 0.1)"
|
||||||
|
id="cns-tag-1"
|
||||||
>
|
>
|
||||||
dssasda
|
dssasda
|
||||||
</li>
|
</li>
|
||||||
@ -5370,6 +5378,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
|
|||||||
<li
|
<li
|
||||||
className="c40"
|
className="c40"
|
||||||
fill="rgba(66, 134, 244, 0.1)"
|
fill="rgba(66, 134, 244, 0.1)"
|
||||||
|
id="cns-tag-2"
|
||||||
>
|
>
|
||||||
dsasd
|
dsasd
|
||||||
</li>
|
</li>
|
||||||
@ -5392,13 +5401,14 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c42"
|
className="c42"
|
||||||
|
id="cns-service-name-input"
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c34 c35"
|
className="c34 c35"
|
||||||
htmlFor="p"
|
htmlFor="cns-service-name-input"
|
||||||
>
|
>
|
||||||
Attach to new CNS service name
|
Attach to new CNS service name
|
||||||
</label>
|
</label>
|
||||||
@ -5408,7 +5418,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c43"
|
className="c43"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
id="p"
|
id="cns-service-name-input"
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
placeholder="Example: mySQLdb"
|
placeholder="Example: mySQLdb"
|
||||||
/>
|
/>
|
||||||
@ -5427,6 +5437,7 @@ exports[`renders <Cns mutating /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
href=""
|
href=""
|
||||||
|
id="cns-service-name-add-button"
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
Add
|
Add
|
||||||
@ -6765,13 +6776,14 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c29"
|
className="c29"
|
||||||
|
id="cns-service-name-input"
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c30 c31"
|
className="c30 c31"
|
||||||
htmlFor="n"
|
htmlFor="cns-service-name-input"
|
||||||
>
|
>
|
||||||
Attach to new CNS service name
|
Attach to new CNS service name
|
||||||
</label>
|
</label>
|
||||||
@ -6781,7 +6793,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c33"
|
className="c33"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="n"
|
id="cns-service-name-input"
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
placeholder="Example: mySQLdb"
|
placeholder="Example: mySQLdb"
|
||||||
/>
|
/>
|
||||||
@ -6800,6 +6812,7 @@ exports[`renders <Cns mutationError /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
href=""
|
href=""
|
||||||
|
id="cns-service-name-add-button"
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
Add
|
Add
|
||||||
@ -7689,6 +7702,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
|
|||||||
<li
|
<li
|
||||||
className="c27"
|
className="c27"
|
||||||
fill="rgba(66, 134, 244, 0.1)"
|
fill="rgba(66, 134, 244, 0.1)"
|
||||||
|
id="cns-tag-0"
|
||||||
>
|
>
|
||||||
serbice
|
serbice
|
||||||
<svg
|
<svg
|
||||||
@ -7718,6 +7732,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
|
|||||||
<li
|
<li
|
||||||
className="c27"
|
className="c27"
|
||||||
fill="rgba(66, 134, 244, 0.1)"
|
fill="rgba(66, 134, 244, 0.1)"
|
||||||
|
id="cns-tag-1"
|
||||||
>
|
>
|
||||||
dssasda
|
dssasda
|
||||||
<svg
|
<svg
|
||||||
@ -7747,6 +7762,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
|
|||||||
<li
|
<li
|
||||||
className="c27"
|
className="c27"
|
||||||
fill="rgba(66, 134, 244, 0.1)"
|
fill="rgba(66, 134, 244, 0.1)"
|
||||||
|
id="cns-tag-2"
|
||||||
>
|
>
|
||||||
dsasd
|
dsasd
|
||||||
<svg
|
<svg
|
||||||
@ -7788,13 +7804,14 @@ exports[`renders <Cns services /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c32"
|
className="c32"
|
||||||
|
id="cns-service-name-input"
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c21 c22"
|
className="c21 c22"
|
||||||
htmlFor="s"
|
htmlFor="cns-service-name-input"
|
||||||
>
|
>
|
||||||
Attach to new CNS service name
|
Attach to new CNS service name
|
||||||
</label>
|
</label>
|
||||||
@ -7804,7 +7821,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c34"
|
className="c34"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="s"
|
id="cns-service-name-input"
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
placeholder="Example: mySQLdb"
|
placeholder="Example: mySQLdb"
|
||||||
/>
|
/>
|
||||||
@ -7823,6 +7840,7 @@ exports[`renders <Cns services /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
href=""
|
href=""
|
||||||
|
id="cns-service-name-add-button"
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
Add
|
Add
|
||||||
|
@ -424,6 +424,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -436,7 +437,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="k"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -457,7 +458,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="k"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -1218,6 +1219,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -1230,7 +1232,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="m"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -1251,7 +1253,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="m"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -1281,6 +1283,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-inactive"
|
||||||
name="inactive"
|
name="inactive"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -1293,7 +1296,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="o"
|
id="fw-toggle-inactive"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -1314,7 +1317,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="o"
|
id="fw-toggle-inactive"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -2072,6 +2075,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -2084,7 +2088,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="q"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -2105,7 +2109,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="q"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -2866,6 +2870,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -2878,7 +2883,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="s"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -2899,7 +2904,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="s"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -2929,6 +2934,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-inactive"
|
||||||
name="inactive"
|
name="inactive"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -2941,7 +2947,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="u"
|
id="fw-toggle-inactive"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -2962,7 +2968,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="u"
|
id="fw-toggle-inactive"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -4222,6 +4228,7 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c14"
|
className="c14"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -4234,7 +4241,7 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c16"
|
className="c16"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="w"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -4255,7 +4262,7 @@ exports[`renders <Firewall loadingError /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="w"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -5077,6 +5084,7 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c14"
|
className="c14"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -5089,7 +5097,7 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c16"
|
className="c16"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="y"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -5110,7 +5118,7 @@ exports[`renders <Firewall mutationError /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="y"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -5789,6 +5797,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -5801,7 +5810,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="A"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -5822,7 +5831,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="A"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -6185,6 +6194,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -6197,7 +6207,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="C"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -6218,7 +6228,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="C"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -6802,6 +6812,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -6814,7 +6825,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="E"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -6835,7 +6846,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="E"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -6865,6 +6876,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-inactive"
|
||||||
name="inactive"
|
name="inactive"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -6877,7 +6889,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="G"
|
id="fw-toggle-inactive"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -6898,7 +6910,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="G"
|
id="fw-toggle-inactive"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -7502,6 +7514,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -7514,7 +7527,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="I"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -7535,7 +7548,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="I"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -7898,6 +7911,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -7910,7 +7924,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="K"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -7931,7 +7945,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="K"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -8515,6 +8529,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -8527,7 +8542,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="M"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -8548,7 +8563,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="M"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -8578,6 +8593,7 @@ Array [
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c9"
|
className="c9"
|
||||||
|
id="fw-toggle-inactive"
|
||||||
name="inactive"
|
name="inactive"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -8590,7 +8606,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c11"
|
className="c11"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="O"
|
id="fw-toggle-inactive"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -8611,7 +8627,7 @@ Array [
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c15"
|
className="c15"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="O"
|
id="fw-toggle-inactive"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
|
@ -1588,13 +1588,14 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c35"
|
className="c35"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="w"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
key
|
key
|
||||||
@ -1605,7 +1606,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c8"
|
className="c8"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="w"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -1631,13 +1632,14 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c35"
|
className="c35"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="x"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -1648,7 +1650,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
|||||||
<textarea
|
<textarea
|
||||||
className="c37 c38"
|
className="c37 c38"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="x"
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
/>
|
/>
|
||||||
@ -1681,6 +1683,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -1693,6 +1696,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -1709,6 +1713,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -4140,13 +4145,14 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c35"
|
className="c35"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="B"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
key
|
key
|
||||||
@ -4157,7 +4163,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c8"
|
className="c8"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="B"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -4183,13 +4189,14 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c35"
|
className="c35"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="C"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -4200,7 +4207,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
<textarea
|
<textarea
|
||||||
className="c37 c38"
|
className="c37 c38"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="C"
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
/>
|
/>
|
||||||
@ -4233,6 +4240,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -4245,6 +4253,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -4261,6 +4270,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -4365,13 +4375,14 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c35"
|
className="c35"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="D"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
key
|
key
|
||||||
@ -4382,7 +4393,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c8"
|
className="c8"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="D"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -4408,13 +4419,14 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c35"
|
className="c35"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="E"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -4425,7 +4437,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
<textarea
|
<textarea
|
||||||
className="c37 c38"
|
className="c37 c38"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="E"
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
/>
|
/>
|
||||||
@ -4458,6 +4470,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -4470,6 +4483,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -4486,6 +4500,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -4590,13 +4605,14 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c35"
|
className="c35"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="F"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
key
|
key
|
||||||
@ -4607,7 +4623,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c8"
|
className="c8"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="F"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -4633,13 +4649,14 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c35"
|
className="c35"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="G"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -4650,7 +4667,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
<textarea
|
<textarea
|
||||||
className="c37 c38"
|
className="c37 c38"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="G"
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
/>
|
/>
|
||||||
@ -4683,6 +4700,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -4695,6 +4713,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -4711,6 +4730,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
|
@ -1549,13 +1549,14 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c32"
|
className="c32"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="w"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Tag
|
Tag
|
||||||
|
|
||||||
@ -1567,7 +1568,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c8"
|
className="c8"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="w"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -1585,13 +1586,14 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c32"
|
className="c32"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="x"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Tag
|
Tag
|
||||||
value
|
value
|
||||||
@ -1602,7 +1604,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c8"
|
className="c8"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="x"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -1630,6 +1632,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -1642,6 +1645,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -1658,6 +1662,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -3321,13 +3326,14 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c33"
|
className="c33"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="B"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Tag
|
Tag
|
||||||
|
|
||||||
@ -3339,7 +3345,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c8"
|
className="c8"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="B"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -3357,13 +3363,14 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c33"
|
className="c33"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="C"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Tag
|
Tag
|
||||||
value
|
value
|
||||||
@ -3374,7 +3381,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c8"
|
className="c8"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="C"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -3402,6 +3409,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -3414,6 +3422,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -3430,6 +3439,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -4727,13 +4737,14 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c33"
|
className="c33"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="J"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Tag
|
Tag
|
||||||
|
|
||||||
@ -4745,7 +4756,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c8"
|
className="c8"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="J"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -4763,13 +4774,14 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c33"
|
className="c33"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c5 c6"
|
className="c5 c6"
|
||||||
htmlFor="K"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Tag
|
Tag
|
||||||
value
|
value
|
||||||
@ -4780,7 +4792,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c8"
|
className="c8"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="K"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -4808,6 +4820,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -4820,6 +4833,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -4836,6 +4850,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
|
@ -34,9 +34,19 @@ const Input = styled(BaseInput)`
|
|||||||
|
|
||||||
const Values = touched => (
|
const Values = touched => (
|
||||||
<Margin right={1}>
|
<Margin right={1}>
|
||||||
<Select style={style} touched={touched} width={remcalc(130)} embedded>
|
<Select
|
||||||
<option value="equalling">equalling</option>
|
id={'affinity-rule-3-select'}
|
||||||
<option value="starting">starting with</option>
|
style={style}
|
||||||
|
touched={touched}
|
||||||
|
width={remcalc(130)}
|
||||||
|
embedded
|
||||||
|
>
|
||||||
|
<option id={'affinity-rule-3-equalling'} value="equalling">
|
||||||
|
equalling
|
||||||
|
</option>
|
||||||
|
<option id={'affinity-rule-3-starting'} value="starting">
|
||||||
|
starting with
|
||||||
|
</option>
|
||||||
</Select>
|
</Select>
|
||||||
</Margin>
|
</Margin>
|
||||||
);
|
);
|
||||||
@ -54,9 +64,14 @@ export const Rule = ({ valid, ...rule }) => (
|
|||||||
touched={rule.conditional}
|
touched={rule.conditional}
|
||||||
width={remcalc(86)}
|
width={remcalc(86)}
|
||||||
embedded
|
embedded
|
||||||
|
id={'affinity-rule-0-select'}
|
||||||
>
|
>
|
||||||
<option value="should">should</option>
|
<option id={'affinity-rule-0-should'} value="should">
|
||||||
<option value="must">must</option>
|
should
|
||||||
|
</option>
|
||||||
|
<option id={'affinity-rule-0-must'} value="must">
|
||||||
|
must
|
||||||
|
</option>
|
||||||
</Select>
|
</Select>
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
</Margin>
|
</Margin>
|
||||||
@ -70,9 +85,14 @@ export const Rule = ({ valid, ...rule }) => (
|
|||||||
touched={rule.placement}
|
touched={rule.placement}
|
||||||
width={remcalc(100)}
|
width={remcalc(100)}
|
||||||
embedded
|
embedded
|
||||||
|
id={'affinity-rule-1-select'}
|
||||||
>
|
>
|
||||||
<option value="same">the same</option>
|
<option id={'affinity-rule-1-same'} value="same">
|
||||||
<option value="different">a different</option>
|
the same
|
||||||
|
</option>
|
||||||
|
<option id={'affinity-rule-1-different'} value="different">
|
||||||
|
a different
|
||||||
|
</option>
|
||||||
</Select>
|
</Select>
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
</Margin>
|
</Margin>
|
||||||
@ -82,21 +102,26 @@ export const Rule = ({ valid, ...rule }) => (
|
|||||||
<Margin horizontal={1}>
|
<Margin horizontal={1}>
|
||||||
<FormGroup name="type" field={Field}>
|
<FormGroup name="type" field={Field}>
|
||||||
<Select
|
<Select
|
||||||
|
id={'affinity-rule-2-select'}
|
||||||
style={style}
|
style={style}
|
||||||
touched={rule.type}
|
touched={rule.type}
|
||||||
width={remcalc(135)}
|
width={remcalc(135)}
|
||||||
embedded
|
embedded
|
||||||
left
|
left
|
||||||
>
|
>
|
||||||
<option value="name">instance name</option>
|
<option id={'affinity-rule-2-name'} value="name">
|
||||||
<option value="tag">tag</option>
|
instance name
|
||||||
|
</option>
|
||||||
|
<option id={'affinity-rule-2-tag'} value="tag">
|
||||||
|
tag
|
||||||
|
</option>
|
||||||
</Select>
|
</Select>
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
</Margin>
|
</Margin>
|
||||||
<FormGroup name="pattern" field={Field}>
|
<FormGroup name="pattern" field={Field}>
|
||||||
{Values(rule.pattern)}
|
{Values(rule.pattern)}
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
<FormGroup name="value" field={Field}>
|
<FormGroup id={'affinity-rule-input'} name="value" field={Field}>
|
||||||
<Input
|
<Input
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
style={style}
|
style={style}
|
||||||
|
@ -150,6 +150,7 @@ const Affinity = ({
|
|||||||
noRemove
|
noRemove
|
||||||
borderless
|
borderless
|
||||||
headless
|
headless
|
||||||
|
id="affinity"
|
||||||
onCancel={() => handleChangeAddOpen(false)}
|
onCancel={() => handleChangeAddOpen(false)}
|
||||||
/>
|
/>
|
||||||
</Margin>
|
</Margin>
|
||||||
@ -169,7 +170,12 @@ const Affinity = ({
|
|||||||
) : null}
|
) : null}
|
||||||
{!addOpen && exitingRule ? (
|
{!addOpen && exitingRule ? (
|
||||||
<Margin top={5}>
|
<Margin top={5}>
|
||||||
<Button type="button" component={Link} to={next}>
|
<Button
|
||||||
|
id={'next-button-affinity'}
|
||||||
|
type="button"
|
||||||
|
component={Link}
|
||||||
|
to={next}
|
||||||
|
>
|
||||||
Next
|
Next
|
||||||
</Button>
|
</Button>
|
||||||
</Margin>
|
</Margin>
|
||||||
|
@ -83,7 +83,12 @@ const CnsContainer = ({
|
|||||||
</ReduxForm>
|
</ReduxForm>
|
||||||
</Cns>
|
</Cns>
|
||||||
<Margin top={5}>
|
<Margin top={5}>
|
||||||
<Button type="button" component={Link} to={next}>
|
<Button
|
||||||
|
id={'next-button-cns'}
|
||||||
|
type="button"
|
||||||
|
component={Link}
|
||||||
|
to={next}
|
||||||
|
>
|
||||||
Next
|
Next
|
||||||
</Button>
|
</Button>
|
||||||
</Margin>
|
</Margin>
|
||||||
|
@ -141,7 +141,12 @@ const Firewall = ({
|
|||||||
</Margin>
|
</Margin>
|
||||||
) : null}
|
) : null}
|
||||||
<Margin top={5}>
|
<Margin top={5}>
|
||||||
<Button type="button" component={Link} to={next}>
|
<Button
|
||||||
|
id={'next-button-firewall'}
|
||||||
|
type="button"
|
||||||
|
component={Link}
|
||||||
|
to={next}
|
||||||
|
>
|
||||||
Next
|
Next
|
||||||
</Button>
|
</Button>
|
||||||
</Margin>
|
</Margin>
|
||||||
|
@ -111,12 +111,20 @@ export const ImageType = ({ setImageType, vms }) => (
|
|||||||
<Margin bottom={3}>
|
<Margin bottom={3}>
|
||||||
<SectionList>
|
<SectionList>
|
||||||
<SectionListItem>
|
<SectionListItem>
|
||||||
<SectionListAnchor active={vms} onClick={() => setImageType(true)}>
|
<SectionListAnchor
|
||||||
|
id={'image-type-hwvm'}
|
||||||
|
active={vms}
|
||||||
|
onClick={() => setImageType(true)}
|
||||||
|
>
|
||||||
Hardware virtual machine
|
Hardware virtual machine
|
||||||
</SectionListAnchor>
|
</SectionListAnchor>
|
||||||
</SectionListItem>
|
</SectionListItem>
|
||||||
<SectionListItem>
|
<SectionListItem>
|
||||||
<SectionListAnchor active={!vms} onClick={() => setImageType(false)}>
|
<SectionListAnchor
|
||||||
|
id={'image-type-ic'}
|
||||||
|
active={!vms}
|
||||||
|
onClick={() => setImageType(false)}
|
||||||
|
>
|
||||||
Infrastructure container
|
Infrastructure container
|
||||||
</SectionListAnchor>
|
</SectionListAnchor>
|
||||||
</SectionListItem>
|
</SectionListItem>
|
||||||
|
@ -79,7 +79,12 @@ const Image = ({
|
|||||||
onSelectLatest={handleSelectLatest}
|
onSelectLatest={handleSelectLatest}
|
||||||
/>
|
/>
|
||||||
<Margin top="2">
|
<Margin top="2">
|
||||||
<Button type="button" component={Link} to={next}>
|
<Button
|
||||||
|
id={'next-button-image'}
|
||||||
|
type="button"
|
||||||
|
component={Link}
|
||||||
|
to={next}
|
||||||
|
>
|
||||||
Next
|
Next
|
||||||
</Button>
|
</Button>
|
||||||
</Margin>
|
</Margin>
|
||||||
|
@ -89,6 +89,7 @@ const Metadata = ({
|
|||||||
method="add"
|
method="add"
|
||||||
input="textarea"
|
input="textarea"
|
||||||
type="metadata"
|
type="metadata"
|
||||||
|
id="metadata"
|
||||||
onCancel={() => handleChangeAddOpen(false)}
|
onCancel={() => handleChangeAddOpen(false)}
|
||||||
editor={Editor}
|
editor={Editor}
|
||||||
expanded
|
expanded
|
||||||
@ -101,6 +102,7 @@ const Metadata = ({
|
|||||||
<FlexItem>
|
<FlexItem>
|
||||||
<Margin right={1}>
|
<Margin right={1}>
|
||||||
<Button
|
<Button
|
||||||
|
id={'button-add-metadata'}
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => handleChangeAddOpen(true)}
|
onClick={() => handleChangeAddOpen(true)}
|
||||||
secondary
|
secondary
|
||||||
@ -110,7 +112,12 @@ const Metadata = ({
|
|||||||
</Margin>
|
</Margin>
|
||||||
</FlexItem>
|
</FlexItem>
|
||||||
<FlexItem>
|
<FlexItem>
|
||||||
<Button type="button" component={Link} to={next}>
|
<Button
|
||||||
|
id={'next-button-metadata'}
|
||||||
|
type="button"
|
||||||
|
component={Link}
|
||||||
|
to={next}
|
||||||
|
>
|
||||||
Next
|
Next
|
||||||
</Button>
|
</Button>
|
||||||
</FlexItem>
|
</FlexItem>
|
||||||
|
@ -84,7 +84,7 @@ const Name = ({
|
|||||||
>
|
>
|
||||||
{props => (
|
{props => (
|
||||||
<Form onSubmit={null}>
|
<Form onSubmit={null}>
|
||||||
<FormGroup name="name" fluid field={Field}>
|
<FormGroup id={'input-name'} name="name" fluid field={Field}>
|
||||||
<FormLabel>Instance name</FormLabel>
|
<FormLabel>Instance name</FormLabel>
|
||||||
<Margin top="0.5">
|
<Margin top="0.5">
|
||||||
<Flex>
|
<Flex>
|
||||||
@ -94,6 +94,7 @@ const Name = ({
|
|||||||
<FlexItem>
|
<FlexItem>
|
||||||
<Margin left="1" inline>
|
<Margin left="1" inline>
|
||||||
<Button
|
<Button
|
||||||
|
id={'randomize-button-name'}
|
||||||
type="button"
|
type="button"
|
||||||
loading={randomizing}
|
loading={randomizing}
|
||||||
onClick={handleRandomize}
|
onClick={handleRandomize}
|
||||||
@ -113,7 +114,12 @@ const Name = ({
|
|||||||
<FormMeta />
|
<FormMeta />
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
<Margin top="5">
|
<Margin top="5">
|
||||||
<Button type="button" component={Link} to={next}>
|
<Button
|
||||||
|
id={'next-button-name'}
|
||||||
|
type="button"
|
||||||
|
component={Link}
|
||||||
|
to={next}
|
||||||
|
>
|
||||||
Next
|
Next
|
||||||
</Button>
|
</Button>
|
||||||
</Margin>
|
</Margin>
|
||||||
|
@ -113,7 +113,12 @@ const Networks = ({
|
|||||||
)}
|
)}
|
||||||
</Form>
|
</Form>
|
||||||
<Margin top="5">
|
<Margin top="5">
|
||||||
<Button type="button" component={Link} to={next}>
|
<Button
|
||||||
|
id={'next-button-networks'}
|
||||||
|
type="button"
|
||||||
|
component={Link}
|
||||||
|
to={next}
|
||||||
|
>
|
||||||
Next
|
Next
|
||||||
</Button>
|
</Button>
|
||||||
</Margin>
|
</Margin>
|
||||||
|
@ -105,7 +105,12 @@ const PackageComponent = ({
|
|||||||
))}
|
))}
|
||||||
</Packages>
|
</Packages>
|
||||||
<Margin top="4">
|
<Margin top="4">
|
||||||
<Button type="button" component={Link} to={next}>
|
<Button
|
||||||
|
id={'next-button-packages'}
|
||||||
|
type="button"
|
||||||
|
component={Link}
|
||||||
|
to={next}
|
||||||
|
>
|
||||||
Next
|
Next
|
||||||
</Button>
|
</Button>
|
||||||
</Margin>
|
</Margin>
|
||||||
|
@ -96,6 +96,7 @@ const TagsContainer = ({
|
|||||||
name={name}
|
name={name}
|
||||||
value={value}
|
value={value}
|
||||||
onRemoveClick={() => handleRemoveTag(index)}
|
onRemoveClick={() => handleRemoveTag(index)}
|
||||||
|
id={'tag-' + index}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
</TagList>
|
</TagList>
|
||||||
@ -119,6 +120,7 @@ const TagsContainer = ({
|
|||||||
method="add"
|
method="add"
|
||||||
input="input"
|
input="input"
|
||||||
type="tag"
|
type="tag"
|
||||||
|
id="tag"
|
||||||
expanded
|
expanded
|
||||||
borderless
|
borderless
|
||||||
onCancel={() => handleChangeAddOpen(false)}
|
onCancel={() => handleChangeAddOpen(false)}
|
||||||
@ -134,6 +136,7 @@ const TagsContainer = ({
|
|||||||
<FlexItem>
|
<FlexItem>
|
||||||
<Margin right={1}>
|
<Margin right={1}>
|
||||||
<Button
|
<Button
|
||||||
|
id={'add-tag-button'}
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => handleChangeAddOpen(true)}
|
onClick={() => handleChangeAddOpen(true)}
|
||||||
secondary
|
secondary
|
||||||
@ -143,7 +146,12 @@ const TagsContainer = ({
|
|||||||
</Margin>
|
</Margin>
|
||||||
</FlexItem>
|
</FlexItem>
|
||||||
<FlexItem>
|
<FlexItem>
|
||||||
<Button type="button" component={Link} to={next}>
|
<Button
|
||||||
|
id={'next-button-tags'}
|
||||||
|
type="button"
|
||||||
|
component={Link}
|
||||||
|
to={next}
|
||||||
|
>
|
||||||
Next
|
Next
|
||||||
</Button>
|
</Button>
|
||||||
</FlexItem>
|
</FlexItem>
|
||||||
|
@ -17,7 +17,7 @@ class EditorField extends PureComponent {
|
|||||||
|
|
||||||
export default () => (
|
export default () => (
|
||||||
<form name="user-script">
|
<form name="user-script">
|
||||||
<FormGroup name="value" field={Field} fluid>
|
<FormGroup id="userscript-editor" name="value" field={Field} fluid>
|
||||||
<Field name="value" component={EditorField} />
|
<Field name="value" component={EditorField} />
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
</form>
|
</form>
|
||||||
|
@ -54,7 +54,12 @@ const UserScript = ({
|
|||||||
<Fragment>
|
<Fragment>
|
||||||
<UserScriptForm {...props} />
|
<UserScriptForm {...props} />
|
||||||
<Margin top={5}>
|
<Margin top={5}>
|
||||||
<Button type="button" component={Link} to={next}>
|
<Button
|
||||||
|
id={'next-button-userscript'}
|
||||||
|
type="button"
|
||||||
|
component={Link}
|
||||||
|
to={next}
|
||||||
|
>
|
||||||
Next
|
Next
|
||||||
</Button>
|
</Button>
|
||||||
</Margin>
|
</Margin>
|
||||||
|
@ -278,13 +278,14 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c3"
|
className="c3"
|
||||||
|
id="cns-service-name-input"
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c4 c5"
|
className="c4 c5"
|
||||||
htmlFor="k"
|
htmlFor="cns-service-name-input"
|
||||||
>
|
>
|
||||||
Attach to new CNS service name
|
Attach to new CNS service name
|
||||||
</label>
|
</label>
|
||||||
@ -294,7 +295,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c7"
|
className="c7"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="k"
|
id="cns-service-name-input"
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
placeholder="Example: mySQLdb"
|
placeholder="Example: mySQLdb"
|
||||||
/>
|
/>
|
||||||
@ -313,6 +314,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
href=""
|
href=""
|
||||||
|
id="cns-service-name-add-button"
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
Add
|
Add
|
||||||
@ -601,13 +603,14 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c3"
|
className="c3"
|
||||||
|
id="cns-service-name-input"
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c4 c5"
|
className="c4 c5"
|
||||||
htmlFor="l"
|
htmlFor="cns-service-name-input"
|
||||||
>
|
>
|
||||||
Attach to new CNS service name
|
Attach to new CNS service name
|
||||||
</label>
|
</label>
|
||||||
@ -617,7 +620,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c7"
|
className="c7"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="l"
|
id="cns-service-name-input"
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
placeholder="Example: mySQLdb"
|
placeholder="Example: mySQLdb"
|
||||||
/>
|
/>
|
||||||
@ -636,6 +639,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={undefined}
|
disabled={undefined}
|
||||||
href=""
|
href=""
|
||||||
|
id="cns-service-name-add-button"
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
Add
|
Add
|
||||||
|
@ -5089,6 +5089,7 @@ exports[`renders <ToggleFirewallForm /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c1"
|
className="c1"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -5101,7 +5102,7 @@ exports[`renders <ToggleFirewallForm /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c3"
|
className="c3"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="k"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -5122,7 +5123,7 @@ exports[`renders <ToggleFirewallForm /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c7"
|
className="c7"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="k"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -5343,6 +5344,7 @@ exports[`renders <ToggleFirewallForm submitting /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c1"
|
className="c1"
|
||||||
|
id="fw-toggle-firewall"
|
||||||
name="enabled"
|
name="enabled"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -5355,7 +5357,7 @@ exports[`renders <ToggleFirewallForm submitting /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c3"
|
className="c3"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
id="m"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -5376,7 +5378,7 @@ exports[`renders <ToggleFirewallForm submitting /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c7"
|
className="c7"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
id="m"
|
id="fw-toggle-firewall"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
@ -5596,6 +5598,7 @@ exports[`renders <ToggleInactiveForm /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c1"
|
className="c1"
|
||||||
|
id="fw-toggle-inactive"
|
||||||
name="inactive"
|
name="inactive"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -5608,7 +5611,7 @@ exports[`renders <ToggleInactiveForm /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c3"
|
className="c3"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="o"
|
id="fw-toggle-inactive"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -5629,7 +5632,7 @@ exports[`renders <ToggleInactiveForm /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c7"
|
className="c7"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="o"
|
id="fw-toggle-inactive"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
|
@ -479,6 +479,7 @@ exports[`renders <Network /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c8"
|
className="c8"
|
||||||
|
id="network-checkbox-"
|
||||||
name={undefined}
|
name={undefined}
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -490,7 +491,7 @@ exports[`renders <Network /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c10"
|
className="c10"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="l"
|
id="network-checkbox-"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -1389,6 +1390,7 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c8"
|
className="c8"
|
||||||
|
id="network-checkbox-name"
|
||||||
name="1"
|
name="1"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -1400,7 +1402,7 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c10"
|
className="c10"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="n"
|
id="network-checkbox-name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -2312,6 +2314,7 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c8"
|
className="c8"
|
||||||
|
id="network-checkbox-name"
|
||||||
name="1"
|
name="1"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -2323,7 +2326,7 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c10"
|
className="c10"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="p"
|
id="network-checkbox-name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -3285,6 +3288,7 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c8"
|
className="c8"
|
||||||
|
id="network-checkbox-name"
|
||||||
name="1"
|
name="1"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -3296,7 +3300,7 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c10"
|
className="c10"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="t"
|
id="network-checkbox-name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -4533,6 +4537,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c8"
|
className="c8"
|
||||||
|
id="network-checkbox-name"
|
||||||
name="1"
|
name="1"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -4544,7 +4549,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c10"
|
className="c10"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="v"
|
id="network-checkbox-name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
@ -5744,6 +5749,7 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c8"
|
className="c8"
|
||||||
|
id="network-checkbox-name"
|
||||||
name="1"
|
name="1"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
@ -5755,7 +5761,7 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
|
|||||||
checked={false}
|
checked={false}
|
||||||
className="c10"
|
className="c10"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="r"
|
id="network-checkbox-name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
>
|
>
|
||||||
|
@ -103,7 +103,7 @@ export const AddServiceForm = ({
|
|||||||
<Flex wrap alignCenter={invalid} alignEnd={!invalid}>
|
<Flex wrap alignCenter={invalid} alignEnd={!invalid}>
|
||||||
<FlexItem>
|
<FlexItem>
|
||||||
<Flex collumn>
|
<Flex collumn>
|
||||||
<FormGroup name="name" field={Field}>
|
<FormGroup id="cns-service-name-input" name="name" field={Field}>
|
||||||
<FormLabel>Attach to new CNS service name</FormLabel>
|
<FormLabel>Attach to new CNS service name</FormLabel>
|
||||||
<Margin top={0.5}>
|
<Margin top={0.5}>
|
||||||
<Input
|
<Input
|
||||||
@ -120,6 +120,7 @@ export const AddServiceForm = ({
|
|||||||
<FlexItem>
|
<FlexItem>
|
||||||
<Margin left={2}>
|
<Margin left={2}>
|
||||||
<Button
|
<Button
|
||||||
|
id="cns-service-name-add-button"
|
||||||
type="submit"
|
type="submit"
|
||||||
disabled={submitting}
|
disabled={submitting}
|
||||||
loading={submitting}
|
loading={submitting}
|
||||||
@ -204,7 +205,7 @@ const CnsHostnames = ({
|
|||||||
<FormLabel>Existing CNS service name(s)</FormLabel>
|
<FormLabel>Existing CNS service name(s)</FormLabel>
|
||||||
<Margin top={1}>
|
<Margin top={1}>
|
||||||
<TagList>
|
<TagList>
|
||||||
{services.map(value => (
|
{services.map((value, index) => (
|
||||||
<Margin right={1} bottom={1}>
|
<Margin right={1} bottom={1}>
|
||||||
<TagItem
|
<TagItem
|
||||||
active
|
active
|
||||||
@ -213,6 +214,7 @@ const CnsHostnames = ({
|
|||||||
onRemoveClick={
|
onRemoveClick={
|
||||||
onRemoveService && (() => onRemoveService(value))
|
onRemoveService && (() => onRemoveService(value))
|
||||||
}
|
}
|
||||||
|
id={'cns-tag-' + index}
|
||||||
>
|
>
|
||||||
{value}
|
{value}
|
||||||
</TagItem>
|
</TagItem>
|
||||||
|
@ -177,7 +177,12 @@ export const ToggleFirewallForm = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Form onChange={onChange}>
|
<Form onChange={onChange}>
|
||||||
<FormGroup type="checkbox" name="enabled" field={Field}>
|
<FormGroup
|
||||||
|
id={'fw-toggle-firewall'}
|
||||||
|
type="checkbox"
|
||||||
|
name="enabled"
|
||||||
|
field={Field}
|
||||||
|
>
|
||||||
<Checkbox disabled={submitting}>
|
<Checkbox disabled={submitting}>
|
||||||
<FormLabel noMargin actionable>
|
<FormLabel noMargin actionable>
|
||||||
<Margin left={2} right={2}>
|
<Margin left={2} right={2}>
|
||||||
@ -192,7 +197,12 @@ export const ToggleFirewallForm = ({
|
|||||||
|
|
||||||
export const ToggleInactiveForm = () => (
|
export const ToggleInactiveForm = () => (
|
||||||
<Form>
|
<Form>
|
||||||
<FormGroup type="checkbox" name="inactive" field={Field}>
|
<FormGroup
|
||||||
|
id={'fw-toggle-inactive'}
|
||||||
|
type="checkbox"
|
||||||
|
name="inactive"
|
||||||
|
field={Field}
|
||||||
|
>
|
||||||
<Checkbox>
|
<Checkbox>
|
||||||
<FormLabel noMargin actionable>
|
<FormLabel noMargin actionable>
|
||||||
<Margin left={2} right={2}>
|
<Margin left={2} right={2}>
|
||||||
|
@ -7,6 +7,7 @@ import styled from 'styled-components';
|
|||||||
import Flex, { FlexItem } from 'styled-flex-component';
|
import Flex, { FlexItem } from 'styled-flex-component';
|
||||||
import remcalc from 'remcalc';
|
import remcalc from 'remcalc';
|
||||||
import { isNot } from 'styled-is';
|
import { isNot } from 'styled-is';
|
||||||
|
import paramCase from 'param-case';
|
||||||
|
|
||||||
import {
|
import {
|
||||||
H4,
|
H4,
|
||||||
@ -121,7 +122,11 @@ export const Expanded = ({
|
|||||||
<CardHeader secondary={selected}>
|
<CardHeader secondary={selected}>
|
||||||
{readOnly ? null : (
|
{readOnly ? null : (
|
||||||
<CardHeaderBox>
|
<CardHeaderBox>
|
||||||
<FormGroup name={id} field={Field}>
|
<FormGroup
|
||||||
|
id={'network-checkbox-' + paramCase(name)}
|
||||||
|
name={id}
|
||||||
|
field={Field}
|
||||||
|
>
|
||||||
<Checkbox noMargin checked={selected} />
|
<Checkbox noMargin checked={selected} />
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
</CardHeaderBox>
|
</CardHeaderBox>
|
||||||
|
@ -857,13 +857,14 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="k"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
|
|
||||||
@ -875,7 +876,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="k"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -893,13 +894,14 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="l"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -910,7 +912,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="l"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -938,6 +940,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -950,6 +953,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -966,6 +970,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -2064,13 +2069,14 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="m"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
|
|
||||||
@ -2082,7 +2088,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="m"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -2100,13 +2106,14 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="n"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -2117,7 +2124,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="n"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -2145,6 +2152,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -2157,6 +2165,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -2173,6 +2182,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -3109,13 +3119,14 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="o"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
key
|
key
|
||||||
@ -3126,7 +3137,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="o"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -3152,13 +3163,14 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="p"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -3169,7 +3181,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
|||||||
<textarea
|
<textarea
|
||||||
className="c23 c24"
|
className="c23 c24"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="p"
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
onBlur={undefined}
|
onBlur={undefined}
|
||||||
/>
|
/>
|
||||||
@ -3202,6 +3214,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -3214,6 +3227,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -3230,6 +3244,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -4123,13 +4138,14 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="s"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
|
|
||||||
@ -4141,7 +4157,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="s"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -4159,13 +4175,14 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="t"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -4176,7 +4193,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="t"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -4204,6 +4221,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -4216,6 +4234,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -4232,6 +4251,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -5127,13 +5147,14 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="u"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
|
|
||||||
@ -5145,7 +5166,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="u"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -5163,13 +5184,14 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="v"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -5180,7 +5202,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="v"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -5208,6 +5230,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -5220,6 +5243,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -5236,6 +5260,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -6192,13 +6217,14 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="w"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
|
|
||||||
@ -6210,7 +6236,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="w"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -6228,13 +6254,14 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="x"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -6245,7 +6272,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="x"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -6273,6 +6300,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -6285,6 +6313,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -6301,6 +6330,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -7305,13 +7335,14 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="y"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
|
|
||||||
@ -7323,7 +7354,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
id="y"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -7341,13 +7372,14 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="z"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Metadata
|
Metadata
|
||||||
value
|
value
|
||||||
@ -7358,7 +7390,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
id="z"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -7386,6 +7418,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -7398,6 +7431,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@ -7441,6 +7475,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
|
|||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -8334,13 +8369,14 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="name"
|
name="name"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="q"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Tag
|
Tag
|
||||||
|
|
||||||
@ -8352,7 +8388,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="q"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -8370,13 +8406,14 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="c16"
|
className="c16"
|
||||||
|
id={null}
|
||||||
name="value"
|
name="value"
|
||||||
role="group"
|
role="group"
|
||||||
style={undefined}
|
style={undefined}
|
||||||
>
|
>
|
||||||
<label
|
<label
|
||||||
className="c17 c18"
|
className="c17 c18"
|
||||||
htmlFor="r"
|
htmlFor={null}
|
||||||
>
|
>
|
||||||
Tag
|
Tag
|
||||||
value
|
value
|
||||||
@ -8387,7 +8424,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
|||||||
<input
|
<input
|
||||||
className="c20"
|
className="c20"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
id="r"
|
id={null}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
@ -8415,6 +8452,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
@ -8427,6 +8465,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
|||||||
data-ui-button="true"
|
data-ui-button="true"
|
||||||
disabled={true}
|
disabled={true}
|
||||||
href=""
|
href=""
|
||||||
|
id={null}
|
||||||
type="submit"
|
type="submit"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
@ -8443,6 +8482,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
|
|||||||
disabled={false}
|
disabled={false}
|
||||||
href=""
|
href=""
|
||||||
icon={true}
|
icon={true}
|
||||||
|
id={null}
|
||||||
onClick={[Function]}
|
onClick={[Function]}
|
||||||
type="button"
|
type="button"
|
||||||
>
|
>
|
||||||
|
@ -74,6 +74,7 @@ const Bold = styled.span`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
const TextareaKeyValue = ({
|
const TextareaKeyValue = ({
|
||||||
|
id = null,
|
||||||
type,
|
type,
|
||||||
submitting,
|
submitting,
|
||||||
onlyName,
|
onlyName,
|
||||||
@ -84,7 +85,12 @@ const TextareaKeyValue = ({
|
|||||||
{!onlyValue ? (
|
{!onlyValue ? (
|
||||||
<Row>
|
<Row>
|
||||||
<Col xs={12}>
|
<Col xs={12}>
|
||||||
<FormGroup name="name" field={Field} fluid>
|
<FormGroup
|
||||||
|
id={id ? 'kv-input-key-' + id : null}
|
||||||
|
name="name"
|
||||||
|
field={Field}
|
||||||
|
fluid
|
||||||
|
>
|
||||||
<FormLabel>{titleCase(type)} key</FormLabel>
|
<FormLabel>{titleCase(type)} key</FormLabel>
|
||||||
<Margin top={0.5}>
|
<Margin top={0.5}>
|
||||||
<Input onBlur={null} type="text" disabled={submitting} />
|
<Input onBlur={null} type="text" disabled={submitting} />
|
||||||
@ -102,7 +108,12 @@ const TextareaKeyValue = ({
|
|||||||
{!onlyName ? (
|
{!onlyName ? (
|
||||||
<Row>
|
<Row>
|
||||||
<Col xs={12}>
|
<Col xs={12}>
|
||||||
<FormGroup name="value" field={Field} fluid>
|
<FormGroup
|
||||||
|
id={id ? 'kv-input-value-' + id : null}
|
||||||
|
name="value"
|
||||||
|
field={Field}
|
||||||
|
fluid
|
||||||
|
>
|
||||||
<FormLabel>{titleCase(type)} value</FormLabel>
|
<FormLabel>{titleCase(type)} value</FormLabel>
|
||||||
<Margin top={0.5}>
|
<Margin top={0.5}>
|
||||||
<Textarea
|
<Textarea
|
||||||
@ -127,6 +138,7 @@ const TextareaKeyValue = ({
|
|||||||
);
|
);
|
||||||
|
|
||||||
const InputKeyValue = ({
|
const InputKeyValue = ({
|
||||||
|
id = null,
|
||||||
type,
|
type,
|
||||||
submitting,
|
submitting,
|
||||||
typeLabel,
|
typeLabel,
|
||||||
@ -136,7 +148,12 @@ const InputKeyValue = ({
|
|||||||
<Flex wrap justifyStart contentStretch>
|
<Flex wrap justifyStart contentStretch>
|
||||||
{!onlyValue ? (
|
{!onlyValue ? (
|
||||||
<FlexItem basis="auto">
|
<FlexItem basis="auto">
|
||||||
<FormGroup name="name" field={Field} fluid>
|
<FormGroup
|
||||||
|
id={id ? 'kv-input-name-' + id : null}
|
||||||
|
name="name"
|
||||||
|
field={Field}
|
||||||
|
fluid
|
||||||
|
>
|
||||||
<FormLabel>
|
<FormLabel>
|
||||||
{titleCase(type)} {typeLabel}
|
{titleCase(type)} {typeLabel}
|
||||||
</FormLabel>
|
</FormLabel>
|
||||||
@ -154,7 +171,12 @@ const InputKeyValue = ({
|
|||||||
{!onlyName ? (
|
{!onlyName ? (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
<FlexItem basis="auto">
|
<FlexItem basis="auto">
|
||||||
<FormGroup name="value" field={Field} fluid>
|
<FormGroup
|
||||||
|
id={id ? 'kv-input-value-' + id : null}
|
||||||
|
name="value"
|
||||||
|
field={Field}
|
||||||
|
fluid
|
||||||
|
>
|
||||||
<FormLabel>{titleCase(type)} value</FormLabel>
|
<FormLabel>{titleCase(type)} value</FormLabel>
|
||||||
<Margin top={0.5}>
|
<Margin top={0.5}>
|
||||||
<Input onBlur={null} type="text" disabled={submitting} />
|
<Input onBlur={null} type="text" disabled={submitting} />
|
||||||
@ -172,6 +194,7 @@ const InputKeyValue = ({
|
|||||||
);
|
);
|
||||||
|
|
||||||
export const KeyValue = ({
|
export const KeyValue = ({
|
||||||
|
id = null,
|
||||||
disabled = false,
|
disabled = false,
|
||||||
input = 'input',
|
input = 'input',
|
||||||
type = 'metadata',
|
type = 'metadata',
|
||||||
@ -266,6 +289,7 @@ export const KeyValue = ({
|
|||||||
) : null}
|
) : null}
|
||||||
{input === 'input' ? (
|
{input === 'input' ? (
|
||||||
<InputKeyValue
|
<InputKeyValue
|
||||||
|
id={id}
|
||||||
onBlur={null}
|
onBlur={null}
|
||||||
type={type}
|
type={type}
|
||||||
typeLabel={typeLabel}
|
typeLabel={typeLabel}
|
||||||
@ -276,6 +300,7 @@ export const KeyValue = ({
|
|||||||
) : null}
|
) : null}
|
||||||
{input === 'textarea' ? (
|
{input === 'textarea' ? (
|
||||||
<TextareaKeyValue
|
<TextareaKeyValue
|
||||||
|
id={id}
|
||||||
type={type}
|
type={type}
|
||||||
submitting={disabled || submitting}
|
submitting={disabled || submitting}
|
||||||
onlyName={onlyName}
|
onlyName={onlyName}
|
||||||
@ -290,6 +315,7 @@ export const KeyValue = ({
|
|||||||
<Row between="xs" middle="xs">
|
<Row between="xs" middle="xs">
|
||||||
<Col xs={method === 'add' ? 12 : 7}>
|
<Col xs={method === 'add' ? 12 : 7}>
|
||||||
<MarginalButton
|
<MarginalButton
|
||||||
|
id={id ? 'kv-cancel-button-' + id : null}
|
||||||
type="button"
|
type="button"
|
||||||
onClick={onCancel}
|
onClick={onCancel}
|
||||||
disabled={disabled || submitting}
|
disabled={disabled || submitting}
|
||||||
@ -298,6 +324,7 @@ export const KeyValue = ({
|
|||||||
<span>Cancel</span>
|
<span>Cancel</span>
|
||||||
</MarginalButton>
|
</MarginalButton>
|
||||||
<Button
|
<Button
|
||||||
|
id={id ? 'kv-submit-button-' + id : null}
|
||||||
type="submit"
|
type="submit"
|
||||||
disabled={pristine || invalid}
|
disabled={pristine || invalid}
|
||||||
loading={submitting && !removing}
|
loading={submitting && !removing}
|
||||||
@ -316,6 +343,7 @@ export const KeyValue = ({
|
|||||||
right
|
right
|
||||||
icon
|
icon
|
||||||
error
|
error
|
||||||
|
id={id ? 'kv-remove-button-' + id : null}
|
||||||
>
|
>
|
||||||
<Margin right={2}>
|
<Margin right={2}>
|
||||||
<DeleteIcon
|
<DeleteIcon
|
||||||
|
Loading…
Reference in New Issue
Block a user