@procivis/one-react-native-components 0.1.63 → 0.3.22

package/lib/module/credential/card/credential-card.js

@@ -1,177 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useCallback, useMemo, useState } from 'react';
-import { Image, StyleSheet, View } from 'react-native';
-import { TouchableOpacity } from '../../accessibility/accessibilityHistoryWrappers';
-import BlurView from '../../blur/blur-view';
-import ImageOrComponent from '../../image/image-or-component';
-import Typography from '../../text/typography';
-import { useAppColorScheme } from '../../theme/color-scheme-context';
-import { concatTestID } from '../../utils/testID';
-import CredentialHeader from './credential-header';
-import CarouselComponent from './credential-image-carousel';
-export const CredentialCardShadow = {
-  shadowColor: '#10274226',
-  shadowOffset: {
-    height: 5,
-    width: 0
-  },
-  shadowOpacity: 1,
-  shadowRadius: 7
-};
-export const CredentialCardRatio = 18 / 11;
-const CredentialCard = _ref => {
-  var _header$color;
-  let {
-    cardCarouselImages = [],
-    cardImage,
-    color = '#5A69F3',
-    credentialId,
-    header,
-    notice,
-    noticeIcon,
-    onCardPress,
-    onHeaderPress,
-    style,
-    testID
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  const [tappableHeaderHeight, setTappableHeaderHeight] = useState();
-  const [noticeHeight, setNoticeHeight] = useState();
-  const [cardSize, setCardSize] = useState();
-  const onCardLayoutChange = useCallback(event => {
-    const {
-      width,
-      height
-    } = event.nativeEvent.layout;
-    setCardSize({
-      width,
-      height
-    });
-  }, []);
-  const onHeaderLayoutChange = useCallback(event => {
-    setTappableHeaderHeight(event.nativeEvent.layout.height);
-  }, []);
-  const onNoticeLayoutChange = useCallback(event => {
-    setNoticeHeight(event.nativeEvent.layout.height);
-  }, []);
-  const headerPressHandler = useCallback(() => {
-    onHeaderPress === null || onHeaderPress === void 0 ? void 0 : onHeaderPress(credentialId);
-  }, [credentialId, onHeaderPress]);
-  const cardPressHandler = useCallback(() => {
-    onCardPress === null || onCardPress === void 0 ? void 0 : onCardPress(credentialId);
-  }, [credentialId, onCardPress]);
-  const noticeIconView = useMemo(() => {
-    if (!noticeIcon) {
-      return undefined;
-    }
-    if ( /*#__PURE__*/React.isValidElement(noticeIcon)) {
-      return noticeIcon;
-    } else {
-      const NoticeIconComponent = noticeIcon;
-      return /*#__PURE__*/React.createElement(NoticeIconComponent, null);
-    }
-  }, [noticeIcon]);
-  const shouldShowCarousel = (cardSize === null || cardSize === void 0 ? void 0 : cardSize.width) && cardSize.height;
-  return /*#__PURE__*/React.createElement(View, {
-    onLayout: onCardLayoutChange,
-    style: [styles.card, style],
-    testID: testID
-  }, cardImage ? 'imageSource' in cardImage ? /*#__PURE__*/React.createElement(View, {
-    style: styles.cardImage
-  }, /*#__PURE__*/React.createElement(Image, {
-    testID: concatTestID(testID, 'imageSource'),
-    source: cardImage.imageSource,
-    style: styles.image
-  })) : /*#__PURE__*/React.createElement(ImageOrComponent, {
-    testID: concatTestID(testID, 'cardImage'),
-    source: cardImage,
-    style: styles.cardImage
-  }) : /*#__PURE__*/React.createElement(View, {
-    testID: concatTestID(testID, 'cardBackgroundColor', String(color)),
-    style: [styles.cardImage, {
-      backgroundColor: color
-    }]
-  }), onCardPress && /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.cardButton,
-    onPress: cardPressHandler
-  }), shouldShowCarousel ? /*#__PURE__*/React.createElement(CarouselComponent, {
-    style: {
-      marginTop: tappableHeaderHeight !== null && tappableHeaderHeight !== void 0 ? tappableHeaderHeight : 0
-    },
-    imagesToRender: cardCarouselImages !== null && cardCarouselImages !== void 0 ? cardCarouselImages : [],
-    carouselSize: {
-      width: cardSize.width,
-      height: cardSize.height - (tappableHeaderHeight !== null && tappableHeaderHeight !== void 0 ? tappableHeaderHeight : 0) - (noticeHeight !== null && noticeHeight !== void 0 ? noticeHeight : 0)
-    },
-    testID: concatTestID(testID, 'carousel')
-  }) : null, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onLayout: onHeaderLayoutChange,
-    activeOpacity: 0.9,
-    disabled: !onHeaderPress,
-    onPress: headerPressHandler,
-    style: styles.header
-  }, /*#__PURE__*/React.createElement(CredentialHeader, _extends({}, header, {
-    color: (_header$color = header.color) !== null && _header$color !== void 0 ? _header$color : color,
-    testID: concatTestID(testID, 'header')
-  }))), notice && /*#__PURE__*/React.createElement(BlurView, {
-    onLayout: onNoticeLayoutChange,
-    blurStyle: "soft",
-    style: [styles.notice, style],
-    testID: concatTestID(testID, 'notice')
-  }, noticeIconView && /*#__PURE__*/React.createElement(View, {
-    style: styles.noticeIcon
-  }, noticeIconView), /*#__PURE__*/React.createElement(View, {
-    style: styles.noticeTextWrapper
-  }, /*#__PURE__*/React.createElement(Typography, {
-    color: colorScheme.text,
-    preset: "xs/line-height-small",
-    style: styles.noticeText,
-    testID: concatTestID(testID, 'notice.text')
-  }, notice))));
-};
-const styles = StyleSheet.create({
-  card: {
-    borderRadius: 10,
-    overflow: 'hidden'
-  },
-  cardButton: {
-    height: '100%',
-    position: 'absolute',
-    width: '100%'
-  },
-  cardImage: {
-    aspectRatio: CredentialCardRatio,
-    width: '100%'
-  },
-  header: {
-    position: 'absolute',
-    top: 0,
-    width: '100%'
-  },
-  image: {
-    height: '100%',
-    width: '100%'
-  },
-  notice: {
-    bottom: 0,
-    columnGap: 6,
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    paddingBottom: 6,
-    paddingHorizontal: 12,
-    paddingTop: 2,
-    position: 'absolute',
-    width: '100%'
-  },
-  noticeIcon: {
-    marginTop: 4
-  },
-  noticeText: {
-    marginVertical: 5
-  },
-  noticeTextWrapper: {
-    flex: 1
-  }
-});
-export default CredentialCard;
-//# sourceMappingURL=credential-card.js.map

