@fto-consult/expo-ui 8.73.0 → 8.73.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "8.73.0",
+  "version": "8.73.1",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "react-native-paper-doc": "https://github.com/callstack/react-native-paper/tree/main/docs/docs/guides",
   "scripts": {
@@ -70,7 +70,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^4.44.3",
+    "@fto-consult/common": "^4.45.0",
     "apexcharts": "^3.48.0",
     "file-saver": "^2.0.5",
     "google-libphonenumber": "^3.2.34",

package/src/components/BottomSheet/Sheet.js

@@ -59,7 +59,6 @@ const BottomSheetComponent = React.forwardRef((props,ref)=> {
         modalProps,
         titleProps : _titleProps,
         withScrollView,
-        bindResizeEvent,
         scrollViewProps : _scrollViewProps,
         actionTitle,
         elevation:customElevation,
@@ -228,12 +227,8 @@ const BottomSheetComponent = React.forwardRef((props,ref)=> {
     
     React.setRef(ref,{close:closeModal,open})
     React.useEffect(()=>{
-        if(bindResizeEvent && false){
-            APP.on(APP.EVENTS.RESIZE_PAGE,closeModal);
-        }
         return ()=>{
             removeListeners();
-            APP.off(APP.EVENTS.RESIZE_PAGE,closeModal);
             React.setRef(ref,null);
         }
     },[]);
@@ -326,7 +321,6 @@ BottomSheetComponent.propTypes = {
 
 BottomSheetComponent.defaultProps = {
   withScrollView : PropTypes.bool,
-  bindResizeEvent : PropTypes.bool,
   animationType: isNativeMobile ? "slide" : "fade",//Background animation ("none", "fade", "slide")
   height:undefined,//Height of Bottom Sheet
   minClosingHeight: 0,//Minimum height of Bottom Sheet before close

package/src/components/Datagrid/Accordion/index.js

@@ -21,8 +21,8 @@ import BackToTop from "$ecomponents/BackToTop";
 import FiltersAccordionComponent from "./Filters";
 import RenderType from "../RenderType";
 import { flatMode} from "$ecomponents/TextField";
-//import List from "$ecomponents/Table/List";
-import List from "$ecomponents/List/FlashList";
+import List from "$ecomponents/Table/List";
+//import List from "$ecomponents/List/FlashList";
 import theme,{Colors} from "$theme";
 import {styles as rStyles} from "../utils";
 import Avatar from "$ecomponents/Avatar";

package/src/pdf/Reader/index.js

@@ -0,0 +1,6 @@
+export default function(){
+    return null;
+}
+
+export const open = ()=>{
+};

package/src/pdf/Reader/index.web.js

@@ -1,178 +1,21 @@
-/**@see : https://github.com/pipwerks/PDFObject#readme */
-let {Dialog} = require("$ecomponents/Dialog")
-let Icon = require("$ecomponents/Icon")
-require("./styles.css")
-let PDFObject = require("pdfobject")
-let {MenuButton} = require("$ui")
-let isMSE = //checkEdge ? false : 
-            window.navigator && typeof window.navigator.msSaveOrOpenBlob == "function" ? true : false;
-class PDFViewer extends APP.Component {
-    constructor(props){
-        super(props);
-        APP.extend(this._events,{
-            resize : this.resetPos.bind(this)
-        })
-        this.autobind();
-    }
+import React from "$react";
+import DialogProvider from "$ecomponents/Dialog/Provider";
 
-    componentDidMount(){
-        super.componentDidMount();
-        this.updatePdfContent();
-        window.addEventListener('resize',this._events.resize, true)
-        this.resetPos();
-    }
-    resetPos (){
-        if(!this._isMounted()) return;
-        let pdfWrap = document.getElementById(this.pdfViewerWrapperDomId);
-        if(isDOMElement(pdfWrap)){
-            let parent = pdfWrap.parentNode;
-            let mP = pdfWrap.closest(".dialog.md-dialog-container");
-            if(isDOMElement(parent) && isDOMElement(mP)){
-                let maxHeight = mezr.height(parent);
-                let maxH2 = mezr.height(mP);
-                let min = Math.min(maxHeight,maxH2);
-                if(min == 0){
-                    min = "100%";
-                } else min = min+"px";
-                pdfWrap.style.height = min;
-            }
-        }
-    }
+let dialogRef = null;
 
-    componentDidUpdate(){
-        super.componentDidUpdate();
-        if(this.dialogRef && this.dialogRef.open){
-            this.dialogRef.open();
-        }
-        this.updatePdfContent()
-        this.resetPos();
-    }
-    componentWillUnmount(){
-        super.componentWillUnmount();
-        this.dialogRef = undefined;
-        window.removeEventListener('resize',this._events.resize, true)
-        this.clearEvents();
-    }
-    viewCapacitor (){
-        let f = window.PreviewAnyFile || (cordova && cordova.plugins.PreviewAnyFile);
-        if(f && f.preview){
-            f = f.preview;
-            let {file} = this.props;
-            APP.FILE.getCapacitorPDFromDataURL({content:file,fileName:this.props.fileName,success:({path})=>{
-                if(isFunction(f)){
-                    f(
-                        path,
-                        function(win){}, 
-                        function(err){
-                            console.log(err," pdf viewer in cap android ios")   
-                        }
-                    )
-                }
-            }}) 
-        }
-    }
-    updatePdfContent(){
-        let file = this.props.file;
-        if (isMSE) {
-            let b64 = dataURLToBase64(file);
-            if(b64){
-                var byteCharacters = atob(b64);
-                var byteNumbers = new Array(byteCharacters.length);
-                for (var i = 0; i < byteCharacters.length; i++) {
-                    byteNumbers[i] = byteCharacters.charCodeAt(i);
-                }
-                var byteArray = new Uint8Array(byteNumbers);
-                var blob = new Blob([byteArray], {
-                    type: 'application/pdf'
-                });   
-                return window.navigator.msSaveOrOpenBlob(blob, defaultStr(this.props.title,'données-impr')+".pdf");
-            }
-            return null;
-        }
-        if(isElectron()){
-            return ELECTRON.PRINTER.preview({
-                content:this.props.file,
-                fileName : this.props.fileName,
-                fileExtension : 'pdf',
-            });
-        }
-        if(isCapacitor(true)){
-            return this.viewCapacitor();
-        }
-        let dom = document.getElementById(this.pdfViewerWrapperDomId);
-        if(isDOMElement(dom)){
-            try {
-                this.pdfInstance = PDFObject.embed(file,dom);
-            } catch (e){
-                console.log(e,' error on loading pdf file')
-            }
-        }
-    }
-    UNSAFE_componentWillReceiveProps(nexProps,prevProps){
-        if(nexProps.file && nexProps.file != this.state.file){
-            this._pageNumber = 1;
-        }
-    }
-    onPrint (args){
-        console.log(args,' was printed');
-    }
-    getPrintSettings(){
-        return defaultObj(this.props.printProps,this.props.printOptions);
-    }
-    render (){
-        if(isMSE || isElectron() || isCapacitor(true)) return null;
-        let {file,dialogProps,title,onPrint,printProps,printOptions,fileName,...rest} = this.props;
-        dialogProps = defaultObj(dialogProps);
-        dialogProps.contentProps = defaultObj(dialogProps.contentProps)
-        dialogProps.contentProps.id = defaultStr(dialogProps.contentProps.id,this.dialogWrapperParentId,uniqid('dialog-content-wrp-par'))
-        this.dialogWrapperParentId = dialogProps.contentProps.id;
-        dialogProps.contentProps.className = classNames(dialogProps.contentProps.className,'no-padding pdf-viewer-dialog-content')
-        dialogProps.className = classNames(dialogProps.className,'pdf-viewer-dialog')
-        dialogProps.title = defaultStr(dialogProps.title,title)
-        rest = defaultObj(rest)
-        let {actions} = dialogProps;
-        let acts = []
-        let mIts = []
-        if(mIts.length > 0){
-            acts.push(
-                <MenuButton
-                    menuItems = {mIts}
-                    flat
-                    id = {uniqid("view-page-id-butt")}
-                >
-                    {<Icon name="material-more_vert" title={"pages"}/>}
-                </MenuButton>
-            )
-        }
-        Object.map(actions,(a,i)=>{
-            if(!a) return;
-            acts.push(a);
-        })
-        this.pdfViewerWrapperDomId = defaultStr(this.pdfViewerWrapperDomId,uniqid("pdf-viewer-wrapper-id"))
-        return (
-                <Dialog 
-                    key = {_uniqid("dialog-pdf-viewer-key-id")}
-                    {...dialogProps}
-                    ref = {(el)=>{
-                        if(el){
-                            this.dialogRef = el;
-                        }
-                    }}
-                    fullPage
-                    visible
-                    actions = {acts}
-                >
-                    <div className="pdf-viewer-wrapper w100 h100" id={this.pdfViewerWrapperDomId}></div>
-                </Dialog>
-          );
-    }
+export default function WebPDFReader(){
+    dialogRef = React.useRef(null);
+    return <>
+        <DialogProvider
+            ref = {dialogRef}
+            responsive = {false}
+        />
+    </>
 }
 
-module.exports = PDFViewer;
-PDFViewer.PDFObject = PDFObject;
-
-PDFViewer.propTypes = {
-    ...Document.propTypes,
-    /*** méthode appelée lorsque le document est imprimé */
-    onPrint : PropTypes.func,
+export const open = (props)=>{
+    if(!dialogRef || !dialogRef?.current) return;
+    DialogProvider.open({
+        ...props,
+    },dialogRef.current);
 }

package/src/pdf/Reader/index.web.old.js

@@ -0,0 +1,178 @@
+/**@see : https://github.com/pipwerks/PDFObject#readme */
+let {Dialog} = require("$ecomponents/Dialog")
+let Icon = require("$ecomponents/Icon")
+require("./styles.css")
+let PDFObject = require("pdfobject")
+let {MenuButton} = require("$ui")
+let isMSE = //checkEdge ? false : 
+            window.navigator && typeof window.navigator.msSaveOrOpenBlob == "function" ? true : false;
+class PDFViewer extends APP.Component {
+    constructor(props){
+        super(props);
+        APP.extend(this._events,{
+            resize : this.resetPos.bind(this)
+        })
+        this.autobind();
+    }
+
+    componentDidMount(){
+        super.componentDidMount();
+        this.updatePdfContent();
+        window.addEventListener('resize',this._events.resize, true)
+        this.resetPos();
+    }
+    resetPos (){
+        if(!this._isMounted()) return;
+        let pdfWrap = document.getElementById(this.pdfViewerWrapperDomId);
+        if(isDOMElement(pdfWrap)){
+            let parent = pdfWrap.parentNode;
+            let mP = pdfWrap.closest(".dialog.md-dialog-container");
+            if(isDOMElement(parent) && isDOMElement(mP)){
+                let maxHeight = mezr.height(parent);
+                let maxH2 = mezr.height(mP);
+                let min = Math.min(maxHeight,maxH2);
+                if(min == 0){
+                    min = "100%";
+                } else min = min+"px";
+                pdfWrap.style.height = min;
+            }
+        }
+    }
+
+    componentDidUpdate(){
+        super.componentDidUpdate();
+        if(this.dialogRef && this.dialogRef.open){
+            this.dialogRef.open();
+        }
+        this.updatePdfContent()
+        this.resetPos();
+    }
+    componentWillUnmount(){
+        super.componentWillUnmount();
+        this.dialogRef = undefined;
+        window.removeEventListener('resize',this._events.resize, true)
+        this.clearEvents();
+    }
+    viewCapacitor (){
+        let f = window.PreviewAnyFile || (cordova && cordova.plugins.PreviewAnyFile);
+        if(f && f.preview){
+            f = f.preview;
+            let {file} = this.props;
+            APP.FILE.getCapacitorPDFromDataURL({content:file,fileName:this.props.fileName,success:({path})=>{
+                if(isFunction(f)){
+                    f(
+                        path,
+                        function(win){}, 
+                        function(err){
+                            console.log(err," pdf viewer in cap android ios")   
+                        }
+                    )
+                }
+            }}) 
+        }
+    }
+    updatePdfContent(){
+        let file = this.props.file;
+        if (isMSE) {
+            let b64 = dataURLToBase64(file);
+            if(b64){
+                var byteCharacters = atob(b64);
+                var byteNumbers = new Array(byteCharacters.length);
+                for (var i = 0; i < byteCharacters.length; i++) {
+                    byteNumbers[i] = byteCharacters.charCodeAt(i);
+                }
+                var byteArray = new Uint8Array(byteNumbers);
+                var blob = new Blob([byteArray], {
+                    type: 'application/pdf'
+                });   
+                return window.navigator.msSaveOrOpenBlob(blob, defaultStr(this.props.title,'données-impr')+".pdf");
+            }
+            return null;
+        }
+        if(isElectron()){
+            return ELECTRON.PRINTER.preview({
+                content:this.props.file,
+                fileName : this.props.fileName,
+                fileExtension : 'pdf',
+            });
+        }
+        if(isCapacitor(true)){
+            return this.viewCapacitor();
+        }
+        let dom = document.getElementById(this.pdfViewerWrapperDomId);
+        if(isDOMElement(dom)){
+            try {
+                this.pdfInstance = PDFObject.embed(file,dom);
+            } catch (e){
+                console.log(e,' error on loading pdf file')
+            }
+        }
+    }
+    UNSAFE_componentWillReceiveProps(nexProps,prevProps){
+        if(nexProps.file && nexProps.file != this.state.file){
+            this._pageNumber = 1;
+        }
+    }
+    onPrint (args){
+        console.log(args,' was printed');
+    }
+    getPrintSettings(){
+        return defaultObj(this.props.printProps,this.props.printOptions);
+    }
+    render (){
+        if(isMSE || isElectron() || isCapacitor(true)) return null;
+        let {file,dialogProps,title,onPrint,printProps,printOptions,fileName,...rest} = this.props;
+        dialogProps = defaultObj(dialogProps);
+        dialogProps.contentProps = defaultObj(dialogProps.contentProps)
+        dialogProps.contentProps.id = defaultStr(dialogProps.contentProps.id,this.dialogWrapperParentId,uniqid('dialog-content-wrp-par'))
+        this.dialogWrapperParentId = dialogProps.contentProps.id;
+        dialogProps.contentProps.className = classNames(dialogProps.contentProps.className,'no-padding pdf-viewer-dialog-content')
+        dialogProps.className = classNames(dialogProps.className,'pdf-viewer-dialog')
+        dialogProps.title = defaultStr(dialogProps.title,title)
+        rest = defaultObj(rest)
+        let {actions} = dialogProps;
+        let acts = []
+        let mIts = []
+        if(mIts.length > 0){
+            acts.push(
+                <MenuButton
+                    menuItems = {mIts}
+                    flat
+                    id = {uniqid("view-page-id-butt")}
+                >
+                    {<Icon name="material-more_vert" title={"pages"}/>}
+                </MenuButton>
+            )
+        }
+        Object.map(actions,(a,i)=>{
+            if(!a) return;
+            acts.push(a);
+        })
+        this.pdfViewerWrapperDomId = defaultStr(this.pdfViewerWrapperDomId,uniqid("pdf-viewer-wrapper-id"))
+        return (
+                <Dialog 
+                    key = {_uniqid("dialog-pdf-viewer-key-id")}
+                    {...dialogProps}
+                    ref = {(el)=>{
+                        if(el){
+                            this.dialogRef = el;
+                        }
+                    }}
+                    fullPage
+                    visible
+                    actions = {acts}
+                >
+                    <div className="pdf-viewer-wrapper w100 h100" id={this.pdfViewerWrapperDomId}></div>
+                </Dialog>
+          );
+    }
+}
+
+module.exports = PDFViewer;
+PDFViewer.PDFObject = PDFObject;
+
+PDFViewer.propTypes = {
+    ...Document.propTypes,
+    /*** méthode appelée lorsque le document est imprimé */
+    onPrint : PropTypes.func,
+}

package/src/pdf/Reader/web/Viewer.js

@@ -0,0 +1,20 @@
+import React from "$react";
+import View from "$ecomponents/View";
+export default function PdfViewerWeb(){
+    return <View testID="RN_PDF_WEBVIEW_COMPONENT">
+        <div id="viewerContainer">
+          <div id="viewer" class="pdfViewer"></div>
+        </div>
+        <div id="loadingBar">
+          <div class="progress"></div>
+          <div class="glimmer"></div>
+        </div>
+        <footer>
+          <button class="toolbarButton pageUp" title="Previous Page" id="previous"></button>
+          <button class="toolbarButton pageDown" title="Next Page" id="next"></button>
+          <input type="number" id="pageNumber" class="toolbarField pageNumber" value="1" size="4" min="1"/>
+          <button class="toolbarButton zoomOut" title="Zoom Out" id="zoomOut"></button>
+          <button class="toolbarButton zoomIn" title="Zoom In" id="zoomIn"></button>
+        </footer>
+    </View>
+}

package/src/pdf/Reader/web/script.js

@@ -0,0 +1,334 @@
+const pdfjsLib = require("pdfjs-dist/build/pdf.min.mjs");
+  
+  const MAX_CANVAS_PIXELS = 0; // CSS-only zooming.
+  const TEXT_LAYER_MODE = 0; // DISABLE
+  const MAX_IMAGE_SIZE = 1024 * 1024;
+  const CMAP_URL = "../../node_modules/pdfjs-dist/cmaps/";
+  const CMAP_PACKED = true;
+  pdfjsLib.GlobalWorkerOptions.workerSrc = "../../../node_modules/pdfjs-dist/build/pdf.worker.mjs";
+  const DEFAULT_SCALE_DELTA = 1.1;
+  const MIN_SCALE = 0.25;
+  const MAX_SCALE = 10.0;
+  const DEFAULT_SCALE_VALUE = "auto";
+  
+  const PDFViewerApplication = {
+    pdfLoadingTask: null,
+    pdfDocument: null,
+    pdfViewer: null,
+    pdfHistory: null,
+    pdfLinkService: null,
+    eventBus: null,
+  
+    /**
+     * Opens PDF document specified by URL.
+     * @returns {Promise} - Returns the promise, which is resolved when document
+     *                      is opened.
+     */
+    open(params) {
+      if (this.pdfLoadingTask) {
+        // We need to destroy already opened document
+        return this.close().then(
+          function () {
+            // ... and repeat the open() call.
+            return this.open(params);
+          }.bind(this)
+        );
+      }
+      const url = params.url;
+      const self = this;
+      this.setTitleUsingUrl(url);
+  
+      // Loading document.
+      const loadingTask = pdfjsLib.getDocument({
+        url,
+        maxImageSize: MAX_IMAGE_SIZE,
+        cMapUrl: CMAP_URL,
+        cMapPacked: CMAP_PACKED,
+      });
+      this.pdfLoadingTask = loadingTask;
+  
+      loadingTask.onProgress = function (progressData) {
+        self.progress(progressData.loaded / progressData.total);
+      };
+  
+      return loadingTask.promise.then(
+        function (pdfDocument) {
+          // Document loaded, specifying document for the viewer.
+          self.pdfDocument = pdfDocument;
+          self.pdfViewer.setDocument(pdfDocument);
+          self.pdfLinkService.setDocument(pdfDocument);
+          self.pdfHistory.initialize({
+            fingerprint: pdfDocument.fingerprints[0],
+          });
+  
+          self.loadingBar.hide();
+          self.setTitleUsingMetadata(pdfDocument);
+        },
+        function (reason) {
+          let key = "pdfjs-loading-error";
+          if (reason instanceof pdfjsLib.InvalidPDFException) {
+            key = "pdfjs-invalid-file-error";
+          } else if (reason instanceof pdfjsLib.MissingPDFException) {
+            key = "pdfjs-missing-file-error";
+          } else if (reason instanceof pdfjsLib.UnexpectedResponseException) {
+            key = "pdfjs-unexpected-response-error";
+          }
+          self.l10n.get(key).then(msg => {
+            self.error(msg, { message: reason?.message });
+          });
+          self.loadingBar.hide();
+        }
+      );
+    },
+  
+    /**
+     * Closes opened PDF document.
+     * @returns {Promise} - Returns the promise, which is resolved when all
+     *                      destruction is completed.
+     */
+    close() {
+      if (!this.pdfLoadingTask) {
+        return Promise.resolve();
+      }
+  
+      const promise = this.pdfLoadingTask.destroy();
+      this.pdfLoadingTask = null;
+  
+      if (this.pdfDocument) {
+        this.pdfDocument = null;
+  
+        this.pdfViewer.setDocument(null);
+        this.pdfLinkService.setDocument(null, null);
+  
+        if (this.pdfHistory) {
+          this.pdfHistory.reset();
+        }
+      }
+      return promise;
+    },
+  
+    get loadingBar() {
+      const bar = document.getElementById("loadingBar");
+      return pdfjsLib.shadow(
+        this,
+        "loadingBar",
+        new pdfjsViewer.ProgressBar(bar)
+      );
+    },
+  
+    setTitleUsingUrl: function pdfViewSetTitleUsingUrl(url) {
+      this.url = url;
+      let title = pdfjsLib.getFilenameFromUrl(url) || url;
+      try {
+        title = decodeURIComponent(title);
+      } catch {
+        // decodeURIComponent may throw URIError,
+        // fall back to using the unprocessed url in that case
+      }
+      this.setTitle(title);
+    },
+  
+    setTitleUsingMetadata(pdfDocument) {
+      const self = this;
+      pdfDocument.getMetadata().then(function (data) {
+        const info = data.info,
+          metadata = data.metadata;
+        self.documentInfo = info;
+        self.metadata = metadata;
+  
+        // Provides some basic debug information
+        console.log(
+          "PDF " +
+            pdfDocument.fingerprints[0] +
+            " [" +
+            info.PDFFormatVersion +
+            " " +
+            (info.Producer || "-").trim() +
+            " / " +
+            (info.Creator || "-").trim() +
+            "]" +
+            " (PDF.js: " +
+            (pdfjsLib.version || "-") +
+            ")"
+        );
+  
+        let pdfTitle;
+        if (metadata && metadata.has("dc:title")) {
+          const title = metadata.get("dc:title");
+          // Ghostscript sometimes returns 'Untitled', so prevent setting the
+          // title to 'Untitled.
+          if (title !== "Untitled") {
+            pdfTitle = title;
+          }
+        }
+  
+        if (!pdfTitle && info && info.Title) {
+          pdfTitle = info.Title;
+        }
+  
+        if (pdfTitle) {
+          self.setTitle(pdfTitle + " - " + document.title);
+        }
+      });
+    },
+  
+    setTitle: function pdfViewSetTitle(title) {
+      document.title = title;
+      document.getElementById("title").textContent = title;
+    },
+  
+    error: function pdfViewError(message, moreInfo) {
+      const moreInfoText = [
+        `PDF.js v${pdfjsLib.version || "?"} (build: ${pdfjsLib.build || "?"})`,
+      ];
+      if (moreInfo) {
+        moreInfoText.push(`Message: ${moreInfo.message}`);
+  
+        if (moreInfo.stack) {
+          moreInfoText.push(`Stack: ${moreInfo.stack}`);
+        } else {
+          if (moreInfo.filename) {
+            moreInfoText.push(`File: ${moreInfo.filename}`);
+          }
+          if (moreInfo.lineNumber) {
+            moreInfoText.push(`Line: ${moreInfo.lineNumber}`);
+          }
+        }
+      }
+  
+      console.error(`${message}\n\n${moreInfoText.join("\n")}`);
+    },
+  
+    progress: function pdfViewProgress(level) {
+      const percent = Math.round(level * 100);
+      // Updating the bar if value increases.
+      if (percent > this.loadingBar.percent || isNaN(percent)) {
+        this.loadingBar.percent = percent;
+      }
+    },
+  
+    get pagesCount() {
+      return this.pdfDocument.numPages;
+    },
+  
+    get page() {
+      return this.pdfViewer.currentPageNumber;
+    },
+  
+    set page(val) {
+      this.pdfViewer.currentPageNumber = val;
+    },
+  
+    zoomIn: function pdfViewZoomIn(ticks) {
+      let newScale = this.pdfViewer.currentScale;
+      do {
+        newScale = (newScale * DEFAULT_SCALE_DELTA).toFixed(2);
+        newScale = Math.ceil(newScale * 10) / 10;
+        newScale = Math.min(MAX_SCALE, newScale);
+      } while (--ticks && newScale < MAX_SCALE);
+      this.pdfViewer.currentScaleValue = newScale;
+    },
+  
+    zoomOut: function pdfViewZoomOut(ticks) {
+      let newScale = this.pdfViewer.currentScale;
+      do {
+        newScale = (newScale / DEFAULT_SCALE_DELTA).toFixed(2);
+        newScale = Math.floor(newScale * 10) / 10;
+        newScale = Math.max(MIN_SCALE, newScale);
+      } while (--ticks && newScale > MIN_SCALE);
+      this.pdfViewer.currentScaleValue = newScale;
+    },
+  
+    initUI: function pdfViewInitUI() {
+      const eventBus = new pdfjsViewer.EventBus();
+      this.eventBus = eventBus;
+  
+      const linkService = new pdfjsViewer.PDFLinkService({
+        eventBus,
+      });
+      this.pdfLinkService = linkService;
+  
+      this.l10n = new pdfjsViewer.GenericL10n();
+  
+      const container = document.getElementById("viewerContainer");
+      const pdfViewer = new pdfjsViewer.PDFViewer({
+        container,
+        eventBus,
+        linkService,
+        l10n: this.l10n,
+        maxCanvasPixels: MAX_CANVAS_PIXELS,
+        textLayerMode: TEXT_LAYER_MODE,
+      });
+      this.pdfViewer = pdfViewer;
+      linkService.setViewer(pdfViewer);
+  
+      this.pdfHistory = new pdfjsViewer.PDFHistory({
+        eventBus,
+        linkService,
+      });
+      linkService.setHistory(this.pdfHistory);
+  
+      document.getElementById("previous").addEventListener("click", function () {
+        PDFViewerApplication.page--;
+      });
+  
+      document.getElementById("next").addEventListener("click", function () {
+        PDFViewerApplication.page++;
+      });
+  
+      document.getElementById("zoomIn").addEventListener("click", function () {
+        PDFViewerApplication.zoomIn();
+      });
+  
+      document.getElementById("zoomOut").addEventListener("click", function () {
+        PDFViewerApplication.zoomOut();
+      });
+  
+      document
+        .getElementById("pageNumber")
+        .addEventListener("click", function () {
+          this.select();
+        });
+  
+      document
+        .getElementById("pageNumber")
+        .addEventListener("change", function () {
+          PDFViewerApplication.page = this.value | 0;
+  
+          // Ensure that the page number input displays the correct value,
+          // even if the value entered by the user was invalid
+          // (e.g. a floating point number).
+          if (this.value !== PDFViewerApplication.page.toString()) {
+            this.value = PDFViewerApplication.page;
+          }
+        });
+  
+      eventBus.on("pagesinit", function () {
+        // We can use pdfViewer now, e.g. let's change default scale.
+        pdfViewer.currentScaleValue = DEFAULT_SCALE_VALUE;
+      });
+  
+      eventBus.on(
+        "pagechanging",
+        function (evt) {
+          const page = evt.pageNumber;
+          const numPages = PDFViewerApplication.pagesCount;
+  
+          document.getElementById("pageNumber").value = page;
+          document.getElementById("previous").disabled = page <= 1;
+          document.getElementById("next").disabled = page >= numPages;
+        },
+        true
+      );
+    },
+  };
+  
+  window.PDFViewerApplication = PDFViewerApplication;
+  
+  document.addEventListener(
+    "DOMContentLoaded",
+    function () {
+      PDFViewerApplication.initUI();
+    },
+    true
+  );

package/src/screens/Help/openLibraries.js

@@ -1,46 +1,72 @@
 module.exports = {
 	"@fto-consult/expo-ui": {
-		"name": "@fto-consult/expo-ui",
-		"version": "8.72.0",
-		"repository": {
-			"type": "git",
-			"url": "git+https://github.com/borispipo/expo-ui.git"
-		},
-		"homepage": "https://github.com/borispipo/expo-ui#readme"
+		"version": "8.73.0",
+		"url": "https://github.com/borispipo/expo-ui#readme",
+		"license": "ISC"
 	},
 	"@babel/plugin-proposal-export-namespace-from": {
 		"version": "7.18.9",
 		"url": "https://babel.dev/docs/en/next/babel-plugin-proposal-export-namespace-from",
 		"license": "MIT"
 	},
-	"@emotion/react": {
-		"version": "11.11.4",
-		"url": "https://github.com/emotion-js/emotion/tree/main/packages/react",
+	"@emotion/native": {
+		"version": "11.11.0",
+		"url": "https://emotion.sh",
+		"license": "MIT"
+	},
+	"@expo/html-elements": {
+		"version": "0.5.1",
+		"url": "https://github.com/expo/expo/tree/main/packages/html-elements",
 		"license": "MIT"
 	},
 	"@expo/metro-config": {
-		"version": "0.17.6",
+		"version": "0.17.7",
 		"url": "https://github.com/expo/expo.git",
 		"license": "MIT"
 	},
+	"@expo/vector-icons": {
+		"version": "14.0.0",
+		"url": "https://expo.github.io/vector-icons",
+		"license": "MIT"
+	},
 	"@expo/webpack-config": {
 		"version": "19.0.1",
 		"url": "https://github.com/expo/expo-webpack-integrations/tree/main/packages/webpack-config#readme",
 		"license": "MIT"
 	},
-	"@faker-js/faker": {
-		"version": "8.4.1",
-		"url": "https://github.com/faker-js/faker.git",
+	"@pchmn/expo-material3-theme": {
+		"version": "1.3.2",
+		"url": "https://github.com/pchmn/expo-material3-theme#readme",
 		"license": "MIT"
 	},
-	"@fto-consult/common": {
-		"version": "4.43.4",
-		"url": "https://github.com/borispipo/common#readme",
-		"license": "ISC"
+	"@react-native-community/netinfo": {
+		"version": "11.1.0",
+		"url": "https://github.com/react-native-netinfo/react-native-netinfo#readme",
+		"license": "MIT"
+	},
+	"@react-native/assets-registry": {
+		"version": "0.72.0",
+		"url": "git@github.com:facebook/react-native.git",
+		"license": "MIT"
+	},
+	"@react-navigation/native": {
+		"version": "6.1.17",
+		"url": "https://reactnavigation.org",
+		"license": "MIT"
+	},
+	"@react-navigation/native-stack": {
+		"version": "6.9.26",
+		"url": "https://github.com/software-mansion/react-native-screens#readme",
+		"license": "MIT"
+	},
+	"@react-navigation/stack": {
+		"version": "6.3.29",
+		"url": "https://reactnavigation.org/docs/stack-navigator/",
+		"license": "MIT"
 	},
-	"apexcharts": {
-		"version": "3.48.0",
-		"url": "https://apexcharts.com",
+	"@shopify/flash-list": {
+		"version": "1.6.3",
+		"url": "https://shopify.github.io/flash-list/",
 		"license": "MIT"
 	},
 	"babel-plugin-inline-dotenv": {
@@ -58,48 +84,74 @@ module.exports = {
 		"url": "https://github.com/crypto-browserify/crypto-browserify",
 		"license": "MIT"
 	},
-	"file-saver": {
-		"version": "2.0.5",
-		"url": "https://github.com/eligrey/FileSaver.js#readme",
+	"expo": {
+		"version": "50.0.17",
+		"url": "https://github.com/expo/expo/tree/main/packages/expo",
 		"license": "MIT"
 	},
-	"google-libphonenumber": {
-		"version": "3.2.34",
-		"url": "https://ruimarinho.github.io/google-libphonenumber/",
-		"license": "(MIT AND Apache-2.0)"
+	"expo-camera": {
+		"version": "14.1.3",
+		"url": "https://docs.expo.dev/versions/latest/sdk/camera/",
+		"license": "MIT"
+	},
+	"expo-clipboard": {
+		"version": "5.0.1",
+		"url": "https://docs.expo.dev/versions/latest/sdk/clipboard",
+		"license": "MIT"
+	},
+	"expo-document-picker": {
+		"version": "11.10.1",
+		"url": "https://docs.expo.dev/versions/latest/sdk/document-picker/",
+		"license": "MIT"
+	},
+	"expo-font": {
+		"version": "11.10.3",
+		"url": "https://docs.expo.dev/versions/latest/sdk/font/",
+		"license": "MIT"
+	},
+	"expo-image-picker": {
+		"version": "14.7.1",
+		"url": "https://docs.expo.dev/versions/latest/sdk/imagepicker/",
+		"license": "MIT"
+	},
+	"expo-intent-launcher": {
+		"version": "10.11.0",
+		"url": "https://docs.expo.dev/versions/latest/sdk/intent-launcher/",
+		"license": "MIT"
 	},
-	"html2canvas": {
-		"version": "1.4.1",
-		"url": "https://html2canvas.hertzen.com",
+	"expo-linking": {
+		"version": "6.2.2",
+		"url": "https://docs.expo.dev/versions/latest/sdk/linking",
 		"license": "MIT"
 	},
-	"htmlparser2-without-node-native": {
-		"version": "3.9.2",
-		"url": "git://github.com/fb55/htmlparser2.git",
+	"expo-sharing": {
+		"version": "11.10.0",
+		"url": "https://docs.expo.dev/versions/latest/sdk/sharing/",
 		"license": "MIT"
 	},
-	"is-plain-obj": {
-		"version": "4.1.0",
+	"expo-sqlite": {
+		"version": "13.4.0",
+		"url": "https://docs.expo.dev/versions/latest/sdk/sqlite/",
 		"license": "MIT"
 	},
-	"jsbarcode": {
-		"version": "3.11.6",
-		"url": "https://github.com/lindell/JsBarcode#readme",
+	"expo-status-bar": {
+		"version": "1.11.1",
+		"url": "https://docs.expo.dev/versions/latest/sdk/status-bar/",
 		"license": "MIT"
 	},
-	"prop-types": {
-		"version": "15.8.1",
-		"url": "https://facebook.github.io/react/",
+	"expo-system-ui": {
+		"version": "2.9.4",
+		"url": "https://docs.expo.dev/versions/latest/sdk/system-ui",
 		"license": "MIT"
 	},
-	"react-content-loader": {
-		"version": "6.2.1",
-		"url": "https://github.com/danilowoz/react-content-loader",
+	"expo-web-browser": {
+		"version": "12.8.2",
+		"url": "https://docs.expo.dev/versions/latest/sdk/webbrowser/",
 		"license": "MIT"
 	},
-	"react-dom": {
-		"version": "18.2.0",
-		"url": "https://reactjs.org/",
+	"react-native": {
+		"version": "0.73.6",
+		"url": "https://reactnative.dev/",
 		"license": "MIT"
 	},
 	"react-native-big-list": {
@@ -107,44 +159,45 @@ module.exports = {
 		"url": "https://marcocesarato.github.io/react-native-big-list-docs/",
 		"license": "GPL-3.0-or-later"
 	},
-	"react-native-iphone-x-helper": {
-		"version": "1.3.1",
-		"url": "https://github.com/ptelad/react-native-iphone-x-helper#readme",
+	"react-native-blob-util": {
+		"version": "0.18.6",
+		"url": "https://github.com/RonRadtke/react-native-blob-util",
 		"license": "MIT"
 	},
-	"react-native-mime-types": {
-		"version": "2.5.0",
+	"react-native-gesture-handler": {
+		"version": "2.14.1",
+		"url": "https://github.com/software-mansion/react-native-gesture-handler#readme",
 		"license": "MIT"
 	},
-	"react-native-paper": {
-		"version": "5.12.3",
-		"url": "https://callstack.github.io/react-native-paper",
+	"react-native-reanimated": {
+		"version": "3.6.2",
+		"url": "https://github.com/software-mansion/react-native-reanimated#readme",
 		"license": "MIT"
 	},
-	"react-native-paper-dates": {
-		"version": "0.22.7",
-		"url": "https://github.com/web-ridge/react-native-paper-dates#readme",
+	"react-native-safe-area-context": {
+		"version": "4.8.2",
+		"url": "https://github.com/th3rdwave/react-native-safe-area-context#readme",
 		"license": "MIT"
 	},
-	"react-native-web": {
-		"version": "0.19.10",
-		"url": "git://github.com/necolas/react-native-web.git",
+	"react-native-screens": {
+		"version": "3.29.0",
+		"url": "https://github.com/software-mansion/react-native-screens#readme",
 		"license": "MIT"
 	},
-	"react-virtuoso": {
-		"version": "4.7.9",
-		"url": "https://virtuoso.dev/",
+	"react-native-svg": {
+		"version": "14.1.0",
+		"url": "https://github.com/react-native-community/react-native-svg",
 		"license": "MIT"
 	},
-	"readable-stream": {
-		"version": "4.5.2",
-		"url": "https://github.com/nodejs/readable-stream",
+	"react-native-view-shot": {
+		"version": "3.8.0",
+		"url": "https://github.com/gre/react-native-view-shot",
 		"license": "MIT"
 	},
-	"sanitize-filename": {
-		"version": "1.6.3",
-		"url": "git@github.com:parshap/node-sanitize-filename.git",
-		"license": "WTFPL OR ISC"
+	"react-native-webview": {
+		"version": "13.6.4",
+		"url": "https://github.com/react-native-webview/react-native-webview#readme",
+		"license": "MIT"
 	},
 	"sharp-cli": {
 		"version": "2.1.1",
@@ -156,19 +209,9 @@ module.exports = {
 		"url": "https://github.com/browserify/stream-browserify",
 		"license": "MIT"
 	},
-	"tippy.js": {
-		"version": "6.3.7",
-		"url": "https://atomiks.github.io/tippyjs/",
-		"license": "MIT"
-	},
 	"vm": {
 		"version": "0.1.0",
 		"url": "https://github.com/DiegoRBaquero/node-vm#readme",
 		"license": "MIT"
-	},
-	"xlsx": {
-		"version": "0.18.5",
-		"url": "https://sheetjs.com/",
-		"license": "Apache-2.0"
 	}
 };