Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
const [dropdownPosition, setDropdownPosition] = useState(dropdownPositionProp);
const {
isOpen,
getToggleButtonProps,
getItemProps,
itemHighlightedAtIndex,
itemIsSelected,
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(() => {