File tree Expand file tree Collapse file tree 4 files changed +10
-3
lines changed
packages/react-devtools-shared/src/devtools/views/Components Expand file tree Collapse file tree 4 files changed +10
-3
lines changed Original file line number Diff line number Diff line change @@ -16,13 +16,15 @@ import {useEditableValue} from '../hooks';
16
16
type OverrideValueFn = ( path : Array < string | number > , value : any ) => void ;
17
17
18
18
type EditableValueProps = { |
19
+ className ? : string ,
19
20
dataType : string ,
20
21
initialValue : any ,
21
22
overrideValueFn : OverrideValueFn ,
22
23
path : Array < string | number > ,
23
24
| } ;
24
25
25
26
export default function EditableValue ( {
27
+ className = '' ,
26
28
dataType,
27
29
initialValue,
28
30
overrideValueFn,
@@ -74,7 +76,7 @@ export default function EditableValue({
74
76
< Fragment >
75
77
< input
76
78
autoComplete = "new-password"
77
- className = { isValid ? styles . Input : styles . Invalid }
79
+ className = { ` ${ isValid ? styles . Input : styles . Invalid } ${ className } ` }
78
80
onChange = { handleChange }
79
81
onKeyDown = { handleKeyDown }
80
82
placeholder = { placeholder }
Original file line number Diff line number Diff line change 53
53
display : flex;
54
54
align-items : center;
55
55
}
56
+
57
+ .EditableValue {
58
+ min-width : 1rem ;
59
+ }
Original file line number Diff line number Diff line change @@ -82,7 +82,7 @@ export default function InspectedElementTree({
82
82
</ Button >
83
83
) }
84
84
</ div >
85
- { isEmpty && < div className = { styles . Empty } > None</ div > }
85
+ { isEmpty && ! canAddEntries && < div className = { styles . Empty } > None</ div > }
86
86
{ ! isEmpty &&
87
87
( entries : any ) . map ( ( [ name , value ] ) => (
88
88
< KeyValue
@@ -104,6 +104,7 @@ export default function InspectedElementTree({
104
104
/>
105
105
:
106
106
< EditableValue
107
+ className = { styles . EditableValue }
107
108
initialValue = { '' }
108
109
overrideValueFn = { handleNewEntryValue }
109
110
path = { [ newPropName ] }
Original file line number Diff line number Diff line change @@ -358,7 +358,7 @@ function InspectedElementView({
358
358
inspectPath = { inspectPropsPath }
359
359
overrideValueFn = { overridePropsFn }
360
360
showWhenEmpty = { true }
361
- canAddEntries = { true }
361
+ canAddEntries = { typeof overridePropsFn === 'function' }
362
362
/>
363
363
{ type === ElementTypeSuspense ? (
364
364
< InspectedElementTree
You can’t perform that action at this time.
0 commit comments