@ornikar/kitt-universal 7.6.0 → 7.8.0

package/dist/index-node-14.17.cjs.js

@@ -848,6 +848,78 @@ function Emoji({
   });
 }
 
+function ExternalAppLink({
+  as: Component,
+  appScheme,
+  appValue,
+  onPress,
+  onOpenAppError,
+  ...rest
+}) {
+  const href = `${appScheme}:${appValue}`;
+  return /*#__PURE__*/jsxRuntime.jsx(Component, {
+    href: href,
+    ...rest,
+    onPress: async e => {
+      try {
+        const canOpen = await reactNative.Linking.canOpenURL(href);
+
+        if (canOpen) {
+          reactNative.Linking.openURL(href).catch(err => {
+            console.error(`An error occurred while opening ${href}`, err);
+            onOpenAppError?.(`An error occurred while opening ${href}`);
+          });
+
+          if (onPress) {
+            onPress(e);
+            if (e?.defaultPrevented) return;
+          }
+        } else {
+          onOpenAppError?.(`Cannot open url: ${href}`);
+        }
+      } catch {
+        onOpenAppError?.('An error occured with Linkinf.canOpenURL');
+      }
+    }
+  });
+}
+
+ExternalAppLink.Sms = function ({
+  phoneNumber,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx(ExternalAppLink, { ...rest,
+    appScheme: "sms",
+    appValue: phoneNumber,
+    children: children
+  });
+};
+
+ExternalAppLink.Tel = function ({
+  phoneNumber,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx(ExternalAppLink, { ...rest,
+    appScheme: "tel",
+    appValue: phoneNumber,
+    children: children
+  });
+};
+
+ExternalAppLink.Mail = function ({
+  emailAddress,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx(ExternalAppLink, { ...rest,
+    appScheme: "mailto",
+    appValue: emailAddress,
+    children: children
+  });
+};
+
 const defaultOpenLinkBehavior = {
   native: 'openInModal',
   web: 'targetBlank'
@@ -2432,7 +2504,13 @@ const StyledTextInput = /*#__PURE__*/styled__default(reactNative.TextInput).with
   theme,
   multiline
 }) => {
-  if (!multiline && reactNative.Platform.OS !== 'web') return 0;
+  const shouldHandleSingleLineOnIOS = reactNative.Platform.OS === 'ios' && !multiline; // On basic text input, we set the line-height to zero for iOS to fix vertical text alignment
+  // This is a iOS only fix since having 0 as a line-height value breaks text inputs on Android
+
+  if (shouldHandleSingleLineOnIOS) {
+    return 0;
+  }
+
   const typeConfigKey = getTypographyTypeConfigKey(theme);
   return `${theme.kitt.typography.types.bodies.configs.body[typeConfigKey].lineHeight}px`;
 }, ({
@@ -3527,28 +3605,26 @@ function Picker({
         variant: "bold",
         children: title
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-      children: reactNative.Platform.OS === 'ios' ? /*#__PURE__*/jsxRuntime.jsx(picker$1.Picker, {
-        testID: testID,
-        selectedValue: value,
-        itemStyle: theme.picker.ios.default,
-        onValueChange: itemValue => setValue(itemValue),
-        children: React__default.Children.map(children, child => {
-          const item = child; // iOS Picker doesn't support a custom Item component, we need to override its props manually for the selected one
-
-          return /*#__PURE__*/React.cloneElement(item, {
-            color: item.props.value === value ? theme.picker.ios.selected.color : undefined
-          });
-        })
-      }) : /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
-        testID: testID,
-        children: React__default.Children.map(children, child => {
-          const item = child;
-          return /*#__PURE__*/React.cloneElement(item, {
-            onPress: newValue => setValue(newValue),
-            isSelected: item.props.value === value
-          });
-        })
+    }), reactNative.Platform.OS === 'ios' ? /*#__PURE__*/jsxRuntime.jsx(picker$1.Picker, {
+      testID: testID,
+      selectedValue: value,
+      itemStyle: theme.picker.ios.default,
+      onValueChange: itemValue => setValue(itemValue),
+      children: React__default.Children.map(children, child => {
+        const item = child; // iOS Picker doesn't support a custom Item component, we need to override its props manually for the selected one
+
+        return /*#__PURE__*/React.cloneElement(item, {
+          color: item.props.value === value ? theme.picker.ios.selected.color : undefined
+        });
+      })
+    }) : /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
+      testID: testID,
+      children: React__default.Children.map(children, child => {
+        const item = child;
+        return /*#__PURE__*/React.cloneElement(item, {
+          onPress: newValue => setValue(newValue),
+          isSelected: item.props.value === value
+        });
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Modal.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx(Button, {
@@ -4525,6 +4601,7 @@ exports.Card = Card;
 exports.Checkbox = Checkbox;
 exports.DatePicker = DatePicker;
 exports.Emoji = Emoji;
+exports.ExternalAppLink = ExternalAppLink;
 exports.ExternalLink = ExternalLink;
 exports.Flex = Flex;
 exports.FullScreenModal = FullScreenModal;