@ovok/native 0.3.4

package/lib/commonjs/modules/observation-detail/components/photo-preview.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PhotoPreview = void 0;
+var _flashList = require("@shopify/flash-list");
+var _iconsaxReactNativejs = require("iconsax-react-nativejs");
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../../image/index.js");
+var _index2 = require("../../theme/index.js");
+var _previewModal = require("./preview-modal.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const THUMBNAIL_SIZE = 100;
+const PhotoPreview = props => {
+  const theme = (0, _index2.useAppTheme)();
+  const [activeIndex, setActiveIndex] = React.useState(0);
+  const [isMaximized, setIsMaximized] = React.useState(false);
+  const activePhoto = props.photos[activeIndex] || props.photos[0] || "";
+  const thumbnailSize = React.useMemo(() => props.thumbnailSize || THUMBNAIL_SIZE, [props.thumbnailSize]);
+  const renderItem = React.useCallback(({
+    item,
+    index
+  }) => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: [styles.thumbnailContainer, {
+        width: thumbnailSize,
+        height: thumbnailSize,
+        borderRadius: theme.borderRadius(2)
+      }, index === activeIndex && {
+        borderWidth: 3,
+        borderColor: theme.colors.primary
+      }],
+      testID: `photo-preview-item-${index}`,
+      onPress: () => setActiveIndex(index),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+        source: {
+          uri: item
+        },
+        style: [styles.thumbnail]
+      })
+    });
+  }, [activeIndex, thumbnailSize, theme]);
+  const renderItemSeparator = React.useCallback(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: props.gap || theme.spacing(3)
+    },
+    testID: "photo-preview-item-separator"
+  }), [props.gap, theme]);
+  const onNextPhoto = React.useCallback(() => {
+    setActiveIndex(prev => Math.min(prev + 1, props.photos.length - 1));
+  }, [props.photos.length]);
+  const onPreviousPhoto = React.useCallback(() => {
+    setActiveIndex(prev => Math.max(prev - 1, 0));
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_flashList.FlashList, {
+      showsHorizontalScrollIndicator: false,
+      ...props,
+      horizontal: true,
+      data: props.photos,
+      renderItem: props.renderItem || renderItem,
+      extraData: [activeIndex, theme.colors.primary],
+      ItemSeparatorComponent: renderItemSeparator,
+      estimatedItemSize: thumbnailSize + 6
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [props.previewContainerStyle, {
+        marginTop: theme.spacing(3)
+      }],
+      testID: "photo-preview-preview",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.previewContainer, {
+          borderRadius: theme.borderRadius(2)
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OptimizedImage, {
+          uri: activePhoto,
+          testID: "photo-preview-image",
+          width: "100%"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          style: [styles.maximizeButton, {
+            padding: theme.spacing(1),
+            borderRadius: theme.borderRadius(99),
+            backgroundColor: theme.colors.surface,
+            borderColor: theme.colors.surface
+          }],
+          onPress: () => setIsMaximized(true),
+          testID: "photo-preview-maximize-button",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsaxReactNativejs.Maximize4, {})
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewModal.PreviewModal, {
+      testID: "photo-preview-modal",
+      isMaximized: isMaximized,
+      setIsMaximized: setIsMaximized,
+      activePhoto: activePhoto,
+      isLastPhoto: activeIndex === props.photos.length - 1,
+      isFirstPhoto: activeIndex === 0,
+      onNextPhoto: onNextPhoto,
+      onPreviousPhoto: onPreviousPhoto
+    })]
+  });
+};
+exports.PhotoPreview = PhotoPreview;
+const styles = _reactNative.StyleSheet.create({
+  thumbnailContainer: {
+    overflow: "hidden"
+  },
+  thumbnail: {
+    width: "100%",
+    height: "100%"
+  },
+  previewContainer: {
+    position: "relative",
+    width: "100%",
+    overflow: "hidden"
+  },
+  maximizeButton: {
+    position: "absolute",
+    top: 10,
+    right: 10,
+    zIndex: 10,
+    elevation: 10,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth
+  }
+});
+//# sourceMappingURL=photo-preview.js.map

