@ornikar/kitt-universal 7.6.0 → 7.8.0

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

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { View, Text as Text$1, useWindowDimensions, Image, Pressable, TextInput, StyleSheet, ScrollView, Modal as Modal$1 } from 'react-native';
+import { View, Text as Text$1, useWindowDimensions, Image, Pressable, Linking, TextInput, StyleSheet, ScrollView, Modal as Modal$1 } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
 import { UserIcon, CheckboxMark, EyeOffIcon, EyeIcon, ArcIcon, InfoIcon, AlertTriangleIcon, CheckIcon, AlertCircleIcon, XIcon, TooltipArrowIcon } from '@ornikar/kitt-icons';
 export * from '@ornikar/kitt-icons';
@@ -10,6 +10,8 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { styled as styled$1 } from '@linaria/react';
 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 _extends from '@babel/runtime/helpers/extends';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -99,7 +101,7 @@ var KittBreakpointsMax = {
   LARGE: KittBreakpoints.WIDE - 1
 };
 
-var _excluded$g = ["accessibilityRole", "base", "small", "medium", "large", "variant", "color", "textAlign"];
+var _excluded$h = ["accessibilityRole", "base", "small", "medium", "large", "variant", "color", "textAlign"];
 var IsHeaderTypographyContext = /*#__PURE__*/createContext(undefined);
 var TypographyColorContext = /*#__PURE__*/createContext('black');
 function useTypographyColor() {
@@ -182,7 +184,7 @@ function Typography(_ref5) {
       variant = _ref5.variant,
       color = _ref5.color,
       textAlign = _ref5.textAlign,
-      otherProps = _objectWithoutProperties(_ref5, _excluded$g);
+      otherProps = _objectWithoutProperties(_ref5, _excluded$h);
 
   var isHeaderTypographyInContext = useContext(IsHeaderTypographyContext);
   var hasTypographyAncestor = isHeaderTypographyInContext !== undefined;
@@ -270,7 +272,7 @@ Typography.h4 = createHeading(4, 'header4');
 
 Typography.h5 = createHeading(5, 'header5');
 
-var _excluded$f = ["size", "round", "light", "sizeVariant"];
+var _excluded$g = ["size", "round", "light", "sizeVariant"];
 
 var getInitials = function (firstname, lastname) {
   return "".concat(firstname[0]).concat(lastname[0]).toUpperCase();
@@ -342,7 +344,7 @@ function Avatar(_ref6) {
       round = _ref6.round,
       light = _ref6.light,
       sizeVariant = _ref6.sizeVariant,
-      props = _objectWithoutProperties(_ref6, _excluded$f);
+      props = _objectWithoutProperties(_ref6, _excluded$g);
 
   return /*#__PURE__*/jsx(StyledAvatarView, {
     $size: size,
@@ -396,7 +398,7 @@ function isSubtle(type) {
   return type.startsWith('subtle');
 }
 
-var _excluded$e = ["$type", "$variant", "$isStretch", "disabled"];
+var _excluded$f = ["$type", "$variant", "$isStretch", "disabled"];
 var AnimatedButtonPressableContainer = withTheme( /*#__PURE__*/styled$1("div")({
   name: "AnimatedButtonPressableContainer",
   "class": "kitt-u_AnimatedButtonPressableContainer_a1vkj3mh",
@@ -510,7 +512,7 @@ var AnimatedButtonPressable = /*#__PURE__*/forwardRef(function (_ref18, ref) {
       $variant = _ref18.$variant,
       $isStretch = _ref18.$isStretch,
       disabled = _ref18.disabled,
-      props = _objectWithoutProperties(_ref18, _excluded$e);
+      props = _objectWithoutProperties(_ref18, _excluded$f);
 
   return /*#__PURE__*/jsx(AnimatedButtonPressableContainer, {
     ref: ref,
@@ -566,12 +568,12 @@ var BaseStyledButtonPressable = /*#__PURE__*/styled(View).withConfig({
   return defaultPadding;
 });
 
-var _excluded$d = ["color"],
-    _excluded2$2 = ["color"];
+var _excluded$e = ["color"],
+    _excluded2$3 = ["color"];
 
 function TypographyIconSpecifiedColor(_ref) {
   var color = _ref.color,
-      props = _objectWithoutProperties(_ref, _excluded$d);
+      props = _objectWithoutProperties(_ref, _excluded$e);
 
   var theme = /*#__PURE__*/useTheme();
   return /*#__PURE__*/jsx(Icon, _objectSpread(_objectSpread({}, props), {}, {
@@ -588,7 +590,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({
@@ -599,7 +601,7 @@ function TypographyIcon(_ref2) {
   return /*#__PURE__*/jsx(TypographyIconInheritColor, _objectSpread({}, props));
 }
 
-var _excluded$c = ["type", "variant", "isDisabled", "$isStretch", "icon", "children"];
+var _excluded$d = ["type", "variant", "isDisabled", "$isStretch", "icon", "children"];
 
 var getTextColorByType = function (type, variant) {
   switch (type) {
@@ -741,7 +743,7 @@ function ButtonContent(_ref7) {
       $isStretch = _ref7.$isStretch,
       icon = _ref7.icon,
       children = _ref7.children,
-      props = _objectWithoutProperties(_ref7, _excluded$c);
+      props = _objectWithoutProperties(_ref7, _excluded$d);
 
   var color = isDisabled ? 'black-light' : getTextColorByType(type, variant);
   return /*#__PURE__*/jsx(ButtonContentContainer, {
@@ -880,6 +882,130 @@ function Emoji(_ref3) {
   });
 }
 
+var _excluded$c = ["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$c);
+
+  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'
@@ -1868,9 +1994,8 @@ var StyledTextInput = /*#__PURE__*/styled(TextInput).withConfig({
   if (!multiline && "web" !== 'web') return "0 ".concat(theme.kitt.forms.input.padding.horizontal, "px");
   return "".concat(theme.kitt.forms.input.padding.vertical, "px ").concat(theme.kitt.forms.input.padding.horizontal, "px");
 }, function (_ref2) {
-  var theme = _ref2.theme,
-      multiline = _ref2.multiline;
-  if (!multiline && "web" !== 'web') return 0;
+  var theme = _ref2.theme;
+      _ref2.multiline;
   var typeConfigKey = getTypographyTypeConfigKey(theme);
   return "".concat(theme.kitt.typography.types.bodies.configs.body[typeConfigKey].lineHeight, "px");
 }, function (_ref3) {
@@ -4011,5 +4136,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.web.js.map