@atlaskit/media-document-viewer 0.6.10 → 0.6.11

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/media-document-viewer
 
+## 0.6.11
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 0.6.10
 
 ### Patch Changes

package/dist/cjs/documentViewer.js

@@ -20,7 +20,6 @@ var _useCachedGetImage = require("./utils/useCachedGetImage");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var documentViewerStyles = null;
 var DEFAULT_PAGINATION_SIZE = 50;
-var DEFAULT_MAX_PAGE_IMAGE_ZOOM = 6;
 var DocumentViewer = exports.DocumentViewer = function DocumentViewer(_ref) {
   var _documentMetadata$pag;
   var onSuccess = _ref.onSuccess,
@@ -28,14 +27,12 @@ var DocumentViewer = exports.DocumentViewer = function DocumentViewer(_ref) {
     getPageImageUrl = _ref.getPageImageUrl,
     _ref$paginationSize = _ref.paginationSize,
     paginationSize = _ref$paginationSize === void 0 ? DEFAULT_PAGINATION_SIZE : _ref$paginationSize,
-    _ref$maxPageImageZoom = _ref.maxPageImageZoom,
-    maxPageImageZoom = _ref$maxPageImageZoom === void 0 ? DEFAULT_MAX_PAGE_IMAGE_ZOOM : _ref$maxPageImageZoom,
     zoom = _ref.zoom;
   var _usePageContent = (0, _usePageContent2.usePageContent)(getContent, paginationSize),
     getPageContent = _usePageContent.getPageContent,
     loadPageContent = _usePageContent.loadPageContent,
     documentMetadata = _usePageContent.documentMetadata;
-  var getImageUrl = (0, _useCachedGetImage.useCachedGetImage)(getPageImageUrl, maxPageImageZoom);
+  var getImageUrl = (0, _useCachedGetImage.useCachedGetImage)(getPageImageUrl);
   var style = {
     '--document-viewer-zoom': zoom
   };
@@ -119,7 +116,6 @@ var DocumentViewer = exports.DocumentViewer = function DocumentViewer(_ref) {
     return /*#__PURE__*/React.createElement(_page.Page, {
       key: i,
       getPageSrc: getImageUrl,
-      maxPageImageZoom: maxPageImageZoom,
       pageIndex: i,
       zoom: zoom,
       defaultDimensions: documentMetadata.defaultDimensions,

package/dist/cjs/page.js

@@ -14,12 +14,10 @@ var _runtime = require("@compiled/react/runtime");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mediaCommon = require("@atlaskit/media-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _annotations = require("./annotations");
 var _documentLinks = require("./documentLinks");
 var _getDocumentRoot = require("./utils/getDocumentRoot");
-var _useCachedGetImage = require("./utils/useCachedGetImage");
 var _useIntersectionObserver = require("./utils/useIntersectionObserver");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var Span = function Span(_ref) {
@@ -115,7 +113,7 @@ var PageView = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, ref) {
     src: imageSrc,
     alt: "",
     onLoad: onImageLoad,
-    className: (0, _runtime.ax)(["_kqswstnw _154iidpf _1ltvidpf _uiztglyw", !(0, _platformFeatureFlags.fg)('media-document-viewer-clear-render') && "_1kemd8h4"])
+    className: (0, _runtime.ax)(["_kqswstnw _154iidpf _1ltvidpf _uiztglyw", "_1kemd8h4"])
   }), content && /*#__PURE__*/React.createElement("svg", {
     "data-testid": "page-".concat(pageIndex, "-text-layer"),
     style: style,
@@ -138,7 +136,6 @@ var PageView = /*#__PURE__*/(0, _react.forwardRef)(function (_ref4, ref) {
 var Page = exports.Page = function Page(_ref5) {
   var _ref6;
   var getPageSrc = _ref5.getPageSrc,
-    maxPageImageZoom = _ref5.maxPageImageZoom,
     content = _ref5.content,
     fonts = _ref5.fonts,
     pageIndex = _ref5.pageIndex,
@@ -171,7 +168,7 @@ var Page = exports.Page = function Page(_ref5) {
     onLoad === null || onLoad === void 0 || onLoad();
     if (!content) {
       var _zoom = image.dataset.zoom ? Number(image.dataset.zoom) : 1;
-      var imageZoom = (0, _useCachedGetImage.getImageZoom)(_zoom, maxPageImageZoom);
+      var imageZoom = _zoom;
       var contentWidth = image.naturalWidth / imageZoom;
       var contentHeight = image.naturalHeight / imageZoom;
       setDimensions({

package/dist/cjs/utils/useCachedGetImage.js

@@ -4,14 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getImageZoom = getImageZoom;
 exports.useCachedGetImage = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
 var _mediaCommon = require("@atlaskit/media-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var useCachedGetImage = exports.useCachedGetImage = function useCachedGetImage(getPageImageUrl, maxPageImageZoom) {
+var useCachedGetImage = exports.useCachedGetImage = function useCachedGetImage(getPageImageUrl) {
   var imageUrlRefs = (0, _react.useRef)({});
   (0, _react.useEffect)(function () {
     return function () {
@@ -24,38 +22,37 @@ var useCachedGetImage = exports.useCachedGetImage = function useCachedGetImage(g
   }, []);
   var getImageUrl = (0, _mediaCommon.useStaticCallback)( /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(pageNumber, zoom) {
-      var imageZoom, key, url, isBlobUrl, blob;
+      var key, url, isBlobUrl, blob;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            imageZoom = getImageZoom(zoom, maxPageImageZoom);
-            key = "".concat(pageNumber, "-").concat(imageZoom);
+            key = "".concat(pageNumber, "-").concat(zoom);
             if (!imageUrlRefs.current[key]) {
-              _context.next = 4;
+              _context.next = 3;
               break;
             }
             return _context.abrupt("return", imageUrlRefs.current[key]);
-          case 4:
-            _context.next = 6;
-            return getPageImageUrl(pageNumber, imageZoom);
-          case 6:
+          case 3:
+            _context.next = 5;
+            return getPageImageUrl(pageNumber, zoom);
+          case 5:
             url = _context.sent;
             isBlobUrl = url.startsWith('blob:');
             if (isBlobUrl) {
-              _context.next = 13;
+              _context.next = 12;
               break;
             }
-            _context.next = 11;
+            _context.next = 10;
             return fetch(url).then(function (res) {
               return res.blob();
             });
-          case 11:
+          case 10:
             blob = _context.sent;
             url = URL.createObjectURL(blob);
-          case 13:
+          case 12:
             imageUrlRefs.current[key] = url;
             return _context.abrupt("return", url);
-          case 15:
+          case 14:
           case "end":
             return _context.stop();
         }
@@ -66,21 +63,4 @@ var useCachedGetImage = exports.useCachedGetImage = function useCachedGetImage(g
     };
   }());
   return getImageUrl;
-};
-
-/**
- * The actual zoom that will be requested from the image service.
- *
- * This is different from the 'zoom' prop because it is adjusted for the device pixel ratio.
- * We're achieving the same result as a srcset, crisp images for high DPI screens.
- *
- * We also reduce impact of excessively slow rendering by setting a max zoom level.
- * If the user is zoomed past this level, the image will just be scaled-up client side.
- */
-function getImageZoom(zoom, maxPageImageZoom) {
-  if (!(0, _platformFeatureFlags.fg)('media-document-viewer-clear-render')) {
-    return zoom;
-  }
-  var dpiAdjustedZoom = zoom * (window.devicePixelRatio || 1);
-  return Math.min(dpiAdjustedZoom, maxPageImageZoom);
-}
+};

package/dist/es2019/documentViewer.js

@@ -10,13 +10,11 @@ import { getScrollElement } from './utils/getDocumentRoot';
 import { useCachedGetImage } from './utils/useCachedGetImage';
 const documentViewerStyles = null;
 const DEFAULT_PAGINATION_SIZE = 50;
-const DEFAULT_MAX_PAGE_IMAGE_ZOOM = 6;
 export const DocumentViewer = ({
   onSuccess,
   getContent,
   getPageImageUrl,
   paginationSize = DEFAULT_PAGINATION_SIZE,
-  maxPageImageZoom = DEFAULT_MAX_PAGE_IMAGE_ZOOM,
   zoom
 }) => {
   var _documentMetadata$pag;
@@ -25,7 +23,7 @@ export const DocumentViewer = ({
     loadPageContent,
     documentMetadata
   } = usePageContent(getContent, paginationSize);
-  const getImageUrl = useCachedGetImage(getPageImageUrl, maxPageImageZoom);
+  const getImageUrl = useCachedGetImage(getPageImageUrl);
   const style = {
     '--document-viewer-zoom': zoom
   };
@@ -110,7 +108,6 @@ export const DocumentViewer = ({
     return /*#__PURE__*/React.createElement(Page, {
       key: i,
       getPageSrc: getImageUrl,
-      maxPageImageZoom: maxPageImageZoom,
       pageIndex: i,
       zoom: zoom,
       defaultDimensions: documentMetadata.defaultDimensions,

package/dist/es2019/page.js

@@ -4,12 +4,10 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useEffect, useState } from 'react';
 import { useStaticCallback } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import { Annotations } from './annotations';
 import { DocumentLinks } from './documentLinks';
 import { getDocumentRoot } from './utils/getDocumentRoot';
-import { getImageZoom } from './utils/useCachedGetImage';
 import { useIntersectionObserver } from './utils/useIntersectionObserver';
 const Span = ({
   span,
@@ -105,7 +103,7 @@ const PageView = /*#__PURE__*/forwardRef(({
     src: imageSrc,
     alt: "",
     onLoad: onImageLoad,
-    className: ax(["_kqswstnw _154iidpf _1ltvidpf _uiztglyw", !fg('media-document-viewer-clear-render') && "_1kemd8h4"])
+    className: ax(["_kqswstnw _154iidpf _1ltvidpf _uiztglyw", "_1kemd8h4"])
   }), content && /*#__PURE__*/React.createElement("svg", {
     "data-testid": `page-${pageIndex}-text-layer`,
     style: style,
@@ -125,7 +123,6 @@ const PageView = /*#__PURE__*/forwardRef(({
 });
 export const Page = ({
   getPageSrc,
-  maxPageImageZoom,
   content,
   fonts,
   pageIndex,
@@ -155,7 +152,7 @@ export const Page = ({
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
     if (!content) {
       const zoom = image.dataset.zoom ? Number(image.dataset.zoom) : 1;
-      const imageZoom = getImageZoom(zoom, maxPageImageZoom);
+      const imageZoom = zoom;
       const contentWidth = image.naturalWidth / imageZoom;
       const contentHeight = image.naturalHeight / imageZoom;
       setDimensions({

package/dist/es2019/utils/useCachedGetImage.js

@@ -1,7 +1,6 @@
 import { useEffect, useRef } from 'react';
 import { useStaticCallback } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
-export const useCachedGetImage = (getPageImageUrl, maxPageImageZoom) => {
+export const useCachedGetImage = getPageImageUrl => {
   const imageUrlRefs = useRef({});
   useEffect(() => {
     return () => {
@@ -12,12 +11,11 @@ export const useCachedGetImage = (getPageImageUrl, maxPageImageZoom) => {
     };
   }, []);
   const getImageUrl = useStaticCallback(async (pageNumber, zoom) => {
-    const imageZoom = getImageZoom(zoom, maxPageImageZoom);
-    const key = `${pageNumber}-${imageZoom}`;
+    const key = `${pageNumber}-${zoom}`;
     if (imageUrlRefs.current[key]) {
       return imageUrlRefs.current[key];
     }
-    let url = await getPageImageUrl(pageNumber, imageZoom);
+    let url = await getPageImageUrl(pageNumber, zoom);
     const isBlobUrl = url.startsWith('blob:');
     if (!isBlobUrl) {
       const blob = await fetch(url).then(res => res.blob());
@@ -27,21 +25,4 @@ export const useCachedGetImage = (getPageImageUrl, maxPageImageZoom) => {
     return url;
   });
   return getImageUrl;
-};
-
-/**
- * The actual zoom that will be requested from the image service.
- *
- * This is different from the 'zoom' prop because it is adjusted for the device pixel ratio.
- * We're achieving the same result as a srcset, crisp images for high DPI screens.
- *
- * We also reduce impact of excessively slow rendering by setting a max zoom level.
- * If the user is zoomed past this level, the image will just be scaled-up client side.
- */
-export function getImageZoom(zoom, maxPageImageZoom) {
-  if (!fg('media-document-viewer-clear-render')) {
-    return zoom;
-  }
-  const dpiAdjustedZoom = zoom * (window.devicePixelRatio || 1);
-  return Math.min(dpiAdjustedZoom, maxPageImageZoom);
-}
+};

package/dist/esm/documentViewer.js

@@ -11,7 +11,6 @@ import { getScrollElement } from './utils/getDocumentRoot';
 import { useCachedGetImage } from './utils/useCachedGetImage';
 var documentViewerStyles = null;
 var DEFAULT_PAGINATION_SIZE = 50;
-var DEFAULT_MAX_PAGE_IMAGE_ZOOM = 6;
 export var DocumentViewer = function DocumentViewer(_ref) {
   var _documentMetadata$pag;
   var onSuccess = _ref.onSuccess,
@@ -19,14 +18,12 @@ export var DocumentViewer = function DocumentViewer(_ref) {
     getPageImageUrl = _ref.getPageImageUrl,
     _ref$paginationSize = _ref.paginationSize,
     paginationSize = _ref$paginationSize === void 0 ? DEFAULT_PAGINATION_SIZE : _ref$paginationSize,
-    _ref$maxPageImageZoom = _ref.maxPageImageZoom,
-    maxPageImageZoom = _ref$maxPageImageZoom === void 0 ? DEFAULT_MAX_PAGE_IMAGE_ZOOM : _ref$maxPageImageZoom,
     zoom = _ref.zoom;
   var _usePageContent = usePageContent(getContent, paginationSize),
     getPageContent = _usePageContent.getPageContent,
     loadPageContent = _usePageContent.loadPageContent,
     documentMetadata = _usePageContent.documentMetadata;
-  var getImageUrl = useCachedGetImage(getPageImageUrl, maxPageImageZoom);
+  var getImageUrl = useCachedGetImage(getPageImageUrl);
   var style = {
     '--document-viewer-zoom': zoom
   };
@@ -110,7 +107,6 @@ export var DocumentViewer = function DocumentViewer(_ref) {
     return /*#__PURE__*/React.createElement(Page, {
       key: i,
       getPageSrc: getImageUrl,
-      maxPageImageZoom: maxPageImageZoom,
       pageIndex: i,
       zoom: zoom,
       defaultDimensions: documentMetadata.defaultDimensions,

package/dist/esm/page.js

@@ -6,12 +6,10 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useEffect, useState } from 'react';
 import { useStaticCallback } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
 import Spinner from '@atlaskit/spinner';
 import { Annotations } from './annotations';
 import { DocumentLinks } from './documentLinks';
 import { getDocumentRoot } from './utils/getDocumentRoot';
-import { getImageZoom } from './utils/useCachedGetImage';
 import { useIntersectionObserver } from './utils/useIntersectionObserver';
 var Span = function Span(_ref) {
   var span = _ref.span,
@@ -106,7 +104,7 @@ var PageView = /*#__PURE__*/forwardRef(function (_ref4, ref) {
     src: imageSrc,
     alt: "",
     onLoad: onImageLoad,
-    className: ax(["_kqswstnw _154iidpf _1ltvidpf _uiztglyw", !fg('media-document-viewer-clear-render') && "_1kemd8h4"])
+    className: ax(["_kqswstnw _154iidpf _1ltvidpf _uiztglyw", "_1kemd8h4"])
   }), content && /*#__PURE__*/React.createElement("svg", {
     "data-testid": "page-".concat(pageIndex, "-text-layer"),
     style: style,
@@ -129,7 +127,6 @@ var PageView = /*#__PURE__*/forwardRef(function (_ref4, ref) {
 export var Page = function Page(_ref5) {
   var _ref6;
   var getPageSrc = _ref5.getPageSrc,
-    maxPageImageZoom = _ref5.maxPageImageZoom,
     content = _ref5.content,
     fonts = _ref5.fonts,
     pageIndex = _ref5.pageIndex,
@@ -162,7 +159,7 @@ export var Page = function Page(_ref5) {
     onLoad === null || onLoad === void 0 || onLoad();
     if (!content) {
       var _zoom = image.dataset.zoom ? Number(image.dataset.zoom) : 1;
-      var imageZoom = getImageZoom(_zoom, maxPageImageZoom);
+      var imageZoom = _zoom;
       var contentWidth = image.naturalWidth / imageZoom;
       var contentHeight = image.naturalHeight / imageZoom;
       setDimensions({

package/dist/esm/utils/useCachedGetImage.js

@@ -2,8 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useEffect, useRef } from 'react';
 import { useStaticCallback } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
-export var useCachedGetImage = function useCachedGetImage(getPageImageUrl, maxPageImageZoom) {
+export var useCachedGetImage = function useCachedGetImage(getPageImageUrl) {
   var imageUrlRefs = useRef({});
   useEffect(function () {
     return function () {
@@ -16,38 +15,37 @@ export var useCachedGetImage = function useCachedGetImage(getPageImageUrl, maxPa
   }, []);
   var getImageUrl = useStaticCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pageNumber, zoom) {
-      var imageZoom, key, url, isBlobUrl, blob;
+      var key, url, isBlobUrl, blob;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            imageZoom = getImageZoom(zoom, maxPageImageZoom);
-            key = "".concat(pageNumber, "-").concat(imageZoom);
+            key = "".concat(pageNumber, "-").concat(zoom);
             if (!imageUrlRefs.current[key]) {
-              _context.next = 4;
+              _context.next = 3;
               break;
             }
             return _context.abrupt("return", imageUrlRefs.current[key]);
-          case 4:
-            _context.next = 6;
-            return getPageImageUrl(pageNumber, imageZoom);
-          case 6:
+          case 3:
+            _context.next = 5;
+            return getPageImageUrl(pageNumber, zoom);
+          case 5:
             url = _context.sent;
             isBlobUrl = url.startsWith('blob:');
             if (isBlobUrl) {
-              _context.next = 13;
+              _context.next = 12;
               break;
             }
-            _context.next = 11;
+            _context.next = 10;
             return fetch(url).then(function (res) {
               return res.blob();
             });
-          case 11:
+          case 10:
             blob = _context.sent;
             url = URL.createObjectURL(blob);
-          case 13:
+          case 12:
             imageUrlRefs.current[key] = url;
             return _context.abrupt("return", url);
-          case 15:
+          case 14:
           case "end":
             return _context.stop();
         }
@@ -58,21 +56,4 @@ export var useCachedGetImage = function useCachedGetImage(getPageImageUrl, maxPa
     };
   }());
   return getImageUrl;
-};
-
-/**
- * The actual zoom that will be requested from the image service.
- *
- * This is different from the 'zoom' prop because it is adjusted for the device pixel ratio.
- * We're achieving the same result as a srcset, crisp images for high DPI screens.
- *
- * We also reduce impact of excessively slow rendering by setting a max zoom level.
- * If the user is zoomed past this level, the image will just be scaled-up client side.
- */
-export function getImageZoom(zoom, maxPageImageZoom) {
-  if (!fg('media-document-viewer-clear-render')) {
-    return zoom;
-  }
-  var dpiAdjustedZoom = zoom * (window.devicePixelRatio || 1);
-  return Math.min(dpiAdjustedZoom, maxPageImageZoom);
-}
+};

package/dist/types/documentViewer.d.ts

@@ -14,4 +14,4 @@ export type DocumentViewerProps = {
     zoom: number;
     onSuccess?: () => void;
 };
-export declare const DocumentViewer: ({ onSuccess, getContent, getPageImageUrl, paginationSize, maxPageImageZoom, zoom, }: DocumentViewerProps) => JSX.Element;
+export declare const DocumentViewer: ({ onSuccess, getContent, getPageImageUrl, paginationSize, zoom, }: DocumentViewerProps) => JSX.Element;

package/dist/types/page.d.ts

@@ -1,7 +1,6 @@
 import { type Font, type PageContent } from './types';
 type PageProps = {
     getPageSrc: (pageIndex: number, zoom: number) => Promise<string>;
-    maxPageImageZoom: number;
     content?: PageContent;
     fonts: readonly Font[];
     pageIndex: number;
@@ -13,5 +12,5 @@ type PageProps = {
     onVisible: () => void;
     onLoad?: () => void;
 };
-export declare const Page: ({ getPageSrc, maxPageImageZoom, content, fonts, pageIndex, zoom, defaultDimensions, onVisible, onLoad, }: PageProps) => JSX.Element;
+export declare const Page: ({ getPageSrc, content, fonts, pageIndex, zoom, defaultDimensions, onVisible, onLoad, }: PageProps) => JSX.Element;
 export {};

package/dist/types/utils/useCachedGetImage.d.ts

@@ -1,11 +1 @@
-export declare const useCachedGetImage: (getPageImageUrl: (pageNumber: number, zoom: number) => Promise<string>, maxPageImageZoom: number) => (pageNumber: number, zoom: number) => Promise<string>;
-/**
- * The actual zoom that will be requested from the image service.
- *
- * This is different from the 'zoom' prop because it is adjusted for the device pixel ratio.
- * We're achieving the same result as a srcset, crisp images for high DPI screens.
- *
- * We also reduce impact of excessively slow rendering by setting a max zoom level.
- * If the user is zoomed past this level, the image will just be scaled-up client side.
- */
-export declare function getImageZoom(zoom: number, maxPageImageZoom: number): number;
+export declare const useCachedGetImage: (getPageImageUrl: (pageNumber: number, zoom: number) => Promise<string>) => ((pageNumber: number, zoom: number) => Promise<string>);

package/dist/types-ts4.5/documentViewer.d.ts

@@ -14,4 +14,4 @@ export type DocumentViewerProps = {
     zoom: number;
     onSuccess?: () => void;
 };
-export declare const DocumentViewer: ({ onSuccess, getContent, getPageImageUrl, paginationSize, maxPageImageZoom, zoom, }: DocumentViewerProps) => JSX.Element;
+export declare const DocumentViewer: ({ onSuccess, getContent, getPageImageUrl, paginationSize, zoom, }: DocumentViewerProps) => JSX.Element;

package/dist/types-ts4.5/page.d.ts

@@ -1,7 +1,6 @@
 import { type Font, type PageContent } from './types';
 type PageProps = {
     getPageSrc: (pageIndex: number, zoom: number) => Promise<string>;
-    maxPageImageZoom: number;
     content?: PageContent;
     fonts: readonly Font[];
     pageIndex: number;
@@ -13,5 +12,5 @@ type PageProps = {
     onVisible: () => void;
     onLoad?: () => void;
 };
-export declare const Page: ({ getPageSrc, maxPageImageZoom, content, fonts, pageIndex, zoom, defaultDimensions, onVisible, onLoad, }: PageProps) => JSX.Element;
+export declare const Page: ({ getPageSrc, content, fonts, pageIndex, zoom, defaultDimensions, onVisible, onLoad, }: PageProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/utils/useCachedGetImage.d.ts

@@ -1,11 +1 @@
-export declare const useCachedGetImage: (getPageImageUrl: (pageNumber: number, zoom: number) => Promise<string>, maxPageImageZoom: number) => (pageNumber: number, zoom: number) => Promise<string>;
-/**
- * The actual zoom that will be requested from the image service.
- *
- * This is different from the 'zoom' prop because it is adjusted for the device pixel ratio.
- * We're achieving the same result as a srcset, crisp images for high DPI screens.
- *
- * We also reduce impact of excessively slow rendering by setting a max zoom level.
- * If the user is zoomed past this level, the image will just be scaled-up client side.
- */
-export declare function getImageZoom(zoom: number, maxPageImageZoom: number): number;
+export declare const useCachedGetImage: (getPageImageUrl: (pageNumber: number, zoom: number) => Promise<string>) => ((pageNumber: number, zoom: number) => Promise<string>);

package/package.json

@@ -27,10 +27,9 @@
 		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/media-common": "^13.0.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^18.1.0",
+		"@atlaskit/primitives": "^19.0.0",
 		"@atlaskit/spinner": "^19.1.0",
-		"@atlaskit/tokens": "^12.0.0",
+		"@atlaskit/tokens": "^13.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0"
 	},
@@ -47,11 +46,6 @@
 		"@testing-library/user-event": "^14.4.3",
 		"react-dom": "^18.2.0"
 	},
-	"platform-feature-flags": {
-		"media-document-viewer-clear-render": {
-			"type": "boolean"
-		}
-	},
 	"techstack": {
 		"@atlassian/frontend": {
 			"import-structure": [
@@ -88,7 +82,7 @@
 		}
 	},
 	"name": "@atlaskit/media-document-viewer",
-	"version": "0.6.10",
+	"version": "0.6.11",
 	"description": "Modern and fast document viewer",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",