@ornikar/kitt-universal 32.6.0 → 32.8.0

package/dist/index-node-22.17.es.mjs

@@ -12,7 +12,7 @@ import { parse } from '@twemoji/parser';
 import * as WebBrowser from 'expo-web-browser';
 import Downshift from 'downshift';
 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';
@@ -12504,6 +12504,99 @@ Picker.Option = PickerOption;
  */
 Picker.UnsafeInternalItem = PickerItem;
 
+function TypographyLinkWebWrapper({
+  children,
+  ...props
+}) {
+  return children;
+}
+
+const TypographyLink = /*#__PURE__*/forwardRef(({
+  children,
+  disabled,
+  noUnderline,
+  href,
+  hrefAttrs,
+  onPress,
+  ...otherProps
+}, ref) => {
+  return /*#__PURE__*/jsx(TypographyLinkWebWrapper, {
+    hasNoUnderline: noUnderline,
+    children: /*#__PURE__*/jsx(Typography, {
+      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, {
+          ...messageProps
+        })
+      })
+    }) : null]
+  });
+}
+
 const SvgStripesinline = props => /*#__PURE__*/jsx("svg", {
   viewBox: "0 0 453 71",
   fill: "none",
@@ -14154,57 +14247,6 @@ function TypographyEmoji({
   });
 }
 
-function TypographyLinkWebWrapper({
-  children,
-  ...props
-}) {
-  return children;
-}
-
-const TypographyLink = /*#__PURE__*/forwardRef(({
-  children,
-  disabled,
-  noUnderline,
-  href,
-  hrefAttrs,
-  onPress,
-  ...otherProps
-}, ref) => {
-  return /*#__PURE__*/jsx(TypographyLinkWebWrapper, {
-    hasNoUnderline: noUnderline,
-    children: /*#__PURE__*/jsx(Typography, {
-      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',
@@ -14572,5 +14614,5 @@ function VerticalSteps({
 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-node-22.17.es.mjs.map