Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
getMenuProps,
getLabelProps,
selectedItems,
hoveredIndex,
} = useMultishift({
items,
multiple,
selectedItems: selectedItemsProp,
type: Type.Select,
onSelectedItemsChange: onSelect,
itemToString: item => item.label,
getItemId: item => item.id,
});
const { sx } = useRemirrorTheme();
const previous = usePrevious(isOpen);
const [bind, rect] = useMeasure();
const [{ height, opacity, transform }, setSpring] = useSpring(() => ({
height: 0,
opacity: 0,
transform: 'translate3d(20px,0,0)',
}));
const buttonRef = useRef(null);
useLayoutEffect(() => {
let newDropdownPosition = dropdownPosition;
if (!buttonRef.current) {
return;
}
const buttonRect = buttonRef.current.getBoundingClientRect();
if (autoPositionY) {