@razorpay/blade/build/lib/native/components/Dropdown/DropdownHeaderFooter.js

The Design System that powers Razorpay

import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import React__default from 'react';
import { useDropdown } from './useDropdown.js';
import { BaseFooter } from '../BaseHeaderFooter/BaseFooter.js';
import { BaseHeader } from '../BaseHeaderFooter/BaseHeader.js';
import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import { isReactNative } from '../../utils/platform/isReactNative.js';
import '../BladeProvider/useTheme.js';
import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
import { jsx } from 'react/jsx-runtime';

var _excluded=["title","subtitle","leading","titleSuffix","trailing","testID","children"];var _DropdownHeader=function _DropdownHeader(_ref){var title=_ref.title,subtitle=_ref.subtitle,leading=_ref.leading,titleSuffix=_ref.titleSuffix,trailing=_ref.trailing,testID=_ref.testID,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),hasAutoCompleteInHeader=_useDropdown.hasAutoCompleteInHeader,setShouldIgnoreBlurAnimation=_useDropdown.setShouldIgnoreBlurAnimation;return jsx(BaseBox,Object.assign({flexShrink:0},isReactNative()?{}:{onMouseDown:function onMouseDown(e){if(!hasAutoCompleteInHeader){e.preventDefault();}else {setShouldIgnoreBlurAnimation(false);}}},{children:jsx(BaseHeader,Object.assign({title:title,subtitle:subtitle,leading:leading,trailing:trailing,titleSuffix:titleSuffix,metaComponentName:MetaConstants.DropdownHeader,testID:testID,showBackButton:false,showCloseButton:false},makeAnalyticsAttribute(rest),{children:children}))}));};var DropdownHeader=assignWithoutSideEffects(_DropdownHeader,{componentId:'DropdownHeader'});var _DropdownFooter=function _DropdownFooter(_ref2){var children=_ref2.children,testID=_ref2.testID;var _useDropdown2=useDropdown(),setHasFooterAction=_useDropdown2.setHasFooterAction,isOpen=_useDropdown2.isOpen;var footerRef=React__default.useRef(null);React__default.useEffect(function(){setHasFooterAction(true);},[]);return jsx(BaseBox,Object.assign({ref:footerRef},makeAccessible({role:isReactNative()?undefined:'group'}),{children:jsx(BaseFooter,{metaComponentName:MetaConstants.DropdownFooter,testID:testID,children:isOpen?children:null})}));};var DropdownFooter=assignWithoutSideEffects(_DropdownFooter,{componentId:'DropdownFooter'});

export { DropdownFooter, DropdownHeader };
//# sourceMappingURL=DropdownHeaderFooter.js.map