@stellar-expert/ui-framework 1.11.5 → 1.11.7

package/controls/info-tooltip.js

@@ -4,8 +4,8 @@ import cn from 'classnames'
 import {Tooltip} from './tooltip'
 import './info-tooltip.scss'
 
-export const InfoTooltip = React.memo(function InfoTooltip({children, link, icon = 'icon-help'}) {
-    return <Tooltip trigger={<i className={cn('trigger icon info-tooltip small', icon)}/>}>
+export const InfoTooltip = React.memo(function InfoTooltip({children, link, icon = 'icon-help', ...otherProps}) {
+    return <Tooltip trigger={<i className={cn('trigger icon info-tooltip small', icon)} {...otherProps}/>}>
         {children}
         {!!link && <a href={link} className="info-tooltip-link" target="_blank">Read more&hellip;</a>}
     </Tooltip>

package/controls/tooltip.js

@@ -12,12 +12,12 @@ import './tooltip.scss'
  */
 function calculateTooltipPosition(target, node, desiredPlace, offset) {
     //dimensions of node and target
-    const {width: tipWidth, height: tipHeight} = getBoundingRect(node),
-        {width: targetWidth, height: targetHeight} = getBoundingRect(target)
+    const {width: tipWidth, height: tipHeight} = getBoundingRect(node)
+    const {width: targetWidth, height: targetHeight} = getBoundingRect(target)
     //mouse offset
-    const {mouseX, mouseY} = getMouseOffset(target),
-        {offsetX, offsetY} = parseOffset(offset),
-        defaultOffset = getDefaultPosition(targetWidth, targetHeight, tipWidth, tipHeight)
+    const {mouseX, mouseY} = getMouseOffset(target)
+    const {offsetX, offsetY} = parseOffset(offset)
+    const defaultOffset = getDefaultPosition(targetWidth, targetHeight, tipWidth, tipHeight)
 
     // Get the edge offset of the tooltip
     function getTipOffsetLeft(place) {
@@ -43,13 +43,13 @@ function calculateTooltipPosition(target, node, desiredPlace, offset) {
             getTipOffsetBottom(p) > window.innerHeight //outside bottom
     }
 
-    let place
+    let place = 'top'
     if (!isOutside(desiredPlace)) {
-        place = desiredPlace
+        place = desiredPlace || 'top'
     } else {
         const possiblePlacements = (['top', 'bottom', 'left', 'right']).filter(p => !isOutside(p))
         if (possiblePlacements.length > 0 && isOutside(desiredPlace)) {
-            place = possiblePlacements[0]
+            place = possiblePlacements[0] || 'top'
         }
     }
 
@@ -166,7 +166,8 @@ export const Tooltip = React.memo(function Tooltip({trigger, desiredPlace = 'top
         content = useRef(null)
 
     function mouseEnter(e) {
-        if (visible) return
+        if (visible)
+            return
         const {place, position} = calculateTooltipPosition(e.currentTarget, content.current, desiredPlace, offset)
         setVisible(true)
         setPosition(position)
@@ -174,7 +175,8 @@ export const Tooltip = React.memo(function Tooltip({trigger, desiredPlace = 'top
     }
 
     function mouseLeave(e) {
-        if (!visible) return
+        if (!visible)
+            return
         setVisible(false)
     }
 

package/package.json

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

package/tx/tx-operations-list.js

@@ -86,7 +86,7 @@ export const TxOperationsList = React.memo(function TxOperationsList({
         }
         //hide some operations in large transactions to prevent interface hanging
         if (operations.length > 5) {
-            operations = operations.subarray(0, 5)
+            operations = operations.slice(0, 5)
             opdiff = parsedTx.operations.length - operations.length
         }
     }