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

package/lib/module/screens/nerd-mode-screen.js

@@ -1,132 +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, { useState } from 'react';
-import { SectionList, StyleSheet, View } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
-import Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import NerdModeItem from '..//nerd-view/nerd-mode-item';
-import EntityCluster from '../entity/entity-cluster';
-import NavigationHeader from '../header/navigation-header';
-import { CloseIcon } from '../icons/icons';
-import Typography from '../text/typography';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import ContrastingStatusBar from '../utils/contrasting-status-bar';
-import { concatTestID } from '../utils/testID';
-const styles = StyleSheet.create({
-  entityCluster: {
-    paddingHorizontal: 24,
-    paddingVertical: 20
-  },
-  sectionHeaderContainer: {
-    justifyContent: 'center',
-    marginTop: 20,
-    paddingVertical: 16
-  },
-  sectionHeaderText: {
-    opacity: 0.7,
-    paddingHorizontal: 20
-  }
-});
-const AnimatedSectionList = Animated.createAnimatedComponent(SectionList);
-const NerdModeScreen = _ref => {
-  let {
-    sections,
-    labels,
-    onClose,
-    onCopyToClipboard,
-    entityCluster,
-    testID,
-    title
-  } = _ref;
-  const insets = useSafeAreaInsets();
-  const colorScheme = useAppColorScheme();
-  const scrollOffset = useSharedValue(0);
-  const [expandedAttributes, setExpandedAttributes] = useState(0);
-
-  // This is a bit of a hack. It's used to notify attributes that another attribute has been expanded
-  // which will allow them to update their scroll offset accordingly.
-  const onExpand = expanded => {
-    setExpandedAttributes(prev => expanded ? prev + 1 : prev - 1);
-  };
-  const onScroll = useAnimatedScrollHandler({
-    onScroll: _ref2 => {
-      let {
-        contentOffset
-      } = _ref2;
-      scrollOffset.value = contentOffset.y;
-    }
-  });
-  const lastElementsForSection = sections.reduce((acc, _ref3) => {
-    let {
-      title: sectionTitle,
-      data
-    } = _ref3;
-    const lastElement = data[data.length - 1];
-    return {
-      ...acc,
-      [sectionTitle]: lastElement.attributeKey
-    };
-  }, {});
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContrastingStatusBar, {
-    backgroundColor: colorScheme.nerdView.background
-  }), /*#__PURE__*/React.createElement(NavigationHeader, {
-    leftItem: /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: onClose,
-      testID: concatTestID(testID, 'closeIcon')
-    }, /*#__PURE__*/React.createElement(CloseIcon, {
-      color: colorScheme.white
-    })),
-    style: {
-      backgroundColor: colorScheme.nerdView.background,
-      paddingTop: insets.top
-    },
-    title: title,
-    titleColor: colorScheme.white
-  }), /*#__PURE__*/React.createElement(AnimatedSectionList, {
-    ListHeaderComponent: entityCluster ? /*#__PURE__*/React.createElement(EntityCluster, {
-      entityName: entityCluster === null || entityCluster === void 0 ? void 0 : entityCluster.entityName,
-      style: [styles.entityCluster, {
-        backgroundColor: colorScheme.nerdView.background
-      }],
-      testID: concatTestID(testID, 'entityCluster'),
-      textColor: colorScheme.white
-    }) : null,
-    onScroll: onScroll,
-    renderItem: _ref4 => {
-      let {
-        item,
-        section
-      } = _ref4;
-      return /*#__PURE__*/React.createElement(NerdModeItem, _extends({}, item, {
-        expandedAttributes: expandedAttributes,
-        labels: labels,
-        last: lastElementsForSection[section.title] === item.attributeKey,
-        onCopyToClipboard: onCopyToClipboard,
-        onExpand: onExpand,
-        scrollOffset: scrollOffset,
-        testID: concatTestID(testID, item.testID)
-      }));
-    },
-    renderSectionHeader: _ref5 => {
-      let {
-        section
-      } = _ref5;
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.sectionHeaderContainer,
-        testID: concatTestID(testID, section.title)
-      }, /*#__PURE__*/React.createElement(Typography, {
-        color: colorScheme.white,
-        style: styles.sectionHeaderText
-      }, section.title));
-    },
-    scrollEventThrottle: 16,
-    sections: sections,
-    stickySectionHeadersEnabled: false,
-    style: {
-      backgroundColor: colorScheme.nerdView.background
-    },
-    testID: testID
-  }));
-};
-export default NerdModeScreen;
-//# sourceMappingURL=nerd-mode-screen.js.map

