@stellar-expert/ui-framework 1.14.0 → 1.14.2

package/basic-styles/table.scss

@@ -73,6 +73,7 @@
 
     tr {
       display: block;
+      padding: .4em;
     }
 
     td {

package/interaction/system-dialog.js

@@ -19,6 +19,17 @@ export const SystemDialog = React.memo(function SystemDialog() {
 
     useEffect(() => {
         window.alert = function (content, options = {title: defaultAlertTitle, icon: 'info'}) {
+            function close() {
+                setContent(undefined)
+                window.removeEventListener('keydown', keyHandler, true)
+            }
+
+            function keyHandler(e) {
+                if (e.keyCode === 27 || e.keyCode === 13) {
+                    close()
+                }
+            }
+
             setContent(<>
                 <h2>
                     <i className={'inline-block icon-' + (options.icon || 'info')} style={{marginLeft: '-0.2em'}}/>{' '}
@@ -26,7 +37,8 @@ export const SystemDialog = React.memo(function SystemDialog() {
                 </h2>
                 <div className="space">{content}</div>
             </>)
-            setButtons([null, <Button block autoFocus onClick={() => setContent(undefined)}>Ok</Button>])
+            setButtons([null, <Button block autoFocus onClick={close}>Ok</Button>])
+            window.addEventListener('keydown', keyHandler, true)
         }
         window.confirm = function (content, options = {
             title: defaultConfirmTitle,
@@ -38,6 +50,15 @@ export const SystemDialog = React.memo(function SystemDialog() {
                 function setResult(result) {
                     setContent(undefined)
                     resolve(result)
+                    window.removeEventListener('keydown', keyHandler, true)
+                }
+
+                function keyHandler(e) {
+                    if (e.keyCode === 27) {
+                        setResult(false)
+                    } else if (e.keyCode === 13) {
+                        setResult(true)
+                    }
                 }
 
                 setContent(<>
@@ -50,6 +71,8 @@ export const SystemDialog = React.memo(function SystemDialog() {
                     <Button block autoFocus onClick={() => setResult(true)}>{options.confirmTitle || defaultConfirmCaption}</Button>,
                     <Button block outline onClick={() => setResult(false)}>{options.cancelTitle || defaultCancelCaption}</Button>
                 ])
+
+                window.addEventListener('keydown', keyHandler, true)
             })
         }
     }, [])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stellar-expert/ui-framework",
-  "version": "1.14.0",
+  "version": "1.14.2",
   "description": "StellarExpert shared UI components library",
   "main": "index.js",
   "module": "./index.js",

package/tx/op-description-view.js

@@ -923,7 +923,7 @@ const typeMapping = {
     liquidityPoolDeposit: DepositLiquidityDescriptionView,
     liquidityPoolWithdraw: WithdrawLiquidityDescriptionView,
     invokeHostFunction: InvokeHostFunctionView,
-    extendFootprintTTL: ExtendFootprintTTLView,
+    extendFootprintTtl: ExtendFootprintTTLView,
     restoreFootprint: RestoreFootprintView
 }
 

package/tx/op-icon.js

@@ -44,7 +44,7 @@ const opIconMapping = {
     liquidityPoolDeposit: 'droplet',
     liquidityPoolWithdraw: 'droplet-half',
     invokeHostFunction: 'flash',
-    bumpFootprintExpiration: 'upload',
+    extendFootprintTtl: 'upload',
     restoreFootprint: 'upload'
 }
 

package/tx/parser/tx-matcher.js

@@ -186,7 +186,7 @@ export default class TxMatcher {
                 case 'bumpSequence':
                 case 'endSponsoringFutureReserves':
                 case 'clawbackClaimableBalance':
-                case 'bumpFootprintExpiration':
+                case 'extendFootprintTtl':
                 case 'restoreFootprint':
                     matchingProps.account = new Set()
                     break