@procivis/one-react-native-components 0.1.63

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_buttons","_text","_theme","_utils","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 { BackButton } from '../buttons';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\nimport { concatTestID } from '../utils';\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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"}

package/lib/commonjs/header/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FocusAwareStatusBar", {
+  enumerable: true,
+  get: function () {
+    return _focusAwareStatusBar.default;
+  }
+});
+Object.defineProperty(exports, "FoldableHeader", {
+  enumerable: true,
+  get: function () {
+    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 }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _blurView = _interopRequireDefault(require("../blur/blur-view"));
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _utils = require("../utils");
+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;
+  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 leftItemView = (0, _react.useMemo)(() => {
+    if (!leftItem) {
+      return undefined;
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(leftItem)) {
+      return leftItem;
+    } else {
+      const LeftItemComponent = leftItem;
+      return /*#__PURE__*/_react.default.createElement(LeftItemComponent, null);
+    }
+  }, [leftItem]);
+  (0, _react.useEffect)(() => {
+    if (animate) {
+      _reactNative.Animated.timing(titleOpacity, {
+        duration: 150,
+        easing: _reactNative.Easing.ease,
+        toValue: titleVisible ? 1 : 0,
+        useNativeDriver: true
+      }).start();
+    } else {
+      titleOpacity.setValue(titleVisible ? 1 : 0);
+    }
+  }, [animate, titleOpacity, titleVisible]);
+  const rightItemView = (0, _react.useMemo)(() => {
+    if (!rightItem) {
+      return undefined;
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(rightItem)) {
+      return rightItem;
+    } else {
+      const RightItemComponent = rightItem;
+      return /*#__PURE__*/_react.default.createElement(RightItemComponent, null);
+    }
+  }, [rightItem]);
+  const titleAnimatedStyle = {
+    opacity: titleOpacity
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, props, {
+    style: [styles.headerContainer, !blurred ? {
+      backgroundColor
+    } : undefined, style],
+    testID: testID
+  }), blurred && /*#__PURE__*/_react.default.createElement(_blurView.default, {
+    blurAmount: 10,
+    blurStyle: "header",
+    color: backgroundColor,
+    style: _reactNative.StyleSheet.absoluteFill
+  }), modalHandleVisible && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.modalHandle, {
+      backgroundColor: colorScheme.grayDark
+    }]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    onLayout: onSideItemLayout,
+    style: [styles.sideItem, {
+      minWidth: sideItemWidth
+    }]
+  }, leftItemView), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.title, titleAnimatedStyle]
+  }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: titleColor !== null && titleColor !== void 0 ? titleColor : colorScheme.text,
+    preset: "m/heading",
+    align: "center",
+    numberOfLines: 1,
+    testID: (0, _utils.concatTestID)(testID, 'title')
+  }, title)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    onLayout: onSideItemLayout,
+    style: [styles.sideItem, styles.rightSideItem, {
+      minWidth: sideItemWidth
+    }]
+  }, rightItemView)));
+};
+const styles = _reactNative.StyleSheet.create({
+  header: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    height: 48,
+    width: '100%'
+  },
+  headerContainer: {
+    alignItems: 'center',
+    flexDirection: 'column',
+    paddingHorizontal: 8
+  },
+  modalHandle: {
+    borderRadius: 2.5,
+    height: 5,
+    marginVertical: 5,
+    width: 36
+  },
+  rightSideItem: {
+    alignItems: 'flex-end'
+  },
+  sideItem: {
+    padding: 12
+  },
+  title: {
+    flex: 1
+  }
+});
+var _default = NavigationHeader;
+exports.default = _default;
+//# sourceMappingURL=navigation-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_blurView","_interopRequireDefault","_typography","_colorSchemeContext","_utils","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 BlurView from '../blur/blur-view';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils';\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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"}

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

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = _interopRequireWildcard(require("react-native"));
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _testID = require("../utils/testID");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const DataItem = _ref => {
+  let {
+    attribute,
+    value,
+    valueColor,
+    valueIcon,
+    multiline,
+    last,
+    testID,
+    style,
+    ...props
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_reactNative.default.createElement(_reactNative.View, _extends({
+    style: [styles.dataItem, {
+      borderColor: colorScheme.background
+    }, last && styles.last, style],
+    testID: testID
+  }, props), /*#__PURE__*/_reactNative.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, {
+    style: styles.value
+  }, valueIcon, /*#__PURE__*/_reactNative.default.createElement(_typography.default, {
+    color: valueColor !== null && valueColor !== void 0 ? valueColor : colorScheme.text,
+    numberOfLines: multiline ? undefined : 1,
+    preset: "s",
+    style: valueIcon ? styles.valueLabel : undefined,
+    testID: (0, _testID.concatTestID)(testID, 'value')
+  }, value)));
+};
+const styles = _reactNative.StyleSheet.create({
+  dataItem: {
+    borderBottomWidth: 1,
+    paddingVertical: 10
+  },
+  dataItemLabel: {
+    marginBottom: 4,
+    opacity: 0.7
+  },
+  last: {
+    borderBottomWidth: 0
+  },
+  value: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  valueLabel: {
+    marginLeft: 4
+  }
+});
+var _default = DataItem;
+exports.default = _default;
+//# sourceMappingURL=data-item.js.map

