@ornikar/kitt-universal 32.7.0 → 32.8.0

package/dist/index-metro.es.ios.js

@@ -17,7 +17,7 @@ import * as WebBrowser from 'expo-web-browser';
 import Downshift from 'downshift';
 import Svg, { Path, Circle as Circle$1, Ellipse } from 'react-native-svg';
 import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage, defineMessages } from 'react-intl';
 import { getDocumentAsync } from 'expo-document-picker';
 import { launchImageLibraryAsync } from 'expo-image-picker';
 import { useDebouncedCallback } from 'use-debounce';
@@ -12503,6 +12503,101 @@ Picker.Option = PickerOption;
  */
 Picker.UnsafeInternalItem = PickerItem;
 
+const _excluded$8 = ["children"];
+function TypographyLinkWebWrapper(_ref) {
+  let {
+      children
+    } = _ref;
+    _objectWithoutProperties(_ref, _excluded$8);
+  return children;
+}
+
+const _excluded$7 = ["children", "disabled", "noUnderline", "href", "hrefAttrs", "onPress"];
+const TypographyLink = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+      children,
+      disabled,
+      noUnderline,
+      href,
+      hrefAttrs,
+      onPress
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded$7);
+  return /*#__PURE__*/jsx(TypographyLinkWebWrapper, {
+    hasNoUnderline: noUnderline,
+    children: /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
+      ref: ref,
+      underline: !noUnderline,
+      color: disabled ? 'black-disabled' : undefined,
+      href: href,
+      hrefAttrs: hrefAttrs,
+      accessibilityRole: "link",
+      dataSet: {
+        // remove data-kitt-universal when we delete kitt web. See :global(a) in Link styles.module.css
+        'kitt-universal': 'true'
+      },
+      _web: {
+        // @ts-expect-error: This is only used on web where 'not-allowed' and 'pointer' are valid cursor values
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        transitionProperty: 'color',
+        transitionDuration: '0.2s',
+        transitionTimingFunction: 'ease-in-out'
+      }
+      // TODO[native-base@>=3.4.19] this currently does not work. Retest when updating native-base.
+      // _active={{
+      //   underline: !!noUnderline,
+      // }}
+      // _hover={{
+      //   underline: !!noUnderline,
+      // }}
+      ,
+      onPress: disabled ? undefined : onPress
+    }, otherProps), {}, {
+      children: children
+    }))
+  });
+});
+
+const messages = defineMessages({
+  seeMore: {
+    id: "shared.components.ReadMore.seeMore"
+  },
+  seeLess: {
+    id: "shared.components.ReadMore.seeLess"
+  }
+});
+function ReadMore({
+  lines,
+  children,
+  textColor = 'bumper.content.base.hi',
+  noUnderline = false
+}) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const nbOfLines = isExpanded ? undefined : lines;
+  const messageProps = isExpanded ? messages.seeLess : messages.seeMore;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(View, {
+      flexShrink: 1,
+      children: /*#__PURE__*/jsx(Typography.Text, {
+        textAlign: "left",
+        numberOfLines: nbOfLines,
+        ellipsizeMode: "tail",
+        children: children
+      })
+    }), lines ? /*#__PURE__*/jsx(View, {
+      children: /*#__PURE__*/jsx(TypographyLink, {
+        noUnderline: noUnderline,
+        color: textColor,
+        variant: "bold",
+        onPress: () => {
+          setIsExpanded(prev => !prev);
+        },
+        children: /*#__PURE__*/jsx(FormattedMessage, _objectSpread({}, messageProps))
+      })
+    }) : null]
+  });
+}
+
 const SvgStripesinline = props => /*#__PURE__*/jsx(Svg, _objectSpread(_objectSpread({
   viewBox: "0 0 453 71",
   fill: "none",
@@ -12600,7 +12695,7 @@ function SkeletonContent({
   });
 }
 
-const _excluded$8 = ["isLoading", "style"],
+const _excluded$6 = ["isLoading", "style"],
   _excluded2$1 = ["size"],
   _excluded3$1 = ["size"],
   _excluded4$1 = ["size"];
@@ -12609,7 +12704,7 @@ function Skeleton(_ref) {
       isLoading = false,
       style
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$8);
+    props = _objectWithoutProperties(_ref, _excluded$6);
   const [width, setWidth] = useState(0);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
     overflow: "hidden",
@@ -12791,7 +12886,7 @@ function getShouldDisplay2x() {
   return currentDevicePixelRatio > 1;
 }
 
-const _excluded$7 = ["width", "height", "alt", "apiToken", "mapId", "marker", "center", "onLoaded", "onError"];
+const _excluded$5 = ["width", "height", "alt", "apiToken", "mapId", "marker", "center", "onLoaded", "onError"];
 const mapBoxMaxPictureWidth = 1280;
 
 // Mapbox requestable width for image is between 1 - 1280px
@@ -12810,7 +12905,7 @@ function StaticMap(_ref) {
       onLoaded,
       onError
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$7);
+    props = _objectWithoutProperties(_ref, _excluded$5);
   const [currentWidth, setCurrentWidth] = useState(getPictureWidth(width));
   const [isLoading, setIsLoading] = useState(true);
   const [hasError, setHasError] = useState(false);
@@ -12980,13 +13075,13 @@ function Sticker({
   });
 }
 
-const _excluded$6 = ["direction", "wrap"];
+const _excluded$4 = ["direction", "wrap"];
 function Flex(_ref) {
   let {
       direction,
       wrap = 'wrap'
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$6);
+    props = _objectWithoutProperties(_ref, _excluded$4);
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
     flexDirection: direction,
     flexWrap: wrap
@@ -13128,7 +13223,7 @@ function Story({
   });
 }
 
-const _excluded$5 = ["title", "children", "internalIsDemoSection"],
+const _excluded$3 = ["title", "children", "internalIsDemoSection"],
   _excluded2 = ["title", "children"],
   _excluded3 = ["title", "children"],
   _excluded4 = ["children"];
@@ -13138,7 +13233,7 @@ function StorySection(_ref) {
       children,
       internalIsDemoSection
     } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded$5);
+    props = _objectWithoutProperties(_ref, _excluded$3);
   if (title === 'Demo' && !internalIsDemoSection) throw new Error('Use StorySection.Demo instead');
   return /*#__PURE__*/jsxs(View, _objectSpread(_objectSpread({
     marginBottom: "kitt.8"
@@ -14168,61 +14263,6 @@ function TypographyEmoji({
   });
 }
 
-const _excluded$4 = ["children"];
-function TypographyLinkWebWrapper(_ref) {
-  let {
-      children
-    } = _ref;
-    _objectWithoutProperties(_ref, _excluded$4);
-  return children;
-}
-
-const _excluded$3 = ["children", "disabled", "noUnderline", "href", "hrefAttrs", "onPress"];
-const TypographyLink = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      disabled,
-      noUnderline,
-      href,
-      hrefAttrs,
-      onPress
-    } = _ref,
-    otherProps = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/jsx(TypographyLinkWebWrapper, {
-    hasNoUnderline: noUnderline,
-    children: /*#__PURE__*/jsx(Typography, _objectSpread(_objectSpread({
-      ref: ref,
-      underline: !noUnderline,
-      color: disabled ? 'black-disabled' : undefined,
-      href: href,
-      hrefAttrs: hrefAttrs,
-      accessibilityRole: "link",
-      dataSet: {
-        // remove data-kitt-universal when we delete kitt web. See :global(a) in Link styles.module.css
-        'kitt-universal': 'true'
-      },
-      _web: {
-        // @ts-expect-error: This is only used on web where 'not-allowed' and 'pointer' are valid cursor values
-        cursor: disabled ? 'not-allowed' : 'pointer',
-        transitionProperty: 'color',
-        transitionDuration: '0.2s',
-        transitionTimingFunction: 'ease-in-out'
-      }
-      // TODO[native-base@>=3.4.19] this currently does not work. Retest when updating native-base.
-      // _active={{
-      //   underline: !!noUnderline,
-      // }}
-      // _hover={{
-      //   underline: !!noUnderline,
-      // }}
-      ,
-      onPress: disabled ? undefined : onPress
-    }, otherProps), {}, {
-      children: children
-    }))
-  });
-});
-
 const ChromaticReducedMotionDecorator = makeDecorator({
   name: 'ChromaticReducedMotionDecorator',
   parameterName: 'chromaticReducedMotion',
@@ -14595,5 +14635,5 @@ function VerticalSteps(_ref) {
 VerticalSteps.Step = Step;
 VerticalSteps.BorderlessStep = BorderlessStep;
 
-export { ActionCard, Actions, Autocomplete, Avatar, BottomSheet, Button, ButtonBadge, CardModal, Center, Checkbox, ChoicesElements, ChromaticReducedMotionDecorator, CloseIconButton, DatePicker, DialogModal, DocumentPicker, Emoji, ExternalAppLink, ExternalLink, FilePicker, FlatList, Flex, FullscreenModal, GoogleMapsApiKeyProvider, GoogleMapsAutocompleteProvider, GroupTags, HStack, Highlight, Icon, IconButton, Image, ImagePicker, InfoCard, InputAddress, InputAddressLegacy, InputEmail, InputFeedback, InputField, InputIban, InputIcon, InputNumber, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpointNameEnum, KittBreakpoints, KittBreakpointsMax, KittMapConfigProvider, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MapMarker, MapMarkerVariantEnum, MatchWindowSize, Message, ModalBehaviour, FlatList as NativeOnlyFlatList, NavigationBottomSheet, NavigationModal, Notification, Overlay, PageLoader, Picker, Pressable, RadioWithRef as Radio, RadioButtonGroup, ScrollView, DeprecatedSection as Section, SectionList, SegmentedProgressBar, Skeleton, SpinningIcon, Stack, StaticMap, Sticker, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, SwitchBreakpoints, TabBar, Tag, TextArea, TimePicker, ToastComponent, Toggle, Tooltip, TopNavBar, Typography, TypographyEmoji, TypographyIcon, TypographyLink, VStack, VerticalSteps, View, createChoicesComponent, createResponsiveStyleFromProp, getStaticMapImageUrl, getValueForBreakpoint, hex2rgba, matchWindowSize, storyPadding, theme, useBottomSheet, useBreakpointValue, useCurrentBreakpointName, useGetStaticMapImageUrl, useKittMapConfig, useKittTheme, useMatchWindowSize, useOpenExternalLink, useStaticBottomSheet, useStoryBlockColor, useTheme };
+export { ActionCard, Actions, Autocomplete, Avatar, BottomSheet, Button, ButtonBadge, CardModal, Center, Checkbox, ChoicesElements, ChromaticReducedMotionDecorator, CloseIconButton, DatePicker, DialogModal, DocumentPicker, Emoji, ExternalAppLink, ExternalLink, FilePicker, FlatList, Flex, FullscreenModal, GoogleMapsApiKeyProvider, GoogleMapsAutocompleteProvider, GroupTags, HStack, Highlight, Icon, IconButton, Image, ImagePicker, InfoCard, InputAddress, InputAddressLegacy, InputEmail, InputFeedback, InputField, InputIban, InputIcon, InputNumber, InputPassword, InputPhone, InputPressable, InputTag, InputText, KittBreakpointNameEnum, KittBreakpoints, KittBreakpointsMax, KittMapConfigProvider, KittNativeBaseProvider, KittThemeDecorator, KittThemeProvider, Label, ListItem, LoaderIcon, MapMarker, MapMarkerVariantEnum, MatchWindowSize, Message, ModalBehaviour, FlatList as NativeOnlyFlatList, NavigationBottomSheet, NavigationModal, Notification, Overlay, PageLoader, Picker, Pressable, RadioWithRef as Radio, RadioButtonGroup, ReadMore, ScrollView, DeprecatedSection as Section, SectionList, SegmentedProgressBar, Skeleton, SpinningIcon, Stack, StaticMap, Sticker, Story, StoryBlock, StoryContainer, StoryDecorator, StoryGrid, StorySection, StoryTitle, StyleWebWrapper, SwitchBreakpoints, TabBar, Tag, TextArea, TimePicker, ToastComponent, Toggle, Tooltip, TopNavBar, Typography, TypographyEmoji, TypographyIcon, TypographyLink, VStack, VerticalSteps, View, createChoicesComponent, createResponsiveStyleFromProp, getStaticMapImageUrl, getValueForBreakpoint, hex2rgba, matchWindowSize, storyPadding, theme, useBottomSheet, useBreakpointValue, useCurrentBreakpointName, useGetStaticMapImageUrl, useKittMapConfig, useKittTheme, useMatchWindowSize, useOpenExternalLink, useStaticBottomSheet, useStoryBlockColor, useTheme };
 //# sourceMappingURL=index-metro.es.ios.js.map