@procivis/one-react-native-components 0.1.63

package/lib/commonjs/credential/selector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_selector","_theme","_testID","_selectorStatus","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Selector","_ref","status","style","testID","colorScheme","useAppColorScheme","statusStyle","useMemo","SelectorStatus","Empty","styles","bordered","backgroundColor","white","borderColor","grayDark","SelectedRadio","selectedRadio","accent","SelectedCheckmark","Disabled","background","undefined","checked","Required","rejected","Rejected","createElement","View","wrapper","SelectorIcon","concatTestID","StyleSheet","create","borderWidth","alignItems","borderRadius","height","justifyContent","width","_default","exports"],"sources":["selector.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { SelectorIcon } from '../icons/selector';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils/testID';\nimport { SelectorStatus } from './selector-status';\n\ninterface SelectorProps {\n  status: SelectorStatus;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\n/**\n * Generic selector display\n *\n * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=433-28352&mode=design&t=91K8am4RSNRB8qgZ-0\n */\nconst Selector: FC<SelectorProps> = ({ status, style, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusStyle = useMemo<StyleProp<ViewStyle>>(() => {\n    switch (status) {\n      case SelectorStatus.Empty:\n        return [styles.bordered, { backgroundColor: colorScheme.white, borderColor: colorScheme.grayDark }];\n      case SelectorStatus.SelectedRadio:\n        return [styles.selectedRadio, { backgroundColor: colorScheme.white, borderColor: colorScheme.accent }];\n      case SelectorStatus.SelectedCheckmark:\n        return { backgroundColor: colorScheme.accent };\n      case SelectorStatus.Disabled:\n        return [styles.bordered, { backgroundColor: colorScheme.background, borderColor: colorScheme.grayDark }];\n      default:\n        return undefined;\n    }\n  }, [colorScheme, status]);\n\n  const checked = status === SelectorStatus.SelectedCheckmark || status === SelectorStatus.Required;\n  const rejected = status === SelectorStatus.Rejected;\n\n  return (\n    <View testID={testID} style={[styles.wrapper, statusStyle, style]}>\n      {(checked || rejected) && <SelectorIcon testID={concatTestID(testID, 'status', status)} status={status} />}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  bordered: {\n    borderWidth: 1,\n  },\n  selectedRadio: {\n    borderWidth: 8,\n  },\n  wrapper: {\n    alignItems: 'center',\n    borderRadius: 12,\n    height: 24,\n    justifyContent: 'center',\n    width: 24,\n  },\n});\n\nexport default Selector;\n"],"mappings":"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"}

package/lib/commonjs/detail/detail.js

@@ -0,0 +1,84 @@
+"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 _header = require("../header");
+var _theme = require("../theme");
+var _testID = require("../utils/testID");
+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 DetailScreen = _ref => {
+  let {
+    children,
+    staticContent,
+    contentStyle,
+    testID,
+    style,
+    headerProps
+  } = _ref;
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const bottomPadding = Math.max(insets.bottom, 24);
+  const [layoutHeight, setLayoutHeight] = (0, _react.useState)(0);
+  const layoutHandler = (0, _react.useCallback)(event => {
+    setLayoutHeight(event.nativeEvent.layout.height);
+  }, []);
+  const [headerHeight, setHeaderHeight] = (0, _react.useState)(0);
+  const headerLayoutHandler = (0, _react.useCallback)(event => {
+    setHeaderHeight(event.nativeEvent.layout.height);
+  }, []);
+  const contentHeight = layoutHeight && headerHeight ? layoutHeight - headerHeight - insets.top : undefined;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    testID: testID,
+    onLayout: layoutHandler,
+    onAccessibilityEscape: () => {},
+    style: [styles.container, {
+      paddingTop: insets.top,
+      backgroundColor: colorScheme.background
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_header.Header, _extends({
+    onLayout: headerLayoutHandler
+  }, headerProps)), contentHeight ? staticContent ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    testID: (0, _testID.concatTestID)(testID, 'content'),
+    style: [styles.contentWrapper, styles.staticContent, {
+      height: contentHeight
+    }, style]
+  }, children) : /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    testID: (0, _testID.concatTestID)(testID, 'content'),
+    showsVerticalScrollIndicator: false,
+    alwaysBounceVertical: false,
+    contentContainerStyle: {
+      minHeight: contentHeight
+    },
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.contentWrapper, styles.scrollableContent, {
+      paddingBottom: bottomPadding
+    }, contentStyle]
+  }, children)) : null);
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: '100%',
+    width: '100%'
+  },
+  contentWrapper: {
+    paddingHorizontal: 24,
+    paddingTop: 20
+  },
+  scrollableContent: {
+    flex: 1
+  },
+  staticContent: {
+    width: '100%'
+  }
+});
+var _default = DetailScreen;
+exports.default = _default;
+//# sourceMappingURL=detail.js.map