package/lib/commonjs/history/data-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","_interopRequireWildcard","require","_typography","_interopRequireDefault","_colorSchemeContext","_testID","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","DataItem","_ref","attribute","value","valueColor","valueIcon","multiline","last","testID","style","props","colorScheme","useAppColorScheme","createElement","View","styles","dataItem","borderColor","background","color","text","preset","dataItemLabel","concatTestID","numberOfLines","undefined","valueLabel","StyleSheet","create","borderBottomWidth","paddingVertical","marginBottom","opacity","alignItems","flexDirection","marginLeft","_default","exports"],"sources":["data-item.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport React, { ColorValue, StyleSheet, View, ViewProps } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils/testID';\n\nexport type DataItemProps = ViewProps & {\n  attribute: string;\n  last?: boolean;\n  multiline?: boolean;\n  value: string;\n  valueColor?: ColorValue;\n  valueIcon?: ReactNode;\n};\n\nconst DataItem: FC<DataItemProps> = ({\n  attribute,\n  value,\n  valueColor,\n  valueIcon,\n  multiline,\n  last,\n  testID,\n  style,\n  ...props\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View\n      style={[styles.dataItem, { borderColor: colorScheme.background }, last && styles.last, style]}\n      testID={testID}\n      {...props}>\n      <Typography\n        color={colorScheme.text}\n        preset=\"xs/line-height-small\"\n        style={styles.dataItemLabel}\n        testID={concatTestID(testID, 'title')}>\n        {attribute}\n      </Typography>\n\n      <View style={styles.value}>\n        {valueIcon}\n        <Typography\n          color={valueColor ?? colorScheme.text}\n          numberOfLines={multiline ? undefined : 1}\n          preset=\"s\"\n          style={valueIcon ? styles.valueLabel : undefined}\n          testID={concatTestID(testID, 'value')}>\n          {value}\n        </Typography>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  dataItem: {\n    borderBottomWidth: 1,\n    paddingVertical: 10,\n  },\n  dataItemLabel: {\n    marginBottom: 4,\n    opacity: 0.7,\n  },\n  last: {\n    borderBottomWidth: 0,\n  },\n  value: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  valueLabel: {\n    marginLeft: 4,\n  },\n});\n\nexport default DataItem;\n"],"mappings":"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"}

package/lib/commonjs/history/history-list-item.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _accessibilityHistoryWrappers = require("../accessibility/accessibilityHistoryWrappers");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _testID = require("../utils/testID");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const HistoryListItem = _ref => {
+  let {
+    icon,
+    label,
+    info,
+    last,
+    style,
+    time,
+    onPress,
+    testID
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const iconView = (0, _react.useMemo)(() => {
+    if ( /*#__PURE__*/_react.default.isValidElement(icon)) {
+      return icon;
+    } else if (icon) {
+      const IconComponent = icon;
+      return /*#__PURE__*/_react.default.createElement(IconComponent, null);
+    }
+  }, [icon]);
+  return /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, {
+    disabled: !onPress,
+    onPress: () => onPress === null || onPress === void 0 ? void 0 : onPress(),
+    style: [styles.historyItemContainer, {
+      backgroundColor: colorScheme.white,
+      borderColor: colorScheme.background
+    }, last && styles.last, style],
+    testID: testID
+  }, iconView, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.labelAndInfo
+  }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.text,
+    numberOfLines: 1,
+    preset: "s",
+    style: styles.label,
+    testID: (0, _testID.concatTestID)(testID, 'label')
+  }, label), Boolean(info) && /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.text,
+    numberOfLines: 1,
+    preset: "s/line-height-small",
+    style: styles.shaded,
+    testID: (0, _testID.concatTestID)(testID, 'info')
+  }, info)), /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.text,
+    numberOfLines: 1,
+    preset: "xs/line-height-small",
+    style: styles.shaded,
+    testID: (0, _testID.concatTestID)(testID, 'timeLabel')
+  }, time));
+};
+const styles = _reactNative.StyleSheet.create({
+  historyItemContainer: {
+    alignItems: 'center',
+    borderBottomWidth: 1,
+    flexDirection: 'row',
+    paddingRight: 8,
+    paddingVertical: 12
+  },
+  label: {
+    marginBottom: 2
+  },
+  labelAndInfo: {
+    flex: 1,
+    marginHorizontal: 12
+  },
+  last: {
+    borderBottomWidth: 0
+  },
+  shaded: {
+    opacity: 0.7
+  }
+});
+var _default = HistoryListItem;
+exports.default = _default;
+//# sourceMappingURL=history-list-item.js.map