package/lib/module/screens/nerd-mode-screen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","SectionList","StyleSheet","View","TouchableOpacity","Animated","useAnimatedScrollHandler","useSharedValue","useSafeAreaInsets","NerdModeItem","EntityCluster","NavigationHeader","CloseIcon","Typography","useAppColorScheme","ContrastingStatusBar","concatTestID","styles","create","entityCluster","paddingHorizontal","paddingVertical","sectionHeaderContainer","justifyContent","marginTop","sectionHeaderText","opacity","AnimatedSectionList","createAnimatedComponent","NerdModeScreen","_ref","sections","labels","onClose","onCopyToClipboard","testID","title","insets","colorScheme","scrollOffset","expandedAttributes","setExpandedAttributes","onExpand","expanded","prev","onScroll","_ref2","contentOffset","value","y","lastElementsForSection","reduce","acc","_ref3","sectionTitle","data","lastElement","length","attributeKey","createElement","Fragment","backgroundColor","nerdView","background","leftItem","onPress","color","white","style","paddingTop","top","titleColor","ListHeaderComponent","entityName","textColor","renderItem","_ref4","item","section","_extends","last","renderSectionHeader","_ref5","scrollEventThrottle","stickySectionHeadersEnabled"],"sources":["nerd-mode-screen.tsx"],"sourcesContent":["import React, { FunctionComponent, useState } from 'react';\nimport { SectionList, StyleSheet, View } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\nimport Animated, { useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport NerdModeItem, { NerdModeItemProps } from '..//nerd-view/nerd-mode-item';\nimport EntityCluster from '../entity/entity-cluster';\nimport NavigationHeader from '../header/navigation-header';\nimport { CloseIcon } from '../icons/icons';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport ContrastingStatusBar from '../utils/contrasting-status-bar';\nimport { concatTestID } from '../utils/testID';\n\nconst styles = StyleSheet.create({\n  entityCluster: {\n    paddingHorizontal: 24,\n    paddingVertical: 20,\n  },\n  sectionHeaderContainer: {\n    justifyContent: 'center',\n    marginTop: 20,\n    paddingVertical: 16,\n  },\n  sectionHeaderText: {\n    opacity: 0.7,\n    paddingHorizontal: 20,\n  },\n});\n\nexport type NerdModeSection = {\n  data: Array<Omit<NerdModeItemProps, 'labels' | 'onCopyToClipboard'>>;\n  title: string;\n};\n\nexport type NerdModeScreenProps = {\n  entityCluster?: {\n    entityName: string;\n  };\n  labels: {\n    expand: string;\n    collapse: string;\n  };\n  onClose: () => void;\n  onCopyToClipboard: (value: string) => void;\n  sections: NerdModeSection[];\n  testID: string;\n  title: string;\n};\n\nconst AnimatedSectionList = Animated.createAnimatedComponent(\n  SectionList<Omit<NerdModeItemProps, 'labels' | 'onCopyToClipboard'>>,\n);\nconst NerdModeScreen: FunctionComponent<NerdModeScreenProps> = ({\n  sections,\n  labels,\n  onClose,\n  onCopyToClipboard,\n  entityCluster,\n  testID,\n  title,\n}) => {\n  const insets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n  const scrollOffset = useSharedValue(0);\n  const [expandedAttributes, setExpandedAttributes] = useState(0);\n\n  // This is a bit of a hack. It's used to notify attributes that another attribute has been expanded\n  // which will allow them to update their scroll offset accordingly.\n  const onExpand = (expanded: boolean) => {\n    setExpandedAttributes((prev) => (expanded ? prev + 1 : prev - 1));\n  };\n\n  const onScroll = useAnimatedScrollHandler({\n    onScroll: ({ contentOffset }) => {\n      scrollOffset.value = contentOffset.y;\n    },\n  });\n\n  const lastElementsForSection = sections.reduce((acc, { title: sectionTitle, data }) => {\n    const lastElement = data[data.length - 1];\n    return { ...acc, [sectionTitle]: lastElement.attributeKey };\n  }, {} as Record<string, string>);\n\n  return (\n    <>\n      <ContrastingStatusBar backgroundColor={colorScheme.nerdView.background} />\n      <NavigationHeader\n        leftItem={\n          <TouchableOpacity onPress={onClose} testID={concatTestID(testID, 'closeIcon')}>\n            <CloseIcon color={colorScheme.white} />\n          </TouchableOpacity>\n        }\n        style={{\n          backgroundColor: colorScheme.nerdView.background,\n          paddingTop: insets.top,\n        }}\n        title={title}\n        titleColor={colorScheme.white}\n      />\n      <AnimatedSectionList\n        ListHeaderComponent={\n          entityCluster ? (\n            <EntityCluster\n              entityName={entityCluster?.entityName}\n              style={[\n                styles.entityCluster,\n                {\n                  backgroundColor: colorScheme.nerdView.background,\n                },\n              ]}\n              testID={concatTestID(testID, 'entityCluster')}\n              textColor={colorScheme.white}\n            />\n          ) : null\n        }\n        onScroll={onScroll}\n        renderItem={({ item, section }) => (\n          <NerdModeItem\n            {...item}\n            expandedAttributes={expandedAttributes}\n            labels={labels}\n            last={lastElementsForSection[section.title] === item.attributeKey}\n            onCopyToClipboard={onCopyToClipboard}\n            onExpand={onExpand}\n            scrollOffset={scrollOffset}\n            testID={concatTestID(testID, item.testID)}\n          />\n        )}\n        renderSectionHeader={({ section }) => {\n          return (\n            <View style={styles.sectionHeaderContainer} testID={concatTestID(testID, section.title)}>\n              <Typography color={colorScheme.white} style={styles.sectionHeaderText}>\n                {section.title}\n              </Typography>\n            </View>\n          );\n        }}\n        scrollEventThrottle={16}\n        sections={sections}\n        stickySectionHeadersEnabled={false}\n        style={{ backgroundColor: colorScheme.nerdView.background }}\n        testID={testID}\n      />\n    </>\n  );\n};\n\nexport default NerdModeScreen;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAuBC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,WAAW,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC5D,SAASC,gBAAgB,QAAQ,8BAA8B;AAC/D,OAAOC,QAAQ,IAAIC,wBAAwB,EAAEC,cAAc,QAAQ,yBAAyB;AAC5F,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,OAAOC,YAAY,MAA6B,8BAA8B;AAC9E,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,gBAAgB,MAAM,6BAA6B;AAC1D,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,OAAOC,oBAAoB,MAAM,iCAAiC;AAClE,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,MAAM,GAAGf,UAAU,CAACgB,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDC,sBAAsB,EAAE;IACtBC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE,EAAE;IACbH,eAAe,EAAE;EACnB,CAAC;EACDI,iBAAiB,EAAE;IACjBC,OAAO,EAAE,GAAG;IACZN,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAsBF,MAAMO,mBAAmB,GAAGtB,QAAQ,CAACuB,uBAAuB,CAC1D3B,WAAW,CACZ;AACD,MAAM4B,cAAsD,GAAGC,IAAA,IAQzD;EAAA,IAR0D;IAC9DC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,iBAAiB;IACjBf,aAAa;IACbgB,MAAM;IACNC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,MAAM,GAAG7B,iBAAiB,EAAE;EAClC,MAAM8B,WAAW,GAAGxB,iBAAiB,EAAE;EACvC,MAAMyB,YAAY,GAAGhC,cAAc,CAAC,CAAC,CAAC;EACtC,MAAM,CAACiC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGzC,QAAQ,CAAC,CAAC,CAAC;;EAE/D;EACA;EACA,MAAM0C,QAAQ,GAAIC,QAAiB,IAAK;IACtCF,qBAAqB,CAAEG,IAAI,IAAMD,QAAQ,GAAGC,IAAI,GAAG,CAAC,GAAGA,IAAI,GAAG,CAAE,CAAC;EACnE,CAAC;EAED,MAAMC,QAAQ,GAAGvC,wBAAwB,CAAC;IACxCuC,QAAQ,EAAEC,KAAA,IAAuB;MAAA,IAAtB;QAAEC;MAAc,CAAC,GAAAD,KAAA;MAC1BP,YAAY,CAACS,KAAK,GAAGD,aAAa,CAACE,CAAC;IACtC;EACF,CAAC,CAAC;EAEF,MAAMC,sBAAsB,GAAGnB,QAAQ,CAACoB,MAAM,CAAC,CAACC,GAAG,EAAAC,KAAA,KAAoC;IAAA,IAAlC;MAAEjB,KAAK,EAAEkB,YAAY;MAAEC;IAAK,CAAC,GAAAF,KAAA;IAChF,MAAMG,WAAW,GAAGD,IAAI,CAACA,IAAI,CAACE,MAAM,GAAG,CAAC,CAAC;IACzC,OAAO;MAAE,GAAGL,GAAG;MAAE,CAACE,YAAY,GAAGE,WAAW,CAACE;IAAa,CAAC;EAC7D,CAAC,EAAE,CAAC,CAAC,CAA2B;EAEhC,oBACE3D,KAAA,CAAA4D,aAAA,CAAA5D,KAAA,CAAA6D,QAAA,qBACE7D,KAAA,CAAA4D,aAAA,CAAC5C,oBAAoB;IAAC8C,eAAe,EAAEvB,WAAW,CAACwB,QAAQ,CAACC;EAAW,EAAG,eAC1EhE,KAAA,CAAA4D,aAAA,CAAChD,gBAAgB;IACfqD,QAAQ,eACNjE,KAAA,CAAA4D,aAAA,CAACvD,gBAAgB;MAAC6D,OAAO,EAAEhC,OAAQ;MAACE,MAAM,EAAEnB,YAAY,CAACmB,MAAM,EAAE,WAAW;IAAE,gBAC5EpC,KAAA,CAAA4D,aAAA,CAAC/C,SAAS;MAACsD,KAAK,EAAE5B,WAAW,CAAC6B;IAAM,EAAG,CAE1C;IACDC,KAAK,EAAE;MACLP,eAAe,EAAEvB,WAAW,CAACwB,QAAQ,CAACC,UAAU;MAChDM,UAAU,EAAEhC,MAAM,CAACiC;IACrB,CAAE;IACFlC,KAAK,EAAEA,KAAM;IACbmC,UAAU,EAAEjC,WAAW,CAAC6B;EAAM,EAC9B,eACFpE,KAAA,CAAA4D,aAAA,CAAChC,mBAAmB;IAClB6C,mBAAmB,EACjBrD,aAAa,gBACXpB,KAAA,CAAA4D,aAAA,CAACjD,aAAa;MACZ+D,UAAU,EAAEtD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEsD,UAAW;MACtCL,KAAK,EAAE,CACLnD,MAAM,CAACE,aAAa,EACpB;QACE0C,eAAe,EAAEvB,WAAW,CAACwB,QAAQ,CAACC;MACxC,CAAC,CACD;MACF5B,MAAM,EAAEnB,YAAY,CAACmB,MAAM,EAAE,eAAe,CAAE;MAC9CuC,SAAS,EAAEpC,WAAW,CAAC6B;IAAM,EAC7B,GACA,IACL;IACDtB,QAAQ,EAAEA,QAAS;IACnB8B,UAAU,EAAEC,KAAA;MAAA,IAAC;QAAEC,IAAI;QAAEC;MAAQ,CAAC,GAAAF,KAAA;MAAA,oBAC5B7E,KAAA,CAAA4D,aAAA,CAAClD,YAAY,EAAAsE,QAAA,KACPF,IAAI;QACRrC,kBAAkB,EAAEA,kBAAmB;QACvCR,MAAM,EAAEA,MAAO;QACfgD,IAAI,EAAE9B,sBAAsB,CAAC4B,OAAO,CAAC1C,KAAK,CAAC,KAAKyC,IAAI,CAACnB,YAAa;QAClExB,iBAAiB,EAAEA,iBAAkB;QACrCQ,QAAQ,EAAEA,QAAS;QACnBH,YAAY,EAAEA,YAAa;QAC3BJ,MAAM,EAAEnB,YAAY,CAACmB,MAAM,EAAE0C,IAAI,CAAC1C,MAAM;MAAE,GAC1C;IAAA,CACF;IACF8C,mBAAmB,EAAEC,KAAA,IAAiB;MAAA,IAAhB;QAAEJ;MAAQ,CAAC,GAAAI,KAAA;MAC/B,oBACEnF,KAAA,CAAA4D,aAAA,CAACxD,IAAI;QAACiE,KAAK,EAAEnD,MAAM,CAACK,sBAAuB;QAACa,MAAM,EAAEnB,YAAY,CAACmB,MAAM,EAAE2C,OAAO,CAAC1C,KAAK;MAAE,gBACtFrC,KAAA,CAAA4D,aAAA,CAAC9C,UAAU;QAACqD,KAAK,EAAE5B,WAAW,CAAC6B,KAAM;QAACC,KAAK,EAAEnD,MAAM,CAACQ;MAAkB,GACnEqD,OAAO,CAAC1C,KAAK,CACH,CACR;IAEX,CAAE;IACF+C,mBAAmB,EAAE,EAAG;IACxBpD,QAAQ,EAAEA,QAAS;IACnBqD,2BAA2B,EAAE,KAAM;IACnChB,KAAK,EAAE;MAAEP,eAAe,EAAEvB,WAAW,CAACwB,QAAQ,CAACC;IAAW,CAAE;IAC5D5B,MAAM,EAAEA;EAAO,EACf,CACD;AAEP,CAAC;AAED,eAAeN,cAAc"}

package/lib/module/screens/qr-code-scanner-screen.js

@@ -1,110 +0,0 @@
-import React, { memo, useMemo } from 'react';
-import { Dimensions, StyleSheet, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useCameraDevice } from 'react-native-vision-camera';
-import { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';
-import BlurView from '../blur/blur-view';
-import { GhostButton } from '../buttons';
-import CameraOverlay from '../camera/camera-overlay';
-import QRCodeScanner from '../camera/qr-code-scanner';
-import { CloseIcon } from '../icons';
-import { Typography } from '../text';
-import { useAppColorScheme } from '../theme';
-import { ContrastingStatusBar } from '../utils';
-import { colorWithAlphaComponent } from '../utils/color';
-const QRCodeScannerScreen = _ref => {
-  let {
-    codeTypes,
-    footer,
-    onQRCodeRead,
-    onClose,
-    overlayStyle,
-    noCameraView = null,
-    title
-  } = _ref;
-  const t = useAccessibilityTranslation();
-  const insets = useSafeAreaInsets();
-  const colorScheme = useAppColorScheme();
-  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 minBottomBlurViewHeight = Dimensions.get('window').height * 0.15;
-  const device = useCameraDevice('back');
-  if (!device) {
-    return noCameraView;
-  }
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(QRCodeScanner, {
-    cameraOverlay: /*#__PURE__*/React.createElement(CameraOverlay, {
-      style: overlayStyle
-    }),
-    codeTypes: codeTypes,
-    onQRCodeRead: onQRCodeRead,
-    style: StyleSheet.absoluteFill
-  }), /*#__PURE__*/React.createElement(ContrastingStatusBar, {
-    backgroundColor: colorScheme.black
-  }), /*#__PURE__*/React.createElement(BlurView, {
-    darkMode: true,
-    blurStyle: "soft",
-    style: [styles.topBlurView, {
-      backgroundColor: colorWithAlphaComponent(colorScheme.black, 0.5)
-    }]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.headerSection, {
-      top: insets.top
-    }]
-  }, /*#__PURE__*/React.createElement(GhostButton, {
-    icon: /*#__PURE__*/React.createElement(CloseIcon, {
-      color: colorScheme.white
-    }),
-    onPress: onClose,
-    accessibilityLabel: t('accessibility.nav.close')
-  }))), /*#__PURE__*/React.createElement(BlurView, {
-    darkMode: true,
-    blurStyle: "soft",
-    style: [styles.bottomBlurView, {
-      backgroundColor: colorWithAlphaComponent(colorScheme.black, 0.5),
-      minHeight: minBottomBlurViewHeight,
-      paddingBottom: Math.max(insets.bottom, 32)
-    }]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    align: "center",
-    style: styles.title,
-    color: colorScheme.white
-  }, title), footerView));
-};
-const styles = StyleSheet.create({
-  bottomBlurView: {
-    bottom: 0,
-    position: 'absolute',
-    width: '100%'
-  },
-  container: {
-    flex: 1
-  },
-  headerSection: {
-    paddingHorizontal: 22,
-    paddingTop: 16,
-    position: 'absolute'
-  },
-  title: {
-    marginTop: 32
-  },
-  topBlurView: {
-    height: '15%',
-    position: 'absolute',
-    top: 0,
-    width: '100%'
-  }
-});
-export default /*#__PURE__*/memo(QRCodeScannerScreen);
-//# sourceMappingURL=qr-code-scanner-screen.js.map