package/lib/commonjs/detail/detail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_header","_theme","_testID","_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","DetailScreen","_ref","children","staticContent","contentStyle","testID","style","headerProps","colorScheme","useAppColorScheme","insets","useSafeAreaInsets","bottomPadding","Math","max","bottom","layoutHeight","setLayoutHeight","useState","layoutHandler","useCallback","event","nativeEvent","layout","height","headerHeight","setHeaderHeight","headerLayoutHandler","contentHeight","top","undefined","createElement","View","onLayout","onAccessibilityEscape","styles","container","paddingTop","backgroundColor","background","Header","concatTestID","contentWrapper","ScrollView","showsVerticalScrollIndicator","alwaysBounceVertical","contentContainerStyle","minHeight","scrollableContent","paddingBottom","StyleSheet","create","width","paddingHorizontal","flex","_default","exports"],"sources":["detail.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren, useCallback, useState } from 'react';\nimport { LayoutChangeEvent, ScrollView, ScrollViewProps, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Header, HeaderProps } from '../header';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils/testID';\n\ntype StaticContentProps = {\n  staticContent: true;\n};\n\ntype DynamicContentProps = {\n  staticContent?: false;\n  scrollViewProps?: ScrollViewProps;\n};\n\nexport type DetailScreenProps = {\n  testID?: string;\n  headerProps: HeaderProps;\n  style?: StyleProp<ViewStyle>;\n  contentStyle?: StyleProp<ViewStyle>;\n} & (StaticContentProps | DynamicContentProps);\n\nconst DetailScreen: FunctionComponent<PropsWithChildren<DetailScreenProps>> = ({\n  children,\n  staticContent,\n  contentStyle,\n  testID,\n  style,\n  headerProps,\n}) => {\n  const colorScheme = useAppColorScheme();\n  const insets = useSafeAreaInsets();\n  const bottomPadding = Math.max(insets.bottom, 24);\n\n  const [layoutHeight, setLayoutHeight] = useState<number>(0);\n  const layoutHandler = useCallback((event: LayoutChangeEvent) => {\n    setLayoutHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const [headerHeight, setHeaderHeight] = useState<number>(0);\n  const headerLayoutHandler = useCallback((event: LayoutChangeEvent) => {\n    setHeaderHeight(event.nativeEvent.layout.height);\n  }, []);\n\n  const contentHeight = layoutHeight && headerHeight ? layoutHeight - headerHeight - insets.top : undefined;\n\n  return (\n    <View\n      testID={testID}\n      onLayout={layoutHandler}\n      onAccessibilityEscape={() => {}}\n      style={[styles.container, { paddingTop: insets.top, backgroundColor: colorScheme.background }]}>\n      <Header onLayout={headerLayoutHandler} {...headerProps} />\n      {contentHeight ? (\n        staticContent ? (\n          <View\n            testID={concatTestID(testID, 'content')}\n            style={[styles.contentWrapper, styles.staticContent, { height: contentHeight }, style]}>\n            {children}\n          </View>\n        ) : (\n          <ScrollView\n            testID={concatTestID(testID, 'content')}\n            showsVerticalScrollIndicator={false}\n            alwaysBounceVertical={false}\n            contentContainerStyle={{ minHeight: contentHeight }}\n            style={style}>\n            <View\n              style={[styles.contentWrapper, styles.scrollableContent, { paddingBottom: bottomPadding }, contentStyle]}>\n              {children}\n            </View>\n          </ScrollView>\n        )\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    height: '100%',\n    width: '100%',\n  },\n  contentWrapper: {\n    paddingHorizontal: 24,\n    paddingTop: 20,\n  },\n  scrollableContent: {\n    flex: 1,\n  },\n  staticContent: {\n    width: '100%',\n  },\n});\n\nexport default DetailScreen;\n"],"mappings":"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"}