package/lib/module/credential/card/credential-card.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useMemo","useState","Image","StyleSheet","View","TouchableOpacity","BlurView","ImageOrComponent","Typography","useAppColorScheme","concatTestID","CredentialHeader","CarouselComponent","CredentialCardShadow","shadowColor","shadowOffset","height","width","shadowOpacity","shadowRadius","CredentialCardRatio","CredentialCard","_ref","_header$color","cardCarouselImages","cardImage","color","credentialId","header","notice","noticeIcon","onCardPress","onHeaderPress","style","testID","colorScheme","tappableHeaderHeight","setTappableHeaderHeight","noticeHeight","setNoticeHeight","cardSize","setCardSize","onCardLayoutChange","event","nativeEvent","layout","onHeaderLayoutChange","onNoticeLayoutChange","headerPressHandler","cardPressHandler","noticeIconView","undefined","isValidElement","NoticeIconComponent","createElement","shouldShowCarousel","onLayout","styles","card","source","imageSource","image","String","backgroundColor","cardButton","onPress","marginTop","imagesToRender","carouselSize","activeOpacity","disabled","_extends","blurStyle","noticeTextWrapper","text","preset","noticeText","create","borderRadius","overflow","position","aspectRatio","top","bottom","columnGap","flexDirection","justifyContent","paddingBottom","paddingHorizontal","paddingTop","marginVertical","flex"],"sources":["credential-card.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from 'react';\nimport { ColorValue, Image, LayoutChangeEvent, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity } from '../../accessibility/accessibilityHistoryWrappers';\nimport BlurView from '../../blur/blur-view';\nimport ImageOrComponent, { ImageOrComponentSource } from '../../image/image-or-component';\nimport Typography from '../../text/typography';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport { concatTestID } from '../../utils/testID';\nimport CredentialHeader, { CredentialHeaderProps } from './credential-header';\nimport CarouselComponent, { CarouselImage } from './credential-image-carousel';\n\nexport const CredentialCardShadow: Pick<ViewStyle, 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius'> =\n  {\n    shadowColor: '#10274226',\n    shadowOffset: {\n      height: 5,\n      width: 0,\n    },\n    shadowOpacity: 1,\n    shadowRadius: 7,\n  };\n\nexport const CredentialCardRatio = 18 / 11;\n\nexport type CredentialCardProps = {\n  cardCarouselImages?: CarouselImage[];\n  cardImage?: ImageOrComponentSource;\n  color?: ColorValue;\n  credentialId?: string;\n  header: CredentialHeaderProps;\n  notice?: string;\n  noticeIcon?: React.ComponentType<any> | React.ReactElement;\n  onCardPress?: (credentialId?: string) => void;\n  onHeaderPress?: (credentialId?: string) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n};\n\nconst CredentialCard: FC<CredentialCardProps> = ({\n  cardCarouselImages = [],\n  cardImage,\n  color = '#5A69F3',\n  credentialId,\n  header,\n  notice,\n  noticeIcon,\n  onCardPress,\n  onHeaderPress,\n  style,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [tappableHeaderHeight, setTappableHeaderHeight] = useState<number>();\n  const [noticeHeight, setNoticeHeight] = useState<number>();\n  const [cardSize, setCardSize] = useState<{ height: number; width: number }>();\n\n  const onCardLayoutChange = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setCardSize({ width, height });\n  }, []);\n\n  const onHeaderLayoutChange = useCallback((event: LayoutChangeEvent) => {\n    setTappableHeaderHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const onNoticeLayoutChange = useCallback((event: LayoutChangeEvent) => {\n    setNoticeHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const headerPressHandler = useCallback(() => {\n    onHeaderPress?.(credentialId);\n  }, [credentialId, onHeaderPress]);\n\n  const cardPressHandler = useCallback(() => {\n    onCardPress?.(credentialId);\n  }, [credentialId, onCardPress]);\n\n  const noticeIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!noticeIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(noticeIcon)) {\n      return noticeIcon;\n    } else {\n      const NoticeIconComponent = noticeIcon as React.ComponentType<any>;\n      return <NoticeIconComponent />;\n    }\n  }, [noticeIcon]);\n\n  const shouldShowCarousel = cardSize?.width && cardSize.height;\n  return (\n    <View onLayout={onCardLayoutChange} style={[styles.card, style]} testID={testID}>\n      {cardImage ? (\n        'imageSource' in cardImage ? (\n          <View style={styles.cardImage}>\n            <Image testID={concatTestID(testID, 'imageSource')} source={cardImage.imageSource} style={styles.image} />\n          </View>\n        ) : (\n          <ImageOrComponent testID={concatTestID(testID, 'cardImage')} source={cardImage} style={styles.cardImage} />\n        )\n      ) : (\n        <View\n          testID={concatTestID(testID, 'cardBackgroundColor', String(color))}\n          style={[styles.cardImage, { backgroundColor: color }]}\n        />\n      )}\n      {onCardPress && <TouchableOpacity style={styles.cardButton} onPress={cardPressHandler} />}\n      {shouldShowCarousel ? (\n        <CarouselComponent\n          style={{ marginTop: tappableHeaderHeight ?? 0 }}\n          imagesToRender={cardCarouselImages ?? []}\n          carouselSize={{\n            width: cardSize.width,\n            height: cardSize.height - (tappableHeaderHeight ?? 0) - (noticeHeight ?? 0),\n          }}\n          testID={concatTestID(testID, 'carousel')}\n        />\n      ) : null}\n      <TouchableOpacity\n        onLayout={onHeaderLayoutChange}\n        activeOpacity={0.9}\n        disabled={!onHeaderPress}\n        onPress={headerPressHandler}\n        style={styles.header}>\n        <CredentialHeader {...header} color={header.color ?? color} testID={concatTestID(testID, 'header')} />\n      </TouchableOpacity>\n      {notice && (\n        <BlurView\n          onLayout={onNoticeLayoutChange}\n          blurStyle=\"soft\"\n          style={[styles.notice, style]}\n          testID={concatTestID(testID, 'notice')}>\n          {noticeIconView && <View style={styles.noticeIcon}>{noticeIconView}</View>}\n          <View style={styles.noticeTextWrapper}>\n            <Typography\n              color={colorScheme.text}\n              preset=\"xs/line-height-small\"\n              style={styles.noticeText}\n              testID={concatTestID(testID, 'notice.text')}>\n              {notice}\n            </Typography>\n          </View>\n        </BlurView>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  card: {\n    borderRadius: 10,\n    overflow: 'hidden',\n  },\n  cardButton: {\n    height: '100%',\n    position: 'absolute',\n    width: '100%',\n  },\n  cardImage: {\n    aspectRatio: CredentialCardRatio,\n    width: '100%',\n  },\n  header: {\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n  },\n  image: {\n    height: '100%',\n    width: '100%',\n  },\n  notice: {\n    bottom: 0,\n    columnGap: 6,\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    paddingBottom: 6,\n    paddingHorizontal: 12,\n    paddingTop: 2,\n    position: 'absolute',\n    width: '100%',\n  },\n  noticeIcon: {\n    marginTop: 4,\n  },\n  noticeText: {\n    marginVertical: 5,\n  },\n  noticeTextWrapper: {\n    flex: 1,\n  },\n});\n\nexport default CredentialCard;\n"],"mappings":"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"}

