@ornikar/kitt-universal 9.1.3 → 9.2.0

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

@@ -2,14 +2,14 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { UserIcon, CheckboxMark, XIcon, EyeOffIcon, EyeIcon, ArcIcon, InfoIcon, AlertTriangleIcon, CheckIcon, AlertCircleIcon, TooltipArrowIcon } from '@ornikar/kitt-icons';
 export * from '@ornikar/kitt-icons';
-import { Platform, Image, Linking, useWindowDimensions, Pressable, StyleSheet, ScrollView, Modal as Modal$1, Text as Text$2, TextInput, View, Animated as Animated$1, Easing } from 'react-native';
+import { Platform, Image, Linking, useWindowDimensions, Pressable as Pressable$1, StyleSheet, ScrollView as ScrollView$1, Modal as Modal$1, Text as Text$2, TextInput, View as View$1, Animated as Animated$1, Easing } from 'react-native';
 export { useWindowDimensions as useWindowSize } from 'react-native';
 import styled, { useTheme, css, ThemeProvider } from 'styled-components/native';
 import React, { cloneElement, useContext, createContext, forwardRef, useMemo, useEffect, useState, useRef, Fragment as Fragment$1, Children } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Text as Text$1, Image as Image$1, extendTheme, NativeBaseProvider } from 'native-base';
-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 { Text as Text$1, Image as Image$1, NativeBaseProvider, extendTheme, Stack as Stack$1, VStack as VStack$1, HStack as HStack$1, View as View$2, ScrollView as ScrollView$2, Pressable as Pressable$2 } from 'native-base';
+import Animated, { useSharedValue, useAnimatedStyle, interpolateColor, withSpring, useAnimatedProps, withDelay, withTiming, Easing as Easing$1, withRepeat, interpolate } from 'react-native-reanimated';
 import { parse } from 'twemoji-parser';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
@@ -188,6 +188,18 @@ function Typography(_ref) {
     base: baseOrDefaultToBody
   }));
 
+  if (process.env.NODE_ENV !== 'production') {
+    Object.entries(type).forEach(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          value = _ref3[1];
+
+      if (value && isTypeHeader(value) !== isHeader) {
+        throw new Error("Invalid value for \"".concat(key, "\": \"").concat(value, "\" is ").concat(isHeader ? 'not' : '', " an header. Don't mix headers and bodies."));
+      }
+    });
+  }
+
   var text = /*#__PURE__*/jsx(Text$1, _objectSpread({
     accessibilityRole: accessibilityRole || undefined,
     fontSize: fontSizeForNativeBase,
@@ -888,26 +900,25 @@ function ExternalAppLink(_ref) {
                 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;
+                _context.next = 9;
                 break;
               }
 
               onPress(e);
 
               if (!(e !== null && e !== void 0 && e.defaultPrevented)) {
-                _context.next = 10;
+                _context.next = 9;
                 break;
               }
 
               return _context.abrupt("return");
 
-            case 10:
+            case 9:
+              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));
+              });
               _context.next = 13;
               break;
 
@@ -1982,7 +1993,7 @@ function DatePickerAndroid(_ref) {
 }
 
 // Don't use styled.Pressable here - babel-plugin-styled-components-react-native-web only supports tagged templates