package/lib/module/screens/qr-code-scanner-screen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","memo","useMemo","Dimensions","StyleSheet","View","useSafeAreaInsets","useCameraDevice","useAccessibilityTranslation","BlurView","GhostButton","CameraOverlay","QRCodeScanner","CloseIcon","Typography","useAppColorScheme","ContrastingStatusBar","colorWithAlphaComponent","QRCodeScannerScreen","_ref","codeTypes","footer","onQRCodeRead","onClose","overlayStyle","noCameraView","title","t","insets","colorScheme","footerView","undefined","isValidElement","FooterComponent","createElement","minBottomBlurViewHeight","get","height","device","style","styles","container","cameraOverlay","absoluteFill","backgroundColor","black","darkMode","blurStyle","topBlurView","headerSection","top","icon","color","white","onPress","accessibilityLabel","bottomBlurView","minHeight","paddingBottom","Math","max","bottom","align","create","position","width","flex","paddingHorizontal","paddingTop","marginTop"],"sources":["qr-code-scanner-screen.tsx"],"sourcesContent":["import React, { FunctionComponent, memo, ReactElement, useMemo } from 'react';\nimport { Dimensions, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useCameraDevice } from 'react-native-vision-camera';\n\nimport { useAccessibilityTranslation } from '../accessibility/accessibilityLanguage';\nimport BlurView from '../blur/blur-view';\nimport { GhostButton } from '../buttons';\nimport CameraOverlay from '../camera/camera-overlay';\nimport QRCodeScanner, { QRCodeScannerProps } from '../camera/qr-code-scanner';\nimport { CloseIcon } from '../icons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\nimport { ContrastingStatusBar } from '../utils';\nimport { colorWithAlphaComponent } from '../utils/color';\n\nexport interface QRCodeScannerScreenProps {\n  codeTypes?: QRCodeScannerProps['codeTypes'];\n  footer?: React.ComponentType<any> | React.ReactElement;\n  onQRCodeRead: QRCodeScannerProps['onQRCodeRead'];\n  onClose: () => void;\n  overlayStyle?: StyleProp<ViewStyle>;\n  noCameraView?: JSX.Element;\n  title: ReactElement | string;\n}\n\nconst QRCodeScannerScreen: FunctionComponent<QRCodeScannerScreenProps> = ({\n  codeTypes,\n  footer,\n  onQRCodeRead,\n  onClose,\n  overlayStyle,\n  noCameraView = null,\n  title,\n}) => {\n  const t = useAccessibilityTranslation();\n  const insets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n\n  const footerView: React.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 minBottomBlurViewHeight = Dimensions.get('window').height * 0.15;\n\n  const device = useCameraDevice('back');\n  if (!device) {\n    return noCameraView;\n  }\n\n  return (\n    <View style={styles.container}>\n      <QRCodeScanner\n        cameraOverlay={<CameraOverlay style={overlayStyle} />}\n        codeTypes={codeTypes}\n        onQRCodeRead={onQRCodeRead}\n        style={StyleSheet.absoluteFill}\n      />\n      <ContrastingStatusBar backgroundColor={colorScheme.black} />\n      <BlurView\n        darkMode={true}\n        blurStyle=\"soft\"\n        style={[styles.topBlurView, { backgroundColor: colorWithAlphaComponent(colorScheme.black, 0.5) }]}>\n        <View style={[styles.headerSection, { top: insets.top }]}>\n          <GhostButton\n            icon={<CloseIcon color={colorScheme.white} />}\n            onPress={onClose}\n            accessibilityLabel={t('accessibility.nav.close')}\n          />\n        </View>\n      </BlurView>\n      <BlurView\n        darkMode={true}\n        blurStyle=\"soft\"\n        style={[\n          styles.bottomBlurView,\n          {\n            backgroundColor: colorWithAlphaComponent(colorScheme.black, 0.5),\n            minHeight: minBottomBlurViewHeight,\n            paddingBottom: Math.max(insets.bottom, 32),\n          },\n        ]}>\n        <Typography align=\"center\" style={styles.title} color={colorScheme.white}>\n          {title}\n        </Typography>\n        {footerView}\n      </BlurView>\n    </View>\n  );\n};\nconst styles = StyleSheet.create({\n  bottomBlurView: {\n    bottom: 0,\n    position: 'absolute',\n    width: '100%',\n  },\n  container: {\n    flex: 1,\n  },\n  headerSection: {\n    paddingHorizontal: 22,\n    paddingTop: 16,\n    position: 'absolute',\n  },\n  title: {\n    marginTop: 32,\n  },\n  topBlurView: {\n    height: '15%',\n    position: 'absolute',\n    top: 0,\n    width: '100%',\n  },\n});\n\nexport default memo(QRCodeScannerScreen);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAuBC,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAC7E,SAASC,UAAU,EAAaC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACjF,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,WAAW,QAAQ,YAAY;AACxC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,aAAa,MAA8B,2BAA2B;AAC7E,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,oBAAoB,QAAQ,UAAU;AAC/C,SAASC,uBAAuB,QAAQ,gBAAgB;AAYxD,MAAMC,mBAAgE,GAAGC,IAAA,IAQnE;EAAA,IARoE;IACxEC,SAAS;IACTC,MAAM;IACNC,YAAY;IACZC,OAAO;IACPC,YAAY;IACZC,YAAY,GAAG,IAAI;IACnBC;EACF,CAAC,GAAAP,IAAA;EACC,MAAMQ,CAAC,GAAGnB,2BAA2B,EAAE;EACvC,MAAMoB,MAAM,GAAGtB,iBAAiB,EAAE;EAClC,MAAMuB,WAAW,GAAGd,iBAAiB,EAAE;EAEvC,MAAMe,UAA0C,GAAG5B,OAAO,CAAC,MAAM;IAC/D,IAAI,CAACmB,MAAM,EAAE;MACX,OAAOU,SAAS;IAClB;IACA,kBAAI/B,KAAK,CAACgC,cAAc,CAACX,MAAM,CAAC,EAAE;MAChC,OAAOA,MAAM;IACf,CAAC,MAAM;MACL,MAAMY,eAAe,GAAGZ,MAAkC;MAC1D,oBAAOrB,KAAA,CAAAkC,aAAA,CAACD,eAAe,OAAG;IAC5B;EACF,CAAC,EAAE,CAACZ,MAAM,CAAC,CAAC;EAEZ,MAAMc,uBAAuB,GAAGhC,UAAU,CAACiC,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAG,IAAI;EAEtE,MAAMC,MAAM,GAAG/B,eAAe,CAAC,MAAM,CAAC;EACtC,IAAI,CAAC+B,MAAM,EAAE;IACX,OAAOb,YAAY;EACrB;EAEA,oBACEzB,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAACkC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BzC,KAAA,CAAAkC,aAAA,CAACtB,aAAa;IACZ8B,aAAa,eAAE1C,KAAA,CAAAkC,aAAA,CAACvB,aAAa;MAAC4B,KAAK,EAAEf;IAAa,EAAI;IACtDJ,SAAS,EAAEA,SAAU;IACrBE,YAAY,EAAEA,YAAa;IAC3BiB,KAAK,EAAEnC,UAAU,CAACuC;EAAa,EAC/B,eACF3C,KAAA,CAAAkC,aAAA,CAAClB,oBAAoB;IAAC4B,eAAe,EAAEf,WAAW,CAACgB;EAAM,EAAG,eAC5D7C,KAAA,CAAAkC,aAAA,CAACzB,QAAQ;IACPqC,QAAQ,EAAE,IAAK;IACfC,SAAS,EAAC,MAAM;IAChBR,KAAK,EAAE,CAACC,MAAM,CAACQ,WAAW,EAAE;MAAEJ,eAAe,EAAE3B,uBAAuB,CAACY,WAAW,CAACgB,KAAK,EAAE,GAAG;IAAE,CAAC;EAAE,gBAClG7C,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAACkC,KAAK,EAAE,CAACC,MAAM,CAACS,aAAa,EAAE;MAAEC,GAAG,EAAEtB,MAAM,CAACsB;IAAI,CAAC;EAAE,gBACvDlD,KAAA,CAAAkC,aAAA,CAACxB,WAAW;IACVyC,IAAI,eAAEnD,KAAA,CAAAkC,aAAA,CAACrB,SAAS;MAACuC,KAAK,EAAEvB,WAAW,CAACwB;IAAM,EAAI;IAC9CC,OAAO,EAAE/B,OAAQ;IACjBgC,kBAAkB,EAAE5B,CAAC,CAAC,yBAAyB;EAAE,EACjD,CACG,CACE,eACX3B,KAAA,CAAAkC,aAAA,CAACzB,QAAQ;IACPqC,QAAQ,EAAE,IAAK;IACfC,SAAS,EAAC,MAAM;IAChBR,KAAK,EAAE,CACLC,MAAM,CAACgB,cAAc,EACrB;MACEZ,eAAe,EAAE3B,uBAAuB,CAACY,WAAW,CAACgB,KAAK,EAAE,GAAG,CAAC;MAChEY,SAAS,EAAEtB,uBAAuB;MAClCuB,aAAa,EAAEC,IAAI,CAACC,GAAG,CAAChC,MAAM,CAACiC,MAAM,EAAE,EAAE;IAC3C,CAAC;EACD,gBACF7D,KAAA,CAAAkC,aAAA,CAACpB,UAAU;IAACgD,KAAK,EAAC,QAAQ;IAACvB,KAAK,EAAEC,MAAM,CAACd,KAAM;IAAC0B,KAAK,EAAEvB,WAAW,CAACwB;EAAM,GACtE3B,KAAK,CACK,EACZI,UAAU,CACF,CACN;AAEX,CAAC;AACD,MAAMU,MAAM,GAAGpC,UAAU,CAAC2D,MAAM,CAAC;EAC/BP,cAAc,EAAE;IACdK,MAAM,EAAE,CAAC;IACTG,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EACDxB,SAAS,EAAE;IACTyB,IAAI,EAAE;EACR,CAAC;EACDjB,aAAa,EAAE;IACbkB,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdJ,QAAQ,EAAE;EACZ,CAAC;EACDtC,KAAK,EAAE;IACL2C,SAAS,EAAE;EACb,CAAC;EACDrB,WAAW,EAAE;IACXX,MAAM,EAAE,KAAK;IACb2B,QAAQ,EAAE,UAAU;IACpBd,GAAG,EAAE,CAAC;IACNe,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,4BAAehE,IAAI,CAACiB,mBAAmB,CAAC"}

