feat: add clear button to relation widget

This commit is contained in:
Daniel Lautzenheiser
2023-08-31 11:50:28 -04:00
parent 3d02a6b180
commit ff81002628
3 changed files with 61 additions and 17 deletions

View File

@ -323,6 +323,10 @@ const RelationControl: FC<WidgetControlProps<string | string[], RelationField>>
[onChange, uniqueOptionsByValue],
);
const isRequired = useMemo(() => field.required ?? true, [field.required]);
console.log('field.required', field.required);
return (
<Field
inputRef={ref}
@ -363,6 +367,7 @@ const RelationControl: FC<WidgetControlProps<string | string[], RelationField>>
value={selectedValue}
options={uniqueOptions}
disabled={disabled}
required={isRequired}
displayValue={item => {
if (!item || Array.isArray(item)) {
return '';

View File

@ -77,7 +77,9 @@ const SelectControl: FC<WidgetControlProps<string | number | (string | number)[]
? !selectedValue?.length
: isNullish(selectedValue);
if (field.required && isEmpty && isMultiple) {
const isRequired = field.required ?? true;
if (isRequired && isEmpty && isMultiple) {
setInternalValue([]);
onChange([]);
} else if (isEmpty) {