package/lib/module/credential/card/credential-details-card.js

@@ -1,191 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { StyleSheet, View } from 'react-native';
-import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { Button, ButtonType } from '../../buttons';
-import { DownIcon, UpIcon } from '../../icons/credential';
-import { useAppColorScheme } from '../../theme/color-scheme-context';
-import { concatTestID } from '../../utils/testID';
-import CredentialAttributeItem from '../credential-attribute-item';
-import CredentialCard from './credential-card';
-const PREVIEW_ATTRIBUTES_COUNT = 3;
-const CredentialDetailsCard = _ref => {
-  var _header$accessory;
-  let {
-    animate = true,
-    attributes,
-    card,
-    expanded,
-    footer,
-    onImagePreview,
-    onAttributeSelected,
-    style,
-    testID,
-    showAllButtonLabel,
-    ...viewProps
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  const [previewAttributesHeight, setPreviewAttributesHeight] = useState();
-  const [fullAttributesHeight, setFullAttributesHeight] = useState();
-  const [buttonViewHeight, setButtonViewHeight] = useState();
-  const [allAttributesRendered, setAllAttributesRendered] = useState(attributes && attributes.length <= PREVIEW_ATTRIBUTES_COUNT || !showAllButtonLabel);
-  const CaretIcon = expanded ? UpIcon : DownIcon;
-  const currentHeight = useSharedValue(undefined);
-  const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];
-  const extraAttributes = useMemo(() => attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : [], [attributes]);
-  useEffect(() => {
-    if (!extraAttributes || allAttributesRendered) {
-      setButtonViewHeight(0);
-    }
-  }, [extraAttributes, allAttributesRendered]);
-  useEffect(() => {
-    if (extraAttributes.length === 0) {
-      const viewStyle = StyleSheet.flatten([styles.allAttributesWrapper, footer && styles.allAttributesWrapperWithFooter]);
-      const padding = viewStyle.paddingBottom;
-      setFullAttributesHeight(padding);
-    }
-  }, [extraAttributes, footer]);
-  useEffect(() => {
-    if (previewAttributesHeight === undefined || buttonViewHeight === undefined) {
-      return;
-    }
-    if (allAttributesRendered && fullAttributesHeight === undefined) {
-      return;
-    }
-    const additionalAttributesHeight = fullAttributesHeight !== null && fullAttributesHeight !== void 0 ? fullAttributesHeight : 0;
-    const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;
-    const newHeight = expanded ? previewAttributesHeight + additionalHeight : 0;
-    if (currentHeight.value === undefined || !animate) {
-      currentHeight.value = newHeight;
-      return;
-    }
-    const duration = !expanded ? 250 : allAttributesRendered ? previewAttributes.length * 50 : extraAttributes.length * 50;
-    currentHeight.value = withTiming(newHeight, {
-      duration
-    });
-  }, [allAttributesRendered, buttonViewHeight, currentHeight, animate, expanded, extraAttributes.length, fullAttributesHeight, previewAttributes.length, previewAttributesHeight]);
-  const credentialAttributesStyle = useAnimatedStyle(() => {
-    if (currentHeight.value === undefined) {
-      if (expanded) {
-        return {};
-      }
-      return {
-        height: 0
-      };
-    }
-    return {
-      height: currentHeight.value
-    };
-  });
-  const onPreviewAttrContentLayout = useCallback(event => {
-    setPreviewAttributesHeight(event.nativeEvent.layout.height);
-  }, []);
-  const onFullAttrContentLayout = useCallback(event => {
-    setFullAttributesHeight(event.nativeEvent.layout.height);
-  }, []);
-  const onButtonViewLayout = useCallback(event => {
-    setButtonViewHeight(event.nativeEvent.layout.height);
-  }, []);
-  const footerView = useMemo(() => {
-    if (!footer) {
-      return undefined;
-    }
-    if ( /*#__PURE__*/React.isValidElement(footer)) {
-      return footer;
-    } else {
-      const FooterComponent = footer;
-      return /*#__PURE__*/React.createElement(FooterComponent, null);
-    }
-  }, [footer]);
-  const {
-    header,
-    ...cardProps
-  } = card;
-  const renderExtraAttributes = allAttributesRendered || previewAttributesHeight !== undefined && currentHeight.value !== undefined;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.detailsCard, {
-      backgroundColor: colorScheme.white
-    }, style],
-    testID: testID
-  }, viewProps), /*#__PURE__*/React.createElement(View, {
-    testID: concatTestID(testID, expanded ? 'expanded' : 'collapsed')
-  }, /*#__PURE__*/React.createElement(CredentialCard, _extends({}, cardProps, {
-    header: {
-      ...header,
-      accessory: (_header$accessory = header.accessory) !== null && _header$accessory !== void 0 ? _header$accessory : CaretIcon
-    },
-    style: [styles.card, cardProps.style],
-    testID: concatTestID(testID, 'card')
-  })), previewAttributes.length > 0 && /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.attributesAnimatedWrapper, credentialAttributesStyle]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.attributesWrapper
-  }, /*#__PURE__*/React.createElement(View, {
-    onLayout: onPreviewAttrContentLayout,
-    style: styles.previewAttributesWrapper
-  }, previewAttributes.map((attribute, idx) => /*#__PURE__*/React.createElement(CredentialAttributeItem, _extends({
-    key: attribute.id,
-    last: !footerView && !extraAttributes.length && idx === previewAttributes.length - 1,
-    testID: concatTestID(testID, 'attribute', attribute.id),
-    onImagePreview: onImagePreview,
-    onPress: onAttributeSelected
-  }, attribute)))), !allAttributesRendered && extraAttributes.length > 0 && /*#__PURE__*/React.createElement(View, {
-    style: styles.allAttributesWrapper,
-    onLayout: onButtonViewLayout
-  }, /*#__PURE__*/React.createElement(Button, {
-    onPress: () => setAllAttributesRendered(true),
-    type: ButtonType.Secondary,
-    testID: concatTestID(testID, 'showAllAttributesButton'),
-    title: showAllButtonLabel
-  })), renderExtraAttributes && /*#__PURE__*/React.createElement(View, {
-    style: [styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter],
-    onLayout: onFullAttrContentLayout
-  }, extraAttributes.map((attribute, index, _ref2) => {
-    let {
-      length
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(CredentialAttributeItem, _extends({
-      key: attribute.id,
-      last: !footerView && index === length - 1,
-      testID: concatTestID(testID, 'attribute', attribute.id),
-      onImagePreview: onImagePreview,
-      onPress: onAttributeSelected
-    }, attribute));
-  })))), footerView ? /*#__PURE__*/React.createElement(View, {
-    style: styles.footer
-  }, footerView) : null));
-};
-const styles = StyleSheet.create({
-  allAttributesWrapper: {
-    paddingBottom: 12,
-    paddingHorizontal: 4,
-    width: '100%'
-  },
-  allAttributesWrapperWithFooter: {
-    paddingBottom: 0
-  },
-  attributesAnimatedWrapper: {
-    overflow: 'hidden'
-  },
-  attributesWrapper: {
-    paddingTop: 7,
-    position: 'absolute',
-    width: '100%'
-  },
-  card: {
-    borderRadius: 0
-  },
-  detailsCard: {
-    borderRadius: 10,
-    overflow: 'hidden'
-  },
-  footer: {
-    marginTop: 12
-  },
-  previewAttributesWrapper: {
-    paddingHorizontal: 4,
-    width: '100%'
-  }
-});
-export default CredentialDetailsCard;
-//# sourceMappingURL=credential-details-card.js.map

