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

fix(my-joy-beta): onBlur=null to avoid double click on next 

fixes #1029
This commit is contained in:
Sara Vieira 2018-01-18 12:16:56 +01:00 committed by Sérgio Ramos
parent 0e342afd13
commit 75767714ba
31 changed files with 306 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -361,6 +361,7 @@ exports[`renders <Rule/> without throwing 1`] = `
className="c5 c6"
disabled={false}
id="Y"
onBlur={undefined}
>
<option
value="must"
@ -394,6 +395,7 @@ exports[`renders <Rule/> without throwing 1`] = `
className="c5 c6"
disabled={false}
id="Z"
onBlur={undefined}
>
<option
value="same"
@ -427,6 +429,7 @@ exports[`renders <Rule/> without throwing 1`] = `
className="c5 c6"
disabled={false}
id="a"
onBlur={undefined}
>
<option
value="name"
@ -458,6 +461,7 @@ exports[`renders <Rule/> without throwing 1`] = `
className="c5 c6"
disabled={false}
id="bb"
onBlur={undefined}
>
<option
value="equalling"
@ -498,6 +502,7 @@ exports[`renders <Rule/> without throwing 1`] = `
className="c9"
disabled={false}
id="bc"
onBlur={null}
placeholder="Example instance name: nginx"
required={true}
/>
@ -829,6 +834,7 @@ exports[`renders <Rule/> without throwing 2`] = `
className="c5 c6"
disabled={false}
id="bd"
onBlur={undefined}
>
<option
value="must"
@ -862,6 +868,7 @@ exports[`renders <Rule/> without throwing 2`] = `
className="c5 c6"
disabled={false}
id="be"
onBlur={undefined}
>
<option
value="same"
@ -895,6 +902,7 @@ exports[`renders <Rule/> without throwing 2`] = `
className="c5 c6"
disabled={false}
id="bf"
onBlur={undefined}
>
<option
value="name"
@ -926,6 +934,7 @@ exports[`renders <Rule/> without throwing 2`] = `
className="c5 c6"
disabled={false}
id="bg"
onBlur={undefined}
>
<option
value="equalling"
@ -966,6 +975,7 @@ exports[`renders <Rule/> without throwing 2`] = `
className="c9"
disabled={false}
id="bh"
onBlur={null}
placeholder="Example instance name: nginx"
required={true}
/>

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

@ -244,6 +244,7 @@ exports[`renders <AddServiceForm /> without throwing 1`] = `
className="c3"
disabled={false}
id="Y"
onBlur={null}
placeholder="Example: mySQLdb"
/>
</div>
@ -529,6 +530,7 @@ exports[`renders <AddServiceForm pristine /> without throwing 1`] = `
className="c3"
disabled={false}
id="Z"
onBlur={null}
placeholder="Example: mySQLdb"
/>
</div>
@ -828,12 +830,14 @@ exports[`renders <Hostname values /> without throwing 1`] = `
className="c7"
disabled={true}
id=""
onBlur={null}
value="111"
/>
<input
className="c7"
disabled={true}
id=""
onBlur={null}
value="111"
/>
</div>

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

@ -427,17 +427,20 @@ exports[`renders <Images expanded /> without throwing 1`] = `
checked={undefined}
className="c9"
id="Y"
onBlur={null}
type="checkbox"
/>
<label
className="c10"
htmlFor="Y"
id="Y"
onBlur={null}
/>
<label
className="c7"
htmlFor="Y"
id="Y"
onBlur={null}
>
Hardware Virtual Machine

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

@ -327,6 +327,7 @@ exports[`renders <Name expanded /> without throwing 1`] = `
className="c6"
disabled={false}
id="Y"
onBlur={null}
/>
<label
className="c7"

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

@ -559,6 +559,7 @@ exports[`renders <Network /> without throwing 1`] = `
className="c8"
disabled={false}
id="Z"
onBlur={undefined}
type="checkbox"
>
<input
@ -566,6 +567,7 @@ exports[`renders <Network /> without throwing 1`] = `
className="c9"
disabled={false}
id="a"
onBlur={undefined}
type="checkbox"
/>
<label
@ -1598,6 +1600,7 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
className="c8"
disabled={false}
id="bb"
onBlur={undefined}
type="checkbox"
>
<input
@ -1605,6 +1608,7 @@ exports[`renders <Network {...network} /> without throwing 1`] = `
className="c9"
disabled={false}
id="bc"
onBlur={undefined}
type="checkbox"
/>
<label
@ -2650,6 +2654,7 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
className="c8"
disabled={false}
id="bd"
onBlur={undefined}
type="checkbox"
>
<input
@ -2657,6 +2662,7 @@ exports[`renders <Network {...network} /> without throwing 3`] = `
className="c9"
disabled={false}
id="be"
onBlur={undefined}
type="checkbox"
/>
<label
@ -3841,6 +3847,7 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
className="c8"
disabled={false}
id="bh"
onBlur={undefined}
type="checkbox"
>
<input
@ -3848,6 +3855,7 @@ exports[`renders <Network {...network} fabric /> without throwing 1`] = `
className="c9"
disabled={false}
id="bi"
onBlur={undefined}
type="checkbox"
/>
<label
@ -5103,6 +5111,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
className="c8"
disabled={false}
id="bj"
onBlur={undefined}
type="checkbox"
>
<input
@ -5110,6 +5119,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
className="c9"
disabled={false}
id="bk"
onBlur={undefined}
type="checkbox"
/>
<label
@ -5332,6 +5342,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
className="c28"
disabled={false}
id="bl"
onBlur={null}
value="1"
/>
</div>
@ -5355,6 +5366,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
className="c28"
disabled={false}
id="bm"
onBlur={null}
value="255.255.255.0"
/>
</div>
@ -5378,6 +5390,7 @@ exports[`renders <Network {...network} infoExpanded /> without throwing 1`] = `
className="c28"
disabled={false}
id="bn"
onBlur={null}
value="192.168.1.2 - 192.168.1.253"
/>
</div>
@ -6296,6 +6309,7 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
className="c8"
disabled={false}
id="bf"
onBlur={undefined}
type="checkbox"
>
<input
@ -6303,6 +6317,7 @@ exports[`renders <Network {...network} public /> without throwing 1`] = `
className="c9"
disabled={false}
id="bg"
onBlur={undefined}
type="checkbox"
/>
<label

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

