@ornikar/kitt-universal 32.7.0 → 32.8.0

package/dist/index-node-22.17.cjs.web.js

@@ -20,6 +20,7 @@ const libphonenumberJs = require('libphonenumber-js');
 const reactNativeSafeAreaContext = require('react-native-safe-area-context');
 const Svg = require('react-native-svg');
 const reactDom$1 = require('@floating-ui/react-dom');
+const reactIntl = require('react-intl');
 const expoLinearGradient = require('expo-linear-gradient');
 const addons = require('@storybook/addons');
 const isChromatic = require('chromatic/isChromatic');
@@ -11906,6 +11907,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__*/jsxRuntime.jsx("span", {
+    className: className,
+    children: children
+  });
+}
+
+const TypographyLink = /*#__PURE__*/react.forwardRef(({
+  children,
+  disabled,
+  noUnderline,
+  href,
+  hrefAttrs,
+  onPress,
+  ...otherProps
+}, ref) => {
+  return /*#__PURE__*/jsxRuntime.jsx(TypographyLinkWebWrapper, {
+    hasNoUnderline: noUnderline,
+    children: /*#__PURE__*/jsxRuntime.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 = reactIntl.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] = react.useState(false);
+  const nbOfLines = isExpanded ? undefined : lines;
+  const messageProps = isExpanded ? messages.seeLess : messages.seeMore;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(View, {
+      flexShrink: 1,
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography.Text, {
+        textAlign: "left",
+        numberOfLines: nbOfLines,
+        ellipsizeMode: "tail",
+        children: children
+      })
+    }), lines ? /*#__PURE__*/jsxRuntime.jsx(View, {
+      children: /*#__PURE__*/jsxRuntime.jsx(TypographyLink, {
+        noUnderline: noUnderline,
+        color: textColor,
+        variant: "bold",
+        onPress: () => {
+          setIsExpanded(prev => !prev);
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx(reactIntl.FormattedMessage, {
+          ...messageProps
+        })
+      })
+    }) : null]
+  });
+}
+
 const SvgStripesinline = props => /*#__PURE__*/jsxRuntime.jsx("svg", {
   viewBox: "0 0 453 71",
   fill: "none",
@@ -13510,63 +13610,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__*/jsxRuntime.jsx("span", {
-    className: className,
-    children: children
-  });
-}
-
-const TypographyLink = /*#__PURE__*/react.forwardRef(({
-  children,
-  disabled,
-  noUnderline,
-  href,
-  hrefAttrs,
-  onPress,
-  ...otherProps
-}, ref) => {
-  return /*#__PURE__*/jsxRuntime.jsx(TypographyLinkWebWrapper, {
-    hasNoUnderline: noUnderline,
-    children: /*#__PURE__*/jsxRuntime.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 = addons.makeDecorator({
   name: 'ChromaticReducedMotionDecorator',
   parameterName: 'chromaticReducedMotion',
@@ -14010,6 +14053,7 @@ exports.Picker = Picker;
 exports.Pressable = Pressable;
 exports.Radio = RadioWithRef;
 exports.RadioButtonGroup = RadioButtonGroup;
+exports.ReadMore = ReadMore;
 exports.ScrollView = ScrollView;
 exports.Section = DeprecatedSection;
 exports.SectionList = SectionList;