package/lib/commonjs/modules/observation-detail/components/photo-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_flashList","require","_iconsaxReactNativejs","React","_interopRequireWildcard","_reactNative","_index","_index2","_previewModal","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","THUMBNAIL_SIZE","PhotoPreview","props","theme","useAppTheme","activeIndex","setActiveIndex","useState","isMaximized","setIsMaximized","activePhoto","photos","thumbnailSize","useMemo","renderItem","useCallback","item","index","jsx","TouchableOpacity","style","styles","thumbnailContainer","width","height","borderRadius","borderWidth","borderColor","colors","primary","testID","onPress","children","Image","source","uri","thumbnail","renderItemSeparator","View","gap","spacing","onNextPhoto","prev","Math","min","length","onPreviousPhoto","max","jsxs","Fragment","FlashList","showsHorizontalScrollIndicator","horizontal","data","extraData","ItemSeparatorComponent","estimatedItemSize","previewContainerStyle","marginTop","previewContainer","OptimizedImage","maximizeButton","padding","backgroundColor","surface","Maximize4","PreviewModal","isLastPhoto","isFirstPhoto","exports","StyleSheet","create","overflow","position","top","right","zIndex","elevation","hairlineWidth"],"sourceRoot":"../../../../../src","sources":["modules/observation-detail/components/photo-preview.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/modules/observation-detail/components/preview-modal.js

@@ -0,0 +1,201 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviewModal = void 0;
+var _iconsaxReactNativejs = require("iconsax-react-nativejs");
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _index = require("../../image/index.js");
+var _index2 = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const BUTTON_SIZE = 24;
+const BUTTON_PADDING = 5;
+const HORIZONTAL_PADDING = 16;
+const PreviewModal = ({
+  isMaximized,
+  activePhoto,
+  isLastPhoto,
+  isFirstPhoto,
+  onNextPhoto,
+  setIsMaximized,
+  onPreviousPhoto,
+  testID
+}) => {
+  const theme = (0, _index2.useAppTheme)();
+  const {
+    width,
+    height
+  } = (0, _reactNative.useWindowDimensions)();
+  const {
+    top: topInset
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const [rotation, setRotation] = React.useState(0);
+  const rotationValue = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withTiming)(rotation), [rotation]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      rotate: `${rotationValue.value}deg`
+    }]
+  }), [rotationValue]);
+  const handleRotateLeft = React.useCallback(() => {
+    setRotation(prev => prev - 90);
+  }, []);
+  const handleRotateRight = React.useCallback(() => {
+    setRotation(prev => prev + 90);
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Portal, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativePaper.Modal, {
+      testID: testID,
+      visible: isMaximized,
+      onDismiss: () => setIsMaximized(false),
+      style: styles.modal,
+      contentContainerStyle: [styles.modalContentContainer, {
+        marginTop: -topInset * 2,
+        backgroundColor: theme.colors.background
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [animatedStyle],
+        testID: "photo-preview-rotate-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OptimizedImage, {
+          uri: activePhoto,
+          width: width,
+          height: height
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.modalActionsContainer, {
+          top: topInset
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: () => setIsMaximized(false),
+          style: [styles.iconWrapper, {
+            backgroundColor: theme.colors.surface,
+            borderColor: theme.colors.outline,
+            padding: theme.spacing(1)
+          }],
+          testID: "photo-preview-close-button",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsaxReactNativejs.Add, {
+            style: {
+              transform: [{
+                rotate: "45deg"
+              }]
+            },
+            color: theme.colors.onSurface,
+            size: BUTTON_SIZE
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.rotationButtonsContainer, {
+            gap: theme.spacing(2)
+          }],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: [styles.iconWrapper, {
+              backgroundColor: theme.colors.surface,
+              borderColor: theme.colors.outline,
+              padding: theme.spacing(1)
+            }],
+            onPress: handleRotateLeft,
+            testID: "photo-preview-rotate-left-button",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsaxReactNativejs.ArrowRotateLeft, {
+              color: theme.colors.onSurface,
+              size: BUTTON_SIZE
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: [styles.iconWrapper, {
+              backgroundColor: theme.colors.surface,
+              borderColor: theme.colors.outline,
+              padding: theme.spacing(1)
+            }],
+            onPress: handleRotateRight,
+            testID: "photo-preview-rotate-right-button",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsaxReactNativejs.ArrowRotateRight, {
+              color: theme.colors.onSurface,
+              size: BUTTON_SIZE
+            })
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.navigationButtonsContainer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          style: [styles.iconWrapper, {
+            backgroundColor: theme.colors.surface,
+            borderColor: theme.colors.outline,
+            padding: theme.spacing(1)
+          }, isFirstPhoto && styles.disabledIcon],
+          onPress: onPreviousPhoto,
+          disabled: isFirstPhoto,
+          testID: "photo-preview-previous-button",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsaxReactNativejs.ArrowLeft, {
+            color: theme.colors.onSurface,
+            size: BUTTON_SIZE
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          style: [styles.iconWrapper, {
+            backgroundColor: theme.colors.surface,
+            borderColor: theme.colors.outline,
+            padding: theme.spacing(1)
+          }, isLastPhoto && styles.disabledIcon],
+          onPress: onNextPhoto,
+          disabled: isLastPhoto,
+          testID: "photo-preview-next-button",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsaxReactNativejs.ArrowRight, {
+            color: theme.colors.onSurface,
+            size: BUTTON_SIZE
+          })
+        })]
+      })]
+    })
+  });
+};
+exports.PreviewModal = PreviewModal;
+const styles = _reactNative.StyleSheet.create({
+  modal: {
+    width: "100%",
+    height: "100%"
+  },
+  modalContentContainer: {
+    width: "100%",
+    height: "100%",
+    position: "relative"
+  },
+  modalActionsContainer: {
+    position: "absolute",
+    top: HORIZONTAL_PADDING,
+    left: 0,
+    right: 0,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingHorizontal: HORIZONTAL_PADDING
+  },
+  rotationButtonsContainer: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  iconWrapper: {
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 100,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth
+  },
+  disabledIcon: {
+    opacity: 0.5
+  },
+  navigationButtonsContainer: {
+    position: "absolute",
+    top: "50%",
+    left: 0,
+    right: 0,
+    transform: [{
+      translateY: -(BUTTON_SIZE + BUTTON_PADDING * 2) / 2
+    }],
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: HORIZONTAL_PADDING
+  }
+});
+//# sourceMappingURL=preview-modal.js.map