package/lib/module/screens/scroll-view-screen.js

@@ -1,86 +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 from 'react';
-import { Platform, ScrollView, StyleSheet, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import NavigationHeader from '../header/navigation-header';
-import ListTitleHeader from '../list/list-title-header';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import { useOnScrollHeaderState } from '../utils/hooks/header/on-scroll-header-state';
-import { useListContentInset } from '../utils/hooks/list/list-content-inset';
-import { concatTestID } from '../utils/testID';
-const ScrollViewScreen = _ref => {
-  let {
-    children,
-    header,
-    modalPresentation,
-    scrollView,
-    style,
-    testID,
-    ...viewProps
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  const {
-    top
-  } = useSafeAreaInsets();
-  const contentInsetsStyle = useListContentInset({
-    additionalBottomPadding: 24,
-    headerHeight: modalPresentation && Platform.OS === 'ios' ? 63 : 48,
-    modalPresentation
-  });
-  const {
-    titleVisible,
-    onScroll
-  } = useOnScrollHeaderState();
-  const {
-    contentContainerStyle,
-    ...scrollViewProps
-  } = scrollView !== null && scrollView !== void 0 ? scrollView : {};
-  let headerPaddingStyle;
-  if (!modalPresentation || Platform.OS === 'android') {
-    headerPaddingStyle = {
-      paddingTop: top
-    };
-  } else if (modalPresentation && !header.modalHandleVisible && Platform.OS === 'ios') {
-    headerPaddingStyle = styles.modalHeaderWithoutHandle;
-  }
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, {
-      backgroundColor: colorScheme.background
-    }, style],
-    testID: testID
-  }, viewProps), /*#__PURE__*/React.createElement(ScrollView, _extends({
-    contentContainerStyle: [styles.contentContainer, contentInsetsStyle, contentContainerStyle],
-    onScroll: onScroll,
-    scrollEventThrottle: 100
-  }, scrollViewProps), /*#__PURE__*/React.createElement(View, {
-    style: styles.content,
-    testID: concatTestID(testID, 'content')
-  }, !header.static && /*#__PURE__*/React.createElement(ListTitleHeader, {
-    title: header.title
-  }), children)), /*#__PURE__*/React.createElement(NavigationHeader, _extends({
-    animate: true,
-    blurred: true,
-    style: [styles.header, headerPaddingStyle],
-    titleVisible: header.static || titleVisible
-  }, header)));
-};
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  content: {
-    flex: 1
-  },
-  contentContainer: {
-    flexGrow: 1
-  },
-  header: {
-    position: 'absolute',
-    width: '100%'
-  },
-  modalHeaderWithoutHandle: {
-    paddingTop: 15
-  }
-});
-export default ScrollViewScreen;
-//# sourceMappingURL=scroll-view-screen.js.map