-var OverlayPressable = /*#__PURE__*/styled(Pressable).withConfig({
+var OverlayPressable = /*#__PURE__*/styled(Pressable$1).withConfig({
   displayName: "Overlay__OverlayPressable"
 })(function (_ref) {
   var theme = _ref.theme;
@@ -2009,7 +2020,7 @@ var BodyView = /*#__PURE__*/styled.View.withConfig({
 });
 function ModalBody(_ref3) {
   var children = _ref3.children;
-  return /*#__PURE__*/jsx(ScrollView, {
+  return /*#__PURE__*/jsx(ScrollView$1, {
     children: /*#__PURE__*/jsx(BodyView, {
       children: children
     })
@@ -2783,7 +2794,7 @@ function InputIcon(_ref) {
 function InputPressable(_ref) {
   var props = _extends({}, _ref);
 
-  return /*#__PURE__*/jsx(Pressable, _objectSpread({}, props));
+  return /*#__PURE__*/jsx(Pressable$1, _objectSpread({}, props));
 }
 
 var _excluded$6 = ["isPasswordDefaultVisible", "right"];
@@ -2829,7 +2840,7 @@ var getTypographyColor = function (type) {
   return type ? 'white' : 'black';
 };
 
-var InputTagContainer = /*#__PURE__*/styled(View).withConfig({
+var InputTagContainer = /*#__PURE__*/styled(View$1).withConfig({
   displayName: "InputTag__InputTagContainer"
 })(["align-items:center;justify-content:center;flex-direction:row;align-self:flex-start;overflow:hidden;padding-horizontal:", "px;background-color:", ";border-radius:", "px;"], function (_ref) {
   var theme = _ref.theme;
@@ -2851,7 +2862,7 @@ var InputTagContainer = /*#__PURE__*/styled(View).withConfig({
   var theme = _ref3.theme;
   return theme.kitt.forms.inputTag.borderRadius;
 });
-var IconContainer = /*#__PURE__*/styled(View).withConfig({
+var IconContainer = /*#__PURE__*/styled(View$1).withConfig({
   displayName: "InputTag__IconContainer"
 })(["margin-right:", "px;"], function (_ref4) {
   var theme = _ref4.theme;
@@ -3291,7 +3302,7 @@ function ListItem(_ref5) {
       onPress = _ref5.onPress,
       rest = _objectWithoutProperties(_ref5, _excluded$3);
 
-  var Wrapper = onPress ? Pressable : Fragment$1;
+  var Wrapper = onPress ? Pressable$1 : Fragment$1;
   var wrapperProps = onPress ? _objectSpread({
     accessibilityRole: 'button',
     onPress: onPress
@@ -3490,7 +3501,7 @@ var createKittSpaces = function (spacing) {
 
 var createKittNativeBaseCustomTheme = function (theme) {
   var spaces = createKittSpaces(theme.spacing);
-  return extendTheme({
+  var extendedTheme = extendTheme({
     colors: {
       kitt: _objectSpread(_objectSpread({}, theme.colors), {}, {
         typography: theme.typography.colors
@@ -3598,6 +3609,9 @@ var createKittNativeBaseCustomTheme = function (theme) {
       }
     }
   });
+  return _objectSpread(_objectSpread({}, extendedTheme), {}, {
+    space: extendedTheme.space
+  });
 };
 function KittNativeBaseProvider(_ref) {
   var theme = _ref.theme,
@@ -3614,6 +3628,14 @@ function KittNativeBaseProvider(_ref) {
   });
 }
 
+var Stack = Stack$1;
+var VStack = VStack$1;
+var HStack = HStack$1;
+
+var View = View$2;
+var ScrollView = ScrollView$2;
+var Pressable = Pressable$2;
+
 function Notification(_ref) {
   var type = _ref.type,
       children = _ref.children,
@@ -3878,7 +3900,7 @@ function Picker(_ref) {
           color: item.props.value === value ? theme.picker.ios.selected.color : undefined
         });
       })
-    }) : /*#__PURE__*/jsx(ScrollView, {
+    }) : /*#__PURE__*/jsx(ScrollView$1, {
       testID: testID,
       children: React.Children.map(children, function (child) {
         var item = child;
@@ -3966,7 +3988,7 @@ function SkeletonContent(_ref3) {
   });
 }
 
-var SkeletonContainer = /*#__PURE__*/styled(View).withConfig({
+var SkeletonContainer = /*#__PURE__*/styled(View$1).withConfig({
   displayName: "Skeleton__SkeletonContainer"
 })(["overflow:hidden;"]);
 function Skeleton(_ref) {
@@ -4616,7 +4638,7 @@ var StyledTooltipContent = /*#__PURE__*/styled.View.withConfig({
 
 function ArrowView(props) {
   var theme = /*#__PURE__*/useTheme();
-  return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsx(View$1, _objectSpread(_objectSpread({}, props), {}, {
     children: /*#__PURE__*/jsx(TooltipArrowIcon, {
       color: theme.kitt.tooltip.backgroundColor
     })
@@ -4722,16 +4744,16 @@ function Tooltip(_ref) {
     });
   }, [x, y, reference, floating, update, refs, middlewareData, onUpdate]);
   return /*#__PURE__*/jsxs(TooltipContainer, {
-    children: [/*#__PURE__*/jsx(View, {
+    children: [/*#__PURE__*/jsx(View$1, {
       ref: reference,
-      children: /*#__PURE__*/jsx(Pressable, {
+      children: /*#__PURE__*/jsx(Pressable$1, {
         accessibilityRole: "button",
         onPress: function handlePress() {
           pressed.value = !pressed.value;
         },
         children: children
       })
-    }), /*#__PURE__*/jsx(View, {
+    }), /*#__PURE__*/jsx(View$1, {
       ref: floating,
       accessibilityElementsHidden: !pressed.value,
       importantForAccessibility: pressed.value === true ? 'auto' : 'no-hide-descendants',
@@ -4955,5 +4977,5 @@ function MatchWindowSize(_ref) {
   return children;
 }
 
-export { Avatar, Button, Card, Checkbox, DatePicker, Emoji, ExternalAppLink, ExternalLink, Flex, FullScreenModal, Icon, IconButton, InputEmail, InputFeedback, InputField, InputIcon, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpoints, KittBreakpointsMax, KittNativeBaseProvider, 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, HStack, Icon, IconButton, InputEmail, InputFeedback, InputField, InputIcon, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpoints, KittBreakpointsMax, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MatchWindowSize, Message, Modal, Notification, Overlay, PageLoader, Picker, Pressable, Radio, ScrollView, DeprecatedSection as Section, Skeleton, SpinningIcon, Stack, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, Tag, TextArea, TimePicker, Tooltip, Typography, TypographyEmoji, TypographyIcon, TypographyLink, VStack, View, createWindowSizeHelper, hex2rgba, matchWindowSize, styledTextInputMixin, theme, useKittTheme, useMatchWindowSize, useStoryBlockColor, withTheme };
 //# sourceMappingURL=index-browser-all.es.js.map