package/lib/module/credential/card/credential-details-card.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","Button","ButtonType","DownIcon","UpIcon","useAppColorScheme","concatTestID","CredentialAttributeItem","CredentialCard","PREVIEW_ATTRIBUTES_COUNT","CredentialDetailsCard","_ref","_header$accessory","animate","attributes","card","expanded","footer","onImagePreview","onAttributeSelected","style","testID","showAllButtonLabel","viewProps","colorScheme","previewAttributesHeight","setPreviewAttributesHeight","fullAttributesHeight","setFullAttributesHeight","buttonViewHeight","setButtonViewHeight","allAttributesRendered","setAllAttributesRendered","length","CaretIcon","currentHeight","undefined","previewAttributes","slice","extraAttributes","viewStyle","flatten","styles","allAttributesWrapper","allAttributesWrapperWithFooter","padding","paddingBottom","additionalAttributesHeight","additionalHeight","newHeight","value","duration","credentialAttributesStyle","height","onPreviewAttrContentLayout","event","nativeEvent","layout","onFullAttrContentLayout","onButtonViewLayout","footerView","isValidElement","FooterComponent","createElement","header","cardProps","renderExtraAttributes","_extends","detailsCard","backgroundColor","white","accessory","attributesAnimatedWrapper","attributesWrapper","onLayout","previewAttributesWrapper","map","attribute","idx","key","id","last","onPress","type","Secondary","title","index","_ref2","create","paddingHorizontal","width","overflow","paddingTop","position","borderRadius","marginTop"],"sources":["credential-details-card.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { ImageSourcePropType, LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { Button, ButtonType } from '../../buttons';\nimport { DownIcon, UpIcon } from '../../icons/credential';\nimport { useAppColorScheme } from '../../theme/color-scheme-context';\nimport { concatTestID } from '../../utils/testID';\nimport CredentialAttributeItem, { CredentialAttribute } from '../credential-attribute-item';\nimport CredentialCard, { CredentialCardProps } from './credential-card';\n\nexport type CredentialDetailsCardProps = ViewProps & {\n  animate?: boolean;\n  attributes: CredentialAttribute[] | false;\n  card: CredentialCardProps;\n  expanded?: boolean;\n  footer?: ComponentType<any> | ReactElement;\n  onImagePreview?: (name: string, image: ImageSourcePropType) => void;\n  onAttributeSelected?: (id: string, selected: boolean) => void;\n  showAllButtonLabel?: string;\n};\n\nconst PREVIEW_ATTRIBUTES_COUNT = 3;\n\nconst CredentialDetailsCard: FC<CredentialDetailsCardProps> = ({\n  animate = true,\n  attributes,\n  card,\n  expanded,\n  footer,\n  onImagePreview,\n  onAttributeSelected,\n  style,\n  testID,\n  showAllButtonLabel,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [previewAttributesHeight, setPreviewAttributesHeight] = useState<number>();\n  const [fullAttributesHeight, setFullAttributesHeight] = useState<number>();\n  const [buttonViewHeight, setButtonViewHeight] = useState<number>();\n\n  const [allAttributesRendered, setAllAttributesRendered] = useState<boolean>(\n    (attributes && attributes.length <= PREVIEW_ATTRIBUTES_COUNT) || !showAllButtonLabel,\n  );\n\n  const CaretIcon = expanded ? UpIcon : DownIcon;\n\n  const currentHeight = useSharedValue<number | undefined>(undefined);\n\n  const previewAttributes = attributes ? attributes.slice(0, PREVIEW_ATTRIBUTES_COUNT) : [];\n  const extraAttributes = useMemo(() => (attributes ? attributes.slice(PREVIEW_ATTRIBUTES_COUNT) : []), [attributes]);\n\n  useEffect(() => {\n    if (!extraAttributes || allAttributesRendered) {\n      setButtonViewHeight(0);\n    }\n  }, [extraAttributes, allAttributesRendered]);\n\n  useEffect(() => {\n    if (extraAttributes.length === 0) {\n      const viewStyle = StyleSheet.flatten([\n        styles.allAttributesWrapper,\n        footer && styles.allAttributesWrapperWithFooter,\n      ]);\n      const padding = viewStyle.paddingBottom;\n      setFullAttributesHeight(padding);\n    }\n  }, [extraAttributes, footer]);\n\n  useEffect(() => {\n    if (previewAttributesHeight === undefined || buttonViewHeight === undefined) {\n      return;\n    }\n    if (allAttributesRendered && fullAttributesHeight === undefined) {\n      return;\n    }\n\n    const additionalAttributesHeight = fullAttributesHeight ?? 0;\n    const additionalHeight = allAttributesRendered ? additionalAttributesHeight : buttonViewHeight;\n    const newHeight = expanded ? previewAttributesHeight + additionalHeight : 0;\n\n    if (currentHeight.value === undefined || !animate) {\n      currentHeight.value = newHeight;\n      return;\n    }\n\n    const duration = !expanded\n      ? 250\n      : allAttributesRendered\n      ? previewAttributes.length * 50\n      : extraAttributes.length * 50;\n    currentHeight.value = withTiming(newHeight, {\n      duration,\n    });\n  }, [\n    allAttributesRendered,\n    buttonViewHeight,\n    currentHeight,\n    animate,\n    expanded,\n    extraAttributes.length,\n    fullAttributesHeight,\n    previewAttributes.length,\n    previewAttributesHeight,\n  ]);\n\n  const credentialAttributesStyle = useAnimatedStyle(() => {\n    if (currentHeight.value === undefined) {\n      if (expanded) {\n        return {};\n      }\n      return {\n        height: 0,\n      };\n    }\n    return {\n      height: currentHeight.value,\n    };\n  });\n\n  const onPreviewAttrContentLayout = useCallback((event: LayoutChangeEvent) => {\n    setPreviewAttributesHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const onFullAttrContentLayout = useCallback((event: LayoutChangeEvent) => {\n    setFullAttributesHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const onButtonViewLayout = useCallback((event: LayoutChangeEvent) => {\n    setButtonViewHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const footerView: ReactElement | undefined = useMemo(() => {\n    if (!footer) {\n      return undefined;\n    }\n    if (React.isValidElement(footer)) {\n      return footer;\n    } else {\n      const FooterComponent = footer as React.ComponentType<any>;\n      return <FooterComponent />;\n    }\n  }, [footer]);\n\n  const { header, ...cardProps } = card;\n\n  const renderExtraAttributes =\n    allAttributesRendered || (previewAttributesHeight !== undefined && currentHeight.value !== undefined);\n  return (\n    <View style={[styles.detailsCard, { backgroundColor: colorScheme.white }, style]} testID={testID} {...viewProps}>\n      <View testID={concatTestID(testID, expanded ? 'expanded' : 'collapsed')}>\n        <CredentialCard\n          {...cardProps}\n          header={{ ...header, accessory: header.accessory ?? CaretIcon }}\n          style={[styles.card, cardProps.style]}\n          testID={concatTestID(testID, 'card')}\n        />\n        {previewAttributes.length > 0 && (\n          <Animated.View style={[styles.attributesAnimatedWrapper, credentialAttributesStyle]}>\n            <View style={styles.attributesWrapper}>\n              <View onLayout={onPreviewAttrContentLayout} style={styles.previewAttributesWrapper}>\n                {previewAttributes.map((attribute, idx) => (\n                  <CredentialAttributeItem\n                    key={attribute.id}\n                    last={!footerView && !extraAttributes.length && idx === previewAttributes.length - 1}\n                    testID={concatTestID(testID, 'attribute', attribute.id)}\n                    onImagePreview={onImagePreview}\n                    onPress={onAttributeSelected}\n                    {...attribute}\n                  />\n                ))}\n              </View>\n              {!allAttributesRendered && extraAttributes.length > 0 && (\n                <View style={styles.allAttributesWrapper} onLayout={onButtonViewLayout}>\n                  <Button\n                    onPress={() => setAllAttributesRendered(true)}\n                    type={ButtonType.Secondary}\n                    testID={concatTestID(testID, 'showAllAttributesButton')}\n                    title={showAllButtonLabel!}\n                  />\n                </View>\n              )}\n              {renderExtraAttributes && (\n                <View\n                  style={[styles.allAttributesWrapper, footerView && styles.allAttributesWrapperWithFooter]}\n                  onLayout={onFullAttrContentLayout}>\n                  {extraAttributes.map((attribute, index, { length }) => (\n                    <CredentialAttributeItem\n                      key={attribute.id}\n                      last={!footerView && index === length - 1}\n                      testID={concatTestID(testID, 'attribute', attribute.id)}\n                      onImagePreview={onImagePreview}\n                      onPress={onAttributeSelected}\n                      {...attribute}\n                    />\n                  ))}\n                </View>\n              )}\n            </View>\n          </Animated.View>\n        )}\n        {footerView ? <View style={styles.footer}>{footerView}</View> : null}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  allAttributesWrapper: {\n    paddingBottom: 12,\n    paddingHorizontal: 4,\n    width: '100%',\n  },\n  allAttributesWrapperWithFooter: {\n    paddingBottom: 0,\n  },\n  attributesAnimatedWrapper: {\n    overflow: 'hidden',\n  },\n  attributesWrapper: {\n    paddingTop: 7,\n    position: 'absolute',\n    width: '100%',\n  },\n  card: {\n    borderRadius: 0,\n  },\n  detailsCard: {\n    borderRadius: 10,\n    overflow: 'hidden',\n  },\n  footer: {\n    marginTop: 12,\n  },\n  previewAttributesWrapper: {\n    paddingHorizontal: 4,\n    width: '100%',\n  },\n});\n\nexport default CredentialDetailsCard;\n"],"mappings":"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"}

package/lib/module/credential/card/credential-details-list-item.js

@@ -1,74 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useCallback, useEffect, useState } from 'react';
-import { StyleSheet, View } from 'react-native';
-import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { CredentialCardRatio, CredentialCardShadow } from './credential-card';
-import CredentialDetailsCard from './credential-details-card';
-const CredentialDetailsCardListItem = _ref => {
-  let {
-    detailsCardStyle,
-    expanded,
-    lastItem,
-    style,
-    ...props
-  } = _ref;
-  const [minHeight, setMinHeight] = useState();
-  const [detailsCardHeight, setDetailsCardHeight] = useState();
-  const cardListItemHeight = useSharedValue(undefined);
-  useEffect(() => {
-    if (!detailsCardHeight || !minHeight) {
-      return;
-    }
-    const newValue = expanded ? detailsCardHeight : minHeight;
-    if (cardListItemHeight.value === undefined) {
-      cardListItemHeight.value = newValue;
-      return;
-    }
-    cardListItemHeight.value = withTiming(newValue, {
-      duration: 250
-    });
-  }, [cardListItemHeight, detailsCardHeight, minHeight, expanded]);
-  const cardWrapperStyle = useAnimatedStyle(() => {
-    if (cardListItemHeight.value !== undefined) {
-      return {
-        height: cardListItemHeight.value
-      };
-    }
-    if (lastItem || expanded) {
-      return {};
-    }
-    return {
-      height: 60
-    };
-  });
-  const onContentLayout = useCallback(event => {
-    var _StyleSheet$flatten$b, _StyleSheet$flatten;
-    const {
-      width,
-      height
-    } = event.nativeEvent.layout;
-    if (!minHeight) {
-      setMinHeight(lastItem ? width / CredentialCardRatio : 60);
-    }
-    const borderWidth = (_StyleSheet$flatten$b = (_StyleSheet$flatten = StyleSheet.flatten(style)) === null || _StyleSheet$flatten === void 0 ? void 0 : _StyleSheet$flatten.borderWidth) !== null && _StyleSheet$flatten$b !== void 0 ? _StyleSheet$flatten$b : 0;
-    setDetailsCardHeight(height + 2 * borderWidth);
-  }, [lastItem, minHeight, style]);
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [cardWrapperStyle, style]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.cardWrapper
-  }, /*#__PURE__*/React.createElement(CredentialDetailsCard, _extends({
-    animate: false,
-    expanded: expanded,
-    onLayout: onContentLayout,
-    style: detailsCardStyle
-  }, props))));
-};
-const styles = StyleSheet.create({
-  cardWrapper: {
-    ...CredentialCardShadow,
-    overflow: 'visible'
-  }
-});
-export default CredentialDetailsCardListItem;
-//# sourceMappingURL=credential-details-list-item.js.map

package/lib/module/credential/card/credential-details-list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","CredentialCardRatio","CredentialCardShadow","CredentialDetailsCard","CredentialDetailsCardListItem","_ref","detailsCardStyle","expanded","lastItem","style","props","minHeight","setMinHeight","detailsCardHeight","setDetailsCardHeight","cardListItemHeight","undefined","newValue","value","duration","cardWrapperStyle","height","onContentLayout","event","_StyleSheet$flatten$b","_StyleSheet$flatten","width","nativeEvent","layout","borderWidth","flatten","createElement","styles","cardWrapper","_extends","animate","onLayout","create","overflow"],"sources":["credential-details-list-item.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useState } from 'react';\nimport { LayoutChangeEvent, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport { CredentialCardRatio, CredentialCardShadow } from './credential-card';\nimport CredentialDetailsCard, { CredentialDetailsCardProps } from './credential-details-card';\n\nexport type CredentialDetailsCardListItemProps = Omit<CredentialDetailsCardProps, 'animate'> & {\n  detailsCardStyle?: StyleProp<ViewStyle>;\n  lastItem?: boolean;\n};\n\nconst CredentialDetailsCardListItem: FC<CredentialDetailsCardListItemProps> = ({\n  detailsCardStyle,\n  expanded,\n  lastItem,\n  style,\n  ...props\n}) => {\n  const [minHeight, setMinHeight] = useState<number>();\n  const [detailsCardHeight, setDetailsCardHeight] = useState<number>();\n\n  const cardListItemHeight = useSharedValue<number | undefined>(undefined);\n\n  useEffect(() => {\n    if (!detailsCardHeight || !minHeight) {\n      return;\n    }\n    const newValue = expanded ? detailsCardHeight : minHeight;\n    if (cardListItemHeight.value === undefined) {\n      cardListItemHeight.value = newValue;\n      return;\n    }\n    cardListItemHeight.value = withTiming(newValue, {\n      duration: 250,\n    });\n  }, [cardListItemHeight, detailsCardHeight, minHeight, expanded]);\n\n  const cardWrapperStyle = useAnimatedStyle(() => {\n    if (cardListItemHeight.value !== undefined) {\n      return {\n        height: cardListItemHeight.value,\n      };\n    }\n    if (lastItem || expanded) {\n      return {};\n    }\n    return {\n      height: 60,\n    };\n  });\n\n  const onContentLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      const { width, height } = event.nativeEvent.layout;\n      if (!minHeight) {\n        setMinHeight(lastItem ? width / CredentialCardRatio : 60);\n      }\n      const borderWidth = StyleSheet.flatten(style)?.borderWidth ?? 0;\n      setDetailsCardHeight(height + 2 * borderWidth);\n    },\n    [lastItem, minHeight, style],\n  );\n\n  return (\n    <Animated.View style={[cardWrapperStyle, style]}>\n      <View style={styles.cardWrapper}>\n        <CredentialDetailsCard\n          animate={false}\n          expanded={expanded}\n          onLayout={onContentLayout}\n          style={detailsCardStyle}\n          {...props}\n        />\n      </View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  cardWrapper: {\n    ...CredentialCardShadow,\n    overflow: 'visible',\n  },\n});\n\nexport default CredentialDetailsCardListItem;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACnE,SAAuCC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACxF,OAAOC,QAAQ,IAAIC,gBAAgB,EAAEC,cAAc,EAAEC,UAAU,QAAQ,yBAAyB;AAEhG,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,mBAAmB;AAC7E,OAAOC,qBAAqB,MAAsC,2BAA2B;AAO7F,MAAMC,6BAAqE,GAAGC,IAAA,IAMxE;EAAA,IANyE;IAC7EC,gBAAgB;IAChBC,QAAQ;IACRC,QAAQ;IACRC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAL,IAAA;EACC,MAAM,CAACM,SAAS,EAAEC,YAAY,CAAC,GAAGlB,QAAQ,EAAU;EACpD,MAAM,CAACmB,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGpB,QAAQ,EAAU;EAEpE,MAAMqB,kBAAkB,GAAGhB,cAAc,CAAqBiB,SAAS,CAAC;EAExEvB,SAAS,CAAC,MAAM;IACd,IAAI,CAACoB,iBAAiB,IAAI,CAACF,SAAS,EAAE;MACpC;IACF;IACA,MAAMM,QAAQ,GAAGV,QAAQ,GAAGM,iBAAiB,GAAGF,SAAS;IACzD,IAAII,kBAAkB,CAACG,KAAK,KAAKF,SAAS,EAAE;MAC1CD,kBAAkB,CAACG,KAAK,GAAGD,QAAQ;MACnC;IACF;IACAF,kBAAkB,CAACG,KAAK,GAAGlB,UAAU,CAACiB,QAAQ,EAAE;MAC9CE,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACJ,kBAAkB,EAAEF,iBAAiB,EAAEF,SAAS,EAAEJ,QAAQ,CAAC,CAAC;EAEhE,MAAMa,gBAAgB,GAAGtB,gBAAgB,CAAC,MAAM;IAC9C,IAAIiB,kBAAkB,CAACG,KAAK,KAAKF,SAAS,EAAE;MAC1C,OAAO;QACLK,MAAM,EAAEN,kBAAkB,CAACG;MAC7B,CAAC;IACH;IACA,IAAIV,QAAQ,IAAID,QAAQ,EAAE;MACxB,OAAO,CAAC,CAAC;IACX;IACA,OAAO;MACLc,MAAM,EAAE;IACV,CAAC;EACH,CAAC,CAAC;EAEF,MAAMC,eAAe,GAAG9B,WAAW,CAChC+B,KAAwB,IAAK;IAAA,IAAAC,qBAAA,EAAAC,mBAAA;IAC5B,MAAM;MAAEC,KAAK;MAAEL;IAAO,CAAC,GAAGE,KAAK,CAACI,WAAW,CAACC,MAAM;IAClD,IAAI,CAACjB,SAAS,EAAE;MACdC,YAAY,CAACJ,QAAQ,GAAGkB,KAAK,GAAGzB,mBAAmB,GAAG,EAAE,CAAC;IAC3D;IACA,MAAM4B,WAAW,IAAAL,qBAAA,IAAAC,mBAAA,GAAG9B,UAAU,CAACmC,OAAO,CAACrB,KAAK,CAAC,cAAAgB,mBAAA,uBAAzBA,mBAAA,CAA2BI,WAAW,cAAAL,qBAAA,cAAAA,qBAAA,GAAI,CAAC;IAC/DV,oBAAoB,CAACO,MAAM,GAAG,CAAC,GAAGQ,WAAW,CAAC;EAChD,CAAC,EACD,CAACrB,QAAQ,EAAEG,SAAS,EAAEF,KAAK,CAAC,CAC7B;EAED,oBACElB,KAAA,CAAAwC,aAAA,CAAClC,QAAQ,CAACD,IAAI;IAACa,KAAK,EAAE,CAACW,gBAAgB,EAAEX,KAAK;EAAE,gBAC9ClB,KAAA,CAAAwC,aAAA,CAACnC,IAAI;IAACa,KAAK,EAAEuB,MAAM,CAACC;EAAY,gBAC9B1C,KAAA,CAAAwC,aAAA,CAAC5B,qBAAqB,EAAA+B,QAAA;IACpBC,OAAO,EAAE,KAAM;IACf5B,QAAQ,EAAEA,QAAS;IACnB6B,QAAQ,EAAEd,eAAgB;IAC1Bb,KAAK,EAAEH;EAAiB,GACpBI,KAAK,EACT,CACG,CACO;AAEpB,CAAC;AAED,MAAMsB,MAAM,GAAGrC,UAAU,CAAC0C,MAAM,CAAC;EAC/BJ,WAAW,EAAE;IACX,GAAG/B,oBAAoB;IACvBoC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAelC,6BAA6B"}