package/lib/module/screens/scroll-view-screen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Platform","ScrollView","StyleSheet","View","useSafeAreaInsets","NavigationHeader","ListTitleHeader","useAppColorScheme","useOnScrollHeaderState","useListContentInset","concatTestID","ScrollViewScreen","_ref","children","header","modalPresentation","scrollView","style","testID","viewProps","colorScheme","top","contentInsetsStyle","additionalBottomPadding","headerHeight","OS","titleVisible","onScroll","contentContainerStyle","scrollViewProps","headerPaddingStyle","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","createElement","_extends","container","backgroundColor","background","contentContainer","scrollEventThrottle","content","static","title","animate","blurred","create","flex","flexGrow","position","width"],"sources":["scroll-view-screen.tsx"],"sourcesContent":["import React, { FC, PropsWithChildren } from 'react';\nimport { Platform, ScrollView, ScrollViewProps, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport ListTitleHeader from '../list/list-title-header';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { useOnScrollHeaderState } from '../utils/hooks/header/on-scroll-header-state';\nimport { useListContentInset } from '../utils/hooks/list/list-content-inset';\nimport { concatTestID } from '../utils/testID';\n\nexport type ScrollViewScreenProps = ViewProps & {\n  header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {\n    static?: boolean;\n    title: string;\n  };\n  modalPresentation?: boolean;\n  scrollView?: Omit<ScrollViewProps, 'onScroll'>;\n};\n\nconst ScrollViewScreen: FC<PropsWithChildren<ScrollViewScreenProps>> = ({\n  children,\n  header,\n  modalPresentation,\n  scrollView,\n  style,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n  const { top } = useSafeAreaInsets();\n  const contentInsetsStyle = useListContentInset({\n    additionalBottomPadding: 24,\n    headerHeight: modalPresentation && Platform.OS === 'ios' ? 63 : 48,\n    modalPresentation,\n  });\n  const { titleVisible, onScroll } = useOnScrollHeaderState();\n  const { contentContainerStyle, ...scrollViewProps } = scrollView ?? {};\n\n  let headerPaddingStyle: ViewStyle | undefined;\n  if (!modalPresentation || Platform.OS === 'android') {\n    headerPaddingStyle = {\n      paddingTop: top,\n    };\n  } else if (modalPresentation && !header.modalHandleVisible && Platform.OS === 'ios') {\n    headerPaddingStyle = styles.modalHeaderWithoutHandle;\n  }\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} testID={testID} {...viewProps}>\n      <ScrollView\n        contentContainerStyle={[styles.contentContainer, contentInsetsStyle, contentContainerStyle]}\n        onScroll={onScroll}\n        scrollEventThrottle={100}\n        {...scrollViewProps}>\n        <View style={styles.content} testID={concatTestID(testID, 'content')}>\n          {!header.static && <ListTitleHeader title={header.title} />}\n          {children}\n        </View>\n      </ScrollView>\n      <NavigationHeader\n        animate\n        blurred\n        style={[styles.header, headerPaddingStyle]}\n        titleVisible={header.static || titleVisible}\n        {...header}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  content: {\n    flex: 1,\n  },\n  contentContainer: {\n    flexGrow: 1,\n  },\n  header: {\n    position: 'absolute',\n    width: '100%',\n  },\n  modalHeaderWithoutHandle: {\n    paddingTop: 15,\n  },\n});\n\nexport default ScrollViewScreen;\n"],"mappings":"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"}

