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

package/lib/commonjs/ui-components/detail/detail.js

@@ -0,0 +1,82 @@
+"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 _testID = require("../../utils/testID");
+var _header = require("../header");
+var _theme = require("../theme");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const DetailScreen = ({
+  children,
+  staticContent,
+  contentStyle,
+  testID,
+  style,
+  headerProps
+}) => {
+  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 = exports.default = DetailScreen;
+//# sourceMappingURL=detail.js.map

package/lib/commonjs/ui-components/detail/detail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_testID","_header","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","DetailScreen","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 { concatTestID } from '../../utils/testID';\nimport { Header, HeaderProps } from '../header';\nimport { useAppColorScheme } from '../theme';\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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","ignoreList":[]}

package/lib/commonjs/ui-components/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(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui-components/detail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_detail","_interopRequireDefault","require","e","__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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/ui-components/entity/avatar.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("../../utils");
+var _imageOrComponent = _interopRequireDefault(require("../image/image-or-component"));
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25581&mode=design&t=YI1oD2BfBie5HcvJ-0
+const Avatar = ({
+  avatar,
+  placeholderText,
+  statusIcon,
+  style,
+  testID,
+  ...viewProps
+}) => {
+  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]);
+  const {
+    borderRadius,
+    ...avatarStyle
+  } = _reactNative.StyleSheet.flatten([styles.avatar, style]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+    accessibilityElementsHidden: true,
+    style: avatarStyle,
+    testID: testID
+  }, viewProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.imageWrapper, borderRadius ? {
+      borderRadius
+    } : undefined]
+  }, /*#__PURE__*/_react.default.createElement(_imageOrComponent.default, {
+    source: imageSource,
+    style: styles.image,
+    testID: (0, _utils.concatTestID)(testID, 'logo')
+  })), statusIconView && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.statusIcon,
+    testID: (0, _utils.concatTestID)(testID, 'statusIcon')
+  }, statusIconView));
+};
+const styles = _reactNative.StyleSheet.create({
+  avatar: {
+    height: 72,
+    width: 72
+  },
+  avatarPlaceholder: {
+    alignItems: 'center',
+    flex: 1,
+    justifyContent: 'center'
+  },
+  avatarPlaceholderText: {
+    textTransform: 'uppercase'
+  },
+  image: {
+    height: '100%',
+    width: '100%'
+  },
+  imageWrapper: {
+    borderRadius: 36,
+    height: '100%',
+    overflow: 'hidden',
+    width: '100%'
+  },
+  statusIcon: {
+    bottom: 4,
+    position: 'absolute',
+    right: 4
+  }
+});
+var _default = exports.default = Avatar;
+//# sourceMappingURL=avatar.js.map

