projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
19504: Fix breadcrumbs height to improve text vertical centering
[arvados-workbench2.git]
/
src
/
components
/
autocomplete
/
autocomplete.tsx
diff --git
a/src/components/autocomplete/autocomplete.tsx
b/src/components/autocomplete/autocomplete.tsx
index e01673b70e6d992bb608fbf958072510dfd4c654..0044807b8a9ddb3e2abeb43a546dad5a2ada4d83 100644
(file)
--- a/
src/components/autocomplete/autocomplete.tsx
+++ b/
src/components/autocomplete/autocomplete.tsx
@@
-2,7
+2,7
@@
//
// SPDX-License-Identifier: AGPL-3.0
//
// SPDX-License-Identifier: AGPL-3.0
-import
* as
React from 'react';
+import React from 'react';
import {
Input as MuiInput,
Chip as MuiChip,
import {
Input as MuiInput,
Chip as MuiChip,
@@
-18,6
+18,7
@@
export interface AutocompleteProps<Item, Suggestion> {
label?: string;
value: string;
items: Item[];
label?: string;
value: string;
items: Item[];
+ disabled?: boolean;
suggestions?: Suggestion[];
error?: boolean;
helperText?: string;
suggestions?: Suggestion[];
error?: boolean;
helperText?: string;
@@
-67,6
+68,7
@@
export class Autocomplete<Value, Suggestion> extends React.Component<Autocomplet
renderInput() {
return <Input
renderInput() {
return <Input
+ disabled={this.props.disabled}
autoFocus={this.props.autofocus}
inputRef={this.inputRef}
value={this.props.value}
autoFocus={this.props.autofocus}
inputRef={this.inputRef}
value={this.props.value}
@@
-173,7
+175,7
@@
export class Autocomplete<Value, Suggestion> extends React.Component<Autocomplet
<Chip
label={this.renderChipValue(item)}
key={index}
<Chip
label={this.renderChipValue(item)}
key={index}
- onDelete={
() => onDelete ? onDelete(item, index
) : undefined} />
+ onDelete={
onDelete && !this.props.disabled ? (() => onDelete(item, index)
) : undefined} />
);
}
);
}