@adaptabletools/adaptable
Version:
Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
20 lines (19 loc) • 1.03 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { useSelector } from 'react-redux';
import { Flex } from '../../../components/Flex';
import { Drawer } from '../../../components/Drawer/index';
import { QuickSearchFloatingVisibilitySelector } from '../../../Redux/ActionsReducers/InternalRedux';
import { useAdaptable } from '../../AdaptableContext';
import { QuickSearchInput } from '../QuickSearchInput';
export const QuickSearchDrawer = () => {
const adaptable = useAdaptable();
const isOpen = useSelector((state) => QuickSearchFloatingVisibilitySelector(state.Internal));
return (_jsx(Drawer, { open: isOpen, onOpenChange: (open) => {
if (open) {
adaptable.api.quickSearchApi.showFloatingQuickSearch();
}
else {
adaptable.api.quickSearchApi.hideFloatingQuickSearch();
}
}, children: _jsx(Flex, { className: "ab-FloatinQuickSearch ab-FloatingQuickSearch", children: _jsx(QuickSearchInput, { autoFocus: true }) }) }));
};