package/lib/commonjs/detail/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DetailScreen", {
+  enumerable: true,
+  get: function () {
+    return _detail.default;
+  }
+});
+var _detail = _interopRequireDefault(require("./detail"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_detail","_interopRequireDefault","require","obj","__esModule","default"],"sources":["index.tsx"],"sourcesContent":["import DetailScreen from './detail';\n\nexport { DetailScreen };\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/lib/commonjs/entity/avatar.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _imageOrComponent = _interopRequireDefault(require("../image/image-or-component"));
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+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); }
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25581&mode=design&t=YI1oD2BfBie5HcvJ-0
+const Avatar = _ref => {
+  let {
+    avatar,
+    placeholderText,
+    statusIcon,
+    style,
+    ...viewProps
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const statusIconView = (0, _react.useMemo)(() => {
+    if (!statusIcon) {
+      return undefined;
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(statusIcon)) {
+      return statusIcon;
+    } else {
+      const StatusIconComponent = statusIcon;
+      return /*#__PURE__*/_react.default.createElement(StatusIconComponent, null);
+    }
+  }, [statusIcon]);
+  const imageSource = (0, _react.useMemo)(() => {
+    if (avatar) {
+      return avatar;
+    }
+    return {
+      component: /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: [styles.avatarPlaceholder, {
+          backgroundColor: colorScheme.accent
+        }]
+      }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+        color: colorScheme.accentText,
+        style: styles.avatarPlaceholderText
+      }, placeholderText))
+    };
+  }, [colorScheme, avatar, placeholderText]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    accessibilityElementsHidden: true,
+    style: [styles.avatar, style]
+  }, viewProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.imageWrapper
+  }, /*#__PURE__*/_react.default.createElement(_imageOrComponent.default, {
+    source: imageSource,
+    style: styles.image
+  })), statusIconView && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.statusIcon
+  }, statusIconView));
+};
+const styles = _reactNative.StyleSheet.create({
+  avatar: {
+    height: 72,
+    width: 72
+  },
+  avatarPlaceholder: {
+    alignItems: 'center',
+    flex: 1,
+    justifyContent: 'center'
+  },
+  avatarPlaceholderText: {
+    textTransform: 'uppercase'
+  },
+  image: {
+    backgroundColor: 'orange',
+    height: '100%',
+    width: '100%'
+  },
+  imageWrapper: {
+    borderRadius: 36,
+    height: '100%',
+    overflow: 'hidden',
+    width: '100%'
+  },
+  statusIcon: {
+    bottom: 4,
+    position: 'absolute',
+    right: 4
+  }
+});
+var _default = Avatar;
+exports.default = _default;
+//# sourceMappingURL=avatar.js.map