@ -395,6 +395,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c5"
disabled={false}
id="a"
onBlur={undefined}
type="checkbox"
>
<input
@ -402,6 +403,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c6"
disabled={false}
id="bb"
onBlur={undefined}
type="checkbox"
/>
<label
@ -414,6 +416,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c8"
disabled={false}
id="a"
onBlur={undefined}
>
<label
className="c9"
@ -464,6 +467,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c5"
disabled={false}
id="bc"
onBlur={undefined}
type="checkbox"
>
<input
@ -471,6 +475,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c6"
disabled={false}
id="bd"
onBlur={undefined}
type="checkbox"
/>
<label
@ -483,6 +488,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c8"
disabled={false}
id="bc"
onBlur={undefined}
>
<label
className="c9"
@ -533,6 +539,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c5"
disabled={false}
id="be"
onBlur={undefined}
type="checkbox"
>
<input
@ -540,6 +547,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c6"
disabled={false}
id="bf"
onBlur={undefined}
type="checkbox"
/>
<label
@ -552,6 +560,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c8"
disabled={false}
id="be"
onBlur={undefined}
>
<label
className="c9"
@ -602,6 +611,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c5"
disabled={false}
id="bg"
onBlur={undefined}
type="checkbox"
>
<input
@ -609,6 +619,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c6"
disabled={false}
id="bh"
onBlur={undefined}
type="checkbox"
/>
<label
@ -621,6 +632,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c8"
disabled={false}
id="bg"
onBlur={undefined}
>
<label
className="c9"
@ -671,6 +683,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c5"
disabled={false}
id="bi"
onBlur={undefined}
type="checkbox"
>
<input
@ -678,6 +691,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c6"
disabled={false}
id="bj"
onBlur={undefined}
type="checkbox"
/>
<label
@ -690,6 +704,7 @@ exports[`renders <Filters /> without throwing 1`] = `
className="c8"
disabled={false}
id="bi"
onBlur={undefined}
>
<label
className="c9"
@ -1433,11 +1448,13 @@ exports[`renders <Package /> without throwing 1`] = `
<li
className="c3"
disabled={false}
onBlur={null}
>
<div
className="c4"
disabled={false}
id="Y"
onBlur={null}
type="radio"
>
<input
@ -1445,6 +1462,7 @@ exports[`renders <Package /> without throwing 1`] = `
className="c5"
disabled={false}
id="Z"
onBlur={null}
type="radio"
/>
<label
@ -1456,6 +1474,7 @@ exports[`renders <Package /> without throwing 1`] = `
className="c7"
disabled={false}
id="Y"
onBlur={null}
>
<div
className="c8"

19
packages/my-joy-beta/src/components/create-instance/affinity.js
View File

