@telus-uds/components-base 1.61.0 → 1.62.1

package/src/Tooltip/shared.js

@@ -24,6 +24,14 @@ const propTypes = {
    * Display tooltip icon button as an inline element.
    */
   inline: PropTypes.bool,
+  /**
+   * Callback function triggered when the tooltip is pressed.
+   */
+  onPress: PropTypes.func,
+  /**
+   * The `id` of the tooltip button.
+   */
+  nativeID: PropTypes.string,
   tokens: getTokensPropType('Tooltip'),
   variant: variantProp.propType
 }

package/src/TooltipButton/TooltipButton.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { View } from 'react-native'
+import { View, StyleSheet, Platform } from 'react-native'
 import PropTypes from 'prop-types'
 import { useThemeTokens, applyOuterBorder } from '../ThemeProvider'
 import { a11yProps, getTokensPropType, selectSystemProps, variantProp, viewProps } from '../utils'
@@ -35,7 +35,8 @@ const TooltipButton = ({ pressableState, tokens, variant, ...rest }) => {
         applyOuterBorder(themeTokens),
         themeTokens.outerBorderWidth && {
           margin: -themeTokens.outerBorderWidth
-        }
+        },
+        staticStyles.bubblePointerEvents
       ]}
       {...selectProps(rest)}
     >
@@ -46,6 +47,16 @@ const TooltipButton = ({ pressableState, tokens, variant, ...rest }) => {
   )
 }
 
+const staticStyles = StyleSheet.create({
+  bubblePointerEvents: {
+    ...Platform.select({
+      web: {
+        pointerEvents: 'none'
+      }
+    })
+  }
+})
+
 TooltipButton.propTypes = {
   ...selectedSystemPropTypes,
   /**