package/lib/commonjs/entity/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_imageOrComponent","_interopRequireDefault","_typography","_colorSchemeContext","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","Avatar","_ref","avatar","placeholderText","statusIcon","style","viewProps","colorScheme","useAppColorScheme","statusIconView","useMemo","undefined","React","isValidElement","StatusIconComponent","createElement","imageSource","component","View","styles","avatarPlaceholder","backgroundColor","accent","color","accentText","avatarPlaceholderText","accessibilityElementsHidden","imageWrapper","image","StyleSheet","create","height","width","alignItems","flex","justifyContent","textTransform","borderRadius","overflow","bottom","position","right","_default","exports"],"sources":["avatar.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps } from 'react-native';\n\nimport ImageOrComponent, { ImageOrComponentSource } from '../image/image-or-component';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type AvatarProps = ViewProps & {\n  avatar?: ImageOrComponentSource;\n  placeholderText?: string;\n  statusIcon?: ComponentType<any> | ReactElement;\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25581&mode=design&t=YI1oD2BfBie5HcvJ-0\nconst Avatar: FunctionComponent<AvatarProps> = ({ avatar, placeholderText, statusIcon, style, ...viewProps }) => {\n  const colorScheme = useAppColorScheme();\n\n  const statusIconView: React.ReactElement | undefined = useMemo(() => {\n    if (!statusIcon) {\n      return undefined;\n    }\n    if (React.isValidElement(statusIcon)) {\n      return statusIcon;\n    } else {\n      const StatusIconComponent = statusIcon as React.ComponentType<any>;\n      return <StatusIconComponent />;\n    }\n  }, [statusIcon]);\n\n  const imageSource = useMemo<ImageOrComponentSource>(() => {\n    if (avatar) {\n      return avatar;\n    }\n\n    return {\n      component: (\n        <View style={[styles.avatarPlaceholder, { backgroundColor: colorScheme.accent }]}>\n          <Typography color={colorScheme.accentText} style={styles.avatarPlaceholderText}>\n            {placeholderText}\n          </Typography>\n        </View>\n      ),\n    };\n  }, [colorScheme, avatar, placeholderText]);\n\n  return (\n    <View accessibilityElementsHidden={true} style={[styles.avatar, style]} {...viewProps}>\n      <View style={styles.imageWrapper}>\n        <ImageOrComponent source={imageSource} style={styles.image} />\n      </View>\n      {statusIconView && <View style={styles.statusIcon}>{statusIconView}</View>}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  avatar: {\n    height: 72,\n    width: 72,\n  },\n  avatarPlaceholder: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  avatarPlaceholderText: {\n    textTransform: 'uppercase',\n  },\n  image: {\n    backgroundColor: 'orange',\n    height: '100%',\n    width: '100%',\n  },\n  imageWrapper: {\n    borderRadius: 36,\n    height: '100%',\n    overflow: 'hidden',\n    width: '100%',\n  },\n  statusIcon: {\n    bottom: 4,\n    position: 'absolute',\n    right: 4,\n  },\n});\n\nexport default Avatar;\n"],"mappings":"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"}

package/lib/commonjs/entity/entity-cluster.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _utils = require("../utils");
+var _avatar = _interopRequireDefault(require("./avatar"));
+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); }
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25595&mode=design&t=YI1oD2BfBie5HcvJ-0
+const EntityCluster = _ref => {
+  let {
+    avatar,
+    entityName,
+    subline,
+    textColor,
+    style,
+    testID,
+    ...viewProps
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const avatarProps = (0, _react.useMemo)(() => {
+    var _avatar$placeholderTe;
+    const initials = entityName.split(' ', 3).map(word => word[0]);
+    const placeholderText = initials.length > 0 ? initials.join('') : '';
+    return {
+      ...avatar,
+      placeholderText: (_avatar$placeholderTe = avatar === null || avatar === void 0 ? void 0 : avatar.placeholderText) !== null && _avatar$placeholderTe !== void 0 ? _avatar$placeholderTe : placeholderText
+    };
+  }, [avatar, entityName]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [styles.entity, style],
+    testID: testID
+  }, viewProps), /*#__PURE__*/_react.default.createElement(_avatar.default, avatarProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.labels
+  }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    testID: (0, _utils.concatTestID)(testID, 'entityName'),
+    color: textColor !== null && textColor !== void 0 ? textColor : colorScheme.text,
+    numberOfLines: 2,
+    preset: "m"
+  }, entityName), subline && /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    testID: (0, _utils.concatTestID)(testID, 'subline'),
+    color: textColor !== null && textColor !== void 0 ? textColor : colorScheme.text,
+    preset: "xs"
+  }, subline))));
+};
+const styles = _reactNative.StyleSheet.create({
+  entity: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  labels: {
+    flex: 1,
+    marginLeft: 12
+  }
+});
+var _default = EntityCluster;
+exports.default = _default;
+//# sourceMappingURL=entity-cluster.js.map