@ -52,7 +52,14 @@ export const Rule = rule => (
{rule['rule-type'] === 'tag' ? (
<Fragment>
<FormGroup name="rule-instance-tag-key" field={Field}>
<Input small embedded type="text" required placeholder="key" />
<Input
onBlur={null}
small
embedded
type="text"
required
placeholder="key"
/>
</FormGroup>
<H5 inline noMargin>
and value{' '}
@ -61,7 +68,14 @@ export const Rule = rule => (
{Values(rule['rule-instance-tag-value-pattern'])}
</FormGroup>
<FormGroup name="rule-instance-tag-value" field={Field}>
<Input small embedded type="text" required placeholder="value" />
<Input
onBlur={null}
small
embedded
type="text"
required
placeholder="value"
/>
</FormGroup>
</Fragment>
) : (
@ -71,6 +85,7 @@ export const Rule = rule => (
</FormGroup>
<FormGroup name="rule-instance-name" field={Field}>
<Input
onBlur={null}
embedded
type="text"
required

6
packages/my-joy-beta/src/components/create-instance/cns.js
View File

@ -53,7 +53,7 @@ export const AddServiceForm = ({ handleSubmit, pristine }) => (
<Flex alignEnd>
<FormGroup name="name" field={Field}>
<FormLabel>Attach to new CNS service name</FormLabel>
<Input type="text" placeholder="Example: mySQLdb" />
<Input onBlur={null} type="text" placeholder="Example: mySQLdb" />
</FormGroup>
<Margin left={2}>
<Button type="submit" disabled={pristine}>
@ -86,7 +86,9 @@ export const Hostname = ({ values, network, service, ...hostname }) => (
<Small noMargin>{hostname.public ? 'Public' : 'Private'}</Small>
</FlexItem>
</Flex>
{values.map(value => <Input disabled monospace fluid value={value} />)}
{values.map(value => (
<Input onBlur={null} disabled monospace fluid value={value} />
))}
</Margin>
) : null}
</Fragment>

4
packages/my-joy-beta/src/components/create-instance/image.js
View File

@ -124,7 +124,7 @@ export default ({
<FormGroup name="vms" field={Field}>
<Flex alignCenter>
<FormLabel>Infrastructure Container </FormLabel>
<Toggle>Hardware Virtual Machine</Toggle>
<Toggle onBlur={null}>Hardware Virtual Machine</Toggle>
</Flex>
</FormGroup>
</Margin>
@ -146,7 +146,7 @@ export default ({
/>
<H4>{titleCase(image.imageName)}</H4>
<FormGroup name="image" field={Field}>
<Version>
<Version onBlur={null}>
<option selected>Version</option>
{image.versions.map(version => (
<option

2
packages/my-joy-beta/src/components/create-instance/name.js
View File

@ -21,7 +21,7 @@ export default ({ handleSubmit, pristine, expanded, name, onCancel }) => (
</Description>
<FormGroup name="name" fluid field={Field}>
<FormLabel>Instance Name</FormLabel>
<Input />
<Input onBlur={null} />
<FormMeta />
</FormGroup>
<Margin top={2} bottom={4}>

10
packages/my-joy-beta/src/components/create-instance/network.js
View File

@ -203,13 +203,20 @@ export const Expanded = ({
<FlexItem>
<FormGroup name="id">
<FormLabel>ID</FormLabel>
<Input big monospace type="text" value={id} />
<Input
onBlur={null}
big
monospace
type="text"
value={id}
/>
</FormGroup>
</FlexItem>
<FlexItem>
<FormGroup name="subnet">
<FormLabel>Subnet</FormLabel>
<Input
onBlur={null}
big
monospace
type="text"
@ -221,6 +228,7 @@ export const Expanded = ({
<FormGroup name="ip-range">
<FormLabel>IP range</FormLabel>
<Input
onBlur={null}
big
monospace
type="text"

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

@ -162,7 +162,7 @@ export const Package = ({
<TableTr>
<TableTd right selected={selected}>
<FormGroup name="package" value={id} type="radio" field={Field} fluid>
<Radio noMargin>
<Radio onBlur={null} noMargin>
<Flex alignCenter>
{GroupIcons[group]}
<Margin left={1} right={2}>

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

@ -840,6 +840,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
className="c12"
disabled={false}
id="Y"
onBlur={null}
/>
<label
className="c13"
@ -869,6 +870,7 @@ exports[`renders <KeyValue /> without throwing 1`] = `
className="c12"
disabled={false}
id="Z"
onBlur={null}
/>
<label
className="c13"
@ -1993,6 +1995,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
className="c12"
disabled={false}
id="a"
onBlur={null}
/>
<label
className="c13"
@ -2022,6 +2025,7 @@ exports[`renders <KeyValue input="input" /> without throwing 1`] = `
className="c12"
disabled={false}
id="bb"
onBlur={null}
/>
<label
className="c13"
@ -2990,6 +2994,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
className="c12"
disabled={false}
id="bc"
onBlur={null}
/>
<label
className="c13"
@ -3024,6 +3029,7 @@ exports[`renders <KeyValue input="textarea" /> without throwing 1`] = `
className="c15 c16"
disabled={false}
id="bd"
onBlur={undefined}
/>
<label
className="c13"
@ -3959,6 +3965,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
className="c12"
disabled={false}
id="bg"
onBlur={null}
/>
<label
className="c13"
@ -3988,6 +3995,7 @@ exports[`renders <KeyValue method="add" /> without throwing 1`] = `
className="c12"
disabled={false}
id="bh"
onBlur={null}
/>
<label
className="c13"
@ -4911,6 +4919,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
className="c12"
disabled={false}
id="bi"
onBlur={null}
/>
<label
className="c13"
@ -4940,6 +4949,7 @@ exports[`renders <KeyValue method="edit" /> without throwing 1`] = `
className="c12"
disabled={false}
id="bj"
onBlur={null}
/>
<label
className="c13"
@ -5946,6 +5956,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
className="c12"
disabled={false}
id="bk"
onBlur={null}
/>
<label
className="c13"
@ -5975,6 +5986,7 @@ exports[`renders <KeyValue removing /> without throwing 1`] = `
className="c12"
disabled={false}
id="bl"
onBlur={null}
/>
<label
className="c13"
@ -7011,6 +7023,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
className="c12"
disabled={true}
id="bm"
onBlur={null}
/>
<label
className="c13"
@ -7040,6 +7053,7 @@ exports[`renders <KeyValue submitting /> without throwing 1`] = `
className="c12"
disabled={true}
id="bn"
onBlur={null}
/>
<label
className="c13"
@ -7998,6 +8012,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
className="c12"
disabled={false}
id="be"
onBlur={null}
/>
<label
className="c13"
@ -8027,6 +8042,7 @@ exports[`renders <KeyValue type="tag" /> without throwing 1`] = `
className="c12"
disabled={false}
id="bf"
onBlur={null}
/>
<label
className="c13"

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

@ -429,6 +429,7 @@ exports[`renders <InstanceList /> without throwing 1`] = `
className="c8"
disabled={false}
id="bh"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -437,6 +438,7 @@ exports[`renders <InstanceList /> without throwing 1`] = `
className="c9"
disabled={false}
id="bi"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -960,6 +962,7 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
className="c8"
disabled={false}
id="bt"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -968,6 +971,7 @@ exports[`renders <InstanceList allSelected /> without throwing 1`] = `
className="c9"
disabled={false}
id="bu"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -1491,6 +1495,7 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
className="c8"
disabled={false}
id="bk"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -1499,6 +1504,7 @@ exports[`renders <InstanceList sortBy /> without throwing 1`] = `
className="c9"
disabled={false}
id="bl"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -2022,6 +2028,7 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
className="c8"
disabled={false}
id="bn"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -2030,6 +2037,7 @@ exports[`renders <InstanceList sortBy sortOrder /> without throwing 1`] = `
className="c9"
disabled={false}
id="bo"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -2553,6 +2561,7 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
className="c8"
disabled={true}
id="bq"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -2561,6 +2570,7 @@ exports[`renders <InstanceList submitting /> without throwing 1`] = `
className="c9"
disabled={true}
id="br"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -3084,6 +3094,7 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
className="c8"
disabled={false}
id="bw"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -3092,6 +3103,7 @@ exports[`renders <InstanceList>{children}</InstanceList> without throwing 1`] =
className="c9"
disabled={false}
id="bx"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -3560,6 +3572,7 @@ exports[`renders <Item /> without throwing 1`] = `
className="c8"
disabled={false}
id="Y"
onBlur={undefined}
type="checkbox"
>
<input
@ -3567,6 +3580,7 @@ exports[`renders <Item /> without throwing 1`] = `
className="c9"
disabled={false}
id="Z"
onBlur={undefined}
type="checkbox"
/>
<label
@ -4053,6 +4067,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
className="c8"
disabled={false}
id="be"
onBlur={undefined}
type="checkbox"
>
<input
@ -4060,6 +4075,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
className="c9"
disabled={false}
id="bf"
onBlur={undefined}
type="checkbox"
/>
<label
@ -4548,6 +4564,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
className="c8"
disabled={false}
id="bc"
onBlur={undefined}
type="checkbox"
>
<input
@ -4555,6 +4572,7 @@ exports[`renders <Item allowedActions /> without throwing 1`] = `
className="c9"
disabled={false}
id="bd"
onBlur={undefined}
type="checkbox"
/>
<label
@ -5064,6 +5082,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
className="c8"
disabled={false}
id="a"
onBlur={undefined}
type="checkbox"
>
<input
@ -5071,6 +5090,7 @@ exports[`renders <Item mutating /> without throwing 1`] = `
className="c9"
disabled={false}
id="bb"
onBlur={undefined}
type="checkbox"
/>
<label

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

@ -887,6 +887,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
className="c12"
disabled={false}
id="Y"
onBlur={null}
/>
<label
className="c13"
@ -921,6 +922,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
className="c15 c16"
disabled={false}
id="Z"
onBlur={undefined}
/>
<label
className="c13"
@ -1919,6 +1921,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
className="c12"
disabled={false}
id="a"
onBlur={null}
/>
<label
className="c13"
@ -1953,6 +1956,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
className="c15 c16"
disabled={false}
id="bb"
onBlur={undefined}
/>
<label
className="c13"

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

@ -390,6 +390,7 @@ exports[`renders <Actions /> without throwing 1`] = `
className="c8"
disabled={false}
id="bh"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -398,6 +399,7 @@ exports[`renders <Actions /> without throwing 1`] = `
className="c9"
disabled={false}
id="bi"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -789,6 +791,7 @@ exports[`renders <Item /> without throwing 1`] = `
className="c6"
disabled={false}
id="Z"
onBlur={undefined}
type="checkbox"
>
<input
@ -796,6 +799,7 @@ exports[`renders <Item /> without throwing 1`] = `
className="c7"
disabled={false}
id="a"
onBlur={undefined}
type="checkbox"
/>
<label
@ -1199,6 +1203,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
className="c6"
disabled={false}
id="bb"
onBlur={undefined}
type="checkbox"
>
<input
@ -1206,6 +1211,7 @@ exports[`renders <Item {...item} /> without throwing 1`] = `
className="c7"
disabled={false}
id="bc"
onBlur={undefined}
type="checkbox"
/>
<label
@ -1902,6 +1908,7 @@ exports[`renders <SnapshotList /> without throwing 1`] = `
className="c8"
disabled={false}
id="be"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -1910,6 +1917,7 @@ exports[`renders <SnapshotList /> without throwing 1`] = `
className="c9"
disabled={false}
id="bf"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -2393,6 +2401,7 @@ exports[`renders <SnapshotList allSelected /> without throwing 1`] = `
className="c8"
disabled={false}
id="bt"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -2401,6 +2410,7 @@ exports[`renders <SnapshotList allSelected /> without throwing 1`] = `
className="c9"
disabled={false}
id="bu"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -2884,6 +2894,7 @@ exports[`renders <SnapshotList sortBy /> without throwing 1`] = `
className="c8"
disabled={false}
id="bk"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -2892,6 +2903,7 @@ exports[`renders <SnapshotList sortBy /> without throwing 1`] = `
className="c9"
disabled={false}
id="bl"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -3375,6 +3387,7 @@ exports[`renders <SnapshotList sortBy sortOrder /> without throwing 1`] = `
className="c8"
disabled={false}
id="bn"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -3383,6 +3396,7 @@ exports[`renders <SnapshotList sortBy sortOrder /> without throwing 1`] = `
className="c9"
disabled={false}
id="bo"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -3866,6 +3880,7 @@ exports[`renders <SnapshotList submitting /> without throwing 1`] = `
className="c8"
disabled={true}
id="bq"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -3874,6 +3889,7 @@ exports[`renders <SnapshotList submitting /> without throwing 1`] = `
className="c9"
disabled={true}
id="br"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>

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

@ -1747,6 +1747,7 @@ exports[`renders <Summary /> without throwing 1`] = `
className="c30"
disabled={false}
id=""
onBlur={null}
value=""
/>
<div
@ -1817,6 +1818,7 @@ exports[`renders <Summary /> without throwing 1`] = `
className="c30"
disabled={false}
id=""
onBlur={null}
value={undefined}
/>
<div
@ -1887,6 +1889,7 @@ exports[`renders <Summary /> without throwing 1`] = `
className="c30"
disabled={false}
id=""
onBlur={null}
value={undefined}
/>
<div
@ -1957,6 +1960,7 @@ exports[`renders <Summary /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="ssh root@undefined"
/>
<div
@ -3890,6 +3894,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="2252839a"
/>
<div
@ -3960,6 +3965,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="2252839a-e698-ceec-afac-9549ad0c6624"
/>
<div
@ -4030,6 +4036,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="70bb1cee-dba3-11e3-a799-002590e4f2b0"
/>
<div
@ -4100,6 +4107,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="19aa3328-0025-11e7-a19a-c39077bfd4cf"
/>
<div
@ -4170,6 +4178,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="ssh root@72.2.119.146"
/>
<div
@ -4240,6 +4249,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="72.2.119.146"
/>
<div
@ -4310,6 +4320,7 @@ exports[`renders <Summary instance /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="10.112.5.63"
/>
<div
@ -6243,6 +6254,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="2252839a"
/>
<div
@ -6313,6 +6325,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="2252839a-e698-ceec-afac-9549ad0c6624"
/>
<div
@ -6383,6 +6396,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="70bb1cee-dba3-11e3-a799-002590e4f2b0"
/>
<div
@ -6453,6 +6467,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="19aa3328-0025-11e7-a19a-c39077bfd4cf"
/>
<div
@ -6523,6 +6538,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="ssh root@72.2.119.146"
/>
<div
@ -6593,6 +6609,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="72.2.119.146"
/>
<div
@ -6663,6 +6680,7 @@ exports[`renders <Summary instance /> without throwing 2`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="10.112.5.63"
/>
<div
@ -8405,6 +8423,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c34"
disabled={false}
id=""
onBlur={null}
value=""
/>
<div
@ -8475,6 +8494,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c34"
disabled={false}
id=""
onBlur={null}
value={undefined}
/>
<div
@ -8545,6 +8565,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c34"
disabled={false}
id=""
onBlur={null}
value={undefined}
/>
<div
@ -8615,6 +8636,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c36"
disabled={false}
id=""
onBlur={null}
value="ssh root@undefined"
/>
<div
@ -10587,6 +10609,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value=""
/>
<div
@ -10657,6 +10680,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value={undefined}
/>
<div
@ -10727,6 +10751,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value={undefined}
/>
<div
@ -10797,6 +10822,7 @@ exports[`renders <Summary state /> without throwing 1`] = `
className="c34"
disabled={false}
id=""
onBlur={null}
value="ssh root@undefined"
/>
<div
@ -12769,6 +12795,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value=""
/>
<div
@ -12839,6 +12866,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value={undefined}
/>
<div
@ -12909,6 +12937,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value={undefined}
/>
<div
@ -12979,6 +13008,7 @@ exports[`renders <Summary state /> without throwing 2`] = `
className="c34"
disabled={false}
id=""
onBlur={null}
value="ssh root@undefined"
/>
<div
@ -14785,6 +14815,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
className="c30"
disabled={false}
id=""
onBlur={null}
value=""
/>
<div
@ -14855,6 +14886,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
className="c30"
disabled={false}
id=""
onBlur={null}
value={undefined}
/>
<div
@ -14925,6 +14957,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
className="c30"
disabled={false}
id=""
onBlur={null}
value={undefined}
/>
<div
@ -14995,6 +15028,7 @@ exports[`renders <Summary state /> without throwing 3`] = `
className="c32"
disabled={false}
id=""
onBlur={null}
value="ssh root@undefined"
/>
<div

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

@ -869,6 +869,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
className="c12"
disabled={false}
id="Y"
onBlur={null}
/>
<label
className="c13"
@ -898,6 +899,7 @@ exports[`renders <AddForm /> without throwing 1`] = `
className="c12"
disabled={false}
id="Z"
onBlur={null}
/>
<label
className="c13"
@ -1855,6 +1857,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
className="c12"
disabled={false}
id="a"
onBlur={null}
/>
<label
className="c13"
@ -1884,6 +1887,7 @@ exports[`renders <EditForm /> without throwing 1`] = `
className="c12"
disabled={false}
id="bb"
onBlur={null}
/>
<label
className="c13"

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

@ -331,6 +331,7 @@ exports[`renders <Toolbar /> without throwing 1`] = `
className="c4"
disabled={false}
id="Y"
onBlur={undefined}
placeholder=""
/>
</div>
@ -695,6 +696,7 @@ exports[`renders <Toolbar actionLabel /> without throwing 1`] = `
className="c4"
disabled={false}
id="bk"
onBlur={undefined}
placeholder=""
/>
</div>
@ -1081,6 +1083,7 @@ exports[`renders <Toolbar actionable /> without throwing 1`] = `
className="c4"
disabled={false}
id="bn"
onBlur={undefined}
placeholder=""
/>
</div>
@ -1445,6 +1448,7 @@ exports[`renders <Toolbar onActionClick /> without throwing 1`] = `
className="c4"
disabled={false}
id="bq"
onBlur={undefined}
placeholder=""
/>
</div>
@ -1809,6 +1813,7 @@ exports[`renders <Toolbar searchLabel /> without throwing 1`] = `
className="c4"
disabled={false}
id="bb"
onBlur={undefined}
placeholder=""
/>
</div>
@ -2173,6 +2178,7 @@ exports[`renders <Toolbar searchPlaceholder /> without throwing 1`] = `
className="c4"
disabled={false}
id="be"
onBlur={undefined}
placeholder="Search placeholder"
/>
</div>
@ -2574,6 +2580,7 @@ exports[`renders <Toolbar searchable /> without throwing 1`] = `
className="c4"
disabled={true}
id="bh"
onBlur={undefined}
placeholder=""
/>
</div>

16
packages/my-joy-beta/src/components/instances/key-value.js
View File

@ -62,7 +62,7 @@ const TextareaKeyValue = ({ type, submitting }) => [
<Col xs={12}>
<FormGroup name="name" field={Field} fluid>
<FormLabel>{titleCase(type)} key</FormLabel>
<Input type="text" disabled={submitting} />
<Input onBlur={null} type="text" disabled={submitting} />
<FormMeta />
</FormGroup>
<Divider height={remcalc(12)} transparent />
@ -90,7 +90,7 @@ const InputKeyValue = ({ type, submitting }) => (
<FlexItem basis="auto">
<FormGroup name="name" field={Field} fluid>
<FormLabel>{titleCase(type)} key</FormLabel>
<Input type="text" disabled={submitting} />
<Input onBlur={null} type="text" disabled={submitting} />
<FormMeta />
</FormGroup>
</FlexItem>
@ -98,7 +98,7 @@ const InputKeyValue = ({ type, submitting }) => (
<FlexItem basis="auto">
<FormGroup name="value" field={Field} fluid>
<FormLabel>{titleCase(type)} value</FormLabel>
<Input disabled={submitting} />
<Input onBlur={null} disabled={submitting} />
<FormMeta />
</FormGroup>
</FlexItem>
@ -110,7 +110,7 @@ const InputName = ({ type, submitting }) => (
<FlexItem basis="auto">
<FormGroup name="name" field={Field} fluid>
<FormLabel>{titleCase(type)} Name</FormLabel>
<Input type="text" disabled={submitting} />
<Input onBlur={null} type="text" disabled={submitting} />
<FormMeta />
</FormGroup>
</FlexItem>
@ -183,9 +183,13 @@ export const KeyValue = ({
) : null}
{input === 'input' ? (
onlyName ? (
<InputName type={type} submitting={submitting} />
<InputName onBlur={null} type={type} submitting={submitting} />
) : (
<InputKeyValue type={type} submitting={submitting} />
<InputKeyValue
onBlur={null}
type={type}
submitting={submitting}
/>
)
) : null}
{input === 'textarea' ? (

2
packages/my-joy-beta/src/components/instances/metadata.js
View File

@ -17,7 +17,7 @@ export const MenuForm = ({ searchable, onAdd }) => (
<Col xs={7} sm={5}>
<FormGroup name="filter" field={Field} fluid>
<FormLabel>Filter</FormLabel>
<Input disabled={!searchable} fluid />
<Input onBlur={null} disabled={!searchable} fluid />
</FormGroup>
</Col>
<Col xs={5} sm={7}>

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

@ -136,7 +136,7 @@ export const CopiableField = ({ label, text, ...rest }) => (
<Col xs={12} md={7}>
<FormLabel>{label}</FormLabel>
<InputIconWrapper {...rest}>
<Input fluid value={text} />
<Input onBlur={null} fluid value={text} />
<CopyToClipboardTooltip>{text}</CopyToClipboardTooltip>
</InputIconWrapper>
</Col>

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

@ -1352,6 +1352,7 @@ Array [
className="c12"
disabled={false}
id="bg"
onBlur={null}
/>
<label
className="c13"
@ -1386,6 +1387,7 @@ Array [
className="c15 c16"
disabled={false}
id="bh"
onBlur={undefined}
/>
<label
className="c13"
@ -3286,6 +3288,7 @@ Array [
className="c12"
disabled={false}
id="Y"
onBlur={null}
/>
<label
className="c13"
@ -3320,6 +3323,7 @@ Array [
className="c15 c16"
disabled={false}
id="Z"
onBlur={undefined}
/>
<label
className="c13"
@ -4322,6 +4326,7 @@ Array [
className="c12"
disabled={false}
id="a"
onBlur={null}
/>
<label
className="c13"
@ -4356,6 +4361,7 @@ Array [
className="c15 c16"
disabled={false}
id="bb"
onBlur={undefined}
/>
<label
className="c13"
@ -5641,6 +5647,7 @@ Array [
className="c12"
disabled={false}
id="bc"
onBlur={null}
/>
<label
className="c13"
@ -5675,6 +5682,7 @@ Array [
className="c15 c16"
disabled={false}
id="bd"
onBlur={undefined}
/>
<label
className="c13"
@ -6677,6 +6685,7 @@ Array [
className="c12"
disabled={false}
id="be"
onBlur={null}
/>
<label
className="c13"
@ -6711,6 +6720,7 @@ Array [
className="c15 c16"
disabled={false}
id="bf"
onBlur={undefined}
/>
<label
className="c13"

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

@ -2480,6 +2480,7 @@ Array [
className="c8"
disabled={false}
id="Y"
onBlur={undefined}
type="checkbox"
>
<input
@ -2487,6 +2488,7 @@ Array [
className="c9"
disabled={false}
id="Z"
onBlur={undefined}
type="checkbox"
/>
<label
@ -2726,6 +2728,7 @@ Array [
className="c8"
disabled={false}
id="a"
onBlur={undefined}
type="checkbox"
>
<input
@ -2733,6 +2736,7 @@ Array [
className="c9"
disabled={false}
id="bb"
onBlur={undefined}
type="checkbox"
/>
<label

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

@ -1324,6 +1324,7 @@ Array [
className="c12"
disabled={false}
id="Y"
onBlur={null}
/>
<label
className="c13"
@ -1353,6 +1354,7 @@ Array [
className="c12"
disabled={false}
id="Z"
onBlur={null}
/>
<label
className="c13"

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

@ -794,6 +794,7 @@ exports[`renders <List /> without throwing 1`] = `
className="c7"
disabled={false}
id="Y"
onBlur={undefined}
placeholder="Search for name, state, tags, etc..."
/>
</div>
@ -861,6 +862,7 @@ exports[`renders <List /> without throwing 1`] = `
className="c21"
disabled={false}
id="bc"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -869,6 +871,7 @@ exports[`renders <List /> without throwing 1`] = `
className="c22"
disabled={false}
id="bd"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -1830,6 +1833,7 @@ exports[`renders <List error /> without throwing 1`] = `
className="c7"
disabled={false}
id="bh"
onBlur={undefined}
placeholder="Search for name, state, tags, etc..."
/>
</div>
@ -1938,6 +1942,7 @@ exports[`renders <List error /> without throwing 1`] = `
className="c27"
disabled={false}
id="bl"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -1946,6 +1951,7 @@ exports[`renders <List error /> without throwing 1`] = `
className="c28"
disabled={false}
id="bm"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -3002,6 +3008,7 @@ exports[`renders <List instances /> without throwing 1`] = `
className="c7"
disabled={false}
id="bn"
onBlur={undefined}
placeholder="Search for name, state, tags, etc..."
/>
</div>
@ -3069,6 +3076,7 @@ exports[`renders <List instances /> without throwing 1`] = `
className="c21"
disabled={false}
id="br"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -3077,6 +3085,7 @@ exports[`renders <List instances /> without throwing 1`] = `
className="c22"
disabled={false}
id="bs"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -3193,6 +3202,7 @@ exports[`renders <List instances /> without throwing 1`] = `
className="c21"
disabled={false}
id="bt"
onBlur={undefined}
type="checkbox"
>
<input
@ -3200,6 +3210,7 @@ exports[`renders <List instances /> without throwing 1`] = `
className="c22"
disabled={false}
id="bu"
onBlur={undefined}
type="checkbox"
/>
<label
@ -3340,6 +3351,7 @@ exports[`renders <List instances /> without throwing 1`] = `
className="c21"
disabled={false}
id="bv"
onBlur={undefined}
type="checkbox"
>
<input
@ -3347,6 +3359,7 @@ exports[`renders <List instances /> without throwing 1`] = `
className="c22"
disabled={false}
id="bw"
onBlur={undefined}
type="checkbox"
/>
<label
@ -5134,6 +5147,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
className="c7"
disabled={false}
id="bx"
onBlur={undefined}
placeholder="Search for name, state, tags, etc..."
/>
</div>
@ -5201,6 +5215,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
className="c21"
disabled={false}
id="bB"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -5209,6 +5224,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
className="c22"
disabled={false}
id="bC"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -5325,6 +5341,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
className="c21"
disabled={false}
id="bD"
onBlur={undefined}
type="checkbox"
>
<input
@ -5332,6 +5349,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
className="c22"
disabled={false}
id="bE"
onBlur={undefined}
type="checkbox"
/>
<label
@ -5472,6 +5490,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
className="c21"
disabled={false}
id="bF"
onBlur={undefined}
type="checkbox"
>
<input
@ -5479,6 +5498,7 @@ exports[`renders <List instances selected /> without throwing 1`] = `
className="c22"
disabled={false}
id="bG"
onBlur={undefined}
type="checkbox"
/>
<label
@ -7754,6 +7774,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
className="c7"
disabled={false}
id="bH"
onBlur={undefined}
placeholder="Search for name, state, tags, etc..."
/>
</div>
@ -7821,6 +7842,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
className="c21"
disabled={false}
id="bL"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -7829,6 +7851,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
className="c22"
disabled={false}
id="bM"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -7945,6 +7968,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
className="c21"
disabled={false}
id="bN"
onBlur={undefined}
type="checkbox"
>
<input
@ -7952,6 +7976,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
className="c22"
disabled={false}
id="bO"
onBlur={undefined}
type="checkbox"
/>
<label
@ -8092,6 +8117,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
className="c21"
disabled={false}
id="bP"
onBlur={undefined}
type="checkbox"
>
<input
@ -8099,6 +8125,7 @@ exports[`renders <List instances selected=all /> without throwing 1`] = `
className="c22"
disabled={false}
id="bQ"
onBlur={undefined}
type="checkbox"
/>
<label
@ -10583,6 +10610,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
className="c7"
disabled={false}
id="bR"
onBlur={undefined}
placeholder="Search for name, state, tags, etc..."
/>
</div>
@ -10650,6 +10678,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
className="c21"
disabled={false}
id="bV"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
>
@ -10658,6 +10687,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
className="c22"
disabled={false}
id="bW"
onBlur={undefined}
onChange={[Function]}
type="checkbox"
/>
@ -10774,6 +10804,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
className="c21"
disabled={false}
id="bX"
onBlur={undefined}
type="checkbox"
>
<input
@ -10781,6 +10812,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
className="c22"
disabled={false}
id="bY"
onBlur={undefined}
type="checkbox"
/>
<label
@ -10921,6 +10953,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
className="c21"
disabled={false}
id="bZ"
onBlur={undefined}
type="checkbox"
>
<input
@ -10928,6 +10961,7 @@ exports[`renders <List instances selected=all allowedActions /> without throwing
className="c22"
disabled={false}
id="ca"
onBlur={undefined}
type="checkbox"
/>
<label
@ -12056,6 +12090,7 @@ exports[`renders <List loading /> without throwing 1`] = `
className="c7"
disabled={true}
id="be"
onBlur={undefined}
placeholder="Search for name, state, tags, etc..."
/>
</div>

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

@ -435,6 +435,7 @@ exports[`renders <Metadata /> without throwing 1`] = `
className="c5"
disabled={false}
id="Y"
onBlur={undefined}
placeholder=""
/>
</div>
@ -1671,6 +1672,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
className="c5"
disabled={false}
id="bh"
onBlur={undefined}
placeholder=""
/>
</div>
@ -1775,6 +1777,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
className="c24"
disabled={false}
id="bk"
onBlur={null}
/>
<label
className="c25"
@ -1809,6 +1812,7 @@ exports[`renders <Metadata addOpen /> without throwing 1`] = `
className="c27 c28"
disabled={false}
id="bl"
onBlur={undefined}
/>
<label
className="c25"
@ -2428,6 +2432,7 @@ exports[`renders <Metadata error /> without throwing 1`] = `
className="c5"
disabled={false}
id="be"
onBlur={undefined}
placeholder=""
/>
</div>
@ -3043,6 +3048,7 @@ exports[`renders <Metadata loading /> without throwing 1`] = `
className="c5"
disabled={true}
id="bb"
onBlur={undefined}
placeholder=""
/>
</div>
@ -4508,6 +4514,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
className="c5"
disabled={false}
id="bm"
onBlur={undefined}
placeholder=""
/>
</div>
@ -4621,6 +4628,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
className="c26"
disabled={false}
id="bp"
onBlur={null}
/>
<label
className="c27"
@ -4655,6 +4663,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
className="c29 c30"
disabled={false}
id="bq"
onBlur={undefined}
/>
<label
className="c27"
@ -4811,6 +4820,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
className="c26"
disabled={false}
id="br"
onBlur={null}
/>
<label
className="c27"
@ -4845,6 +4855,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
className="c29 c30"
disabled={false}
id="bs"
onBlur={undefined}
/>
<label
className="c27"
@ -5001,6 +5012,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
className="c26"
disabled={false}
id="bt"
onBlur={null}
/>
<label
className="c27"
@ -5035,6 +5047,7 @@ exports[`renders <Metadata metadata /> without throwing 1`] = `
className="c29 c30"
disabled={false}
id="bu"
onBlur={undefined}
/>
<label
className="c27"

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

@ -2479,6 +2479,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="2252839a"
/>
<div
@ -2549,6 +2550,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="2252839a-e698-ceec-afac-9549ad0c6624"
/>
<div
@ -2619,6 +2621,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="70bb1cee-dba3-11e3-a799-002590e4f2b0"
/>
<div
@ -2689,6 +2692,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="19aa3328-0025-11e7-a19a-c39077bfd4cf"
/>
<div
@ -2759,6 +2763,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="ssh root@72.2.119.146"
/>
<div
@ -2829,6 +2834,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="72.2.119.146"
/>
<div
@ -2899,6 +2905,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="10.112.5.63"
/>
<div
@ -4870,6 +4877,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="2252839a"
/>
<div
@ -4940,6 +4948,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="2252839a-e698-ceec-afac-9549ad0c6624"
/>
<div
@ -5010,6 +5019,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="70bb1cee-dba3-11e3-a799-002590e4f2b0"
/>
<div
@ -5080,6 +5090,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="19aa3328-0025-11e7-a19a-c39077bfd4cf"
/>
<div
@ -5150,6 +5161,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="ssh root@72.2.119.146"
/>
<div
@ -5220,6 +5232,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="72.2.119.146"
/>
<div
@ -5290,6 +5303,7 @@ exports[`renders <Summary starting stopping rebooting removing /> without throwi
className="c33"
disabled={false}
id=""
onBlur={null}
value="10.112.5.63"
/>
<div

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

@ -448,6 +448,7 @@ exports[`renders <Tags /> without throwing 1`] = `
className="c5"
disabled={false}
id="Y"
onBlur={undefined}
placeholder=""
/>
</div>
@ -1682,6 +1683,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
className="c5"
disabled={false}
id="bh"
onBlur={undefined}
placeholder=""
/>
</div>
@ -1786,6 +1788,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
className="c25"
disabled={false}
id="bk"
onBlur={null}
/>
<label
className="c26"
@ -1815,6 +1818,7 @@ exports[`renders <Tags addOpen /> without throwing 1`] = `
className="c25"
disabled={false}
id="bl"
onBlur={null}
/>
<label
className="c26"
@ -2374,6 +2378,7 @@ exports[`renders <Tags editable /> without throwing 1`] = `
className="c5"
disabled={false}
id="br"
onBlur={undefined}
placeholder=""
/>
</div>
@ -3623,6 +3628,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
className="c5"
disabled={false}
id="bm"
onBlur={undefined}
placeholder=""
/>
</div>
@ -3732,6 +3738,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
className="c25"
disabled={false}
id="bp"
onBlur={null}
/>
<label
className="c26"
@ -3761,6 +3768,7 @@ exports[`renders <Tags editing /> without throwing 1`] = `
className="c25"
disabled={false}
id="bq"
onBlur={null}
/>
<label
className="c26"
@ -5135,6 +5143,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
className="c5"
disabled={false}
id="bu"
onBlur={undefined}
placeholder=""
/>
</div>
@ -5244,6 +5253,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
className="c25"
disabled={false}
id="bx"
onBlur={null}
/>
<label
className="c26"
@ -5273,6 +5283,7 @@ exports[`renders <Tags editing.removing /> without throwing 1`] = `
className="c25"
disabled={false}
id="by"
onBlur={null}
/>
<label
className="c26"
@ -5825,6 +5836,7 @@ exports[`renders <Tags error /> without throwing 1`] = `
className="c5"
disabled={false}
id="be"
onBlur={undefined}
placeholder=""
/>
</div>
@ -6402,6 +6414,7 @@ exports[`renders <Tags loading /> without throwing 1`] = `
className="c5"
disabled={true}
id="bb"
onBlur={undefined}
placeholder=""
/>
</div>
@ -6965,6 +6978,7 @@ exports[`renders <Tags tags /> without throwing 1`] = `
className="c5"
disabled={false}
id="bz"
onBlur={undefined}
placeholder=""
/>
</div>

13
packages/ui-toolkit/src/form/__tests__/__snapshots__/form.spec.js.snap
View File

@ -150,6 +150,7 @@ exports[`Form Checkbox 1`] = `
className="c1"
disabled={false}
id=""
onBlur={undefined}
type="checkbox"
>
<input
@ -157,6 +158,7 @@ exports[`Form Checkbox 1`] = `
className="c2"
disabled={false}
id="b"
onBlur={undefined}
type="checkbox"
/>
<label
@ -169,6 +171,7 @@ exports[`Form Checkbox 1`] = `
className="c4"
disabled={false}
id=""
onBlur={undefined}
>
<label
className="c5"
@ -359,6 +362,7 @@ exports[`Form Input 1`] = `
className="c0"
disabled={false}
id=""
onBlur={undefined}
placeholder="Example: JarJarBinks"
/>
`;
@ -524,11 +528,13 @@ exports[`Form Radio 1`] = `
<li
className="c0"
disabled={false}
onBlur={undefined}
>
<div
className="c1"
disabled={false}
id=""
onBlur={undefined}
type="radio"
>
<input
@ -536,6 +542,7 @@ exports[`Form Radio 1`] = `
className="c2"
disabled={false}
id="c"
onBlur={undefined}
type="radio"
/>
<label
@ -547,6 +554,7 @@ exports[`Form Radio 1`] = `
className="c4"
disabled={false}
id=""
onBlur={undefined}
>
<label
className="c5"
@ -661,6 +669,7 @@ exports[`Form Select 1`] = `
className="c1 c2"
disabled={false}
id=""
onBlur={undefined}
>
<option
disabled={true}
@ -760,6 +769,7 @@ exports[`Form Textarea 1`] = `
className="c0 c1"
disabled={false}
id=""
onBlur={undefined}
/>
`;
@ -939,6 +949,7 @@ exports[`Form Toggle 1`] = `
className="c2"
disabled={true}
id="d"
onBlur={undefined}
type="checkbox"
value="video"
/>
@ -947,6 +958,7 @@ exports[`Form Toggle 1`] = `
disabled={true}
htmlFor="d"
id="d"
onBlur={undefined}
value="video"
/>
<label
@ -954,6 +966,7 @@ exports[`Form Toggle 1`] = `
disabled={true}
htmlFor="d"
id="d"
onBlur={undefined}
value="video"
>

3
packages/ui-toolkit/src/form/base/input.js
View File

@ -192,7 +192,7 @@ const style = css`
}
`;
const BaseInput = Component => ({ resize, type, ...props }) => {
const BaseInput = Component => ({ resize, onBlur, type, ...props }) => {
const render = value => {
const _value = value || {};
const { input = {}, meta = {}, id = '' } = _value;
@ -210,6 +210,7 @@ const BaseInput = Component => ({ resize, type, ...props }) => {
<Component
{...props}
{...input}
onBlur={onBlur}
id={id}
error={hasError}
warning={hasWarning}