npm - box-content-preview - Versions diffs - 3.67.0 → 3.69.0 - Mend

box-content-preview 3.67.0 → 3.69.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/README.md CHANGED Viewed

@@ -2,7 +2,7 @@
 [![Mergify Status](https://img.shields.io/endpoint.svg?url=https://gh.mergify.io/badges/box/box-content-preview&style=flat)](https://mergify.io)
 [![Styled With Prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 [![build status](https://img.shields.io/travis/box/box-content-preview/master.svg?style=flat-square)](https://travis-ci.org/box/box-content-preview)
-[![version](https://img.shields.io/badge/version-v3.67.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
+[![version](https://img.shields.io/badge/version-v3.69.0-blue.svg?style=flat-square)](https://github.com/box/box-content-preview)
 [![npm version](https://img.shields.io/npm/v/box-ui-elements.svg?style=flat-square)](https://www.npmjs.com/package/box-ui-elements)
 # [Box Content Preview](https://developer.box.com/docs/box-content-preview)
@@ -22,11 +22,11 @@ We encourage all users to update their applications to utilize modern browsers f
 ## Current Version
-- Version: v3.67.0
+- Version: v3.69.0
 - Locale: en-US
-https://cdn01.boxcdn.net/platform/preview/3.67.0/en-US/preview.js
-https://cdn01.boxcdn.net/platform/preview/3.67.0/en-US/preview.css
+https://cdn01.boxcdn.net/platform/preview/3.69.0/en-US/preview.js
+https://cdn01.boxcdn.net/platform/preview/3.69.0/en-US/preview.css
 ## Supported Locales
@@ -52,10 +52,10 @@ You can self-host the Box Content Preview library or reference the versions avai
     <title>Box Content Preview Demo</title>
     <!-- Latest version of Preview SDK for your locale -->
-    <script src="https://cdn01.boxcdn.net/platform/preview/3.67.0/en-US/preview.js"></script>
+    <script src="https://cdn01.boxcdn.net/platform/preview/3.69.0/en-US/preview.js"></script>
     <link
       rel="stylesheet"
-      href="https://cdn01.boxcdn.net/platform/preview/3.67.0/en-US/preview.css"
+      href="https://cdn01.boxcdn.net/platform/preview/3.69.0/en-US/preview.css"
     />
   </head>
   <body>
@@ -76,7 +76,7 @@ To self-host the Box Content Preview library, follow these steps:
 1. Either fork the repo and check out the version you want to host or download the specific version as a zip:
-- Check out a specific version with `git checkout v3.67.0`
+- Check out a specific version with `git checkout v3.69.0`
 - Download a specific version as a zip from https://github.com/box/box-content-preview/releases
 2. Install dependencies and build the library with `yarn install && yarn build:i18n && yarn build:prod`

package/dist/lib/index.js CHANGED Viewed

@@ -17416,7 +17416,7 @@ function util_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var
 const CLIENT_NAME = "box-content-preview"; // eslint-disable-line no-undef
 const CLIENT_NAME_KEY = 'box_client_name';
 const CLIENT_VERSION_KEY = 'box_client_version';
-const CLIENT_VERSION = "3.67.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.69.0"; // eslint-disable-line no-undef
 const HEADER_CLIENT_NAME = 'X-Box-Client-Name';
 const HEADER_CLIENT_VERSION = 'X-Box-Client-Version';
 const PROMISE_MAP = {};
@@ -19141,7 +19141,7 @@ class Browser {
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const Logger_CLIENT_NAME = "box-content-preview";
-const Logger_CLIENT_VERSION = "3.67.0";
+const Logger_CLIENT_VERSION = "3.69.0";
 /* eslint-enable no-undef */
 class Logger {
@@ -22861,7 +22861,7 @@ function AnnotationsControls(_ref) {
     title: "Markup"
   }, /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(icons_IconPencilScribbleMedium24, {
     style: {
-      color: annotationColor
+      color: isDrawingActive ? annotationColor : __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__
     }
   })), /*#__PURE__*/__WEBPACK_EXTERNAL_MODULE_react_default__.createElement(annotations_AnnotationsTargetedTooltip, {
     isEnabled: showRegion
@@ -39525,6 +39525,9 @@ class Thumbnail {
       return Promise.resolve(null);
     }
     return pdfDocument.getPage(1).then(page => {
+      if (!this.thumbnailImageCache) {
+        return null;
+      }
       const rotation = ((this.pdfViewer.pagesRotation || 0) + page.rotate) % 360;
       const viewport = page.getViewport({
         scale: 1,
@@ -39586,6 +39589,9 @@ class Thumbnail {
    * @return {Promise} - promise reolves with the image HTMLElement or null if generation is in progress
    */
   createThumbnailImage(itemIndex, thumbOptions) {
+    if (!this.thumbnailImageCache) {
+      return Promise.resolve(null);
+    }
     const cacheEntry = this.getImageFromCache(itemIndex);
     // If this thumbnail has already been cached, use it
     if (cacheEntry && cacheEntry.image) {
@@ -39602,8 +39608,10 @@ class Thumbnail {
       inProgress: true
     }));
     return this.getThumbnailDataURL(itemIndex + 1, thumbOptions).then(dataUrl => {
-      return this.createImageEl(dataUrl, thumbOptions);
-    }).then(imageEl => {
+      if (!this.thumbnailImageCache) {
+        return null;
+      }
+      const imageEl = this.createImageEl(dataUrl, thumbOptions);
       // Cache this image element for future use
       this.thumbnailImageCache.set(itemIndex, {
         inProgress: false,
@@ -39611,6 +39619,9 @@ class Thumbnail {
       });
       return imageEl;
     }).catch(() => {
+      if (!this.thumbnailImageCache) {
+        return null;
+      }
       this.thumbnailImageCache.set(itemIndex, Thumbnail_objectSpread(Thumbnail_objectSpread({}, this.getImageFromCache(itemIndex)), {}, {
         inProgress: false
       }));
@@ -39625,7 +39636,7 @@ class Thumbnail {
    * @return {Promise} - promise reolves with the image HTMLElement or null if generation is in progress
    */
   getImageFromCache(itemIndex) {
-    return this.thumbnailImageCache.get(itemIndex);
+    return this.thumbnailImageCache?.get(itemIndex) || null;
   }
   /**
@@ -39644,6 +39655,9 @@ class Thumbnail {
     const canvas = document.createElement('canvas');
     const thumbnailImageWidth = thumbOptions && thumbOptions.thumbMaxWidth ? thumbOptions.thumbMaxWidth : THUMBNAIL_IMAGE_WIDTH;
     return pdfDocument.getPage(pageNum).then(page => {
+      if (!this.thumbnailImageCache) {
+        return null;
+      }
       const rotation = ((this.pdfViewer.pagesRotation || 0) + page.rotate) % 360;
       const viewport = page.getViewport({
         scale: 1,
@@ -41302,11 +41316,16 @@ class ThumbnailsSidebar {
       this.virtualScroller.destroy();
       this.virtualScroller = null;
     }
+    if (this.thumbnail) {
+      this.thumbnail.destroy();
+      this.thumbnail = null;
+    }
     this.pdfViewer = null;
     this.currentThumbnails = [];
     this.currentPage = null;
     this.preloader = null;
     this.anchorEl.removeEventListener('click', this.thumbnailClickHandler);
+    this.anchorEl.removeEventListener('keydown', this.onKeydown);
   }
   /**
@@ -41377,6 +41396,9 @@ class ThumbnailsSidebar {
    * @return {void}
    */
   renderNextThumbnailImage() {
+    if (!this.thumbnail || !this.virtualScroller) {
+      return;
+    }
     const scrollerNotInited = this.virtualScroller && this.virtualScroller instanceof lib_VirtualScroller && typeof this.virtualScroller.totalItems === 'undefined';
     if (scrollerNotInited) {
       this.thumbnail.init().then(this.initVirtualScrollerIfReady);
@@ -41450,6 +41472,9 @@ class ThumbnailsSidebar {
    * @return {void}
    */
   requestThumbnailImage(itemIndex, thumbnailEl) {
+    if (!this.thumbnail) {
+      return;
+    }
     const requestId = requestAnimationFrame(() => {
       this.animationFrameRequestIds = this.animationFrameRequestIds.filter(id => id !== requestId);
       this.thumbnail.createThumbnailImage(itemIndex).then(imageEl => {
@@ -41556,7 +41581,7 @@ class ThumbnailsSidebar {
   }
   refresh() {
     if (!this.virtualScroller) {
-      return;
+      return Promise.resolve();
     }
     this.virtualScroller.destroy();
     this.virtualScroller = new lib_VirtualScroller(this.anchorEl);
@@ -41567,7 +41592,10 @@ class ThumbnailsSidebar {
     // Skip preloader path since preloader dimensions are unrotated
     const savedPreloader = this.thumbnail.preloader;
     this.thumbnail.preloader = null;
-    this.thumbnail.init().then(thumbnailHeight => {
+    return this.thumbnail.init().then(thumbnailHeight => {
+      if (!this.thumbnail || !this.virtualScroller) {
+        return;
+      }
       this.thumbnail.preloader = savedPreloader;
       if (thumbnailHeight) {
         const count = this.pdfViewer?.pagesCount || this.preloader?.numPages;
@@ -41847,6 +41875,13 @@ class DocBaseViewer extends viewers_BaseViewer {
     if (this.galleryController) {
       this.galleryController.destroy();
     }
+    if (this.thumbnailsSidebar) {
+      this.thumbnailsSidebar.destroy();
+    }
+    if (this.advancedInsightsThumbs) {
+      this.advancedInsightsThumbs.destroy();
+      this.advancedInsightsThumbs = null;
+    }
     // Clean up PDF network requests
     if (this.pdfLoadingTask) {
@@ -41857,16 +41892,19 @@ class DocBaseViewer extends viewers_BaseViewer {
       }
     }
-    // Clean up viewer
+    // Clean up and detach the PDF.js document so retained viewer instances
+    // do not keep page views and document resources alive.
     if (this.pdfViewer) {
       this.pdfViewer.cleanup();
+      this.pdfViewer.setDocument(null);
+    }
+    if (this.pdfLinkService) {
+      this.pdfLinkService.setDocument(null);
     }
+    this.doc = null;
     if (this.printPopup) {
       this.printPopup.destroy();
     }
-    if (this.thumbnailsSidebar) {
-      this.thumbnailsSidebar.destroy();
-    }
     if (this.thumbnailsSidebarEl) {
       // Since we are cleaning up make sure the thumbnails open class is
       // removed so that the content div shifts back left
@@ -42614,6 +42652,10 @@ class DocBaseViewer extends viewers_BaseViewer {
       this.pageTracker.addListener('page_tracker_report', this.handleAdvancedInsightsReport);
     }
     return this.pdfLoadingTask.promise.then(doc => {
+      if (this.isDestroyed()) {
+        return null;
+      }
       // Only check operations for .numbers and .xlsx files
       if (file.extension === 'numbers' || file.extension === 'xlsx') {
         return countPdfOperations(doc, MAX_OPERATION_PAGES).then(opCount => {
@@ -42625,6 +42667,9 @@ class DocBaseViewer extends viewers_BaseViewer {
       }
       return doc;
     }).then(doc => {
+      if (this.isDestroyed()) {
+        return;
+      }
       this.pdfLinkService.setDocument(doc, pdfUrl);
       this.pdfViewer.setDocument(doc);
       if (this.shouldThumbnailsBeToggled()) {
@@ -42635,6 +42680,9 @@ class DocBaseViewer extends viewers_BaseViewer {
       // store a reference to the doc for docfirstpages
       this.doc = doc;
     }).catch(err => {
+      if (this.isDestroyed()) {
+        return;
+      }
       console.error(err); // eslint-disable-line
       // pdf.js gives us the status code in their error message
@@ -43084,12 +43132,23 @@ class DocBaseViewer extends viewers_BaseViewer {
     this.docEl.addEventListener('keydown', this.handleDocElKeydown);
     this.docEl.addEventListener('scroll', this.throttledScrollHandler);
     if (this.hasTouch) {
-      this.docEl.addEventListener('touchstart', this.pinchToZoomStartHandler);
-      this.docEl.addEventListener('touchmove', this.pinchToZoomChangeHandler);
+      const searchParams = new URLSearchParams(window.location.search);
+      const disableNativePinchToZoom = searchParams.has('disableNativePinchToZoom');
+      const disableAllTouchActions = searchParams.has('disableAllTouchActions');
+      const forceNonPassiveTouchListeners = searchParams.has('forceNonPassiveTouchListeners');
+      if (disableAllTouchActions) {
+        this.docEl.style.touchAction = 'none';
+      } else if (disableNativePinchToZoom) {
+        this.docEl.style.touchAction = 'pan-x pan-y';
+      }
+      const passiveOption = forceNonPassiveTouchListeners ? {
+        passive: false
+      } : undefined;
+      this.docEl.addEventListener('touchstart', this.pinchToZoomStartHandler, passiveOption);
+      this.docEl.addEventListener('touchmove', this.pinchToZoomChangeHandler, passiveOption);
       this.docEl.addEventListener('touchend', this.pinchToZoomEndHandler);
     }
-    const disableMobileWheelZoom = new URLSearchParams(window.location.search).has('disableMobileWheelZoom');
-    if (this.featureEnabled('pinchToZoom.enabled') && !(this.isMobile && disableMobileWheelZoom)) {
+    if (this.featureEnabled('pinchToZoom.enabled')) {
       this.docEl.addEventListener('wheel', this.trackpadPinchToZoomHandler, {
         passive: false
       });
@@ -43111,8 +43170,7 @@ class DocBaseViewer extends viewers_BaseViewer {
         this.docEl.removeEventListener('touchmove', this.pinchToZoomChangeHandler);
         this.docEl.removeEventListener('touchend', this.pinchToZoomEndHandler);
       }
-      const disableMobileWheelZoom = new URLSearchParams(window.location.search).has('disableMobileWheelZoom');
-      if (this.featureEnabled('pinchToZoom.enabled') && !(this.isMobile && disableMobileWheelZoom)) {
+      if (this.featureEnabled('pinchToZoom.enabled')) {
         this.docEl.removeEventListener('wheel', this.trackpadPinchToZoomHandler);
       }
     }
@@ -43779,9 +43837,12 @@ class DocBaseViewer extends viewers_BaseViewer {
    * Get a thumbnail image element
    *
    * @param {number} pageNumber - the page number
-   * @return {Promise} - promise resolves with the image HTMLElement or null if generation is in progress
+   * @return {Promise} - promise resolves with the image HTMLElement or null if unavailable or in progress
    */
   getThumbnail(pageNumber) {
+    if (this.isDestroyed()) {
+      return Promise.resolve(null);
+    }
     if (!this.advancedInsightsThumbs) {
       this.advancedInsightsThumbs = new lib_Thumbnail(this.pdfViewer);
     }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "box-content-preview",
-    "version": "3.67.0",
+    "version": "3.69.0",
     "description": "Box Content Preview UI Element",
     "author": "Box (https://www.box.com/)",
     "license": "SEE LICENSE IN LICENSE",