package/lib/commonjs/history/history-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_accessibilityHistoryWrappers","_typography","_interopRequireDefault","_colorSchemeContext","_testID","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HistoryListItem","_ref","icon","label","info","last","style","time","onPress","testID","colorScheme","useAppColorScheme","iconView","useMemo","React","isValidElement","IconComponent","createElement","TouchableOpacity","disabled","styles","historyItemContainer","backgroundColor","white","borderColor","background","View","labelAndInfo","color","text","numberOfLines","preset","concatTestID","Boolean","shaded","StyleSheet","create","alignItems","borderBottomWidth","flexDirection","paddingRight","paddingVertical","marginBottom","flex","marginHorizontal","opacity","_default","exports"],"sources":["history-list-item.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils/testID';\n\nexport type HistoryListItemProps = {\n  icon: ComponentType<any> | ReactElement;\n  info?: string;\n  label: string;\n  last?: boolean;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  time: string;\n};\n\nconst HistoryListItem: FC<HistoryListItemProps> = ({ icon, label, info, last, style, time, onPress, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  const iconView: ReactElement | undefined = useMemo(() => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else if (icon) {\n      const IconComponent = icon as ComponentType<any>;\n      return <IconComponent />;\n    }\n  }, [icon]);\n\n  return (\n    <TouchableOpacity\n      disabled={!onPress}\n      onPress={() => onPress?.()}\n      style={[\n        styles.historyItemContainer,\n        {\n          backgroundColor: colorScheme.white,\n          borderColor: colorScheme.background,\n        },\n        last && styles.last,\n        style,\n      ]}\n      testID={testID}>\n      {iconView}\n      <View style={styles.labelAndInfo}>\n        <Typography\n          color={colorScheme.text}\n          numberOfLines={1}\n          preset=\"s\"\n          style={styles.label}\n          testID={concatTestID(testID, 'label')}>\n          {label}\n        </Typography>\n        {Boolean(info) && (\n          <Typography\n            color={colorScheme.text}\n            numberOfLines={1}\n            preset=\"s/line-height-small\"\n            style={styles.shaded}\n            testID={concatTestID(testID, 'info')}>\n            {info}\n          </Typography>\n        )}\n      </View>\n      <Typography\n        color={colorScheme.text}\n        numberOfLines={1}\n        preset=\"xs/line-height-small\"\n        style={styles.shaded}\n        testID={concatTestID(testID, 'timeLabel')}>\n        {time}\n      </Typography>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  historyItemContainer: {\n    alignItems: 'center',\n    borderBottomWidth: 1,\n    flexDirection: 'row',\n    paddingRight: 8,\n    paddingVertical: 12,\n  },\n  label: {\n    marginBottom: 2,\n  },\n  labelAndInfo: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n  last: {\n    borderBottomWidth: 0,\n  },\n  shaded: {\n    opacity: 0.7,\n  },\n});\n\nexport default HistoryListItem;\n"],"mappings":"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"}

package/lib/commonjs/history/history-section-header.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _testID = require("../utils/testID");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// component used on the history section lists (Settings->History, CredentialDetail->History)
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
+
+const HistorySectionHeader = _ref => {
+  let {
+    day,
+    year,
+    testID
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    accessibilityRole: "header",
+    color: colorScheme.text,
+    preset: "m",
+    testID: (0, _testID.concatTestID)(testID, 'title')
+  }, day), year && /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.accent,
+    preset: "s/line-height-small",
+    style: styles.year
+  }, year));
+};
+const styles = _reactNative.StyleSheet.create({
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginVertical: 16,
+    paddingHorizontal: 4
+  },
+  year: {
+    opacity: 0.7
+  }
+});
+var _default = HistorySectionHeader;
+exports.default = _default;
+//# sourceMappingURL=history-section-header.js.map

