@dvrd/dvr-controls 1.0.69 → 1.0.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -29,20 +29,16 @@ interface Props {
|
|
|
29
29
|
selectOnly: boolean;
|
|
30
30
|
searchValue: string;
|
|
31
31
|
optionsContainerHeight: number | string;
|
|
32
|
+
placeholder?: string;
|
|
32
33
|
}
|
|
33
34
|
|
|
34
|
-
// interface State {
|
|
35
|
-
// open: boolean;
|
|
36
|
-
// searchFocused: boolean;
|
|
37
|
-
// }
|
|
38
|
-
|
|
39
35
|
const transitionDuration = 200; // ms
|
|
40
36
|
|
|
41
37
|
export default function DvrdMultiSelect(props: Props) {
|
|
42
38
|
const {
|
|
43
39
|
error, disabled, selected, onChange, onChangeSearch, items, optionsContainerHeight, label, labelClassName,
|
|
44
40
|
selectOnly, valueClassName, searchValue, arrowClassName, itemClassName, itemsPosition, itemContainerClassName,
|
|
45
|
-
errorClassName, className
|
|
41
|
+
errorClassName, className, placeholder
|
|
46
42
|
} = props;
|
|
47
43
|
const [open, setOpen] = useState(false);
|
|
48
44
|
const [searchFocused, setSearchFocused] = useState(false);
|
|
@@ -100,7 +96,7 @@ export default function DvrdMultiSelect(props: Props) {
|
|
|
100
96
|
else valueLabel = getItemLabel(item);
|
|
101
97
|
}
|
|
102
98
|
}
|
|
103
|
-
if (!valueLabel.length) return '';
|
|
99
|
+
if (!valueLabel.length) return placeholder ?? '';
|
|
104
100
|
if (extra) valueLabel += ` +${extra}`
|
|
105
101
|
return valueLabel;
|
|
106
102
|
}
|
|
@@ -159,7 +155,7 @@ export default function DvrdMultiSelect(props: Props) {
|
|
|
159
155
|
const label = selectableItemLabel ?? item.label;
|
|
160
156
|
if (['number', 'string'].includes(typeof label)) return (
|
|
161
157
|
<label key={index} className={classNames('dvrd-select-item', isSelected && 'selected', itemClassName)}
|
|
162
|
-
onClick={onClickItem(value)}>{
|
|
158
|
+
onClick={onClickItem(value)}>{isSelected &&
|
|
163
159
|
<AwesomeIcon name='check' className='check-icon'/>} {label}</label>
|
|
164
160
|
);
|
|
165
161
|
const labelElement: ReactElement = label as ReactElement;
|