package/lib/module/screens/section-list-screen.js

@@ -1,59 +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 from 'react';
-import { SectionList, StyleSheet, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import NavigationHeader from '../header/navigation-header';
-import ListTitleHeader from '../list/list-title-header';
-import { useAppColorScheme } from '../theme/color-scheme-context';
-import { useOnScrollHeaderState } from '../utils/hooks/header/on-scroll-header-state';
-import { useListContentInset } from '../utils/hooks/list/list-content-inset';
-const SectionListScreen = _ref => {
-  let {
-    header,
-    list: {
-      contentContainerStyle,
-      stickySectionHeadersEnabled,
-      ...listProps
-    },
-    style,
-    ...viewProps
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  const safeAreaInsets = useSafeAreaInsets();
-  const contentInsetsStyle = useListContentInset();
-  const {
-    titleVisible,
-    onScroll
-  } = useOnScrollHeaderState();
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: [styles.container, {
-      backgroundColor: colorScheme.background
-    }, style]
-  }, viewProps), /*#__PURE__*/React.createElement(SectionList, _extends({
-    ListHeaderComponent: !header.static ? /*#__PURE__*/React.createElement(ListTitleHeader, {
-      title: header.title
-    }) : undefined,
-    contentContainerStyle: [contentInsetsStyle, contentContainerStyle],
-    onScroll: onScroll,
-    scrollEventThrottle: 100,
-    stickySectionHeadersEnabled: stickySectionHeadersEnabled !== null && stickySectionHeadersEnabled !== void 0 ? stickySectionHeadersEnabled : false
-  }, listProps)), /*#__PURE__*/React.createElement(NavigationHeader, _extends({
-    animate: true,
-    blurred: true,
-    style: [styles.header, {
-      paddingTop: safeAreaInsets.top
-    }],
-    titleVisible: header.static || titleVisible
-  }, header)));
-};
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  header: {
-    position: 'absolute',
-    width: '100%'
-  }
-});
-export default SectionListScreen;
-//# sourceMappingURL=section-list-screen.js.map