package/lib/commonjs/modules/observation-detail/components/preview-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_iconsaxReactNativejs","require","React","_interopRequireWildcard","_reactNative","_reactNativePaper","_reactNativeReanimated","_reactNativeSafeAreaContext","_index","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BUTTON_SIZE","BUTTON_PADDING","HORIZONTAL_PADDING","PreviewModal","isMaximized","activePhoto","isLastPhoto","isFirstPhoto","onNextPhoto","setIsMaximized","onPreviousPhoto","testID","theme","useAppTheme","width","height","useWindowDimensions","top","topInset","useSafeAreaInsets","rotation","setRotation","useState","rotationValue","useDerivedValue","withTiming","animatedStyle","useAnimatedStyle","transform","rotate","value","handleRotateLeft","useCallback","prev","handleRotateRight","jsx","Portal","children","jsxs","Modal","visible","onDismiss","style","styles","modal","contentContainerStyle","modalContentContainer","marginTop","backgroundColor","colors","background","View","OptimizedImage","uri","modalActionsContainer","TouchableOpacity","onPress","iconWrapper","surface","borderColor","outline","padding","spacing","Add","color","onSurface","size","rotationButtonsContainer","gap","ArrowRotateLeft","ArrowRotateRight","navigationButtonsContainer","disabledIcon","disabled","ArrowLeft","ArrowRight","exports","StyleSheet","create","position","left","right","flexDirection","justifyContent","alignItems","paddingHorizontal","borderRadius","borderWidth","hairlineWidth","opacity","translateY"],"sourceRoot":"../../../../../src","sources":["modules/observation-detail/components/preview-modal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/modules/observation-detail/components/resource.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Resource = void 0;
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+var _index = require("../../image/index.js");
+var _index2 = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Resource = props => {
+  const theme = (0, _index2.useAppTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...props,
+    style: [styles.container, {
+      borderColor: theme.colors.outlineVariant,
+      paddingVertical: theme.spacing(4),
+      paddingHorizontal: theme.spacing(6),
+      gap: theme.spacing(2)
+    }, props.style],
+    children: [props.imageProps?.uri && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OptimizedImage, {
+      width: "100%",
+      ...props.imageProps,
+      containerStyle: [{
+        borderRadius: theme.borderRadius(1),
+        width: theme.spacing(6),
+        height: theme.spacing(6)
+      }, props.imageProps?.containerStyle],
+      uri: props.imageProps?.uri,
+      testID: props.imageProps?.testID
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+      style: [styles.title, props.titleStyle],
+      testID: props.titleTestID,
+      children: props.title
+    })]
+  });
+};
+exports.Resource = Resource;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    borderTopWidth: _reactNative.StyleSheet.hairlineWidth
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: "400"
+  }
+});
+//# sourceMappingURL=resource.js.map

