(react) add clearable option to Select

Based on a feedback given from another project, we want to be able
to disable the clear feature on the select.

Resolve #60
This commit is contained in:
Nathan Vasse
2023-05-17 16:02:19 +02:00
committed by NathanVss
parent 9065d6c87b
commit c11727976c
5 changed files with 65 additions and 1 deletions

View File

@@ -34,6 +34,7 @@ type Props = PropsWithChildren &
target: { value: string | number | undefined };
}) => void;
disabled?: boolean;
clearable?: boolean;
};
function getOptionsFilter(inputValue?: string) {
@@ -96,6 +97,7 @@ const SelectAux = ({
downshiftReturn,
value,
disabled,
clearable = true,
}: SelectAuxProps) => {
const { t } = useCunningham();
const labelProps = downshiftReturn.getLabelProps();
@@ -148,7 +150,7 @@ const SelectAux = ({
<div className="c__select__inner">
<div className="c__select__inner__value">{children}</div>
<div className="c__select__inner__actions">
{!disabled && downshiftReturn.selectedItem && (
{clearable && !disabled && downshiftReturn.selectedItem && (
<>
<Button
color="tertiary"