package/lib/commonjs/ui-components/entity/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_imageOrComponent","_interopRequireDefault","_typography","_colorSchemeContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Avatar","avatar","placeholderText","statusIcon","style","testID","viewProps","colorScheme","useAppColorScheme","statusIconView","useMemo","undefined","React","isValidElement","StatusIconComponent","createElement","imageSource","component","View","styles","avatarPlaceholder","backgroundColor","accent","color","accentText","avatarPlaceholderText","borderRadius","avatarStyle","StyleSheet","flatten","accessibilityElementsHidden","imageWrapper","source","image","concatTestID","create","height","width","alignItems","flex","justifyContent","textTransform","overflow","bottom","position","right","_default","exports"],"sources":["avatar.tsx"],"sourcesContent":["import React, { ComponentType, FunctionComponent, ReactElement, useMemo } from 'react';\nimport { StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\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  testID?: string;\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> = ({\n  avatar,\n  placeholderText,\n  statusIcon,\n  style,\n  testID,\n  ...viewProps\n}) => {\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  const { borderRadius, ...avatarStyle } = StyleSheet.flatten([styles.avatar, style]) as ViewStyle;\n  return (\n    <View accessibilityElementsHidden={true} style={avatarStyle} testID={testID} {...viewProps}>\n      <View style={[styles.imageWrapper, borderRadius ? { borderRadius } : undefined]}>\n        <ImageOrComponent source={imageSource} style={styles.image} testID={concatTestID(testID, 'logo')} />\n      </View>\n      {statusIconView && (\n        <View style={styles.statusIcon} testID={concatTestID(testID, 'statusIcon')}>\n          {statusIconView}\n        </View>\n      )}\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    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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","ignoreList":[]}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("../../utils");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _avatar = _interopRequireDefault(require("./avatar"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=426-25595&mode=design&t=YI1oD2BfBie5HcvJ-0
+const EntityCluster = ({
+  avatar,
+  entityName,
+  subline,
+  textColor,
+  style,
+  sublineColor,
+  testID,
+  ...viewProps
+}) => {
+  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, _extends({
+    testID: (0, _utils.concatTestID)(testID, 'avatar')
+  }, 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",
+    style: styles.entityName
+  }, entityName), subline && /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    testID: (0, _utils.concatTestID)(testID, 'subline'),
+    color: sublineColor !== null && sublineColor !== void 0 ? sublineColor : colorScheme.text,
+    numberOfLines: 1,
+    preset: "xs"
+  }, subline))));
+};
+const styles = _reactNative.StyleSheet.create({
+  entity: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  entityName: {
+    letterSpacing: _reactNative.Platform.OS === 'ios' ? -0.2 : -0.3 // -0.2 breaks layout on Android
+  },
+  labels: {
+    flex: 1,
+    marginLeft: 12
+  }
+});
+var _default = exports.default = EntityCluster;
+//# sourceMappingURL=entity-cluster.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_typography","_interopRequireDefault","_colorSchemeContext","_avatar","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","EntityCluster","avatar","entityName","subline","textColor","style","sublineColor","testID","viewProps","colorScheme","useAppColorScheme","avatarProps","useMemo","_avatar$placeholderTe","initials","split","map","word","placeholderText","join","createElement","View","styles","entity","concatTestID","labels","color","text","numberOfLines","preset","StyleSheet","create","alignItems","flexDirection","letterSpacing","Platform","OS","flex","marginLeft","_default","exports"],"sources":["entity-cluster.tsx"],"sourcesContent":["import React, { FunctionComponent, useMemo } from 'react';\nimport { Platform, StyleSheet, View, ViewProps } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport Avatar, { AvatarProps } from './avatar';\n\nexport type EntityClusterProps = ViewProps & {\n  avatar?: AvatarProps;\n  entityName: string;\n  subline?: string;\n  textColor?: string;\n  sublineColor?: 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  sublineColor,\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 testID={concatTestID(testID, '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          style={styles.entityName}>\n          {entityName}\n        </Typography>\n        {subline && (\n          <View>\n            <Typography\n              testID={concatTestID(testID, 'subline')}\n              color={sublineColor ?? colorScheme.text}\n              numberOfLines={1}\n              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  entityName: {\n    letterSpacing: Platform.OS === 'ios' ? -0.2 : -0.3, // -0.2 breaks layout on Android\n  },\n  labels: {\n    flex: 1,\n    marginLeft: 12,\n  },\n});\n\nexport default EntityCluster;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAA+C,SAAAI,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAW/C;AACA,MAAMG,aAAoD,GAAGA,CAAC;EAC5DC,MAAM;EACNC,UAAU;EACVC,OAAO;EACPC,SAAS;EACTC,KAAK;EACLC,YAAY;EACZC,MAAM;EACN,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAEvC,MAAMC,WAAW,GAAG,IAAAC,cAAO,EAAc,MAAM;IAAA,IAAAC,qBAAA;IAC7C,MAAMC,QAAQ,GAAGZ,UAAU,CAACa,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAACC,GAAG,CAAEC,IAAY,IAAKA,IAAI,CAAC,CAAC,CAAC,CAAC;IACxE,MAAMC,eAAe,GAAGJ,QAAQ,CAAChB,MAAM,GAAG,CAAC,GAAGgB,QAAQ,CAACK,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE;IACpE,OAAO;MACL,GAAGlB,MAAM;MACTiB,eAAe,GAAAL,qBAAA,GAAEZ,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEiB,eAAe,cAAAL,qBAAA,cAAAA,qBAAA,GAAIK;IAC9C,CAAC;EACH,CAAC,EAAE,CAACjB,MAAM,EAAEC,UAAU,CAAC,CAAC;EAExB,oBACErC,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAACpD,YAAA,CAAAqD,IAAI,EAAA3B,QAAA;IAACW,KAAK,EAAE,CAACiB,MAAM,CAACC,MAAM,EAAElB,KAAK,CAAE;IAACE,MAAM,EAAEA;EAAO,GAAKC,SAAS,gBAChE3C,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAAC/C,OAAA,CAAAG,OAAM,EAAAkB,QAAA;IAACa,MAAM,EAAE,IAAAiB,mBAAY,EAACjB,MAAM,EAAE,QAAQ;EAAE,GAAKI,WAAW,CAAG,CAAC,eACnE9C,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAACpD,YAAA,CAAAqD,IAAI;IAAChB,KAAK,EAAEiB,MAAM,CAACG;EAAO,gBACzB5D,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAAClD,WAAA,CAAAM,OAAU;IACT+B,MAAM,EAAE,IAAAiB,mBAAY,EAACjB,MAAM,EAAE,YAAY,CAAE;IAC3CmB,KAAK,EAAEtB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIK,WAAW,CAACkB,IAAK;IACrCC,aAAa,EAAE,CAAE;IACjBC,MAAM,EAAC,GAAG;IACVxB,KAAK,EAAEiB,MAAM,CAACpB;EAAW,GACxBA,UACS,CAAC,EACZC,OAAO,iBACNtC,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAACpD,YAAA,CAAAqD,IAAI,qBACHxD,MAAA,CAAAW,OAAA,CAAA4C,aAAA,CAAClD,WAAA,CAAAM,OAAU;IACT+B,MAAM,EAAE,IAAAiB,mBAAY,EAACjB,MAAM,EAAE,SAAS,CAAE;IACxCmB,KAAK,EAAEpB,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAIG,WAAW,CAACkB,IAAK;IACxCC,aAAa,EAAE,CAAE;IACjBC,MAAM,EAAC;EAAI,GACV1B,OACS,CACR,CAEJ,CACF,CAAC;AAEX,CAAC;AAED,MAAMmB,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,MAAM,EAAE;IACNS,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACD/B,UAAU,EAAE;IACVgC,aAAa,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAE;EACtD,CAAC;EACDX,MAAM,EAAE;IACNY,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhE,OAAA,GAEYwB,aAAa","ignoreList":[]}