package/lib/commonjs/modules/observation-detail/components/resource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativePaper","_index","_index2","_jsxRuntime","Resource","props","theme","useAppTheme","jsxs","View","style","styles","container","borderColor","colors","outlineVariant","paddingVertical","spacing","paddingHorizontal","gap","children","imageProps","uri","jsx","OptimizedImage","width","containerStyle","borderRadius","height","testID","Text","title","titleStyle","titleTestID","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","borderTopWidth","hairlineWidth","fontSize","fontWeight"],"sourceRoot":"../../../../../src","sources":["modules/observation-detail/components/resource.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAA0C,IAAAI,WAAA,GAAAJ,OAAA;AAGnC,MAAMK,QAAQ,GAAIC,KAAoB,IAAK;EAChD,MAAMC,KAAK,GAAG,IAAAC,mBAAW,EAAC,CAAC;EAE3B,oBACE,IAAAJ,WAAA,CAAAK,IAAA,EAACV,YAAA,CAAAW,IAAI;IAAA,GACCJ,KAAK;IACTK,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,WAAW,EAAEP,KAAK,CAACQ,MAAM,CAACC,cAAc;MACxCC,eAAe,EAAEV,KAAK,CAACW,OAAO,CAAC,CAAC,CAAC;MACjCC,iBAAiB,EAAEZ,KAAK,CAACW,OAAO,CAAC,CAAC,CAAC;MACnCE,GAAG,EAAEb,KAAK,CAACW,OAAO,CAAC,CAAC;IACtB,CAAC,EACDZ,KAAK,CAACK,KAAK,CACX;IAAAU,QAAA,GAEDf,KAAK,CAACgB,UAAU,EAAEC,GAAG,iBACpB,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,MAAA,CAAAuB,cAAc;MACbC,KAAK,EAAC,MAAM;MAAA,GACRpB,KAAK,CAACgB,UAAU;MACpBK,cAAc,EAAE,CACd;QACEC,YAAY,EAAErB,KAAK,CAACqB,YAAY,CAAC,CAAC,CAAC;QACnCF,KAAK,EAAEnB,KAAK,CAACW,OAAO,CAAC,CAAC,CAAC;QACvBW,MAAM,EAAEtB,KAAK,CAACW,OAAO,CAAC,CAAC;MACzB,CAAC,EACDZ,KAAK,CAACgB,UAAU,EAAEK,cAAc,CAChC;MACFJ,GAAG,EAAEjB,KAAK,CAACgB,UAAU,EAAEC,GAAI;MAC3BO,MAAM,EAAExB,KAAK,CAACgB,UAAU,EAAEQ;IAAO,CAClC,CACF,eACD,IAAA1B,WAAA,CAAAoB,GAAA,EAACvB,iBAAA,CAAA8B,IAAI;MAACpB,KAAK,EAAE,CAACC,MAAM,CAACoB,KAAK,EAAE1B,KAAK,CAAC2B,UAAU,CAAE;MAACH,MAAM,EAAExB,KAAK,CAAC4B,WAAY;MAAAb,QAAA,EACtEf,KAAK,CAAC0B;IAAK,CACR,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAACG,OAAA,CAAA9B,QAAA,GAAAA,QAAA;AAEF,MAAMO,MAAM,GAAGwB,uBAAU,CAACC,MAAM,CAAC;EAC/BxB,SAAS,EAAE;IACTyB,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IAEpBC,cAAc,EAAEL,uBAAU,CAACM;EAC7B,CAAC;EAEDV,KAAK,EAAE;IACLW,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/modules/observation-detail/components/single-card-data-row.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SingleCardDataRow = void 0;
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const SingleCardDataRow = ({
+  label,
+  value,
+  labelStyle,
+  valueStyle,
+  labelTestID,
+  valueTestID,
+  ...props
+}) => {
+  const theme = (0, _index.useAppTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...props,
+    style: [styles.container, {
+      paddingVertical: theme.spacing(4),
+      paddingHorizontal: theme.spacing(6)
+    }, props.style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+      testID: labelTestID,
+      style: [styles.label, labelStyle],
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+      testID: valueTestID,
+      style: [styles.value, valueStyle],
+      children: value
+    })]
+  });
+};
+exports.SingleCardDataRow = SingleCardDataRow;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  label: {
+    fontSize: 16,
+    fontWeight: "400",
+    flex: 1
+  },
+  value: {
+    fontSize: 16,
+    fontWeight: "400"
+  }
+});
+//# sourceMappingURL=single-card-data-row.js.map