package/lib/commonjs/history/history-section-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_typography","_colorSchemeContext","_testID","obj","__esModule","default","HistorySectionHeader","_ref","day","year","testID","colorScheme","useAppColorScheme","createElement","View","style","styles","header","accessibilityRole","color","text","preset","concatTestID","accent","StyleSheet","create","flexDirection","justifyContent","marginVertical","paddingHorizontal","opacity","_default","exports"],"sources":["history-section-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport { concatTestID } from '../utils/testID';\n\n// component used on the history section lists (Settings->History, CredentialDetail->History)\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev\n\nconst HistorySectionHeader: FC<{\n  day: string;\n  testID?: string;\n  year?: string;\n}> = ({ day, year, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={styles.header}>\n      <Typography accessibilityRole=\"header\" color={colorScheme.text} preset=\"m\" testID={concatTestID(testID, 'title')}>\n        {day}\n      </Typography>\n      {year && (\n        <Typography color={colorScheme.accent} preset=\"s/line-height-small\" style={styles.year}>\n          {year}\n        </Typography>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  header: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    marginVertical: 16,\n    paddingHorizontal: 4,\n  },\n  year: {\n    opacity: 0.7,\n  },\n});\n\nexport default HistorySectionHeader;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA+C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C;AACA;;AAEA,MAAMG,oBAIJ,GAAGC,IAAA,IAA2B;EAAA,IAA1B;IAAEC,GAAG;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAAH,IAAA;EACzB,MAAMI,WAAW,GAAG,IAAAC,qCAAiB,GAAE;EAEvC,oBACEhB,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAO,gBACzBrB,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACb,WAAA,CAAAK,OAAU;IAACa,iBAAiB,EAAC,QAAQ;IAACC,KAAK,EAAER,WAAW,CAACS,IAAK;IAACC,MAAM,EAAC,GAAG;IAACX,MAAM,EAAE,IAAAY,oBAAY,EAACZ,MAAM,EAAE,OAAO;EAAE,GAC9GF,GAAG,CACO,EACZC,IAAI,iBACHb,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACb,WAAA,CAAAK,OAAU;IAACc,KAAK,EAAER,WAAW,CAACY,MAAO;IAACF,MAAM,EAAC,qBAAqB;IAACN,KAAK,EAAEC,MAAM,CAACP;EAAK,GACpFA,IAAI,CAER,CACI;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,MAAM,EAAE;IACNS,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,cAAc,EAAE,EAAE;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDpB,IAAI,EAAE;IACJqB,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYzB,oBAAoB;AAAA0B,OAAA,CAAA3B,OAAA,GAAA0B,QAAA"}

