@webority-technologies/mobile-ui 0.0.4 → 0.0.6

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,73 +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 _index67.ZoomableImage;
   }
 });
 Object.defineProperty(exports, "applyMarkdownAction", {
   enumerable: true,
   get: function () {
-    return _index48.applyMarkdownAction;
+    return _index49.applyMarkdownAction;
   }
 });
 Object.defineProperty(exports, "authedImageCacheStats", {
@@ -534,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", {
@@ -552,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", {
@@ -564,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", {
@@ -576,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");
@@ -639,47 +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 _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