package/lib/commonjs/entity/entity-cluster.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_typography","_interopRequireDefault","_colorSchemeContext","_utils","_avatar","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","EntityCluster","_ref","avatar","entityName","subline","textColor","style","testID","viewProps","colorScheme","useAppColorScheme","avatarProps","useMemo","_avatar$placeholderTe","initials","split","map","word","placeholderText","join","createElement","View","styles","entity","labels","concatTestID","color","text","numberOfLines","preset","StyleSheet","create","alignItems","flexDirection","flex","marginLeft","_default","exports"],"sources":["entity-cluster.tsx"],"sourcesContent":["import React, { FunctionComponent, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils';\nimport Avatar, { AvatarProps } from './avatar';\n\nexport type EntityClusterProps = ViewProps & {\n  avatar?: AvatarProps;\n  entityName: string;\n  subline?: string;\n  textColor?: string;\n  testID?: string;\n};\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25595&mode=design&t=YI1oD2BfBie5HcvJ-0\nconst EntityCluster: FunctionComponent<EntityClusterProps> = ({\n  avatar,\n  entityName,\n  subline,\n  textColor,\n  style,\n  testID,\n  ...viewProps\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const avatarProps = useMemo<AvatarProps>(() => {\n    const initials = entityName.split(' ', 3).map((word: string) => word[0]);\n    const placeholderText = initials.length > 0 ? initials.join('') : '';\n    return {\n      ...avatar,\n      placeholderText: avatar?.placeholderText ?? placeholderText,\n    };\n  }, [avatar, entityName]);\n\n  return (\n    <View style={[styles.entity, style]} testID={testID} {...viewProps}>\n      <Avatar {...avatarProps} />\n      <View style={styles.labels}>\n        <Typography\n          testID={concatTestID(testID, 'entityName')}\n          color={textColor ?? colorScheme.text}\n          numberOfLines={2}\n          preset=\"m\">\n          {entityName}\n        </Typography>\n        {subline && (\n          <View>\n            <Typography testID={concatTestID(testID, 'subline')} color={textColor ?? colorScheme.text} preset=\"xs\">\n              {subline}\n            </Typography>\n          </View>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  entity: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  labels: {\n    flex: 1,\n    marginLeft: 12,\n  },\n});\n\nexport default EntityCluster;\n"],"mappings":"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"}

package/lib/commonjs/entity/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () {
+    return _avatar.default;
+  }
+});
+Object.defineProperty(exports, "AvatarProps", {
+  enumerable: true,
+  get: function () {
+    return _avatar.AvatarProps;
+  }
+});
+Object.defineProperty(exports, "EntityCluster", {
+  enumerable: true,
+  get: function () {
+    return _entityCluster.default;
+  }
+});
+Object.defineProperty(exports, "EntityClusterProps", {
+  enumerable: true,
+  get: function () {
+    return _entityCluster.EntityClusterProps;
+  }
+});
+var _avatar = _interopRequireWildcard(require("./avatar"));
+var _entityCluster = _interopRequireWildcard(require("./entity-cluster"));
+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/entity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_avatar","_interopRequireWildcard","require","_entityCluster","_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 Avatar, { AvatarProps } from './avatar';\nimport EntityCluster, { EntityClusterProps } from './entity-cluster';\n\nexport { Avatar, AvatarProps };\nexport { EntityCluster, EntityClusterProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,uBAAA,CAAAC,OAAA;AAAqE,SAAAE,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,SAAAJ,wBAAAQ,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/header/focus-aware-status-bar.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _native = require("@react-navigation/native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+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 FocusAwareStatusBar = props => {
+  const isFocused = (0, _native.useIsFocused)();
+  return isFocused ? /*#__PURE__*/_react.default.createElement(_reactNative.StatusBar, _extends({
+    animated: true
+  }, props)) : null;
+};
+var _default = FocusAwareStatusBar;
+exports.default = _default;
+//# sourceMappingURL=focus-aware-status-bar.js.map

package/lib/commonjs/header/focus-aware-status-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_react","_interopRequireDefault","_reactNative","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FocusAwareStatusBar","props","isFocused","useIsFocused","createElement","StatusBar","animated","_default","exports"],"sources":["focus-aware-status-bar.tsx"],"sourcesContent":["import { useIsFocused } from '@react-navigation/native';\nimport React, { FunctionComponent } from 'react';\nimport { StatusBar, StatusBarProps } from 'react-native';\n\nconst FocusAwareStatusBar: FunctionComponent<StatusBarProps> = (props) => {\n  const isFocused = useIsFocused();\n  return isFocused ? <StatusBar animated={true} {...props} /> : null;\n};\n\nexport default FocusAwareStatusBar;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAyD,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEzD,MAAMQ,mBAAsD,GAAIC,KAAK,IAAK;EACxE,MAAMC,SAAS,GAAG,IAAAC,oBAAY,GAAE;EAChC,OAAOD,SAAS,gBAAGtB,MAAA,CAAAK,OAAA,CAAAmB,aAAA,CAACtB,YAAA,CAAAuB,SAAS,EAAAnB,QAAA;IAACoB,QAAQ,EAAE;EAAK,GAAKL,KAAK,EAAI,GAAG,IAAI;AACpE,CAAC;AAAC,IAAAM,QAAA,GAEaP,mBAAmB;AAAAQ,OAAA,CAAAvB,OAAA,GAAAsB,QAAA"}

package/lib/commonjs/header/foldable-header.js

@@ -0,0 +1,89 @@
+"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 _blurView = _interopRequireDefault(require("../blur/blur-view"));
+var _animatedSearchBar = _interopRequireDefault(require("../searchbar/animated-search-bar"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+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 FoldableSearchHeader = _ref => {
+  let {
+    staticHeader = false,
+    scrollOffset,
+    searchBar,
+    header
+  } = _ref;
+  const safeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const [collapsed, setCollapsed] = (0, _react.useState)(header ? false : true);
+  const [headerHeight, setHeaderHeight] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    const id = scrollOffset.addListener(_ref2 => {
+      let {
+        value
+      } = _ref2;
+      if (!headerHeight) {
+        return;
+      }
+      if (value > headerHeight) {
+        setCollapsed(true);
+      } else {
+        setCollapsed(false);
+      }
+    });
+    return () => {
+      scrollOffset.removeListener(id);
+    };
+  }, [scrollOffset, searchBar, headerHeight]);
+  const playHeaderFoldAnimation = !staticHeader && headerHeight;
+  const scrollHeaderAnimatedStyle = playHeaderFoldAnimation ? {
+    transform: [{
+      translateY: scrollOffset.interpolate({
+        extrapolate: 'clamp',
+        inputRange: [0, headerHeight],
+        outputRange: [0, -headerHeight]
+      })
+    }]
+  } : undefined;
+  const fadeHeaderOutAnimatedStyle = playHeaderFoldAnimation ? {
+    opacity: scrollOffset.interpolate({
+      extrapolate: 'clamp',
+      inputRange: [0, headerHeight / 2],
+      outputRange: [1, 0]
+    })
+  } : undefined;
+  const onHeaderLayout = (0, _react.useCallback)(event => {
+    setHeaderHeight(event.nativeEvent.layout.height);
+  }, [setHeaderHeight]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.headerContainer, {
+      paddingTop: safeAreaInsets.top
+    }, scrollHeaderAnimatedStyle]
+  }, /*#__PURE__*/_react.default.createElement(_blurView.default, {
+    blurStyle: 'header',
+    color: colorScheme.background,
+    style: _reactNative.StyleSheet.absoluteFill
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, header && /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    onLayout: onHeaderLayout,
+    style: fadeHeaderOutAnimatedStyle
+  }, header), searchBar && /*#__PURE__*/_react.default.createElement(_animatedSearchBar.default, _extends({}, searchBar, {
+    collapsed: collapsed
+  }))));
+};
+const styles = _reactNative.StyleSheet.create({
+  headerContainer: {
+    position: 'absolute',
+    width: '100%'
+  }
+});
+var _default = FoldableSearchHeader;
+exports.default = _default;
+//# sourceMappingURL=foldable-header.js.map

