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

The Design System that powers Razorpay

import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import 'react';
import { useDropdown } from './useDropdown.js';
import { dropdownComponentIds } from './dropdownComponentIds.js';
import { getActionListContainerRole } from '../ActionList/getA11yRoles.js';
import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
import StyledIconButton from '../Button/IconButton/StyledIconButton.native.js';
import { jsx } from 'react/jsx-runtime';

var _excluded=["icon","isDisabled","onClick","onBlur","onKeyDown","size","accessibilityLabel","emphasis"];var _DropdownIconButton=function _DropdownIconButton(_ref){var icon=_ref.icon,_ref$isDisabled=_ref.isDisabled,isDisabled=_ref$isDisabled===void 0?false:_ref$isDisabled,_onClick=_ref.onClick,_onBlur=_ref.onBlur,_onKeyDown=_ref.onKeyDown,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,accessibilityLabel=_ref.accessibilityLabel,_ref$emphasis=_ref.emphasis,emphasis=_ref$emphasis===void 0?'intense':_ref$emphasis,rest=_objectWithoutProperties(_ref,_excluded);var _useDropdown=useDropdown(),onTriggerClick=_useDropdown.onTriggerClick,onTriggerKeydown=_useDropdown.onTriggerKeydown,dropdownBaseId=_useDropdown.dropdownBaseId,isOpen=_useDropdown.isOpen,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,triggererRef=_useDropdown.triggererRef;return jsx(StyledIconButton,Object.assign({},rest,{icon:icon,isDisabled:isDisabled,size:size,emphasis:emphasis,ref:triggererRef,accessibilityLabel:accessibilityLabel,accessibilityProps:{label:accessibilityLabel,hasPopup:getActionListContainerRole(hasFooterAction,'DropdownIconButton'),expanded:isOpen,controls:`${dropdownBaseId}-actionlist`,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined},onClick:function onClick(e){onTriggerClick();_onClick==null?void 0:_onClick(e);},onBlur:function onBlur(e){_onBlur==null?void 0:_onBlur(e);},onKeyDown:function onKeyDown(e){onTriggerKeydown==null?void 0:onTriggerKeydown({event:e});_onKeyDown==null?void 0:_onKeyDown(e);}}));};var DropdownIconButton=assignWithoutSideEffects(_DropdownIconButton,{componentId:dropdownComponentIds.triggers.DropdownIconButton});

export { DropdownIconButton };
//# sourceMappingURL=DropdownIconButton.js.map