package/lib/commonjs/history/history-section-list-item.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _colorSchemeContext = require("../theme/color-scheme-context");
+var _historyListItem = _interopRequireDefault(require("./history-list-item"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const HistorySectionListItem = _ref => {
+  let {
+    first,
+    last,
+    ...props
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.item, first && styles.first, last && styles.last, {
+      backgroundColor: colorScheme.white
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_historyListItem.default, _extends({
+    last: last
+  }, props)));
+};
+const styles = _reactNative.StyleSheet.create({
+  first: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    marginTop: 8,
+    paddingTop: 12
+  },
+  item: {
+    paddingHorizontal: 12
+  },
+  last: {
+    borderBottomLeftRadius: 20,
+    borderBottomRightRadius: 20,
+    marginBottom: 12,
+    paddingBottom: 12
+  }
+});
+var _default = HistorySectionListItem;
+exports.default = _default;
+//# sourceMappingURL=history-section-list-item.js.map

package/lib/commonjs/history/history-section-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colorSchemeContext","_historyListItem","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","HistorySectionListItem","_ref","first","last","props","colorScheme","useAppColorScheme","createElement","View","style","styles","item","backgroundColor","white","StyleSheet","create","borderTopLeftRadius","borderTopRightRadius","marginTop","paddingTop","paddingHorizontal","borderBottomLeftRadius","borderBottomRightRadius","marginBottom","paddingBottom","_default","exports"],"sources":["history-section-list-item.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport HistoryListItem, { HistoryListItemProps } from './history-list-item';\n\n// component used on the history section lists (Settings->History, CredentialDetail->History)\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev\n\nexport interface HistorySectionListItemProps extends HistoryListItemProps {\n  first?: boolean;\n}\n\nconst HistorySectionListItem: FC<HistorySectionListItemProps> = ({ first, last, ...props }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <View style={[styles.item, first && styles.first, last && styles.last, { backgroundColor: colorScheme.white }]}>\n      <HistoryListItem last={last} {...props} />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  first: {\n    borderTopLeftRadius: 20,\n    borderTopRightRadius: 20,\n    marginTop: 8,\n    paddingTop: 12,\n  },\n  item: {\n    paddingHorizontal: 12,\n  },\n  last: {\n    borderBottomLeftRadius: 20,\n    borderBottomRightRadius: 20,\n    marginBottom: 12,\n    paddingBottom: 12,\n  },\n});\n\nexport default HistorySectionListItem;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA4E,SAAAD,uBAAAK,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;AAS5E,MAAMQ,sBAAuD,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC,KAAK;IAAEC,IAAI;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EACxF,MAAMI,WAAW,GAAG,IAAAC,qCAAiB,GAAE;EACvC,oBACE7B,MAAA,CAAAQ,OAAA,CAAAsB,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAET,KAAK,IAAIQ,MAAM,CAACR,KAAK,EAAEC,IAAI,IAAIO,MAAM,CAACP,IAAI,EAAE;MAAES,eAAe,EAAEP,WAAW,CAACQ;IAAM,CAAC;EAAE,gBAC7GpC,MAAA,CAAAQ,OAAA,CAAAsB,aAAA,CAACzB,gBAAA,CAAAG,OAAe,EAAAC,QAAA;IAACiB,IAAI,EAAEA;EAAK,GAAKC,KAAK,EAAI,CACrC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,KAAK,EAAE;IACLc,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,SAAS,EAAE,CAAC;IACZC,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJS,iBAAiB,EAAE;EACrB,CAAC;EACDjB,IAAI,EAAE;IACJkB,sBAAsB,EAAE,EAAE;IAC1BC,uBAAuB,EAAE,EAAE;IAC3BC,YAAY,EAAE,EAAE;IAChBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYzB,sBAAsB;AAAA0B,OAAA,CAAAzC,OAAA,GAAAwC,QAAA"}

package/lib/commonjs/history/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DataItem", {
+  enumerable: true,
+  get: function () {
+    return _dataItem.default;
+  }
+});
+Object.defineProperty(exports, "DataItemProps", {
+  enumerable: true,
+  get: function () {
+    return _dataItem.DataItemProps;
+  }
+});
+Object.defineProperty(exports, "HistoryListItem", {
+  enumerable: true,
+  get: function () {
+    return _historyListItem.default;
+  }
+});
+Object.defineProperty(exports, "HistoryListItemProps", {
+  enumerable: true,
+  get: function () {
+    return _historyListItem.HistoryListItemProps;
+  }
+});
+Object.defineProperty(exports, "HistorySectionHeader", {
+  enumerable: true,
+  get: function () {
+    return _historySectionHeader.default;
+  }
+});
+Object.defineProperty(exports, "HistorySectionListItem", {
+  enumerable: true,
+  get: function () {
+    return _historySectionListItem.default;
+  }
+});
+Object.defineProperty(exports, "HistorySectionListItemProps", {
+  enumerable: true,
+  get: function () {
+    return _historySectionListItem.HistorySectionListItemProps;
+  }
+});
+var _dataItem = _interopRequireWildcard(require("./data-item"));
+var _historyListItem = _interopRequireWildcard(require("./history-list-item"));
+var _historySectionHeader = _interopRequireDefault(require("./history-section-header"));
+var _historySectionListItem = _interopRequireWildcard(require("./history-section-list-item"));
+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; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_dataItem","_interopRequireWildcard","require","_historyListItem","_historySectionHeader","_interopRequireDefault","_historySectionListItem","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set"],"sources":["index.ts"],"sourcesContent":["import DataItem, { DataItemProps } from './data-item';\nimport HistoryListItem, { HistoryListItemProps } from './history-list-item';\nimport HistorySectionHeader from './history-section-header';\nimport HistorySectionListItem, { HistorySectionListItemProps } from './history-section-list-item';\n\nexport { DataItem, DataItemProps };\nexport { HistoryListItem, HistoryListItemProps };\nexport { HistorySectionHeader };\nexport { HistorySectionListItem, HistorySectionListItemProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAL,uBAAA,CAAAC,OAAA;AAAkG,SAAAG,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAV,wBAAAM,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,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,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA"}