package/lib/commonjs/modules/observation-detail/components/single-card-data-row.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativePaper","_index","_jsxRuntime","SingleCardDataRow","label","value","labelStyle","valueStyle","labelTestID","valueTestID","props","theme","useAppTheme","jsxs","View","style","styles","container","paddingVertical","spacing","paddingHorizontal","children","jsx","Text","testID","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","fontSize","fontWeight","flex"],"sourceRoot":"../../../../../src","sources":["modules/observation-detail/components/single-card-data-row.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA0C,IAAAG,WAAA,GAAAH,OAAA;AAGnC,MAAMI,iBAAiB,GAAGA,CAAC;EAChCC,KAAK;EACLC,KAAK;EACLC,UAAU;EACVC,UAAU;EACVC,WAAW;EACXC,WAAW;EACX,GAAGC;AACmB,CAAC,KAAK;EAC5B,MAAMC,KAAK,GAAG,IAAAC,kBAAW,EAAC,CAAC;EAE3B,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAACf,YAAA,CAAAgB,IAAI;IAAA,GACCJ,KAAK;IACTK,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEP,KAAK,CAACQ,OAAO,CAAC,CAAC,CAAC;MACjCC,iBAAiB,EAAET,KAAK,CAACQ,OAAO,CAAC,CAAC;IACpC,CAAC,EACDT,KAAK,CAACK,KAAK,CACX;IAAAM,QAAA,gBAEF,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,iBAAA,CAAAuB,IAAI;MAACC,MAAM,EAAEhB,WAAY;MAACO,KAAK,EAAE,CAACC,MAAM,CAACZ,KAAK,EAAEE,UAAU,CAAE;MAAAe,QAAA,EAC1DjB;IAAK,CACF,CAAC,eAEP,IAAAF,WAAA,CAAAoB,GAAA,EAACtB,iBAAA,CAAAuB,IAAI;MAACC,MAAM,EAAEf,WAAY;MAACM,KAAK,EAAE,CAACC,MAAM,CAACX,KAAK,EAAEE,UAAU,CAAE;MAAAc,QAAA,EAC1DhB;IAAK,CACF,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAACoB,OAAA,CAAAtB,iBAAA,GAAAA,iBAAA;AAEF,MAAMa,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EACD1B,KAAK,EAAE;IACL2B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,IAAI,EAAE;EACR,CAAC;EAED5B,KAAK,EAAE;IACL0B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/modules/observation-detail/components/text-data.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextData = void 0;
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const TextData = props => {
+  const theme = (0, _index.useAppTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePaper.Text, {
+    ...props,
+    style: [styles.text, {
+      padding: theme.spacing(4)
+    }, props.style],
+    children: props.children
+  });
+};
+exports.TextData = TextData;
+const styles = _reactNative.StyleSheet.create({
+  text: {
+    fontSize: 16
+  }
+});
+//# sourceMappingURL=text-data.js.map

