@ file : Js Module ("@ ch ak ra - ui / click able / dist / esm / use - click able ") Ċ Ċ package Ġcom . github . mp et us ka . kh ak ra . click able Ċ Ċ import Ġorg . w 3 c . dom . HTMLElement Ċ import Ġreact . R Props Ċ import Ġreact . R Readable Ref Ċ Ċ public Ġexternal Ġinterface ĠUse Clickable Props Ġ: ĠR Props Ġ{ ĊĠ Ġ/** ĊĠĠ Ġ* ĠIf Ġ` true `, Ġthe Ġelement Ġwill Ġbe Ġdisabled . ĊĠĠ Ġ* ĠIt Ġwill Ġset Ġthe Ġ` disabled ` ĠHTML Ġattribute ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġvar Ġis Disabled : ĠBoolean ? ĊĠĠĠ Ġget () Ġ= Ġdefined Ex tern ally ĊĠĠĠ Ġset ( value ) Ġ= Ġdefined Ex tern ally ĊĊĠ Ġ/** ĊĠĠ Ġ* ĠIf Ġ` true ` Ġand Ġis Disabled , Ġthe Ġelement Ġwill ĊĠĠ Ġ* Ġhave Ġonly Ġ` aria - disabled ` Ġset Ġto Ġ` true ` ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġvar Ġis Focus able : ĠBoolean ? ĊĠĠĠ Ġget () Ġ= Ġdefined Ex tern ally ĊĠĠĠ Ġset ( value ) Ġ= Ġdefined Ex tern ally ĊĊĠ Ġ/** ĊĠĠ Ġ* ĠWhether Ġor Ġnot Ġtrigger Ġclick Ġon Ġpressing Ġ` Enter `. ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġvar Ġclick On Enter : ĠBoolean ? ĊĠĠĠ Ġget () Ġ= Ġdefined Ex tern ally ĊĠĠĠ Ġset ( value ) Ġ= Ġdefined Ex tern ally ĊĊĠ Ġ/** ĊĠĠ Ġ* ĠWhether Ġor Ġnot Ġtrigger Ġclick Ġon Ġpressing Ġ` Space `. ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġvar Ġclick On Space : ĠBoolean ? ĊĠĠĠ Ġget () Ġ= Ġdefined Ex tern ally ĊĠĠĠ Ġset ( value ) Ġ= Ġdefined Ex tern ally ĊĊĠ Ġ/** ĊĠĠ Ġ* ĠThe Ġref Ġfor Ġthe Ġelement ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġvar Ġref : ĠR Readable Ref < HTMLElement >? ĊĠĠĠ Ġget () Ġ= Ġdefined Ex tern ally ĊĠĠĠ Ġset ( value ) Ġ= Ġdefined Ex tern ally Ċ } Ċ Ċ public Ġexternal Ġinterface ĠUse Clickable Return Ġ{ ĊĠ Ġpublic Ġval Ġref : Ġ(( value : ĠAny ) Ġ-> ĠUnit ) ĊĠ Ġpublic Ġval Ġrole : ĠString ĊĠ Ġpublic Ġval Ġtabindex : ĠInt ? ĊĊĠ Ġ/** ĊĠĠ Ġ* Ġtype : Ġ` React . MouseEvent < HTMLElement >` ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġval ĠonClick : Ġ( event : Ġdynamic ) Ġ-> ĠUnit ĊĊĠ Ġ/** ĊĠĠ Ġ* Ġtype : Ġ` React . MouseEvent < HTMLElement >` ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġval Ġon MouseDown : Ġ( event : Ġdynamic ) Ġ-> ĠUnit ĊĊĠ Ġ/** ĊĠĠ Ġ* Ġtype : Ġ` React . MouseEvent < HTMLElement >` ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġval ĠonMouse Up : Ġ( event : Ġdynamic ) Ġ-> ĠUnit ĊĊĠ Ġ/** ĊĠĠ Ġ* Ġtype : Ġ` React . MouseEvent < HTMLElement >` ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġval ĠonMouse Over : Ġ( event : Ġdynamic ) Ġ-> ĠUnit ĊĊĠ Ġ/** ĊĠĠ Ġ* Ġtype : Ġ` React . MouseEvent < HTMLElement >` ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġval ĠonMouse Leave : Ġ( event : Ġdynamic ) Ġ-> ĠUnit ĊĊĠ Ġ/** ĊĠĠ Ġ* Ġtype : Ġ` React . Keyboard Event < HTMLElement >` ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġval Ġon KeyUp : Ġ( event : Ġdynamic ) Ġ-> ĠUnit ĊĊĠ Ġ/** ĊĠĠ Ġ* Ġtype : Ġ` React . Keyboard Event < HTMLElement >` ĊĠĠ Ġ*/ ĊĠ Ġpublic Ġval Ġon KeyDown : Ġ( event : Ġdynamic ) Ġ-> ĠUnit Ċ } Ċ Ċ /** Ċ Ġ* Ġuse Clickable Ġimplements Ġall Ġthe Ġinteractions Ġof Ġa Ġnative Ġ` button ` Ċ Ġ* Ġcomponent Ġwith Ġsupport Ġfor Ġmaking Ġit Ġfocus able Ġeven Ġif Ġit Ġis Ġdisabled . Ċ Ġ* Ċ Ġ* ĠIt Ġcan Ġbe Ġused Ġwith Ġboth Ġnative Ġbutton Ġelements Ġor Ġother Ġelements Ġ( like Ġ` div `). Ċ Ġ*/ Ċ public Ġexternal Ġfun Ġuse Clickable ( props : ĠUse Clickable Props Ġ= Ġdefined Ex tern ally ): ĠUse Clickable Return Ċ