package/lib/module/screens/section-list-screen.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","SectionList","StyleSheet","View","useSafeAreaInsets","NavigationHeader","ListTitleHeader","useAppColorScheme","useOnScrollHeaderState","useListContentInset","SectionListScreen","_ref","header","list","contentContainerStyle","stickySectionHeadersEnabled","listProps","style","viewProps","colorScheme","safeAreaInsets","contentInsetsStyle","titleVisible","onScroll","createElement","_extends","styles","container","backgroundColor","background","ListHeaderComponent","static","title","undefined","scrollEventThrottle","animate","blurred","paddingTop","top","create","flex","position","width"],"sources":["section-list-screen.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, SectionListProps, StyleSheet, View, ViewProps } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport ListTitleHeader from '../list/list-title-header';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { useOnScrollHeaderState } from '../utils/hooks/header/on-scroll-header-state';\nimport { useListContentInset } from '../utils/hooks/list/list-content-inset';\n\nexport type SectionListScreenProps<ItemT, SectionT> = ViewProps & {\n  header: Omit<NavigationHeaderProps, 'animate' | 'blurred' | 'style' | 'title' | 'titleVisible'> & {\n    static?: boolean;\n    title: string;\n  };\n  list: Omit<SectionListProps<ItemT, SectionT>, 'ListHeaderComponent' | 'onScroll'>;\n};\n\nconst SectionListScreen = <ItemT, SectionT>({\n  header,\n  list: { contentContainerStyle, stickySectionHeadersEnabled, ...listProps },\n  style,\n  ...viewProps\n}: SectionListScreenProps<ItemT, SectionT>) => {\n  const colorScheme = useAppColorScheme();\n  const safeAreaInsets = useSafeAreaInsets();\n  const contentInsetsStyle = useListContentInset();\n  const { titleVisible, onScroll } = useOnScrollHeaderState();\n\n  return (\n    <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n      <SectionList<ItemT, SectionT>\n        ListHeaderComponent={!header.static ? <ListTitleHeader title={header.title} /> : undefined}\n        contentContainerStyle={[contentInsetsStyle, contentContainerStyle]}\n        onScroll={onScroll}\n        scrollEventThrottle={100}\n        stickySectionHeadersEnabled={stickySectionHeadersEnabled ?? false}\n        {...listProps}\n      />\n      <NavigationHeader\n        animate\n        blurred\n        style={[styles.header, { paddingTop: safeAreaInsets.top }]}\n        titleVisible={header.static || titleVisible}\n        {...header}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  header: {\n    position: 'absolute',\n    width: '100%',\n  },\n});\n\nexport default SectionListScreen;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACzF,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,OAAOC,gBAAgB,MAAiC,6BAA6B;AACrF,OAAOC,eAAe,MAAM,2BAA2B;AACvD,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,sBAAsB,QAAQ,8CAA8C;AACrF,SAASC,mBAAmB,QAAQ,wCAAwC;AAU5E,MAAMC,iBAAiB,GAAGC,IAAA,IAKqB;EAAA,IALH;IAC1CC,MAAM;IACNC,IAAI,EAAE;MAAEC,qBAAqB;MAAEC,2BAA2B;MAAE,GAAGC;IAAU,CAAC;IAC1EC,KAAK;IACL,GAAGC;EACoC,CAAC,GAAAP,IAAA;EACxC,MAAMQ,WAAW,GAAGZ,iBAAiB,EAAE;EACvC,MAAMa,cAAc,GAAGhB,iBAAiB,EAAE;EAC1C,MAAMiB,kBAAkB,GAAGZ,mBAAmB,EAAE;EAChD,MAAM;IAAEa,YAAY;IAAEC;EAAS,CAAC,GAAGf,sBAAsB,EAAE;EAE3D,oBACER,KAAA,CAAAwB,aAAA,CAACrB,IAAI,EAAAsB,QAAA;IAACR,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAET,WAAW,CAACU;IAAW,CAAC,EAAEZ,KAAK;EAAE,GAAKC,SAAS,gBAChGlB,KAAA,CAAAwB,aAAA,CAACvB,WAAW,EAAAwB,QAAA;IACVK,mBAAmB,EAAE,CAAClB,MAAM,CAACmB,MAAM,gBAAG/B,KAAA,CAAAwB,aAAA,CAAClB,eAAe;MAAC0B,KAAK,EAAEpB,MAAM,CAACoB;IAAM,EAAG,GAAGC,SAAU;IAC3FnB,qBAAqB,EAAE,CAACO,kBAAkB,EAAEP,qBAAqB,CAAE;IACnES,QAAQ,EAAEA,QAAS;IACnBW,mBAAmB,EAAE,GAAI;IACzBnB,2BAA2B,EAAEA,2BAA2B,aAA3BA,2BAA2B,cAA3BA,2BAA2B,GAAI;EAAM,GAC9DC,SAAS,EACb,eACFhB,KAAA,CAAAwB,aAAA,CAACnB,gBAAgB,EAAAoB,QAAA;IACfU,OAAO;IACPC,OAAO;IACPnB,KAAK,EAAE,CAACS,MAAM,CAACd,MAAM,EAAE;MAAEyB,UAAU,EAAEjB,cAAc,CAACkB;IAAI,CAAC,CAAE;IAC3DhB,YAAY,EAAEV,MAAM,CAACmB,MAAM,IAAIT;EAAa,GACxCV,MAAM,EACV,CACG;AAEX,CAAC;AAED,MAAMc,MAAM,GAAGxB,UAAU,CAACqC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,IAAI,EAAE;EACR,CAAC;EACD5B,MAAM,EAAE;IACN6B,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAehC,iBAAiB"}

package/lib/module/searchbar/search-bar.js

@@ -1,89 +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, { forwardRef, useCallback } from 'react';
-import { Platform, StyleSheet, TextInput, View } from 'react-native';
-import { TouchableOpacity } from '../accessibility';
-import { CloseIcon, SearchIcon } from '../icons';
-import font from '../text/font';
-import { useAppColorScheme } from '../theme';
-import { concatTestID } from '../utils';
-const hitSlop = {
-  top: 10,
-  left: 10,
-  bottom: 10,
-  right: 10
-};
-
-// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4
-const SearchBar = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-    style,
-    placeholder,
-    searchPhrase,
-    onSearchPhraseChange,
-    testID,
-    ...textInputProps
-  } = _ref;
-  const colorScheme = useAppColorScheme();
-  const onClear = useCallback(() => {
-    onSearchPhraseChange('');
-  }, [onSearchPhraseChange]);
-  return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
-      backgroundColor: colorScheme.white
-    }, style]
-  }, /*#__PURE__*/React.createElement(SearchIcon, {
-    color: colorScheme.text,
-    style: styles.searchIcon
-  }), /*#__PURE__*/React.createElement(TextInput, _extends({
-    accessibilityRole: "search",
-    onChangeText: onSearchPhraseChange,
-    placeholder: placeholder,
-    placeholderTextColor: colorScheme.text,
-    ref: ref,
-    returnKeyType: "search",
-    style: [styles.textInput, {
-      color: colorScheme.text
-    }],
-    value: searchPhrase,
-    testID: testID
-  }, textInputProps)), searchPhrase && /*#__PURE__*/React.createElement(TouchableOpacity, {
-    testID: concatTestID(testID, 'clear'),
-    accessibilityRole: "button",
-    hitSlop: hitSlop,
-    onPress: onClear,
-    style: styles.clearButton
-  }, /*#__PURE__*/React.createElement(CloseIcon, {
-    color: colorScheme.text,
-    height: 12,
-    width: 12
-  })));
-});
-SearchBar.displayName = 'SearchBar';
-const styles = StyleSheet.create({
-  clearButton: {
-    marginLeft: 6,
-    marginRight: 16
-  },
-  container: {
-    alignItems: 'center',
-    borderRadius: 20,
-    borderWidth: 0,
-    flexDirection: 'row',
-    height: 40
-  },
-  searchIcon: {
-    marginLeft: 8,
-    marginRight: 6
-  },
-  textInput: {
-    ...font.regular,
-    flex: 1,
-    fontSize: 14,
-    height: 40,
-    letterSpacing: 0.2,
-    lineHeight: 18,
-    paddingBottom: Platform.OS === 'ios' ? 2 : undefined
-  }
-});
-export default SearchBar;
-//# sourceMappingURL=search-bar.js.map