package/lib/commonjs/modules/observation-detail/components/text-data.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativePaper","_index","_jsxRuntime","TextData","props","theme","useAppTheme","jsx","Text","style","styles","text","padding","spacing","children","exports","StyleSheet","create","fontSize"],"sourceRoot":"../../../../../src","sources":["modules/observation-detail/components/text-data.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA0C,IAAAG,WAAA,GAAAH,OAAA;AAEnC,MAAMI,QAAQ,GACnBC,KAAiE,IAC9D;EACH,MAAMC,KAAK,GAAG,IAAAC,kBAAW,EAAC,CAAC;EAE3B,oBACE,IAAAJ,WAAA,CAAAK,GAAA,EAACP,iBAAA,CAAAQ,IAAI;IAAA,GACCJ,KAAK;IACTK,KAAK,EAAE,CACLC,MAAM,CAACC,IAAI,EACX;MACEC,OAAO,EAAEP,KAAK,CAACQ,OAAO,CAAC,CAAC;IAC1B,CAAC,EACDT,KAAK,CAACK,KAAK,CACX;IAAAK,QAAA,EAEDV,KAAK,CAACU;EAAQ,CACX,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAZ,QAAA,GAAAA,QAAA;AAEF,MAAMO,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,IAAI,EAAE;IACJO,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/modules/observation-detail/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _observationDetail = require("./components/observation-detail.js");
+Object.keys(_observationDetail).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _observationDetail[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _observationDetail[key];
+    }
+  });
+});
+var _observationDetailDateTimeProps = require("./types/observation-detail-date-time-props.js");
+Object.keys(_observationDetailDateTimeProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _observationDetailDateTimeProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _observationDetailDateTimeProps[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/modules/observation-detail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_observationDetail","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_observationDetailDateTimeProps"],"sourceRoot":"../../../../src","sources":["modules/observation-detail/index.ts"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,+BAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,+BAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,+BAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,+BAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/modules/observation-detail/types/observation-detail-date-time-props.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=observation-detail-date-time-props.js.map

package/lib/commonjs/modules/observation-detail/types/observation-detail-date-time-props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["modules/observation-detail/types/observation-detail-date-time-props.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/modules/observation-detail/types/photo-preview-props.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=photo-preview-props.js.map

package/lib/commonjs/modules/observation-detail/types/photo-preview-props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["modules/observation-detail/types/photo-preview-props.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/modules/observation-detail/types/preview-modal-props.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=preview-modal-props.js.map

package/lib/commonjs/modules/observation-detail/types/preview-modal-props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["modules/observation-detail/types/preview-modal-props.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/modules/observation-detail/types/resource-props.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=resource-props.js.map

package/lib/commonjs/modules/observation-detail/types/resource-props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["modules/observation-detail/types/resource-props.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/modules/observation-detail/types/single-card-data-row-props.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=single-card-data-row-props.js.map

package/lib/commonjs/modules/observation-detail/types/single-card-data-row-props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["modules/observation-detail/types/single-card-data-row-props.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/modules/patient/components/card/birth-date/patient-birth-date-icon.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PatientBirthDateIcon = void 0;
+var _iconsaxReactNativejs = require("iconsax-react-nativejs");
+var _index = require("../../../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const PatientBirthDateIcon = ({
+  size = 16,
+  color,
+  ...props
+}) => {
+  const theme = (0, _index.useAppTheme)();
+  const iconColor = color || theme.colors.onSurfaceVariant;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsaxReactNativejs.Calendar2, {
+    ...props,
+    size: size,
+    color: iconColor
+  });
+};
+exports.PatientBirthDateIcon = PatientBirthDateIcon;
+//# sourceMappingURL=patient-birth-date-icon.js.map

package/lib/commonjs/modules/patient/components/card/birth-date/patient-birth-date-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_iconsaxReactNativejs","require","_index","_jsxRuntime","PatientBirthDateIcon","size","color","props","theme","useAppTheme","iconColor","colors","onSurfaceVariant","jsx","Calendar2","exports"],"sourceRoot":"../../../../../../../src","sources":["modules/patient/components/card/birth-date/patient-birth-date-icon.tsx"],"mappings":";;;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAgD,IAAAE,WAAA,GAAAF,OAAA;AAEzC,MAAMG,oBAAoB,GAAGA,CAAC;EACnCC,IAAI,GAAG,EAAE;EACTC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,MAAMC,KAAK,GAAG,IAAAC,kBAAW,EAAC,CAAC;EAE3B,MAAMC,SAAS,GAAGJ,KAAK,IAAIE,KAAK,CAACG,MAAM,CAACC,gBAAgB;EAExD,oBAAO,IAAAT,WAAA,CAAAU,GAAA,EAACb,qBAAA,CAAAc,SAAS;IAAA,GAAKP,KAAK;IAAEF,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEI;EAAU,CAAE,CAAC;AAC/D,CAAC;AAACK,OAAA,CAAAX,oBAAA,GAAAA,oBAAA","ignoreList":[]}