@webority-technologies/mobile-ui 0.0.5 → 0.0.7

package/lib/commonjs/components/DocumentViewer/DocumentViewer.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DocumentViewer = void 0;
+var _mobileCore = require("@webority-technologies/mobile-core");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativePdf = _interopRequireDefault(require("react-native-pdf"));
+var _index = require("../Spinner/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const toError = value => value instanceof Error ? value : new Error(String(value));
+
+/**
+ * Renders a PDF only — the WebView fallback consumer apps use for non-PDF
+ * office documents is a distinct rendering strategy and stays app-side.
+ */
+const DocumentViewer = ({
+  source,
+  trustAllCerts = false,
+  onLoadComplete,
+  onPageChanged,
+  onError,
+  loadingIndicator,
+  style,
+  testID,
+  accessibilityLabel
+}) => {
+  const renderActivityIndicator = (0, _react.useCallback)(() => loadingIndicator ? loadingIndicator() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Spinner, {
+    size: "lg"
+  }), [loadingIndicator]);
+  const handleError = (0, _react.useCallback)(error => {
+    const err = toError(error);
+    _mobileCore.Logger.error('[@webority-technologies/mobile-ui] DocumentViewer failed to load.', err);
+    onError?.(err);
+  }, [onError]);
+  const handleLoadComplete = (0, _react.useCallback)(numberOfPages => onLoadComplete?.(numberOfPages), [onLoadComplete]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.root, style],
+    testID: testID,
+    accessible: accessibilityLabel !== undefined,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativePdf.default, {
+      source: source,
+      trustAllCerts: trustAllCerts,
+      style: styles.pdf,
+      renderActivityIndicator: renderActivityIndicator,
+      onLoadComplete: handleLoadComplete,
+      onPageChanged: onPageChanged,
+      onError: handleError
+    })
+  });
+};
+exports.DocumentViewer = DocumentViewer;
+DocumentViewer.displayName = 'DocumentViewer';
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  pdf: {
+    flex: 1,
+    width: '100%',
+    height: '100%'
+  }
+});
+var _default = exports.default = DocumentViewer;
+//# sourceMappingURL=DocumentViewer.js.map