package/lib/module/searchbar/search-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","forwardRef","useCallback","Platform","StyleSheet","TextInput","View","TouchableOpacity","CloseIcon","SearchIcon","font","useAppColorScheme","concatTestID","hitSlop","top","left","bottom","right","SearchBar","_ref","ref","style","placeholder","searchPhrase","onSearchPhraseChange","testID","textInputProps","colorScheme","onClear","createElement","styles","container","backgroundColor","white","color","text","searchIcon","_extends","accessibilityRole","onChangeText","placeholderTextColor","returnKeyType","textInput","value","onPress","clearButton","height","width","displayName","create","marginLeft","marginRight","alignItems","borderRadius","borderWidth","flexDirection","regular","flex","fontSize","letterSpacing","lineHeight","paddingBottom","OS","undefined"],"sources":["search-bar.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\nimport { Insets, Platform, StyleProp, StyleSheet, TextInput, TextInputProps, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility';\nimport { CloseIcon, SearchIcon } from '../icons';\nimport font from '../text/font';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils';\n\nexport interface SearchBarProps extends TextInputProps {\n  style?: StyleProp<ViewStyle>;\n  placeholder?: string;\n  searchPhrase: string;\n  onSearchPhraseChange: (searchPhrase: string) => void;\n}\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=1143-40433&t=HY1KvobxOReLeC8Z-4\nconst SearchBar = forwardRef<TextInput, SearchBarProps>(\n  ({ style, placeholder, searchPhrase, onSearchPhraseChange, testID, ...textInputProps }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const onClear = useCallback(() => {\n      onSearchPhraseChange('');\n    }, [onSearchPhraseChange]);\n\n    return (\n      <View\n        style={[\n          styles.container,\n          {\n            backgroundColor: colorScheme.white,\n          },\n          style,\n        ]}>\n        <SearchIcon color={colorScheme.text} style={styles.searchIcon} />\n        <TextInput\n          accessibilityRole=\"search\"\n          onChangeText={onSearchPhraseChange}\n          placeholder={placeholder}\n          placeholderTextColor={colorScheme.text}\n          ref={ref}\n          returnKeyType=\"search\"\n          style={[styles.textInput, { color: colorScheme.text }]}\n          value={searchPhrase}\n          testID={testID}\n          {...textInputProps}\n        />\n        {searchPhrase && (\n          <TouchableOpacity\n            testID={concatTestID(testID, 'clear')}\n            accessibilityRole=\"button\"\n            hitSlop={hitSlop}\n            onPress={onClear}\n            style={styles.clearButton}>\n            <CloseIcon color={colorScheme.text} height={12} width={12} />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\nconst styles = StyleSheet.create({\n  clearButton: {\n    marginLeft: 6,\n    marginRight: 16,\n  },\n  container: {\n    alignItems: 'center',\n    borderRadius: 20,\n    borderWidth: 0,\n    flexDirection: 'row',\n    height: 40,\n  },\n  searchIcon: {\n    marginLeft: 8,\n    marginRight: 6,\n  },\n  textInput: {\n    ...font.regular,\n    flex: 1,\n    fontSize: 14,\n    height: 40,\n    letterSpacing: 0.2,\n    lineHeight: 18,\n    paddingBottom: Platform.OS === 'ios' ? 2 : undefined,\n  },\n});\n\nexport default SearchBar;\n"],"mappings":"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"}

package/lib/typescript/accessibility/accessibilityHistory.d.ts

@@ -1,13 +0,0 @@
-import React, { FC, PropsWithChildren } from 'react';
-/**
- * Adds app support for accessibility focus history
- */
-export declare const AccessibilityFocusHistoryProvider: FC<PropsWithChildren<{}>>;
-/**
- * Wraps `onPress` handler and `ref` to support automatic accessibility focus on back navigation
- * @note This needs to be used inside {@link AccessibilityFocusHistoryProvider} and navigation context
- */
-export declare const useAccessibilityFocusHistory: <Component extends React.ComponentClass<any, any> | React.Component<any, {}, any>, OnPress extends (...args: never[]) => void = () => void>(pressHandler: OnPress | undefined, passedRef?: React.Ref<Component> | undefined) => {
-    onPress: OnPress;
-    ref: React.Ref<Component>;
-};

package/lib/typescript/buttons/back-button.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { GhostButtonProps } from '../buttons/ghost-button';
-export declare enum BackButtonIcon {
-    Back = "back",
-    Close = "close"
-}
-export type BackButtonProps = Omit<GhostButtonProps, 'accessibilityLabel'>;
-declare const BackButton: FC<BackButtonProps>;
-export default BackButton;

package/lib/typescript/credential/card/credential-card.d.ts

@@ -1,22 +0,0 @@
-import React, { FC } from 'react';
-import { ColorValue, StyleProp, ViewStyle } from 'react-native';
-import { ImageOrComponentSource } from '../../image/image-or-component';
-import { CredentialHeaderProps } from './credential-header';
-import { CarouselImage } from './credential-image-carousel';
-export declare const CredentialCardShadow: Pick<ViewStyle, 'shadowColor' | 'shadowOffset' | 'shadowOpacity' | 'shadowRadius'>;
-export declare const CredentialCardRatio: number;
-export type CredentialCardProps = {
-    cardCarouselImages?: CarouselImage[];
-    cardImage?: ImageOrComponentSource;
-    color?: ColorValue;
-    credentialId?: string;
-    header: CredentialHeaderProps;
-    notice?: string;
-    noticeIcon?: React.ComponentType<any> | React.ReactElement;
-    onCardPress?: (credentialId?: string) => void;
-    onHeaderPress?: (credentialId?: string) => void;
-    style?: StyleProp<ViewStyle>;
-    testID?: string;
-};
-declare const CredentialCard: FC<CredentialCardProps>;
-export default CredentialCard;

package/lib/typescript/credential/card/index.d.ts

@@ -1,10 +0,0 @@
-import CredentialCard, { CredentialCardProps, CredentialCardRatio, CredentialCardShadow } from './credential-card';
-import CredentialDetailsCard, { CredentialDetailsCardProps } from './credential-details-card';
-import CredentialDetailsCardListItem, { CredentialDetailsCardListItemProps } from './credential-details-list-item';
-import CredentialHeader, { CredentialHeaderProps } from './credential-header';
-import { CarouselImage, CarouselImageType } from './credential-image-carousel';
-export { CarouselImage, CarouselImageType };
-export { CredentialCard, CredentialCardProps, CredentialCardRatio, CredentialCardShadow };
-export { CredentialDetailsCard, CredentialDetailsCardProps };
-export { CredentialDetailsCardListItem, CredentialDetailsCardListItemProps };
-export { CredentialHeader, CredentialHeaderProps };