@stellar-expert/ui-framework 1.9.10 → 1.10.0

package/module/dynamic-module.js

@@ -1,48 +1,48 @@
-import React, {useEffect, useState} from 'react'
-import PropTypes from 'prop-types'
-import {withErrorBoundary} from '../errors/error-boundary'
-
-const loadedModules = new Map()
-
-export const DynamicModule = withErrorBoundary(
-    /**
-     * Dynamically loadable module
-     * @param {Function} load - Dynamic load function, e.g. ()=>import('./dynamic_module_import')
-     * @param {String} module - Module unique name for aching purpose
-     * @param {*} [otherProps]
-     * @constructor
-     */
-    function DynamicModule({load, module, ...otherProps}) {
-        const [error, setError] = useState(undefined)
-        const key = module || load
-
-        useEffect(() => {
-            if (loadedModules.get(key))
-                return //skip if module is already loaded
-            load()
-                .then(dynamicModule => {
-                    //use default export for ES modules or top-level export for CJS
-                    if (dynamicModule.__esModule) {
-                        dynamicModule = dynamicModule.default
-                    }
-                    //add to cache
-                    loadedModules.set(key, dynamicModule)
-                    setError(null)
-                })
-                .catch(error => {
-                    error.message = 'Failed to load module. ' + error.message
-                    setError(error)
-                })
-        }, [module || load])
-        if (error)
-            throw error
-        const resolvedModule = loadedModules.get(key)
-        if (!resolvedModule)
-            return <div className="loader"/>
-        return React.createElement(resolvedModule, otherProps)
-    })
-
-DynamicModule.propTypes = {
-    load: PropTypes.func.isRequired,
-    module: PropTypes.string
+import React, {useEffect, useState} from 'react'
+import PropTypes from 'prop-types'
+import {withErrorBoundary} from '../errors/error-boundary'
+
+const loadedModules = new Map()
+
+export const DynamicModule = withErrorBoundary(
+    /**
+     * Dynamically loadable module
+     * @param {Function} load - Dynamic load function, e.g. ()=>import('./dynamic_module_import')
+     * @param {String} module - Module unique name for aching purpose
+     * @param {*} [otherProps]
+     * @constructor
+     */
+    function DynamicModule({load, module, ...otherProps}) {
+        const [error, setError] = useState(undefined)
+        const key = module || load
+
+        useEffect(() => {
+            if (loadedModules.get(key))
+                return //skip if module is already loaded
+            load()
+                .then(dynamicModule => {
+                    //use default export for ES modules or top-level export for CJS
+                    if (dynamicModule.__esModule) {
+                        dynamicModule = dynamicModule.default
+                    }
+                    //add to cache
+                    loadedModules.set(key, dynamicModule)
+                    setError(null)
+                })
+                .catch(error => {
+                    error.message = 'Failed to load module. ' + error.message
+                    setError(error)
+                })
+        }, [module || load])
+        if (error)
+            throw error
+        const resolvedModule = loadedModules.get(key)
+        if (!resolvedModule)
+            return <div className="loader"/>
+        return React.createElement(resolvedModule, otherProps)
+    })
+
+DynamicModule.propTypes = {
+    load: PropTypes.func.isRequired,
+    module: PropTypes.string
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stellar-expert/ui-framework",
-  "version": "1.9.10",
+  "version": "1.10.0",
   "description": "StellarExpert shared UI components library",
   "main": "index.js",
   "module": "./index.js",
@@ -14,14 +14,14 @@
   "author": "orbitlens <orbit@stellar.expert>",
   "license": "MIT",
   "peerDependencies": {
-    "@stellar/stellar-base": "^10.0.1",
-    "@stellar/stellar-sdk": "^11.1.0",
+    "@stellar/stellar-base": "^11.0.0",
+    "@stellar/stellar-sdk": "^11.2.2",
     "@stellar-expert/asset-descriptor": "^1.3.0",
     "@stellar-expert/claimable-balance-utils": "^1.4.1",
     "@stellar-expert/client-cache": "github:stellar-expert/client-cache",
     "@stellar-expert/formatter": "^2.3.0",
     "@stellar-expert/navigation": "github:stellar-expert/navigation#v1.0.2",
-    "@stellar-expert/tx-meta-effects-parser": "5.0.0-beta10",
+    "@stellar-expert/tx-meta-effects-parser": "5.0.1",
     "classnames": ">=2",
     "prop-types": ">=15",
     "qrcode.react": "^3.1.0",

package/tx/op-accounting-changes.js

@@ -13,7 +13,7 @@ export function OpAccountingChanges({op}) {
         {changes.map((ch, i) => <div key={op.txHash + op.order + i}
                                      className={ch.type === 'accountDebited' ? 'dimmed' : 'color-success'}>
             {ch.type === 'accountDebited' ? '-' : '+'}
-            <Amount amount={ch.amount} asset={ch.asset} issuer={false} icon={false}/>
+            <Amount amount={ch.amount} asset={ch.asset} issuer={false} icon={false} adjust/>
         </div>)}
     </div>
 }
@@ -21,7 +21,7 @@ export function OpAccountingChanges({op}) {
 export function TxFeeAccountingChanges({amount}) {
     return <div className="accounting-effects condensed">
         <div className="dimmed">
-            -<Amount amount={amount} asset="XLM" issuer={false} icon={false}/>
+            -<Amount amount={amount} asset="XLM" issuer={false} icon={false} adjust/>
         </div>
     </div>
 }

package/tx/parser/op-balance-changes.js

@@ -3,11 +3,11 @@ const manageOfferOpTypes = ['manageSellOffer', 'manageBuyOffer', 'createPassiveS
 /**
  * Calculate operation resulting balance changes
  * @param {{}} op - Operation descriptor
- * @return {[{amount: *, source, type: string, asset},{amount: *, source, type: string, asset}]|{length}|*|*[]}
+ * @return {{amount: String, source: String, type: String, asset: String}[]}
  */
 export function retrieveOpBalanceChanges(op) {
     const account = op.tx?.context?.account
-    if (typeof account!=='string')
+    if (typeof account !== 'string')
         return []
     const {effects} = op.operation
     const changes = effects.filter(e => e.source === account && (e.type === 'accountDebited' || e.type === 'accountCredited'))
@@ -58,6 +58,7 @@ export function retrieveOpBalanceChanges(op) {
     }*/
     return []
 }
+
 /*
 
 function sumAmounts(amounts) {