aefis-core-ui 3.1.0 → 4.0.0-rc1

package/dist/index.modern.js

@@ -17714,10 +17714,12 @@ const VIEWER_ASSETS_BASE_ROUTE = process.env.NODE_ENV === "development" ? "/asse
 // See `server/app.js` where this route is defined.
 
 const PrizmDocViewer = props => {
+  const [readyToScroll, setReadyToScroll] = useState(false);
   const [preRequisitesReady, setPreRequisitesReady] = useState(false);
   const [viewerConstructed, setViewerConstructed] = useState(false);
   const [preReqError, setPreReqError] = useState(null);
   const containerRef = useRef(null);
+  const [viewerControl, setViewerControl] = useState(null);
   const PAS_PROXY_BASE_ROUTE = props.documentPreviewServer + "/pas-proxy";
 
   // Ensure required JS and CSS are loaded.
@@ -17725,14 +17727,15 @@ const PrizmDocViewer = props => {
     (async () => {
       try {
         // These resources can be safely loaded in parallel.
-        const promiseArray = [injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/viewercontrol.js`), injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/viewerCustomizations.js`),
-        //injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/jquery-3.6.0.min.js`),
-        injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/underscore.min.js`), injectCss(`${VIEWER_ASSETS_BASE_ROUTE}/css/viewer.css`)
+        const promiseArray = [injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/viewercontrol.js`), injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/viewerCustomizations.js`), injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/underscore.min.js`), injectCss(`${VIEWER_ASSETS_BASE_ROUTE}/css/viewer.css`)
         //injectCss(`${VIEWER_ASSETS_BASE_ROUTE}/css/normalize.min.css`)
         ];
 
         if (props.includeJquery) {
-          promiseArray.push(injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/jquery-3.4.1.min.js`));
+          promiseArray.push(
+          // INFO: this was previous one for older version of prizmdoc
+          //injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/jquery-3.6.0.min.js`),
+          injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/jquery-3.7.1.min.js`));
         }
         await Promise.all(promiseArray);
         // These resources must be loaded last, and in this order.
@@ -17740,6 +17743,7 @@ const PrizmDocViewer = props => {
         await injectScript(`${VIEWER_ASSETS_BASE_ROUTE}/js/viewer.js`);
         setPreRequisitesReady(true);
       } catch (err) {
+        onError == null ? void 0 : onError(err);
         setPreReqError(err);
       }
     })();
@@ -17792,17 +17796,43 @@ const PrizmDocViewer = props => {
           }]
         }
       }, props.prizmDocViewerSettings));
-      setViewerConstructed(true);
-
-      // If an onViewerReady handler was provided, then call the handler with
-      // the actual viewerControl instance once the viewer is ready.
-      if (typeof props.onViewerReady === "function") {
-        container.viewerControl.on(window.PCCViewer.EventType.ViewerReady, () => {
+      container.viewerControl.on(window.PCCViewer.EventType.PageCountReady, () => {
+        setViewerControl(container.viewerControl);
+        setReadyToScroll(true);
+      });
+      container.viewerControl.on(window.PCCViewer.EventType.ViewerReady, () => {
+        setViewerControl(container.viewerControl);
+        if (typeof props.onViewerReady === "function") {
           props.onViewerReady(container.viewerControl);
-        });
-      }
+        }
+      });
+      setViewerConstructed(true);
     }
   }, [preRequisitesReady, props.viewingSessionId, viewerConstructed, props.onViewerReady]);
+  useEffect(() => {
+    if (readyToScroll && viewerControl != undefined && props.pageNumberToScroll !== undefined) {
+      try {
+        viewerControl.setPageNumber(props.pageNumberToScroll);
+      } catch (e) {
+        props.onError == null ? void 0 : props.onError(e);
+        console.error("Error scrolling to page", e);
+      }
+
+      // INFO: below API allows you to scroll to specific position on the page
+      // .scrollToAsync({
+      // 	pageNumber: props.pageNumberToScroll,
+      // 	x: 500,
+      // 	y: 500
+      // })
+      // .then(
+      // 	function onFulfilled() {},
+      // 	function onRejected(e) {
+      // 		console.error("Error scrolling to page", e);
+      // 	}
+      // );
+    }
+  }, [readyToScroll, viewerControl, props.pageNumberToScroll]);
+
   // Render the div tag which will be converted into the viewer.
   return /*#__PURE__*/jsxs(Fragment, {
     children: [!preReqError && /*#__PURE__*/jsx("div", {
@@ -17847,7 +17877,9 @@ PrizmDocViewer.propTypes = {
   documentPreviewServer: PropTypes.string,
   includeJquery: PropTypes.bool,
   uiElementsOptions: PropTypes.object,
-  prizmDocViewerSettings: PropTypes.object
+  prizmDocViewerSettings: PropTypes.object,
+  pageNumberToScroll: PropTypes.number,
+  onError: PropTypes.func
   // options: PropTypes.shape({
   // 	/** Show or hide the Annotate Tab. */
   // 	annotateTab: PropTypes.bool,
@@ -17918,7 +17950,8 @@ const DocViewer = ({
   prizmDocViewerUiElementOptions: _prizmDocViewerUiElementOptions = {},
   prizmDocViewerSettings: _prizmDocViewerSettings = {},
   onRequest,
-  onError
+  onError,
+  pageNumberToScroll
 }) => {
   const isControlled = openProp !== undefined;
   const [controlledOpen, setControlledOpen] = useState(true);
@@ -17969,7 +18002,9 @@ const DocViewer = ({
         documentPreviewServer: documentPreviewServer,
         includeJquery: _includeJquery,
         uiElementsOptions: _prizmDocViewerUiElementOptions,
-        prizmDocViewerSettings: _prizmDocViewerSettings
+        prizmDocViewerSettings: _prizmDocViewerSettings,
+        pageNumberToScroll: pageNumberToScroll
+
         // TODO: handle ready view here
         // onViewerReady={setViewerControl}
       })
@@ -17993,7 +18028,9 @@ const DocViewer = ({
         },
         includeJquery: _includeJquery,
         uiElementsOptions: _prizmDocViewerUiElementOptions,
-        prizmDocViewerSettings: _prizmDocViewerSettings
+        prizmDocViewerSettings: _prizmDocViewerSettings,
+        pageNumberToScroll: pageNumberToScroll,
+        onError: onError
         // TODO: handle ready view here
         // onViewerReady={setViewerControl}
       })
@@ -18035,7 +18072,9 @@ DocViewer.propTypes = {
   /** Function to be called on error */
   onError: PropTypes.func,
   /** Function to be called on request */
-  onRequest: PropTypes.func
+  onRequest: PropTypes.func,
+  /** Page number to scroll to */
+  pageNumberToScroll: PropTypes.number
 };
 
 const styles = {