package/lib/commonjs/ui-components/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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui-components/entity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_avatar","_interopRequireWildcard","require","_entityCluster","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","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,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+"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(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const FocusAwareStatusBar = props => {
+  const isFocused = (0, _native.useIsFocused)();
+  return isFocused ? /*#__PURE__*/_react.default.createElement(_reactNative.StatusBar, _extends({
+    animated: true
+  }, props)) : null;
+};
+var _default = exports.default = FocusAwareStatusBar;
+//# sourceMappingURL=focus-aware-status-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_react","_interopRequireDefault","_reactNative","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEzD,MAAMO,mBAAsD,GAAIC,KAAK,IAAK;EACxE,MAAMC,SAAS,GAAG,IAAAC,oBAAY,EAAC,CAAC;EAChC,OAAOD,SAAS,gBAAGpB,MAAA,CAAAK,OAAA,CAAAiB,aAAA,CAACpB,YAAA,CAAAqB,SAAS,EAAAjB,QAAA;IAACkB,QAAQ,EAAE;EAAK,GAAKL,KAAK,CAAG,CAAC,GAAG,IAAI;AACpE,CAAC;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEaa,mBAAmB","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+"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(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const FoldableSearchHeader = ({
+  staticHeader = false,
+  scrollOffset,
+  searchBar,
+  header
+}) => {
+  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(({
+      value
+    }) => {
+      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 = exports.default = FoldableSearchHeader;
+//# sourceMappingURL=foldable-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_blurView","_interopRequireDefault","_animatedSearchBar","_colorSchemeContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","FoldableSearchHeader","staticHeader","scrollOffset","searchBar","header","safeAreaInsets","useSafeAreaInsets","colorScheme","useAppColorScheme","collapsed","setCollapsed","useState","headerHeight","setHeaderHeight","useEffect","id","addListener","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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","ignoreList":[]}

package/lib/commonjs/ui-components/header/header.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("../../utils");
+var _buttons = require("../buttons");
+var _text = require("../text");
+var _theme = require("../theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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 = ({
+  onBack,
+  rightButton,
+  style,
+  titleRowStyle,
+  testID,
+  title,
+  ...viewProps
+}) => {
+  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 = exports.default = Header;
+//# sourceMappingURL=header.js.map