@ornikar/kitt-universal 7.6.0 → 7.8.0

package/dist/index-browser-all.es.js

@@ -10,6 +10,8 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Animated, { useSharedValue, useAnimatedStyle, interpolateColor, withSpring, useAnimatedProps, withDelay, withTiming, Easing as Easing$1, withRepeat, interpolate } from 'react-native-reanimated';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { parse } from 'twemoji-parser';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { openBrowserAsync } from 'expo-web-browser';
 import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
 import { FormattedMessage } from 'react-intl';
@@ -104,7 +106,7 @@ var KittBreakpointsMax = {
   LARGE: KittBreakpoints.WIDE - 1
 };
 
-var _excluded$h = ["accessibilityRole", "base", "small", "medium", "large", "variant", "color", "textAlign"];
+var _excluded$i = ["accessibilityRole", "base", "small", "medium", "large", "variant", "color", "textAlign"];
 var IsHeaderTypographyContext = /*#__PURE__*/createContext(undefined);
 var TypographyColorContext = /*#__PURE__*/createContext('black');
 function useTypographyColor() {
@@ -186,7 +188,7 @@ function Typography(_ref5) {
       variant = _ref5.variant,
       color = _ref5.color,
       textAlign = _ref5.textAlign,
-      otherProps = _objectWithoutProperties(_ref5, _excluded$h);
+      otherProps = _objectWithoutProperties(_ref5, _excluded$i);
 
   var isHeaderTypographyInContext = useContext(IsHeaderTypographyContext);
   var hasTypographyAncestor = isHeaderTypographyInContext !== undefined;
@@ -274,7 +276,7 @@ Typography.h4 = createHeading(4, 'header4');
 
 Typography.h5 = createHeading(5, 'header5');
 
-var _excluded$g = ["size", "round", "light", "sizeVariant"];
+var _excluded$h = ["size", "round", "light", "sizeVariant"];
 
 var getInitials = function (firstname, lastname) {
   return "".concat(firstname[0]).concat(lastname[0]).toUpperCase();
@@ -345,7 +347,7 @@ function Avatar(_ref6) {
       round = _ref6.round,
       light = _ref6.light,
       sizeVariant = _ref6.sizeVariant,
-      props = _objectWithoutProperties(_ref6, _excluded$g);
+      props = _objectWithoutProperties(_ref6, _excluded$h);
 
   return /*#__PURE__*/jsx(StyledAvatarView, {
     $size: size,
@@ -515,12 +517,12 @@ var BaseStyledButtonPressable = /*#__PURE__*/styled.View.withConfig({
   return defaultPadding;
 });
 
-var _excluded$f = ["color"],
-    _excluded2$2 = ["color"];
+var _excluded$g = ["color"],
+    _excluded2$3 = ["color"];
 
 function TypographyIconSpecifiedColor(_ref) {
   var color = _ref.color,
-      props = _objectWithoutProperties(_ref, _excluded$f);
+      props = _objectWithoutProperties(_ref, _excluded$g);
 
   var theme = /*#__PURE__*/useTheme();
   return /*#__PURE__*/jsx(Icon, _objectSpread(_objectSpread({}, props), {}, {
@@ -537,7 +539,7 @@ function TypographyIconInheritColor(props) {
 
 function TypographyIcon(_ref2) {
   var color = _ref2.color,
-      props = _objectWithoutProperties(_ref2, _excluded2$2);
+      props = _objectWithoutProperties(_ref2, _excluded2$3);
 
   if (color) {
     return /*#__PURE__*/jsx(TypographyIconSpecifiedColor, _objectSpread({
@@ -552,7 +554,7 @@ function isSubtle(type) {
   return type.startsWith('subtle');
 }
 
-var _excluded$e = ["type", "variant", "isDisabled", "$isStretch", "icon", "children"];
+var _excluded$f = ["type", "variant", "isDisabled", "$isStretch", "icon", "children"];
 
 var getTextColorByType = function (type, variant) {
   switch (type) {
@@ -694,7 +696,7 @@ function ButtonContent(_ref7) {
       $isStretch = _ref7.$isStretch,
       icon = _ref7.icon,
       children = _ref7.children,
-      props = _objectWithoutProperties(_ref7, _excluded$e);
+      props = _objectWithoutProperties(_ref7, _excluded$f);
 
   var color = isDisabled ? 'black-light' : getTextColorByType(type, variant);
   return /*#__PURE__*/jsx(ButtonContentContainer, {
@@ -844,6 +846,130 @@ function Emoji(_ref3) {
   });
 }
 
+var _excluded$e = ["as", "appScheme", "appValue", "onPress", "onOpenAppError"],
+    _excluded2$2 = ["phoneNumber", "children"],
+    _excluded3$1 = ["phoneNumber", "children"],
+    _excluded4 = ["emailAddress", "children"];
+function ExternalAppLink(_ref) {
+  var Component = _ref.as,
+      appScheme = _ref.appScheme,
+      appValue = _ref.appValue,
+      onPress = _ref.onPress,
+      onOpenAppError = _ref.onOpenAppError,
+      rest = _objectWithoutProperties(_ref, _excluded$e);
+
+  var href = "".concat(appScheme, ":").concat(appValue);
+
+  var handleOnPress = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
+      var canOpen;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return Linking.canOpenURL(href);
+
+            case 3:
+              canOpen = _context.sent;
+
+              if (!canOpen) {
+                _context.next = 12;
+                break;
+              }
+
+              Linking.openURL(href)["catch"](function (err) {
+                console.error("An error occurred while opening ".concat(href), err);
+                onOpenAppError === null || onOpenAppError === void 0 ? void 0 : onOpenAppError("An error occurred while opening ".concat(href));
+              });
+
+              if (!onPress) {
+                _context.next = 10;
+                break;
+              }
+
+              onPress(e);
+
+              if (!(e !== null && e !== void 0 && e.defaultPrevented)) {
+                _context.next = 10;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 10:
+              _context.next = 13;
+              break;
+
+            case 12:
+              onOpenAppError === null || onOpenAppError === void 0 ? void 0 : onOpenAppError("Cannot open url: ".concat(href));
+
+            case 13:
+              _context.next = 18;
+              break;
+
+            case 15:
+              _context.prev = 15;
+              _context.t0 = _context["catch"](0);
+              onOpenAppError === null || onOpenAppError === void 0 ? void 0 : onOpenAppError('An error occured with Linkinf.canOpenURL');
+
+            case 18:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 15]]);
+    }));
+
+    return function () {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({
+    href: href
+  }, rest), {}, {
+    onPress: handleOnPress
+  }));
+}
+
+ExternalAppLink.Sms = function (_ref3) {
+  var phoneNumber = _ref3.phoneNumber,
+      children = _ref3.children,
+      rest = _objectWithoutProperties(_ref3, _excluded2$2);
+
+  return /*#__PURE__*/jsx(ExternalAppLink, _objectSpread(_objectSpread({}, rest), {}, {
+    appScheme: "sms",
+    appValue: phoneNumber,
+    children: children
+  }));
+};
+
+ExternalAppLink.Tel = function (_ref4) {
+  var phoneNumber = _ref4.phoneNumber,
+      children = _ref4.children,
+      rest = _objectWithoutProperties(_ref4, _excluded3$1);
+
+  return /*#__PURE__*/jsx(ExternalAppLink, _objectSpread(_objectSpread({}, rest), {}, {
+    appScheme: "tel",
+    appValue: phoneNumber,
+    children: children
+  }));
+};
+
+ExternalAppLink.Mail = function (_ref5) {
+  var emailAddress = _ref5.emailAddress,
+      children = _ref5.children,
+      rest = _objectWithoutProperties(_ref5, _excluded4);
+
+  return /*#__PURE__*/jsx(ExternalAppLink, _objectSpread(_objectSpread({}, rest), {}, {
+    appScheme: "mailto",
+    appValue: emailAddress,
+    children: children
+  }));
+};
+
 var defaultOpenLinkBehavior = {
   "native": 'openInModal',
   web: 'targetBlank'
@@ -2458,7 +2584,13 @@ var StyledTextInput = /*#__PURE__*/styled(TextInput).withConfig({
 }, function (_ref2) {
   var theme = _ref2.theme,
       multiline = _ref2.multiline;
-  if (!multiline && Platform.OS !== 'web') return 0;
+  var shouldHandleSingleLineOnIOS = 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;
+  }
+
   var typeConfigKey = getTypographyTypeConfigKey(theme);
   return "".concat(theme.kitt.typography.types.bodies.configs.body[typeConfigKey].lineHeight, "px");
 }, function (_ref3) {
@@ -3589,32 +3721,30 @@ function Picker(_ref) {
         variant: "bold",
         children: title
       })
-    }), /*#__PURE__*/jsx(View, {
-      children: Platform.OS === 'ios' ? /*#__PURE__*/jsx(Picker$1, {
-        testID: testID,
-        selectedValue: value,
-        itemStyle: theme.picker.ios["default"],
-        onValueChange: function onValueChange(itemValue) {
-          return setValue(itemValue);
-        },
-        children: React.Children.map(children, function (child) {
-          var item = child; // iOS Picker doesn't support a custom Item component, we need to override its props manually for the selected one
+    }), Platform.OS === 'ios' ? /*#__PURE__*/jsx(Picker$1, {
+      testID: testID,
+      selectedValue: value,
+      itemStyle: theme.picker.ios["default"],
+      onValueChange: function onValueChange(itemValue) {
+        return setValue(itemValue);
+      },
+      children: React.Children.map(children, function (child) {
+        var item = child; // iOS Picker doesn't support a custom Item component, we need to override its props manually for the selected one
 
-          return /*#__PURE__*/cloneElement(item, {
-            color: item.props.value === value ? theme.picker.ios.selected.color : undefined
-          });
-        })
-      }) : /*#__PURE__*/jsx(ScrollView, {
-        testID: testID,
-        children: React.Children.map(children, function (child) {
-          var item = child;
-          return /*#__PURE__*/cloneElement(item, {
-            onPress: function onPress(newValue) {
-              return setValue(newValue);
-            },
-            isSelected: item.props.value === value
-          });
-        })
+        return /*#__PURE__*/cloneElement(item, {
+          color: item.props.value === value ? theme.picker.ios.selected.color : undefined
+        });
+      })
+    }) : /*#__PURE__*/jsx(ScrollView, {
+      testID: testID,
+      children: React.Children.map(children, function (child) {
+        var item = child;
+        return /*#__PURE__*/cloneElement(item, {
+          onPress: function onPress(newValue) {
+            return setValue(newValue);
+          },
+          isSelected: item.props.value === value
+        });
       })
     }), /*#__PURE__*/jsx(Modal.Footer, {
       children: /*#__PURE__*/jsx(Button, {
@@ -4605,5 +4735,5 @@ function MatchWindowSize(_ref) {
   return children;
 }
 
-export { Avatar, Button, Card, Checkbox, DatePicker, Emoji, ExternalLink, Flex, FullScreenModal, Icon, IconButton, InputEmail, InputFeedback, InputField, InputIcon, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpoints, KittBreakpointsMax, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MatchWindowSize, Message, Modal, Notification, Overlay, PageLoader, Picker, Radio, DeprecatedSection as Section, Skeleton, SpinningIcon, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, createWindowSizeHelper, hex2rgba, matchWindowSize, styledTextInputMixin, theme, useKittTheme, useMatchWindowSize, useStoryBlockColor, withTheme };
+export { Avatar, Button, Card, Checkbox, DatePicker, Emoji, ExternalAppLink, ExternalLink, Flex, FullScreenModal, Icon, IconButton, InputEmail, InputFeedback, InputField, InputIcon, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpoints, KittBreakpointsMax, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MatchWindowSize, Message, Modal, Notification, Overlay, PageLoader, Picker, Radio, DeprecatedSection as Section, Skeleton, SpinningIcon, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, createWindowSizeHelper, hex2rgba, matchWindowSize, styledTextInputMixin, theme, useKittTheme, useMatchWindowSize, useStoryBlockColor, withTheme };
 //# sourceMappingURL=index-browser-all.es.js.map