@procivis/one-react-native-components 0.1.63

package/lib/commonjs/screens/image-preview-screen.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _accessibilityHistoryWrappers = require("../accessibility/accessibilityHistoryWrappers");
+var _header = require("../header");
+var _icons = require("../icons");
+var _theme = require("../theme");
+var _utils = require("../utils");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+const ImagePreviewScreen = _ref => {
+  let {
+    image,
+    onClose,
+    title,
+    testID,
+    style,
+    ...viewProps
+  } = _ref;
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const [imageSize, setImageSize] = (0, _react.useState)();
+  const layoutHandler = (0, _react.useCallback)(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setImageSize({
+      height,
+      width
+    });
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [styles.screen, {
+      backgroundColor: colorScheme.nerdView.background
+    }, style],
+    testID: testID
+  }, viewProps), /*#__PURE__*/_react.default.createElement(_utils.ContrastingStatusBar, {
+    backgroundColor: colorScheme.nerdView.background
+  }), /*#__PURE__*/_react.default.createElement(_header.NavigationHeader, {
+    backgroundColor: "transparent",
+    blurred: false,
+    leftItem: /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, {
+      onPress: onClose,
+      testID: (0, _utils.concatTestID)(testID, 'close')
+    }, /*#__PURE__*/_react.default.createElement(_icons.CloseIcon, {
+      color: colorScheme.white
+    })),
+    style: {
+      paddingTop: insets.top
+    },
+    title: title,
+    titleColor: colorScheme.white,
+    testID: (0, _utils.concatTestID)(testID, 'header')
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    onLayout: layoutHandler,
+    style: styles.imageContainer
+  }, imageSize && /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    accessibilityLabel: title,
+    accessibilityRole: "image",
+    accessible: true,
+    resizeMethod: "resize",
+    resizeMode: "contain",
+    source: image,
+    style: [styles.image, imageSize],
+    testID: (0, _utils.concatTestID)(testID, 'image')
+  })));
+};
+const styles = _reactNative.StyleSheet.create({
+  image: {
+    position: 'absolute'
+  },
+  imageContainer: {
+    alignItems: 'center',
+    flex: 1,
+    justifyContent: 'center',
+    marginHorizontal: 18
+  },
+  screen: {
+    flex: 1
+  }
+});
+var _default = ImagePreviewScreen;
+exports.default = _default;
+//# sourceMappingURL=image-preview-screen.js.map

package/lib/commonjs/screens/image-preview-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_accessibilityHistoryWrappers","_header","_icons","_theme","_utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ImagePreviewScreen","_ref","image","onClose","title","testID","style","viewProps","colorScheme","useAppColorScheme","insets","useSafeAreaInsets","imageSize","setImageSize","useState","layoutHandler","useCallback","event","width","height","nativeEvent","layout","createElement","View","styles","screen","backgroundColor","nerdView","background","ContrastingStatusBar","NavigationHeader","blurred","leftItem","TouchableOpacity","onPress","concatTestID","CloseIcon","color","white","paddingTop","top","titleColor","onLayout","imageContainer","Image","accessibilityLabel","accessibilityRole","accessible","resizeMethod","resizeMode","StyleSheet","create","position","alignItems","flex","justifyContent","marginHorizontal","_default","exports"],"sources":["image-preview-screen.tsx"],"sourcesContent":["import React, { FC, useCallback, useState } from 'react';\nimport { Image, ImageSourcePropType, ImageStyle, LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { NavigationHeader } from '../header';\nimport { CloseIcon } from '../icons';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID, ContrastingStatusBar } from '../utils';\n\nexport type ImagePreviewScreenProps = ViewProps & {\n  image: ImageSourcePropType;\n  onClose: () => void;\n  title: string;\n};\n\nconst ImagePreviewScreen: FC<ImagePreviewScreenProps> = ({ image, onClose, title, testID, style, ...viewProps }) => {\n  const colorScheme = useAppColorScheme();\n  const insets = useSafeAreaInsets();\n\n  const [imageSize, setImageSize] = useState<ImageStyle>();\n  const layoutHandler = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setImageSize({ height, width });\n  }, []);\n\n  return (\n    <View\n      style={[styles.screen, { backgroundColor: colorScheme.nerdView.background }, style]}\n      testID={testID}\n      {...viewProps}>\n      <ContrastingStatusBar backgroundColor={colorScheme.nerdView.background} />\n      <NavigationHeader\n        backgroundColor=\"transparent\"\n        blurred={false}\n        leftItem={\n          <TouchableOpacity onPress={onClose} testID={concatTestID(testID, 'close')}>\n            <CloseIcon color={colorScheme.white} />\n          </TouchableOpacity>\n        }\n        style={{\n          paddingTop: insets.top,\n        }}\n        title={title}\n        titleColor={colorScheme.white}\n        testID={concatTestID(testID, 'header')}\n      />\n\n      <View onLayout={layoutHandler} style={styles.imageContainer}>\n        {imageSize && (\n          <Image\n            accessibilityLabel={title}\n            accessibilityRole=\"image\"\n            accessible={true}\n            resizeMethod=\"resize\"\n            resizeMode=\"contain\"\n            source={image}\n            style={[styles.image, imageSize]}\n            testID={concatTestID(testID, 'image')}\n          />\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  image: {\n    position: 'absolute',\n  },\n  imageContainer: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n    marginHorizontal: 18,\n  },\n  screen: {\n    flex: 1,\n  },\n});\n\nexport default ImagePreviewScreen;\n"],"mappings":"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"}