package/lib/commonjs/components/DocumentViewer/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DocumentViewer", {
+  enumerable: true,
+  get: function () {
+    return _DocumentViewer.DocumentViewer;
+  }
+});
+var _DocumentViewer = require("./DocumentViewer.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js

@@ -132,7 +132,7 @@ Object.defineProperty(exports, "Confetti", {
 Object.defineProperty(exports, "DEFAULT_CALLING_CODES", {
   enumerable: true,
   get: function () {
-    return _index42.DEFAULT_CALLING_CODES;
+    return _index43.DEFAULT_CALLING_CODES;
   }
 });
 Object.defineProperty(exports, "DatePicker", {
@@ -165,184 +165,190 @@ Object.defineProperty(exports, "Divider", {
     return _index22.Divider;
   }
 });
+Object.defineProperty(exports, "DocumentViewer", {
+  enumerable: true,
+  get: function () {
+    return _index23.DocumentViewer;
+  }
+});
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
   get: function () {
-    return _index23.Drawer;
+    return _index24.Drawer;
   }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
   get: function () {
-    return _index24.EmptyState;
+    return _index25.EmptyState;
   }
 });
 Object.defineProperty(exports, "ErrorBoundary", {
   enumerable: true,
   get: function () {
-    return _index25.ErrorBoundary;
+    return _index26.ErrorBoundary;
   }
 });
 Object.defineProperty(exports, "FilePicker", {
   enumerable: true,
   get: function () {
-    return _index26.FilePicker;
+    return _index27.FilePicker;
   }
 });
 Object.defineProperty(exports, "FloatingActionButton", {
   enumerable: true,
   get: function () {
-    return _index27.FloatingActionButton;
+    return _index28.FloatingActionButton;
   }
 });
 Object.defineProperty(exports, "FloatingActionButtonGroup", {
   enumerable: true,
   get: function () {
-    return _index27.FloatingActionButtonGroup;
+    return _index28.FloatingActionButtonGroup;
   }
 });
 Object.defineProperty(exports, "ForceUpdateDialog", {
   enumerable: true,
   get: function () {
-    return _index28.ForceUpdateDialog;
+    return _index29.ForceUpdateDialog;
   }
 });
 Object.defineProperty(exports, "FormField", {
   enumerable: true,
   get: function () {
-    return _index29.FormField;
+    return _index30.FormField;
   }
 });
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function () {
-    return _index30.IconButton;
+    return _index31.IconButton;
   }
 });
 Object.defineProperty(exports, "ImageGallery", {
   enumerable: true,
   get: function () {
-    return _index31.ImageGallery;
+    return _index32.ImageGallery;
   }
 });
 Object.defineProperty(exports, "InlineSelect", {
   enumerable: true,
   get: function () {
-    return _index32.InlineSelect;
+    return _index33.InlineSelect;
   }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function () {
-    return _index33.Input;
+    return _index34.Input;
   }
 });
 Object.defineProperty(exports, "KeyboardAwareScrollView", {
   enumerable: true,
   get: function () {
-    return _index34.KeyboardAwareScrollView;
+    return _index35.KeyboardAwareScrollView;
   }
 });
 Object.defineProperty(exports, "KeyboardToolbar", {
   enumerable: true,
   get: function () {
-    return _index35.KeyboardToolbar;
+    return _index36.KeyboardToolbar;
   }
 });
 Object.defineProperty(exports, "ListItem", {
   enumerable: true,
   get: function () {
-    return _index36.ListItem;
+    return _index37.ListItem;
   }
 });
 Object.defineProperty(exports, "LoaderOverlay", {
   enumerable: true,
   get: function () {
-    return _index37.LoaderOverlay;
+    return _index38.LoaderOverlay;
   }
 });
 Object.defineProperty(exports, "MODAL_DISMISS_GRACE_MS", {
   enumerable: true,
   get: function () {
-    return _index39.MODAL_DISMISS_GRACE_MS;
+    return _index40.MODAL_DISMISS_GRACE_MS;
   }
 });
 Object.defineProperty(exports, "Markdown", {
   enumerable: true,
   get: function () {
-    return _index38.Markdown;
+    return _index39.Markdown;
   }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function () {
-    return _index39.Modal;
+    return _index40.Modal;
   }
 });
 Object.defineProperty(exports, "NumberInput", {
   enumerable: true,
   get: function () {
-    return _index40.NumberInput;
+    return _index41.NumberInput;
   }
 });
 Object.defineProperty(exports, "OTPInput", {
   enumerable: true,
   get: function () {
-    return _index41.OTPInput;
+    return _index42.OTPInput;
   }
 });
 Object.defineProperty(exports, "PhoneNumberInput", {
   enumerable: true,
   get: function () {
-    return _index42.PhoneNumberInput;
+    return _index43.PhoneNumberInput;
   }
 });
 Object.defineProperty(exports, "PickerTrigger", {
   enumerable: true,
   get: function () {
-    return _index43.PickerTrigger;
+    return _index44.PickerTrigger;
   }
 });
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
   get: function () {
-    return _index44.ProgressBar;
+    return _index45.ProgressBar;
   }
 });
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function () {
-    return _index45.Radio;
+    return _index46.Radio;
   }
 });
 Object.defineProperty(exports, "RadioDot", {
   enumerable: true,
   get: function () {
-    return _index45.RadioDot;
+    return _index46.RadioDot;
   }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
   get: function () {
-    return _index45.RadioGroup;
+    return _index46.RadioGroup;
   }
 });
 Object.defineProperty(exports, "Rating", {
   enumerable: true,
   get: function () {
-    return _index46.Rating;
+    return _index47.Rating;
   }
 });
 Object.defineProperty(exports, "Repeater", {
   enumerable: true,
   get: function () {
-    return _index47.Repeater;
+    return _index48.Repeater;
   }
 });
 Object.defineProperty(exports, "RichTextEditor", {
   enumerable: true,
   get: function () {
-    return _index48.RichTextEditor;
+    return _index49.RichTextEditor;
   }
 });
 Object.defineProperty(exports, "Row", {
@@ -354,79 +360,79 @@ Object.defineProperty(exports, "Row", {
 Object.defineProperty(exports, "SearchBar", {
   enumerable: true,
   get: function () {
-    return _index49.SearchBar;
+    return _index50.SearchBar;
   }
 });
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
   get: function () {
-    return _index50.SegmentedControl;
+    return _index51.SegmentedControl;
   }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function () {
-    return _index51.Select;
+    return _index52.Select;
   }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function () {
-    return _index52.Skeleton;
+    return _index53.Skeleton;
   }
 });
 Object.defineProperty(exports, "SkeletonCircle", {
   enumerable: true,
   get: function () {
-    return _index52.SkeletonCircle;
+    return _index53.SkeletonCircle;
   }
 });
 Object.defineProperty(exports, "SkeletonClockProvider", {
   enumerable: true,
   get: function () {
-    return _index52.SkeletonClockProvider;
+    return _index53.SkeletonClockProvider;
   }
 });
 Object.defineProperty(exports, "SkeletonContent", {
   enumerable: true,
   get: function () {
-    return _index52.SkeletonContent;
+    return _index53.SkeletonContent;
   }
 });
 Object.defineProperty(exports, "SkeletonList", {
   enumerable: true,
   get: function () {
-    return _index52.SkeletonList;
+    return _index53.SkeletonList;
   }
 });
 Object.defineProperty(exports, "SkeletonProvider", {
   enumerable: true,
   get: function () {
-    return _index52.SkeletonProvider;
+    return _index53.SkeletonProvider;
   }
 });
 Object.defineProperty(exports, "SkeletonSkip", {
   enumerable: true,
   get: function () {
-    return _index52.SkeletonSkip;
+    return _index53.SkeletonSkip;
   }
 });
 Object.defineProperty(exports, "SkeletonText", {
   enumerable: true,
   get: function () {
-    return _index52.SkeletonText;
+    return _index53.SkeletonText;
   }
 });
 Object.defineProperty(exports, "SlideToConfirm", {
   enumerable: true,
   get: function () {
-    return _index54.SlideToConfirm;
+    return _index55.SlideToConfirm;
   }
 });
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
   get: function () {
-    return _index53.Slider;
+    return _index54.Slider;
   }
 });
 Object.defineProperty(exports, "Spacer", {
@@ -438,7 +444,7 @@ Object.defineProperty(exports, "Spacer", {
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
   get: function () {
-    return _index55.Spinner;
+    return _index56.Spinner;
   }
 });
 Object.defineProperty(exports, "Stack", {
@@ -450,79 +456,79 @@ Object.defineProperty(exports, "Stack", {
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
   get: function () {
-    return _index56.Stepper;
+    return _index57.Stepper;
   }
 });
 Object.defineProperty(exports, "Swipeable", {
   enumerable: true,
   get: function () {
-    return _index57.Swipeable;
+    return _index58.Swipeable;
   }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
   get: function () {
-    return _index58.Switch;
+    return _index59.Switch;
   }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function () {
-    return _index59.Tabs;
+    return _index60.Tabs;
   }
 });
 Object.defineProperty(exports, "TagInput", {
   enumerable: true,
   get: function () {
-    return _index60.TagInput;
+    return _index61.TagInput;
   }
 });
 Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function () {
-    return _index61.Text;
+    return _index62.Text;
   }
 });
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
   get: function () {
-    return _index63.TimePicker;
+    return _index64.TimePicker;
   }
 });
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
   get: function () {
-    return _index62.Timeline;
+    return _index63.Timeline;
   }
 });
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
   get: function () {
-    return _index64.Toast;
+    return _index65.Toast;
   }
 });
 Object.defineProperty(exports, "ToastProvider", {
   enumerable: true,
   get: function () {
-    return _index64.ToastProvider;
+    return _index65.ToastProvider;
   }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
   get: function () {
-    return _index65.Tooltip;
+    return _index66.Tooltip;
   }
 });
 Object.defineProperty(exports, "ZoomableImage", {
   enumerable: true,
   get: function () {
-    return _index66.ZoomableImage;
+    return _index67.ZoomableImage;
   }
 });
 Object.defineProperty(exports, "applyMarkdownAction", {
   enumerable: true,
   get: function () {
-    return _index48.applyMarkdownAction;
+    return _index49.applyMarkdownAction;
   }
 });
 Object.defineProperty(exports, "authedImageCacheStats", {
@@ -540,13 +546,13 @@ Object.defineProperty(exports, "clearAuthedImageCache", {
 Object.defineProperty(exports, "formatE164", {
   enumerable: true,
   get: function () {
-    return _index42.formatE164;
+    return _index43.formatE164;
   }
 });
 Object.defineProperty(exports, "formatFileSize", {
   enumerable: true,
   get: function () {
-    return _index26.formatFileSize;
+    return _index27.formatFileSize;
   }
 });
 Object.defineProperty(exports, "getAuthedImageCacheLimit", {
@@ -558,7 +564,7 @@ Object.defineProperty(exports, "getAuthedImageCacheLimit", {
 Object.defineProperty(exports, "loader", {
   enumerable: true,
   get: function () {
-    return _index37.loader;
+    return _index38.loader;
   }
 });
 Object.defineProperty(exports, "setAuthedImageCacheLimit", {
@@ -570,7 +576,7 @@ Object.defineProperty(exports, "setAuthedImageCacheLimit", {
 Object.defineProperty(exports, "toast", {
   enumerable: true,
   get: function () {
-    return _index64.toast;
+    return _index65.toast;
   }
 });
 Object.defineProperty(exports, "useBottomSheet", {
@@ -582,43 +588,43 @@ Object.defineProperty(exports, "useBottomSheet", {
 Object.defineProperty(exports, "useErrorHandler", {
   enumerable: true,
   get: function () {
-    return _index25.useErrorHandler;
+    return _index26.useErrorHandler;
   }
 });
 Object.defineProperty(exports, "useLoader", {
   enumerable: true,
   get: function () {
-    return _index37.useLoader;
+    return _index38.useLoader;
   }
 });
 Object.defineProperty(exports, "useReduceMotion", {
   enumerable: true,
   get: function () {
-    return _index52.useReduceMotion;
+    return _index53.useReduceMotion;
   }
 });
 Object.defineProperty(exports, "useSkeletonClock", {
   enumerable: true,
   get: function () {
-    return _index52.useSkeletonClock;
+    return _index53.useSkeletonClock;
   }
 });
 Object.defineProperty(exports, "useSkeletonDefaults", {
   enumerable: true,
   get: function () {
-    return _index52.useSkeletonDefaults;
+    return _index53.useSkeletonDefaults;
   }
 });
 Object.defineProperty(exports, "useToast", {
   enumerable: true,
   get: function () {
-    return _index64.useToast;
+    return _index65.useToast;
   }
 });
 Object.defineProperty(exports, "withErrorBoundary", {
   enumerable: true,
   get: function () {
-    return _index25.withErrorBoundary;
+    return _index26.withErrorBoundary;
   }
 });
 var _index = require("./Accordion/index.js");
@@ -645,48 +651,49 @@ var _index19 = require("./DateRangePicker/index.js");
 var _index20 = require("./Descriptions/index.js");
 var _index21 = require("./Dialog/index.js");
 var _index22 = require("./Divider/index.js");
-var _index23 = require("./Drawer/index.js");
-var _index24 = require("./EmptyState/index.js");
-var _index25 = require("./ErrorBoundary/index.js");
-var _index26 = require("./FilePicker/index.js");
-var _index27 = require("./FloatingActionButton/index.js");
-var _index28 = require("./ForceUpdateDialog/index.js");
-var _index29 = require("./FormField/index.js");
-var _index30 = require("./IconButton/index.js");
-var _index31 = require("./ImageGallery/index.js");
-var _index32 = require("./InlineSelect/index.js");
-var _index33 = require("./Input/index.js");
-var _index34 = require("./KeyboardAwareScrollView/index.js");
-var _index35 = require("./KeyboardToolbar/index.js");
-var _index36 = require("./ListItem/index.js");
-var _index37 = require("./LoaderOverlay/index.js");
-var _index38 = require("./Markdown/index.js");
-var _index39 = require("./Modal/index.js");
-var _index40 = require("./NumberInput/index.js");
-var _index41 = require("./OTPInput/index.js");
-var _index42 = require("./PhoneNumberInput/index.js");
-var _index43 = require("./PickerTrigger/index.js");
-var _index44 = require("./ProgressBar/index.js");
-var _index45 = require("./Radio/index.js");
-var _index46 = require("./Rating/index.js");
-var _index47 = require("./Repeater/index.js");
-var _index48 = require("./RichTextEditor/index.js");
-var _index49 = require("./SearchBar/index.js");
-var _index50 = require("./SegmentedControl/index.js");
-var _index51 = require("./Select/index.js");
-var _index52 = require("./Skeleton/index.js");
-var _index53 = require("./Slider/index.js");
-var _index54 = require("./SlideToConfirm/index.js");
-var _index55 = require("./Spinner/index.js");
-var _index56 = require("./Stepper/index.js");
-var _index57 = require("./Swipeable/index.js");
-var _index58 = require("./Switch/index.js");
-var _index59 = require("./Tabs/index.js");
-var _index60 = require("./TagInput/index.js");
-var _index61 = require("./Text/index.js");
-var _index62 = require("./Timeline/index.js");
-var _index63 = require("./TimePicker/index.js");
-var _index64 = require("./Toast/index.js");
-var _index65 = require("./Tooltip/index.js");
-var _index66 = require("./ZoomableImage/index.js");
+var _index23 = require("./DocumentViewer/index.js");
+var _index24 = require("./Drawer/index.js");
+var _index25 = require("./EmptyState/index.js");
+var _index26 = require("./ErrorBoundary/index.js");
+var _index27 = require("./FilePicker/index.js");
+var _index28 = require("./FloatingActionButton/index.js");
+var _index29 = require("./ForceUpdateDialog/index.js");
+var _index30 = require("./FormField/index.js");
+var _index31 = require("./IconButton/index.js");
+var _index32 = require("./ImageGallery/index.js");
+var _index33 = require("./InlineSelect/index.js");
+var _index34 = require("./Input/index.js");
+var _index35 = require("./KeyboardAwareScrollView/index.js");
+var _index36 = require("./KeyboardToolbar/index.js");
+var _index37 = require("./ListItem/index.js");
+var _index38 = require("./LoaderOverlay/index.js");
+var _index39 = require("./Markdown/index.js");
+var _index40 = require("./Modal/index.js");
+var _index41 = require("./NumberInput/index.js");
+var _index42 = require("./OTPInput/index.js");
+var _index43 = require("./PhoneNumberInput/index.js");
+var _index44 = require("./PickerTrigger/index.js");
+var _index45 = require("./ProgressBar/index.js");
+var _index46 = require("./Radio/index.js");
+var _index47 = require("./Rating/index.js");
+var _index48 = require("./Repeater/index.js");
+var _index49 = require("./RichTextEditor/index.js");
+var _index50 = require("./SearchBar/index.js");
+var _index51 = require("./SegmentedControl/index.js");
+var _index52 = require("./Select/index.js");
+var _index53 = require("./Skeleton/index.js");
+var _index54 = require("./Slider/index.js");
+var _index55 = require("./SlideToConfirm/index.js");
+var _index56 = require("./Spinner/index.js");
+var _index57 = require("./Stepper/index.js");
+var _index58 = require("./Swipeable/index.js");
+var _index59 = require("./Switch/index.js");
+var _index60 = require("./Tabs/index.js");
+var _index61 = require("./TagInput/index.js");
+var _index62 = require("./Text/index.js");
+var _index63 = require("./Timeline/index.js");
+var _index64 = require("./TimePicker/index.js");
+var _index65 = require("./Toast/index.js");
+var _index66 = require("./Tooltip/index.js");
+var _index67 = require("./ZoomableImage/index.js");
 //# sourceMappingURL=index.js.map

package/lib/module/components/DocumentViewer/DocumentViewer.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { Logger } from '@webority-technologies/mobile-core';
+import { useCallback } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Pdf from 'react-native-pdf';
+import { Spinner } from "../Spinner/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const toError = value => value instanceof Error ? value : new Error(String(value));
+
+/**
+ * Renders a PDF only — the WebView fallback consumer apps use for non-PDF
+ * office documents is a distinct rendering strategy and stays app-side.
+ */
+export const DocumentViewer = ({
+  source,
+  trustAllCerts = false,
+  onLoadComplete,
+  onPageChanged,
+  onError,
+  loadingIndicator,
+  style,
+  testID,
+  accessibilityLabel
+}) => {
+  const renderActivityIndicator = useCallback(() => loadingIndicator ? loadingIndicator() : /*#__PURE__*/_jsx(Spinner, {
+    size: "lg"
+  }), [loadingIndicator]);
+  const handleError = useCallback(error => {
+    const err = toError(error);
+    Logger.error('[@webority-technologies/mobile-ui] DocumentViewer failed to load.', err);
+    onError?.(err);
+  }, [onError]);
+  const handleLoadComplete = useCallback(numberOfPages => onLoadComplete?.(numberOfPages), [onLoadComplete]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.root, style],
+    testID: testID,
+    accessible: accessibilityLabel !== undefined,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "none",
+    children: /*#__PURE__*/_jsx(Pdf, {
+      source: source,
+      trustAllCerts: trustAllCerts,
+      style: styles.pdf,
+      renderActivityIndicator: renderActivityIndicator,
+      onLoadComplete: handleLoadComplete,
+      onPageChanged: onPageChanged,
+      onError: handleError
+    })
+  });
+};
+DocumentViewer.displayName = 'DocumentViewer';
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  pdf: {
+    flex: 1,
+    width: '100%',
+    height: '100%'
+  }
+});
+export default DocumentViewer;
+//# sourceMappingURL=DocumentViewer.js.map

package/lib/module/components/DocumentViewer/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { DocumentViewer } from "./DocumentViewer.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js

@@ -24,6 +24,7 @@ export { DateRangePicker } from "./DateRangePicker/index.js";
 export { Descriptions } from "./Descriptions/index.js";
 export { Dialog } from "./Dialog/index.js";
 export { Divider } from "./Divider/index.js";
+export { DocumentViewer } from "./DocumentViewer/index.js";
 export { Drawer } from "./Drawer/index.js";
 export { EmptyState } from "./EmptyState/index.js";
 export { ErrorBoundary, useErrorHandler, withErrorBoundary } from "./ErrorBoundary/index.js";

package/lib/typescript/commonjs/components/DocumentViewer/DocumentViewer.d.ts

@@ -0,0 +1,27 @@
+import type React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface DocumentViewerSource {
+    uri: string;
+    headers?: Record<string, string>;
+    cache?: boolean;
+}
+export interface DocumentViewerProps {
+    source: DocumentViewerSource;
+    /** Trust self-signed / invalid certs on the document request. Default false. */
+    trustAllCerts?: boolean;
+    onLoadComplete?: (numberOfPages: number) => void;
+    onPageChanged?: (page: number, numberOfPages: number) => void;
+    onError?: (error: Error) => void;
+    /** Replaces the default themed spinner shown while the document loads. */
+    loadingIndicator?: () => React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    accessibilityLabel?: string;
+}
+/**
+ * Renders a PDF only — the WebView fallback consumer apps use for non-PDF
+ * office documents is a distinct rendering strategy and stays app-side.
+ */
+export declare const DocumentViewer: React.FC<DocumentViewerProps>;
+export default DocumentViewer;
+//# sourceMappingURL=DocumentViewer.d.ts.map

package/lib/typescript/commonjs/components/DocumentViewer/index.d.ts

@@ -0,0 +1,3 @@
+export type { DocumentViewerProps, DocumentViewerSource } from './DocumentViewer';
+export { DocumentViewer } from './DocumentViewer';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/index.d.ts

@@ -46,6 +46,8 @@ export type { DialogAction, DialogProps, DialogVariant } from './Dialog';
 export { Dialog } from './Dialog';
 export type { DividerOrientation, DividerProps, DividerSpacing } from './Divider';
 export { Divider } from './Divider';
+export type { DocumentViewerProps, DocumentViewerSource } from './DocumentViewer';
+export { DocumentViewer } from './DocumentViewer';
 export type { DrawerProps, DrawerRef, DrawerSide } from './Drawer';
 export { Drawer } from './Drawer';
 export type { EmptyStateAction, EmptyStateProps, EmptyStateSize } from './EmptyState';

package/lib/typescript/module/components/DocumentViewer/DocumentViewer.d.ts

@@ -0,0 +1,27 @@
+import type React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface DocumentViewerSource {
+    uri: string;
+    headers?: Record<string, string>;
+    cache?: boolean;
+}
+export interface DocumentViewerProps {
+    source: DocumentViewerSource;
+    /** Trust self-signed / invalid certs on the document request. Default false. */
+    trustAllCerts?: boolean;
+    onLoadComplete?: (numberOfPages: number) => void;
+    onPageChanged?: (page: number, numberOfPages: number) => void;
+    onError?: (error: Error) => void;
+    /** Replaces the default themed spinner shown while the document loads. */
+    loadingIndicator?: () => React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    accessibilityLabel?: string;
+}
+/**
+ * Renders a PDF only — the WebView fallback consumer apps use for non-PDF
+ * office documents is a distinct rendering strategy and stays app-side.
+ */
+export declare const DocumentViewer: React.FC<DocumentViewerProps>;
+export default DocumentViewer;
+//# sourceMappingURL=DocumentViewer.d.ts.map

package/lib/typescript/module/components/DocumentViewer/index.d.ts

@@ -0,0 +1,3 @@
+export type { DocumentViewerProps, DocumentViewerSource } from './DocumentViewer.js';
+export { DocumentViewer } from './DocumentViewer.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/index.d.ts

@@ -46,6 +46,8 @@ export type { DialogAction, DialogProps, DialogVariant } from './Dialog/index.js
 export { Dialog } from './Dialog/index.js';
 export type { DividerOrientation, DividerProps, DividerSpacing } from './Divider/index.js';
 export { Divider } from './Divider/index.js';
+export type { DocumentViewerProps, DocumentViewerSource } from './DocumentViewer/index.js';
+export { DocumentViewer } from './DocumentViewer/index.js';
 export type { DrawerProps, DrawerRef, DrawerSide } from './Drawer/index.js';
 export { Drawer } from './Drawer/index.js';
 export type { EmptyStateAction, EmptyStateProps, EmptyStateSize } from './EmptyState/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority-technologies/mobile-ui",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Beautiful, animated, accessible React Native components, theme and form engine for Webority projects.",
   "keywords": [
     "react-native",
@@ -61,7 +61,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@webority-technologies/mobile-core": "^0.0.5"
+    "@webority-technologies/mobile-core": "^0.0.6"
   },
   "peerDependencies": {
     "expo": ">=57.0.0",
@@ -69,6 +69,7 @@
     "react": "^19.1.0",
     "react-native": ">=0.81.0",
     "react-native-gesture-handler": "^2.21.0 || ^3.0.0",
+    "react-native-pdf": ">=7.0.4",
     "react-native-reanimated": "^4.0.0",
     "react-native-safe-area-context": ">=5.4.0",
     "react-native-worklets": ">=0.10.0"
@@ -103,6 +104,7 @@
     ]
   },
   "devDependencies": {
-    "expo-haptics": "^57.0.2"
+    "expo-haptics": "^57.0.2",
+    "react-native-pdf": "^7.0.4"
   }
 }