package/lib/commonjs/header/foldable-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_blurView","_interopRequireDefault","_animatedSearchBar","_colorSchemeContext","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","FoldableSearchHeader","_ref","staticHeader","scrollOffset","searchBar","header","safeAreaInsets","useSafeAreaInsets","colorScheme","useAppColorScheme","collapsed","setCollapsed","useState","headerHeight","setHeaderHeight","useEffect","id","addListener","_ref2","value","removeListener","playHeaderFoldAnimation","scrollHeaderAnimatedStyle","transform","translateY","interpolate","extrapolate","inputRange","outputRange","undefined","fadeHeaderOutAnimatedStyle","opacity","onHeaderLayout","useCallback","event","nativeEvent","layout","height","createElement","Animated","View","style","styles","headerContainer","paddingTop","top","blurStyle","color","background","StyleSheet","absoluteFill","onLayout","create","position","width","_default","exports"],"sources":["foldable-header.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactElement, useCallback, useEffect, useState } from 'react';\nimport { Animated, LayoutChangeEvent, StyleSheet, View, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport BlurView from '../blur/blur-view';\nimport AnimatedSearchBar, { AnimatedSearchBarProps } from '../searchbar/animated-search-bar';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type FoldableHeaderProps = {\n  header: ReactElement;\n  scrollOffset: Animated.Value;\n  searchBar?: Omit<AnimatedSearchBarProps, 'collapsed'>;\n  // if true, the header won't fold / fade out on scroll\n  staticHeader?: boolean;\n};\n\nconst FoldableSearchHeader: FunctionComponent<FoldableHeaderProps> = ({\n  staticHeader = false,\n  scrollOffset,\n  searchBar,\n  header,\n}) => {\n  const safeAreaInsets = useSafeAreaInsets();\n  const colorScheme = useAppColorScheme();\n  const [collapsed, setCollapsed] = useState(header ? false : true);\n  const [headerHeight, setHeaderHeight] = useState<number>();\n\n  useEffect(() => {\n    const id = scrollOffset.addListener(({ value }) => {\n      if (!headerHeight) {\n        return;\n      }\n\n      if (value > headerHeight) {\n        setCollapsed(true);\n      } else {\n        setCollapsed(false);\n      }\n    });\n    return () => {\n      scrollOffset.removeListener(id);\n    };\n  }, [scrollOffset, searchBar, headerHeight]);\n\n  const playHeaderFoldAnimation = !staticHeader && headerHeight;\n\n  const scrollHeaderAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation\n    ? {\n        transform: [\n          {\n            translateY: scrollOffset.interpolate({\n              extrapolate: 'clamp',\n              inputRange: [0, headerHeight],\n              outputRange: [0, -headerHeight],\n            }),\n          },\n        ],\n      }\n    : undefined;\n\n  const fadeHeaderOutAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> | undefined = playHeaderFoldAnimation\n    ? {\n        opacity: scrollOffset.interpolate({\n          extrapolate: 'clamp',\n          inputRange: [0, headerHeight / 2],\n          outputRange: [1, 0],\n        }),\n      }\n    : undefined;\n\n  const onHeaderLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      setHeaderHeight(event.nativeEvent.layout.height);\n    },\n    [setHeaderHeight],\n  );\n\n  return (\n    <Animated.View\n      style={[\n        styles.headerContainer,\n        {\n          paddingTop: safeAreaInsets.top,\n        },\n        scrollHeaderAnimatedStyle,\n      ]}>\n      <BlurView blurStyle={'header'} color={colorScheme.background} style={StyleSheet.absoluteFill} />\n      <View>\n        {header && (\n          <Animated.View onLayout={onHeaderLayout} style={fadeHeaderOutAnimatedStyle}>\n            {header}\n          </Animated.View>\n        )}\n        {searchBar && <AnimatedSearchBar {...searchBar} collapsed={collapsed} />}\n      </View>\n    </Animated.View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  headerContainer: {\n    position: 'absolute',\n    width: '100%',\n  },\n});\n\nexport default FoldableSearchHeader;\n"],"mappings":"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"}

package/lib/commonjs/header/header.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _buttons = require("../buttons");
+var _text = require("../text");
+var _theme = require("../theme");
+var _utils = require("../utils");
+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 backButtonHitSlop = {
+  top: 12,
+  bottom: 12,
+  left: 20,
+  right: 20
+};
+
+/**
+ * Unified screen header
+ *
+ * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=425-18624
+ * states (Default + Dashboard)
+ */
+const Header = _ref => {
+  let {
+    onBack,
+    rightButton,
+    style,
+    titleRowStyle,
+    testID,
+    title,
+    ...viewProps
+  } = _ref;
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    style: [styles.container, style],
+    testID: testID
+  }, viewProps), onBack && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.backButtonRow
+  }, /*#__PURE__*/_react.default.createElement(_buttons.BackButton, {
+    hitSlop: backButtonHitSlop,
+    onPress: onBack,
+    testID: (0, _utils.concatTestID)(testID, 'back')
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, null), rightButton), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.titleRow, onBack ? styles.titleRow2nd : styles.titleRowNoBackButton, (onBack || !rightButton) && styles.titleRowNoRightButton, titleRowStyle]
+  }, typeof title === 'string' ? /*#__PURE__*/_react.default.createElement(_text.Typography, {
+    accessibilityRole: "header",
+    color: colorScheme.text,
+    preset: "l",
+    style: styles.title,
+    testID: (0, _utils.concatTestID)(testID, 'title')
+  }, title) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.title
+  }, title), !onBack && rightButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.rightButtonWrapper
+  }, rightButton)));
+};
+const styles = _reactNative.StyleSheet.create({
+  backButtonRow: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    minHeight: 48,
+    paddingHorizontal: 20,
+    width: '100%'
+  },
+  container: {
+    width: '100%'
+  },
+  rightButtonWrapper: {
+    alignItems: 'center',
+    height: 48,
+    justifyContent: 'center',
+    paddingHorizontal: 12,
+    paddingTop: 2
+  },
+  title: {
+    flex: 1,
+    paddingBottom: 8,
+    // to compensate "l" font line-height difference
+    paddingTop: 9
+  },
+  titleRow: {
+    flexDirection: 'row',
+    paddingLeft: 20,
+    paddingRight: 8,
+    width: '100%'
+  },
+  titleRow2nd: {
+    marginBottom: 12
+  },
+  titleRowNoBackButton: {
+    marginTop: 12
+  },
+  titleRowNoRightButton: {
+    paddingRight: 20
+  }
+});
+var _default = Header;
+exports.default = _default;
+//# sourceMappingURL=header.js.map