package/lib/commonjs/screens/index.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BackupScreen", {
+  enumerable: true,
+  get: function () {
+    return _backupScreen.default;
+  }
+});
+Object.defineProperty(exports, "BackupScreenMode", {
+  enumerable: true,
+  get: function () {
+    return _backupScreen.BackupScreenMode;
+  }
+});
+Object.defineProperty(exports, "BackupScreenProps", {
+  enumerable: true,
+  get: function () {
+    return _backupScreen.BackupScreenProps;
+  }
+});
+Object.defineProperty(exports, "ImagePreviewScreen", {
+  enumerable: true,
+  get: function () {
+    return _imagePreviewScreen.default;
+  }
+});
+Object.defineProperty(exports, "ImagePreviewScreenProps", {
+  enumerable: true,
+  get: function () {
+    return _imagePreviewScreen.ImagePreviewScreenProps;
+  }
+});
+Object.defineProperty(exports, "NerdModeScreen", {
+  enumerable: true,
+  get: function () {
+    return _nerdModeScreen.default;
+  }
+});
+Object.defineProperty(exports, "NerdModeScreenProps", {
+  enumerable: true,
+  get: function () {
+    return _nerdModeScreen.NerdModeScreenProps;
+  }
+});
+Object.defineProperty(exports, "NerdModeSection", {
+  enumerable: true,
+  get: function () {
+    return _nerdModeScreen.NerdModeSection;
+  }
+});
+Object.defineProperty(exports, "QRCodeScannerScreen", {
+  enumerable: true,
+  get: function () {
+    return _qrCodeScannerScreen.default;
+  }
+});
+Object.defineProperty(exports, "QRCodeScannerScreenProps", {
+  enumerable: true,
+  get: function () {
+    return _qrCodeScannerScreen.QRCodeScannerScreenProps;
+  }
+});
+Object.defineProperty(exports, "ScrollViewScreen", {
+  enumerable: true,
+  get: function () {
+    return _scrollViewScreen.default;
+  }
+});
+Object.defineProperty(exports, "ScrollViewScreenProps", {
+  enumerable: true,
+  get: function () {
+    return _scrollViewScreen.ScrollViewScreenProps;
+  }
+});
+Object.defineProperty(exports, "SectionListScreen", {
+  enumerable: true,
+  get: function () {
+    return _sectionListScreen.default;
+  }
+});
+Object.defineProperty(exports, "SectionListScreenProps", {
+  enumerable: true,
+  get: function () {
+    return _sectionListScreen.SectionListScreenProps;
+  }
+});
+var _backupScreen = _interopRequireWildcard(require("./backup-screen"));
+var _imagePreviewScreen = _interopRequireWildcard(require("./image-preview-screen"));
+var _nerdModeScreen = _interopRequireWildcard(require("./nerd-mode-screen"));
+var _qrCodeScannerScreen = _interopRequireWildcard(require("./qr-code-scanner-screen"));
+var _scrollViewScreen = _interopRequireWildcard(require("./scroll-view-screen"));
+var _sectionListScreen = _interopRequireWildcard(require("./section-list-screen"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/screens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_backupScreen","_interopRequireWildcard","require","_imagePreviewScreen","_nerdModeScreen","_qrCodeScannerScreen","_scrollViewScreen","_sectionListScreen","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["index.ts"],"sourcesContent":["import BackupScreen, { BackupScreenMode, BackupScreenProps } from './backup-screen';\nimport ImagePreviewScreen, { ImagePreviewScreenProps } from './image-preview-screen';\nimport NerdModeScreen, { NerdModeScreenProps, NerdModeSection } from './nerd-mode-screen';\nimport QRCodeScannerScreen, { QRCodeScannerScreenProps } from './qr-code-scanner-screen';\nimport ScrollViewScreen, { ScrollViewScreenProps } from './scroll-view-screen';\nimport SectionListScreen, { SectionListScreenProps } from './section-list-screen';\n\nexport { BackupScreen, BackupScreenMode, BackupScreenProps };\nexport { ImagePreviewScreen, ImagePreviewScreenProps };\nexport { NerdModeScreen, NerdModeScreenProps, NerdModeSection };\nexport { QRCodeScannerScreen, QRCodeScannerScreenProps };\nexport { ScrollViewScreen, ScrollViewScreenProps };\nexport { SectionListScreen, SectionListScreenProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,uBAAA,CAAAC,OAAA;AACA,IAAAG,oBAAA,GAAAJ,uBAAA,CAAAC,OAAA;AACA,IAAAI,iBAAA,GAAAL,uBAAA,CAAAC,OAAA;AACA,IAAAK,kBAAA,GAAAN,uBAAA,CAAAC,OAAA;AAAkF,SAAAM,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAR,wBAAAY,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA"}

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

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _nerdModeItem = _interopRequireDefault(require("..//nerd-view/nerd-mode-item"));
+var _entityCluster = _interopRequireDefault(require("../entity/entity-cluster"));
+var _navigationHeader = _interopRequireDefault(require("../header/navigation-header"));
+var _icons = require("../icons/icons");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _contrastingStatusBar = _interopRequireDefault(require("../utils/contrasting-status-bar"));
+var _testID = require("../utils/testID");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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); }
+const styles = _reactNative.StyleSheet.create({
+  entityCluster: {
+    paddingHorizontal: 24,
+    paddingVertical: 20
+  },
+  sectionHeaderContainer: {
+    justifyContent: 'center',
+    marginTop: 20,
+    paddingVertical: 16
+  },
+  sectionHeaderText: {
+    opacity: 0.7,
+    paddingHorizontal: 20
+  }
+});
+const AnimatedSectionList = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.SectionList);
+const NerdModeScreen = _ref => {
+  let {
+    sections,
+    labels,
+    onClose,
+    onCopyToClipboard,
+    entityCluster,
+    testID,
+    title
+  } = _ref;
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const scrollOffset = (0, _reactNativeReanimated.useSharedValue)(0);
+  const [expandedAttributes, setExpandedAttributes] = (0, _react.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 = (0, _reactNativeReanimated.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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_contrastingStatusBar.default, {
+    backgroundColor: colorScheme.nerdView.background
+  }), /*#__PURE__*/_react.default.createElement(_navigationHeader.default, {
+    leftItem: /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.TouchableOpacity, {
+      onPress: onClose,
+      testID: (0, _testID.concatTestID)(testID, 'closeIcon')
+    }, /*#__PURE__*/_react.default.createElement(_icons.CloseIcon, {
+      color: colorScheme.white
+    })),
+    style: {
+      backgroundColor: colorScheme.nerdView.background,
+      paddingTop: insets.top
+    },
+    title: title,
+    titleColor: colorScheme.white
+  }), /*#__PURE__*/_react.default.createElement(AnimatedSectionList, {
+    ListHeaderComponent: entityCluster ? /*#__PURE__*/_react.default.createElement(_entityCluster.default, {
+      entityName: entityCluster === null || entityCluster === void 0 ? void 0 : entityCluster.entityName,
+      style: [styles.entityCluster, {
+        backgroundColor: colorScheme.nerdView.background
+      }],
+      testID: (0, _testID.concatTestID)(testID, 'entityCluster'),
+      textColor: colorScheme.white
+    }) : null,
+    onScroll: onScroll,
+    renderItem: _ref4 => {
+      let {
+        item,
+        section
+      } = _ref4;
+      return /*#__PURE__*/_react.default.createElement(_nerdModeItem.default, _extends({}, item, {
+        expandedAttributes: expandedAttributes,
+        labels: labels,
+        last: lastElementsForSection[section.title] === item.attributeKey,
+        onCopyToClipboard: onCopyToClipboard,
+        onExpand: onExpand,
+        scrollOffset: scrollOffset,
+        testID: (0, _testID.concatTestID)(testID, item.testID)
+      }));
+    },
+    renderSectionHeader: _ref5 => {
+      let {
+        section
+      } = _ref5;
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.sectionHeaderContainer,
+        testID: (0, _testID.concatTestID)(testID, section.title)
+      }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+        color: colorScheme.white,
+        style: styles.sectionHeaderText
+      }, section.title));
+    },
+    scrollEventThrottle: 16,
+    sections: sections,
+    stickySectionHeadersEnabled: false,
+    style: {
+      backgroundColor: colorScheme.nerdView.background
+    },
+    testID: testID
+  }));
+};
+var _default = NerdModeScreen;
+exports.default = _default;
+//# sourceMappingURL=nerd-mode-screen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_reactNativeSafeAreaContext","_nerdModeItem","_interopRequireDefault","_entityCluster","_navigationHeader","_icons","_typography","_colorSchemeContext","_contrastingStatusBar","_testID","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","styles","StyleSheet","create","entityCluster","paddingHorizontal","paddingVertical","sectionHeaderContainer","justifyContent","marginTop","sectionHeaderText","opacity","AnimatedSectionList","Animated","createAnimatedComponent","SectionList","NerdModeScreen","_ref","sections","labels","onClose","onCopyToClipboard","testID","title","insets","useSafeAreaInsets","colorScheme","useAppColorScheme","scrollOffset","useSharedValue","expandedAttributes","setExpandedAttributes","useState","onExpand","expanded","prev","onScroll","useAnimatedScrollHandler","_ref2","contentOffset","value","y","lastElementsForSection","reduce","acc","_ref3","sectionTitle","data","lastElement","attributeKey","createElement","Fragment","backgroundColor","nerdView","background","leftItem","TouchableOpacity","onPress","concatTestID","CloseIcon","color","white","style","paddingTop","top","titleColor","ListHeaderComponent","entityName","textColor","renderItem","_ref4","item","section","last","renderSectionHeader","_ref5","View","scrollEventThrottle","stickySectionHeadersEnabled","_default","exports"],"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":"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"}

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

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _reactNativeVisionCamera = require("react-native-vision-camera");
+var _accessibilityLanguage = require("../accessibility/accessibilityLanguage");
+var _blurView = _interopRequireDefault(require("../blur/blur-view"));
+var _buttons = require("../buttons");
+var _cameraOverlay = _interopRequireDefault(require("../camera/camera-overlay"));
+var _qrCodeScanner = _interopRequireDefault(require("../camera/qr-code-scanner"));
+var _icons = require("../icons");
+var _text = require("../text");
+var _theme = require("../theme");
+var _utils = require("../utils");
+var _color = require("../utils/color");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const QRCodeScannerScreen = _ref => {
+  let {
+    codeTypes,
+    footer,
+    onQRCodeRead,
+    onClose,
+    overlayStyle,
+    noCameraView = null,
+    title
+  } = _ref;
+  const t = (0, _accessibilityLanguage.useAccessibilityTranslation)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const footerView = (0, _react.useMemo)(() => {
+    if (!footer) {
+      return undefined;
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(footer)) {
+      return footer;
+    } else {
+      const FooterComponent = footer;
+      return /*#__PURE__*/_react.default.createElement(FooterComponent, null);
+    }
+  }, [footer]);
+  const minBottomBlurViewHeight = _reactNative.Dimensions.get('window').height * 0.15;
+  const device = (0, _reactNativeVisionCamera.useCameraDevice)('back');
+  if (!device) {
+    return noCameraView;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_qrCodeScanner.default, {
+    cameraOverlay: /*#__PURE__*/_react.default.createElement(_cameraOverlay.default, {
+      style: overlayStyle
+    }),
+    codeTypes: codeTypes,
+    onQRCodeRead: onQRCodeRead,
+    style: _reactNative.StyleSheet.absoluteFill
+  }), /*#__PURE__*/_react.default.createElement(_utils.ContrastingStatusBar, {
+    backgroundColor: colorScheme.black
+  }), /*#__PURE__*/_react.default.createElement(_blurView.default, {
+    darkMode: true,
+    blurStyle: "soft",
+    style: [styles.topBlurView, {
+      backgroundColor: (0, _color.colorWithAlphaComponent)(colorScheme.black, 0.5)
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.headerSection, {
+      top: insets.top
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_buttons.GhostButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.CloseIcon, {
+      color: colorScheme.white
+    }),
+    onPress: onClose,
+    accessibilityLabel: t('accessibility.nav.close')
+  }))), /*#__PURE__*/_react.default.createElement(_blurView.default, {
+    darkMode: true,
+    blurStyle: "soft",
+    style: [styles.bottomBlurView, {
+      backgroundColor: (0, _color.colorWithAlphaComponent)(colorScheme.black, 0.5),
+      minHeight: minBottomBlurViewHeight,
+      paddingBottom: Math.max(insets.bottom, 32)
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    align: "center",
+    style: styles.title,
+    color: colorScheme.white
+  }, title), footerView));
+};
+const styles = _reactNative.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%'
+  }
+});
+var _default = /*#__PURE__*/(0, _react.memo)(QRCodeScannerScreen);
+exports.default = _default;
+//# sourceMappingURL=qr-code-scanner-screen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_reactNativeVisionCamera","_accessibilityLanguage","_blurView","_interopRequireDefault","_buttons","_cameraOverlay","_qrCodeScanner","_icons","_text","_theme","_utils","_color","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","QRCodeScannerScreen","_ref","codeTypes","footer","onQRCodeRead","onClose","overlayStyle","noCameraView","title","t","useAccessibilityTranslation","insets","useSafeAreaInsets","colorScheme","useAppColorScheme","footerView","useMemo","undefined","React","isValidElement","FooterComponent","createElement","minBottomBlurViewHeight","Dimensions","height","device","useCameraDevice","View","style","styles","container","cameraOverlay","StyleSheet","absoluteFill","ContrastingStatusBar","backgroundColor","black","darkMode","blurStyle","topBlurView","colorWithAlphaComponent","headerSection","top","GhostButton","icon","CloseIcon","color","white","onPress","accessibilityLabel","bottomBlurView","minHeight","paddingBottom","Math","max","bottom","Typography","align","create","position","width","flex","paddingHorizontal","paddingTop","marginTop","_default","memo","exports"],"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":"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"}

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _navigationHeader = _interopRequireDefault(require("../header/navigation-header"));
+var _listTitleHeader = _interopRequireDefault(require("../list/list-title-header"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _onScrollHeaderState = require("../utils/hooks/header/on-scroll-header-state");
+var _listContentInset = require("../utils/hooks/list/list-content-inset");
+var _testID = require("../utils/testID");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+const ScrollViewScreen = _ref => {
+  let {
+    children,
+    header,
+    modalPresentation,
+    scrollView,
+    style,
+    testID,
+    ...viewProps
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const {
+    top
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const contentInsetsStyle = (0, _listContentInset.useListContentInset)({
+    additionalBottomPadding: 24,
+    headerHeight: modalPresentation && _reactNative.Platform.OS === 'ios' ? 63 : 48,
+    modalPresentation
+  });
+  const {
+    titleVisible,
+    onScroll
+  } = (0, _onScrollHeaderState.useOnScrollHeaderState)();
+  const {
+    contentContainerStyle,
+    ...scrollViewProps
+  } = scrollView !== null && scrollView !== void 0 ? scrollView : {};
+  let headerPaddingStyle;
+  if (!modalPresentation || _reactNative.Platform.OS === 'android') {
+    headerPaddingStyle = {
+      paddingTop: top
+    };
+  } else if (modalPresentation && !header.modalHandleVisible && _reactNative.Platform.OS === 'ios') {
+    headerPaddingStyle = styles.modalHeaderWithoutHandle;
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [styles.container, {
+      backgroundColor: colorScheme.background
+    }, style],
+    testID: testID
+  }, viewProps), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, _extends({
+    contentContainerStyle: [styles.contentContainer, contentInsetsStyle, contentContainerStyle],
+    onScroll: onScroll,
+    scrollEventThrottle: 100
+  }, scrollViewProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.content,
+    testID: (0, _testID.concatTestID)(testID, 'content')
+  }, !header.static && /*#__PURE__*/_react.default.createElement(_listTitleHeader.default, {
+    title: header.title
+  }), children)), /*#__PURE__*/_react.default.createElement(_navigationHeader.default, _extends({
+    animate: true,
+    blurred: true,
+    style: [styles.header, headerPaddingStyle],
+    titleVisible: header.static || titleVisible
+  }, header)));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  content: {
+    flex: 1
+  },
+  contentContainer: {
+    flexGrow: 1
+  },
+  header: {
+    position: 'absolute',
+    width: '100%'
+  },
+  modalHeaderWithoutHandle: {
+    paddingTop: 15
+  }
+});
+var _default = ScrollViewScreen;
+exports.default = _default;
+//# sourceMappingURL=scroll-view-screen.js.map