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

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

@@ -1 +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"}
+{"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

@@ -7,14 +7,13 @@ 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); }
+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 = FocusAwareStatusBar;
-exports.default = _default;
+var _default = exports.default = FocusAwareStatusBar;
 //# sourceMappingURL=focus-aware-status-bar.js.map

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

@@ -1 +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"}
+{"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

@@ -10,26 +10,24 @@ 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;
+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(_ref2 => {
-      let {
-        value
-      } = _ref2;
+    const id = scrollOffset.addListener(({
+      value
+    }) => {
       if (!headerHeight) {
         return;
       }
@@ -84,6 +82,5 @@ const styles = _reactNative.StyleSheet.create({
     width: '100%'
   }
 });
-var _default = FoldableSearchHeader;
-exports.default = _default;
+var _default = exports.default = FoldableSearchHeader;
 //# sourceMappingURL=foldable-header.js.map

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

@@ -1 +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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"}
+{"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

@@ -10,8 +10,8 @@ var _utils = require("../../utils");
 var _buttons = require("../buttons");
 var _text = require("../text");
 var _theme = require("../theme");
-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); }
+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,
@@ -25,16 +25,15 @@ const backButtonHitSlop = {
  * 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 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],
@@ -100,6 +99,5 @@ const styles = _reactNative.StyleSheet.create({
     paddingRight: 20
   }
 });
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","_buttons","_text","_theme","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","backButtonHitSlop","top","bottom","left","right","Header","_ref","onBack","rightButton","style","titleRowStyle","testID","title","viewProps","colorScheme","useAppColorScheme","createElement","View","styles","container","backButtonRow","BackButton","hitSlop","onPress","concatTestID","titleRow","titleRow2nd","titleRowNoBackButton","titleRowNoRightButton","Typography","accessibilityRole","color","text","preset","rightButtonWrapper","StyleSheet","create","alignItems","flexDirection","justifyContent","minHeight","paddingHorizontal","width","height","paddingTop","flex","paddingBottom","paddingLeft","paddingRight","marginBottom","marginTop","_default","exports"],"sources":["header.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { Insets, StyleProp, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { BackButton } from '../buttons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface HeaderProps extends ViewProps {\n  onBack?: () => void;\n  rightButton?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n  titleRowStyle?: StyleProp<ViewStyle>;\n  title: ReactNode;\n}\n\nconst backButtonHitSlop: Insets = { top: 12, bottom: 12, left: 20, right: 20 };\n\n/**\n * Unified screen header\n *\n * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=425-18624\n * states (Default + Dashboard)\n */\nconst Header: FC<HeaderProps> = ({ onBack, rightButton, style, titleRowStyle, testID, title, ...viewProps }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={[styles.container, style]} testID={testID} {...viewProps}>\n      {onBack && (\n        <View style={styles.backButtonRow}>\n          <BackButton hitSlop={backButtonHitSlop} onPress={onBack} testID={concatTestID(testID, 'back')} />\n          <View />\n          {rightButton}\n        </View>\n      )}\n\n      <View\n        style={[\n          styles.titleRow,\n          onBack ? styles.titleRow2nd : styles.titleRowNoBackButton,\n          (onBack || !rightButton) && styles.titleRowNoRightButton,\n          titleRowStyle,\n        ]}>\n        {typeof title === 'string' ? (\n          <Typography\n            accessibilityRole=\"header\"\n            color={colorScheme.text}\n            preset=\"l\"\n            style={styles.title}\n            testID={concatTestID(testID, 'title')}>\n            {title}\n          </Typography>\n        ) : (\n          <View style={styles.title}>{title}</View>\n        )}\n\n        {!onBack && rightButton && <View style={styles.rightButtonWrapper}>{rightButton}</View>}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  backButtonRow: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    minHeight: 48,\n    paddingHorizontal: 20,\n    width: '100%',\n  },\n  container: {\n    width: '100%',\n  },\n  rightButtonWrapper: {\n    alignItems: 'center',\n    height: 48,\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n    paddingTop: 2,\n  },\n  title: {\n    flex: 1,\n    paddingBottom: 8, // to compensate \"l\" font line-height difference\n    paddingTop: 9,\n  },\n  titleRow: {\n    flexDirection: 'row',\n    paddingLeft: 20,\n    paddingRight: 8,\n    width: '100%',\n  },\n  titleRow2nd: {\n    marginBottom: 12,\n  },\n  titleRowNoBackButton: {\n    marginTop: 12,\n  },\n  titleRowNoRightButton: {\n    paddingRight: 20,\n  },\n});\n\nexport default Header;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","_buttons","_text","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","backButtonHitSlop","top","bottom","left","right","Header","onBack","rightButton","style","titleRowStyle","testID","title","viewProps","colorScheme","useAppColorScheme","createElement","View","styles","container","backButtonRow","BackButton","hitSlop","onPress","concatTestID","titleRow","titleRow2nd","titleRowNoBackButton","titleRowNoRightButton","Typography","accessibilityRole","color","text","preset","rightButtonWrapper","StyleSheet","create","alignItems","flexDirection","justifyContent","minHeight","paddingHorizontal","width","height","paddingTop","flex","paddingBottom","paddingLeft","paddingRight","marginBottom","marginTop","_default","exports"],"sources":["header.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { Insets, StyleProp, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { BackButton } from '../buttons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface HeaderProps extends ViewProps {\n  onBack?: () => void;\n  rightButton?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n  titleRowStyle?: StyleProp<ViewStyle>;\n  title: ReactNode;\n}\n\nconst backButtonHitSlop: Insets = { top: 12, bottom: 12, left: 20, right: 20 };\n\n/**\n * Unified screen header\n *\n * Following the design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=425-18624\n * states (Default + Dashboard)\n */\nconst Header: FC<HeaderProps> = ({ onBack, rightButton, style, titleRowStyle, testID, title, ...viewProps }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={[styles.container, style]} testID={testID} {...viewProps}>\n      {onBack && (\n        <View style={styles.backButtonRow}>\n          <BackButton hitSlop={backButtonHitSlop} onPress={onBack} testID={concatTestID(testID, 'back')} />\n          <View />\n          {rightButton}\n        </View>\n      )}\n\n      <View\n        style={[\n          styles.titleRow,\n          onBack ? styles.titleRow2nd : styles.titleRowNoBackButton,\n          (onBack || !rightButton) && styles.titleRowNoRightButton,\n          titleRowStyle,\n        ]}>\n        {typeof title === 'string' ? (\n          <Typography\n            accessibilityRole=\"header\"\n            color={colorScheme.text}\n            preset=\"l\"\n            style={styles.title}\n            testID={concatTestID(testID, 'title')}>\n            {title}\n          </Typography>\n        ) : (\n          <View style={styles.title}>{title}</View>\n        )}\n\n        {!onBack && rightButton && <View style={styles.rightButtonWrapper}>{rightButton}</View>}\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  backButtonRow: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    minHeight: 48,\n    paddingHorizontal: 20,\n    width: '100%',\n  },\n  container: {\n    width: '100%',\n  },\n  rightButtonWrapper: {\n    alignItems: 'center',\n    height: 48,\n    justifyContent: 'center',\n    paddingHorizontal: 12,\n    paddingTop: 2,\n  },\n  title: {\n    flex: 1,\n    paddingBottom: 8, // to compensate \"l\" font line-height difference\n    paddingTop: 9,\n  },\n  titleRow: {\n    flexDirection: 'row',\n    paddingLeft: 20,\n    paddingRight: 8,\n    width: '100%',\n  },\n  titleRow2nd: {\n    marginBottom: 12,\n  },\n  titleRowNoBackButton: {\n    marginTop: 12,\n  },\n  titleRowNoRightButton: {\n    paddingRight: 20,\n  },\n});\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}

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

@@ -15,41 +15,21 @@ Object.defineProperty(exports, "FoldableHeader", {
     return _foldableHeader.default;
   }
 });
-Object.defineProperty(exports, "FoldableHeaderProps", {
-  enumerable: true,
-  get: function () {
-    return _foldableHeader.FoldableHeaderProps;
-  }
-});
 Object.defineProperty(exports, "Header", {
   enumerable: true,
   get: function () {
     return _header.default;
   }
 });
-Object.defineProperty(exports, "HeaderProps", {
-  enumerable: true,
-  get: function () {
-    return _header.HeaderProps;
-  }
-});
 Object.defineProperty(exports, "NavigationHeader", {
   enumerable: true,
   get: function () {
     return _navigationHeader.default;
   }
 });
-Object.defineProperty(exports, "NavigationHeaderProps", {
-  enumerable: true,
-  get: function () {
-    return _navigationHeader.NavigationHeaderProps;
-  }
-});
 var _focusAwareStatusBar = _interopRequireDefault(require("./focus-aware-status-bar"));
-var _foldableHeader = _interopRequireWildcard(require("./foldable-header"));
-var _header = _interopRequireWildcard(require("./header"));
-var _navigationHeader = _interopRequireWildcard(require("./navigation-header"));
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _foldableHeader = _interopRequireDefault(require("./foldable-header"));
+var _header = _interopRequireDefault(require("./header"));
+var _navigationHeader = _interopRequireDefault(require("./navigation-header"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_focusAwareStatusBar","_interopRequireDefault","require","_foldableHeader","_interopRequireWildcard","_header","_navigationHeader","_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 FocusAwareStatusBar from './focus-aware-status-bar';\nimport FoldableHeader, { FoldableHeaderProps } from './foldable-header';\nimport Header, { HeaderProps } from './header';\nimport NavigationHeader, { NavigationHeaderProps } from './navigation-header';\n\nexport { FocusAwareStatusBar };\nexport { FoldableHeader, FoldableHeaderProps };\nexport { Header, HeaderProps };\nexport { NavigationHeader, NavigationHeaderProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,uBAAA,CAAAF,OAAA;AACA,IAAAI,iBAAA,GAAAF,uBAAA,CAAAF,OAAA;AAA8E,SAAAK,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;AAAA,SAAAjB,uBAAAW,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
+{"version":3,"names":["_focusAwareStatusBar","_interopRequireDefault","require","_foldableHeader","_header","_navigationHeader","e","__esModule","default"],"sources":["index.ts"],"sourcesContent":["import FocusAwareStatusBar from './focus-aware-status-bar';\nimport type { FoldableHeaderProps } from './foldable-header';\nimport FoldableHeader from './foldable-header';\nimport type { HeaderProps } from './header';\nimport Header from './header';\nimport type { NavigationHeaderProps } from './navigation-header';\nimport NavigationHeader from './navigation-header';\n\nexport { FocusAwareStatusBar };\nexport { FoldableHeader, FoldableHeaderProps };\nexport { Header, HeaderProps };\nexport { NavigationHeader, NavigationHeaderProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,iBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -10,43 +10,38 @@ var _utils = require("../../utils");
 var _blurView = _interopRequireDefault(require("../blur/blur-view"));
 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); }
-const NavigationHeader = _ref => {
-  var _backgroundColor;
-  let {
-    animate = false,
-    backgroundColor,
-    blurred = false,
-    leftItem,
-    modalHandleVisible,
-    rightItem,
-    style,
-    testID,
-    title,
-    titleVisible = true,
-    titleColor,
-    ...props
-  } = _ref;
+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 NavigationHeader = ({
+  animate = false,
+  backgroundColor,
+  blurred = false,
+  leftItem,
+  modalHandleVisible,
+  rightItem,
+  style,
+  testID,
+  title,
+  titleVisible = true,
+  titleColor,
+  ...props
+}) => {
   const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
   const [titleOpacity] = (0, _react.useState)(() => new _reactNative.Animated.Value(titleVisible ? 1 : 0));
   const [sideItemWidth, setSideItemWidth] = (0, _react.useState)();
-  const onSideItemLayout = (0, _react.useCallback)(_ref2 => {
-    let {
-      nativeEvent: {
-        layout
-      }
-    } = _ref2;
-    return setSideItemWidth(prev => Math.max(layout.width, prev !== null && prev !== void 0 ? prev : 0));
-  }, []);
-  backgroundColor = (_backgroundColor = backgroundColor) !== null && _backgroundColor !== void 0 ? _backgroundColor : colorScheme.background;
+  const onSideItemLayout = (0, _react.useCallback)(({
+    nativeEvent: {
+      layout
+    }
+  }) => setSideItemWidth(prev => Math.max(layout.width, prev !== null && prev !== void 0 ? prev : 0)), []);
+  backgroundColor = backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : colorScheme.background;
   const leftItemView = (0, _react.useMemo)(() => {
     if (!leftItem) {
       return undefined;
     }
-    if ( /*#__PURE__*/_react.default.isValidElement(leftItem)) {
+    if (/*#__PURE__*/_react.default.isValidElement(leftItem)) {
       return leftItem;
     } else {
       const LeftItemComponent = leftItem;
@@ -69,7 +64,7 @@ const NavigationHeader = _ref => {
     if (!rightItem) {
       return undefined;
     }
-    if ( /*#__PURE__*/_react.default.isValidElement(rightItem)) {
+    if (/*#__PURE__*/_react.default.isValidElement(rightItem)) {
       return rightItem;
     } else {
       const RightItemComponent = rightItem;
@@ -143,6 +138,5 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1
   }
 });
-var _default = NavigationHeader;
-exports.default = _default;
+var _default = exports.default = NavigationHeader;
 //# sourceMappingURL=navigation-header.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_blurView","_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","NavigationHeader","_ref","_backgroundColor","animate","backgroundColor","blurred","leftItem","modalHandleVisible","rightItem","style","testID","title","titleVisible","titleColor","props","colorScheme","useAppColorScheme","titleOpacity","useState","Animated","Value","sideItemWidth","setSideItemWidth","onSideItemLayout","useCallback","_ref2","nativeEvent","layout","prev","Math","max","width","background","leftItemView","useMemo","undefined","React","isValidElement","LeftItemComponent","createElement","useEffect","timing","duration","easing","Easing","ease","toValue","useNativeDriver","start","setValue","rightItemView","RightItemComponent","titleAnimatedStyle","opacity","View","styles","headerContainer","blurAmount","blurStyle","color","StyleSheet","absoluteFill","modalHandle","grayDark","header","onLayout","sideItem","minWidth","text","preset","align","numberOfLines","concatTestID","rightSideItem","create","alignItems","flexDirection","height","paddingHorizontal","borderRadius","marginVertical","padding","flex","_default","exports"],"sources":["navigation-header.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Animated, ColorValue, Easing, LayoutChangeEvent, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport BlurView from '../blur/blur-view';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type NavigationHeaderProps = ViewProps & {\n  animate?: boolean;\n  backgroundColor?: ColorValue;\n  blurred?: boolean;\n  leftItem?: React.ComponentType<any> | React.ReactElement;\n  modalHandleVisible?: boolean;\n  rightItem?: React.ComponentType<any> | React.ReactElement;\n  title?: string;\n  titleColor?: string;\n  titleVisible?: boolean;\n};\n\nconst NavigationHeader: FC<NavigationHeaderProps> = ({\n  animate = false,\n  backgroundColor,\n  blurred = false,\n  leftItem,\n  modalHandleVisible,\n  rightItem,\n  style,\n  testID,\n  title,\n  titleVisible = true,\n  titleColor,\n  ...props\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [titleOpacity] = useState(() => new Animated.Value(titleVisible ? 1 : 0));\n\n  const [sideItemWidth, setSideItemWidth] = useState<number>();\n  const onSideItemLayout = useCallback(\n    ({ nativeEvent: { layout } }: LayoutChangeEvent) => setSideItemWidth((prev) => Math.max(layout.width, prev ?? 0)),\n    [],\n  );\n\n  backgroundColor = backgroundColor ?? colorScheme.background;\n\n  const leftItemView: React.ReactElement | undefined = useMemo(() => {\n    if (!leftItem) {\n      return undefined;\n    }\n    if (React.isValidElement(leftItem)) {\n      return leftItem;\n    } else {\n      const LeftItemComponent = leftItem as React.ComponentType<any>;\n      return <LeftItemComponent />;\n    }\n  }, [leftItem]);\n\n  useEffect(() => {\n    if (animate) {\n      Animated.timing(titleOpacity, {\n        duration: 150,\n        easing: Easing.ease,\n        toValue: titleVisible ? 1 : 0,\n        useNativeDriver: true,\n      }).start();\n    } else {\n      titleOpacity.setValue(titleVisible ? 1 : 0);\n    }\n  }, [animate, titleOpacity, titleVisible]);\n\n  const rightItemView: React.ReactElement | undefined = useMemo(() => {\n    if (!rightItem) {\n      return undefined;\n    }\n    if (React.isValidElement(rightItem)) {\n      return rightItem;\n    } else {\n      const RightItemComponent = rightItem as React.ComponentType<any>;\n      return <RightItemComponent />;\n    }\n  }, [rightItem]);\n\n  const titleAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> = {\n    opacity: titleOpacity,\n  };\n\n  return (\n    <View\n      {...props}\n      style={[styles.headerContainer, !blurred ? { backgroundColor } : undefined, style]}\n      testID={testID}>\n      {blurred && (\n        <BlurView blurAmount={10} blurStyle=\"header\" color={backgroundColor} style={StyleSheet.absoluteFill} />\n      )}\n      {modalHandleVisible && <View style={[styles.modalHandle, { backgroundColor: colorScheme.grayDark }]} />}\n      <View style={styles.header}>\n        <View onLayout={onSideItemLayout} style={[styles.sideItem, { minWidth: sideItemWidth }]}>\n          {leftItemView}\n        </View>\n        <Animated.View style={[styles.title, titleAnimatedStyle]}>\n          <Typography\n            color={titleColor ?? colorScheme.text}\n            preset=\"m/heading\"\n            align=\"center\"\n            numberOfLines={1}\n            testID={concatTestID(testID, 'title')}>\n            {title}\n          </Typography>\n        </Animated.View>\n        <View onLayout={onSideItemLayout} style={[styles.sideItem, styles.rightSideItem, { minWidth: sideItemWidth }]}>\n          {rightItemView}\n        </View>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  header: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 48,\n    width: '100%',\n  },\n  headerContainer: {\n    alignItems: 'center',\n    flexDirection: 'column',\n    paddingHorizontal: 8,\n  },\n  modalHandle: {\n    borderRadius: 2.5,\n    height: 5,\n    marginVertical: 5,\n    width: 36,\n  },\n  rightSideItem: {\n    alignItems: 'flex-end',\n  },\n  sideItem: {\n    padding: 12,\n  },\n  title: {\n    flex: 1,\n  },\n});\n\nexport default NavigationHeader;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_blurView","_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","NavigationHeader","animate","backgroundColor","blurred","leftItem","modalHandleVisible","rightItem","style","testID","title","titleVisible","titleColor","props","colorScheme","useAppColorScheme","titleOpacity","useState","Animated","Value","sideItemWidth","setSideItemWidth","onSideItemLayout","useCallback","nativeEvent","layout","prev","Math","max","width","background","leftItemView","useMemo","undefined","React","isValidElement","LeftItemComponent","createElement","useEffect","timing","duration","easing","Easing","ease","toValue","useNativeDriver","start","setValue","rightItemView","RightItemComponent","titleAnimatedStyle","opacity","View","styles","headerContainer","blurAmount","blurStyle","color","StyleSheet","absoluteFill","modalHandle","grayDark","header","onLayout","sideItem","minWidth","text","preset","align","numberOfLines","concatTestID","rightSideItem","create","alignItems","flexDirection","height","paddingHorizontal","borderRadius","marginVertical","padding","flex","_default","exports"],"sources":["navigation-header.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Animated, ColorValue, Easing, LayoutChangeEvent, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport BlurView from '../blur/blur-view';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type NavigationHeaderProps = ViewProps & {\n  animate?: boolean;\n  backgroundColor?: ColorValue;\n  blurred?: boolean;\n  leftItem?: React.ComponentType<any> | React.ReactElement;\n  modalHandleVisible?: boolean;\n  rightItem?: React.ComponentType<any> | React.ReactElement;\n  title?: string;\n  titleColor?: string;\n  titleVisible?: boolean;\n};\n\nconst NavigationHeader: FC<NavigationHeaderProps> = ({\n  animate = false,\n  backgroundColor,\n  blurred = false,\n  leftItem,\n  modalHandleVisible,\n  rightItem,\n  style,\n  testID,\n  title,\n  titleVisible = true,\n  titleColor,\n  ...props\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [titleOpacity] = useState(() => new Animated.Value(titleVisible ? 1 : 0));\n\n  const [sideItemWidth, setSideItemWidth] = useState<number>();\n  const onSideItemLayout = useCallback(\n    ({ nativeEvent: { layout } }: LayoutChangeEvent) => setSideItemWidth((prev) => Math.max(layout.width, prev ?? 0)),\n    [],\n  );\n\n  backgroundColor = backgroundColor ?? colorScheme.background;\n\n  const leftItemView: React.ReactElement | undefined = useMemo(() => {\n    if (!leftItem) {\n      return undefined;\n    }\n    if (React.isValidElement(leftItem)) {\n      return leftItem;\n    } else {\n      const LeftItemComponent = leftItem as React.ComponentType<any>;\n      return <LeftItemComponent />;\n    }\n  }, [leftItem]);\n\n  useEffect(() => {\n    if (animate) {\n      Animated.timing(titleOpacity, {\n        duration: 150,\n        easing: Easing.ease,\n        toValue: titleVisible ? 1 : 0,\n        useNativeDriver: true,\n      }).start();\n    } else {\n      titleOpacity.setValue(titleVisible ? 1 : 0);\n    }\n  }, [animate, titleOpacity, titleVisible]);\n\n  const rightItemView: React.ReactElement | undefined = useMemo(() => {\n    if (!rightItem) {\n      return undefined;\n    }\n    if (React.isValidElement(rightItem)) {\n      return rightItem;\n    } else {\n      const RightItemComponent = rightItem as React.ComponentType<any>;\n      return <RightItemComponent />;\n    }\n  }, [rightItem]);\n\n  const titleAnimatedStyle: Animated.WithAnimatedObject<ViewStyle> = {\n    opacity: titleOpacity,\n  };\n\n  return (\n    <View\n      {...props}\n      style={[styles.headerContainer, !blurred ? { backgroundColor } : undefined, style]}\n      testID={testID}>\n      {blurred && (\n        <BlurView blurAmount={10} blurStyle=\"header\" color={backgroundColor} style={StyleSheet.absoluteFill} />\n      )}\n      {modalHandleVisible && <View style={[styles.modalHandle, { backgroundColor: colorScheme.grayDark }]} />}\n      <View style={styles.header}>\n        <View onLayout={onSideItemLayout} style={[styles.sideItem, { minWidth: sideItemWidth }]}>\n          {leftItemView}\n        </View>\n        <Animated.View style={[styles.title, titleAnimatedStyle]}>\n          <Typography\n            color={titleColor ?? colorScheme.text}\n            preset=\"m/heading\"\n            align=\"center\"\n            numberOfLines={1}\n            testID={concatTestID(testID, 'title')}>\n            {title}\n          </Typography>\n        </Animated.View>\n        <View onLayout={onSideItemLayout} style={[styles.sideItem, styles.rightSideItem, { minWidth: sideItemWidth }]}>\n          {rightItemView}\n        </View>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  header: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 48,\n    width: '100%',\n  },\n  headerContainer: {\n    alignItems: 'center',\n    flexDirection: 'column',\n    paddingHorizontal: 8,\n  },\n  modalHandle: {\n    borderRadius: 2.5,\n    height: 5,\n    marginVertical: 5,\n    width: 36,\n  },\n  rightSideItem: {\n    alignItems: 'flex-end',\n  },\n  sideItem: {\n    padding: 12,\n  },\n  title: {\n    flex: 1,\n  },\n});\n\nexport default NavigationHeader;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui-components/history/data-item.js

@@ -4,40 +4,48 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _reactNative = _interopRequireWildcard(require("react-native"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
 var _testID = require("../../utils/testID");
 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); }
-const DataItem = _ref => {
-  let {
-    attribute,
-    value,
-    valueColor,
-    valueIcon,
-    multiline,
-    last,
-    testID,
-    style,
-    ...props
-  } = _ref;
+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 DataItem = ({
+  attribute,
+  value,
+  valueColor,
+  valueIcon,
+  multiline,
+  last,
+  testID,
+  style,
+  ...props
+}) => {
   const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
-  return /*#__PURE__*/_reactNative.default.createElement(_reactNative.View, _extends({
+  const valueIconView = (0, _react.useMemo)(() => {
+    if (/*#__PURE__*/_react.default.isValidElement(valueIcon)) {
+      return valueIcon;
+    } else if (valueIcon) {
+      const IconComponent = valueIcon;
+      return /*#__PURE__*/_react.default.createElement(IconComponent, null);
+    }
+  }, [valueIcon]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
     style: [styles.dataItem, {
       borderColor: colorScheme.background
     }, last && styles.last, style],
     testID: testID
-  }, props), /*#__PURE__*/_reactNative.default.createElement(_typography.default, {
+  }, props), /*#__PURE__*/_react.default.createElement(_typography.default, {
     color: colorScheme.text,
     preset: "xs/line-height-small",
     style: styles.dataItemLabel,
     testID: (0, _testID.concatTestID)(testID, 'title')
-  }, attribute), /*#__PURE__*/_reactNative.default.createElement(_reactNative.View, {
+  }, attribute), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.value
-  }, valueIcon, /*#__PURE__*/_reactNative.default.createElement(_typography.default, {
+  }, valueIconView, /*#__PURE__*/_react.default.createElement(_typography.default, {
     color: valueColor !== null && valueColor !== void 0 ? valueColor : colorScheme.text,
     numberOfLines: multiline ? undefined : 1,
     preset: "s",
@@ -65,6 +73,5 @@ const styles = _reactNative.StyleSheet.create({
     marginLeft: 4
   }
 });
-var _default = DataItem;
-exports.default = _default;
+var _default = exports.default = DataItem;
 //# sourceMappingURL=data-item.js.map