@ornikar/kitt-universal 32.7.0 → 32.8.0

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

@@ -18,6 +18,7 @@ import { parseNumber, getCountryCallingCode, isValidNumber } from 'libphonenumbe
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import Svg, { Circle as Circle$1 } from 'react-native-svg';
 import { useFloating, autoUpdate, offset, autoPlacement, shift, arrow } from '@floating-ui/react-dom';
+import { defineMessages, FormattedMessage } from 'react-intl';
 import { LinearGradient } from 'expo-linear-gradient';
 import { makeDecorator } from '@storybook/addons';
 import isChromatic from 'chromatic/isChromatic';
@@ -11897,6 +11898,105 @@ Picker.Option = PickerOption;
  */
 Picker.UnsafeInternalItem = PickerItem;
 
+const styles = {"displayUnderline":"TypographyLinkWebWrapper-module_displayUnderline__KxwMp","displayUnderlineWhenHovered":"TypographyLinkWebWrapper-module_displayUnderlineWhenHovered__5V5Cl"};
+
+function TypographyLinkWebWrapper({
+  children,
+  hasNoUnderline
+}) {
+  const className = hasNoUnderline ? `${styles.displayUnderline} ${styles.displayUnderlineWhenHovered}` : styles.displayUnderline;
+  return /*#__PURE__*/jsx("span", {
+    className: className,
+    children: 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",
@@ -13501,63 +13601,6 @@ function TypographyEmoji({
   });
 }
 
-const styles = {"displayUnderline":"TypographyLinkWebWrapper-module_displayUnderline__KxwMp","displayUnderlineWhenHovered":"TypographyLinkWebWrapper-module_displayUnderlineWhenHovered__5V5Cl"};
-
-function TypographyLinkWebWrapper({
-  children,
-  hasNoUnderline
-}) {
-  const className = hasNoUnderline ? `${styles.displayUnderline} ${styles.displayUnderlineWhenHovered}` : styles.displayUnderline;
-  return /*#__PURE__*/jsx("span", {
-    className: className,
-    children: 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',
@@ -13924,5 +13967,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, 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, 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.web.mjs.map