package Ġformula ide . ui . fields . editor s Ċ Ċ import Ġformula ide . api . fields . Field Ċ import Ġformula ide . api . fields . Simple Field Ċ import Ġformula ide . ui . components . Styled Button Ċ import Ġformula ide . ui . components . inputs . Input Ċ import Ġformula ide . ui . components . inputs . Input Props Ċ import Ġorg . w 3 c . dom . HTML InputElement Ċ import Ġreact . FC Ċ Ċ external Ġinterface ĠMetadata Editor Reset Button Props Ġ: ĠEdit able Field Props Ġ{ Ċ ĉ var Ġvalue : ĠAny ? Ċ ĉ var Ġon Reset : Ġ() Ġ-> ĠSimple Field Ċ } Ċ Ċ val ĠMetadata Editor Reset Button Ġ= ĠFC < Metadata Editor Reset Button Props >(" Metadata Editor Reset Button ") Ġ{ Ġprops Ġ-> Ċ ĉ val Ġfield Ġ= Ġprops . field Ċ ĉ require ( field Ġis ĠField . Simple ) Ġ{ Ġ" Metadata Editor Reset Button : Ġexpected ĠField . Simple , Ġfound Ġ${ field :: class }: Ġ$ field " Ġ} ĊĊ ĉ if Ġ( props . value Ġ!= Ġnull ) Ġ{ Ċĉ ĉ Styled Button Ġ{ Ċĉĉ ĉ text Ġ= Ġ" ÃĹ " Ċĉĉ ĉ action Ġ= Ġ{ Ġprops . replace ( field . request Copy ( props . on Reset ())) Ġ} Ċĉ ĉ } Ċ ĉ } Ċ } Ċ Ċ external Ġinterface ĠMetadata Editor Input Props Ġ: ĠInput Props , ĠEdit able Field Props Ġ{ Ċ ĉ var Ġcurrent : ĠAny ? Ċ ĉ var Ġdefault : ĠAny ? Ċ ĉ var ĠonUpdate : Ġ( HTML InputElement ) Ġ-> ĠSimple Field ? Ċ } Ċ Ċ val ĠMetadata Editor Input Ġ= ĠFC < Metadata Editor Input Props >(" Metadata Editor Input ") Ġ{ Ġprops Ġ-> Ċ ĉ val Ġfield Ġ= Ġprops . field Ġas ĠField . Simple ĊĊ ĉ Input Ġ{ Ċĉ ĉ + props ĊĊĉ ĉ value Ġ= Ġprops . current ?. toString () Ġ?: Ġ"" ĊĊĉ ĉ if Ġ( props . default Ġ!= Ġnull ) Ċĉĉ ĉ placeholder Ġ= Ġprops . default ?. toString () ĊĊĉ ĉ onChange Ġ= Ġ{ Ċĉĉ ĉ props . on Update ( it . target )?. let Ġ{ Ġupdated Ġ-> Ċĉĉĉ ĉ props . replace ( field . request Copy ( updated )) Ċĉĉ ĉ } Ċĉ ĉ } Ċ ĉ } Ċ } Ċ