@atlaskit/media-document-viewer 0.2.1 → 0.2.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-document-viewer
 
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 0.2.2
+
+### Patch Changes
+
+- [#177492](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177492)
+  [`d3012b2a16b3c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d3012b2a16b3c) -
+  Changed from local version of useStaticCallback to a remote version and updated Cache image to
+  release object urls on unmount
+- Updated dependencies
+
 ## 0.2.1
 
 ### Patch Changes

package/dist/cjs/page.js

@@ -13,11 +13,11 @@ var React = _react;
 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 _annotations = require("./annotations");
 var _documentLinks = require("./documentLinks");
 var _getDocumentRoot = require("./utils/getDocumentRoot");
 var _useIntersectionObserver = require("./utils/useIntersectionObserver");
-var _useStaticCallback = require("./utils/useStaticCallback");
 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) {
   var span = _ref.span,
@@ -141,7 +141,7 @@ var Page = exports.Page = function Page(_ref5) {
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     dimensions = _useState4[0],
     setDimensions = _useState4[1];
-  var onImageLoad = (0, _useStaticCallback.useStaticCallback)(function (event) {
+  var onImageLoad = (0, _mediaCommon.useStaticCallback)(function (event) {
     var image = event.currentTarget;
     if (!content) {
       var _zoom = image.dataset.zoom ? Number(image.dataset.zoom) : 1;

package/dist/cjs/usePageContent.js

@@ -10,14 +10,14 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _useStaticCallback = require("./utils/useStaticCallback");
+var _mediaCommon = require("@atlaskit/media-common");
 function usePageContent(getContent, paginationSize) {
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     contentRanges = _useState2[0],
     setContentRanges = _useState2[1];
   var contentRangesRequestRef = (0, _react.useRef)({});
-  var loadPageContent = (0, _useStaticCallback.useStaticCallback)( /*#__PURE__*/function () {
+  var loadPageContent = (0, _mediaCommon.useStaticCallback)( /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(pageInd) {
       var _contentRangesRequest, _contentRangesRequest2;
       var contentRangeInd, startIndex, endIndex, content;

package/dist/cjs/utils/useCachedGetImage.js

@@ -8,10 +8,19 @@ exports.useCachedGetImage = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
-var _useStaticCallback = require("./useStaticCallback");
+var _mediaCommon = require("@atlaskit/media-common");
 var useCachedGetImage = exports.useCachedGetImage = function useCachedGetImage(getPageImageUrl) {
   var imageUrlRefs = (0, _react.useRef)({});
-  var getImageUrl = (0, _useStaticCallback.useStaticCallback)( /*#__PURE__*/function () {
+  (0, _react.useEffect)(function () {
+    return function () {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      for (var _i = 0, _Object$values = Object.values(imageUrlRefs.current); _i < _Object$values.length; _i++) {
+        var url = _Object$values[_i];
+        URL.revokeObjectURL(url);
+      }
+    };
+  }, []);
+  var getImageUrl = (0, _mediaCommon.useStaticCallback)( /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(pageNumber, zoom) {
       var key, url, isBlobUrl, blob;
       return _regenerator.default.wrap(function _callee$(_context) {

package/dist/cjs/utils/useIntersectionObserver.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.useIntersectionObserver = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _useStaticCallback = require("./useStaticCallback");
+var _mediaCommon = require("@atlaskit/media-common");
 var useIntersectionObserver = exports.useIntersectionObserver = function useIntersectionObserver(options, onVisible) {
-  var staticOnVisible = (0, _useStaticCallback.useStaticCallback)(onVisible);
+  var staticOnVisible = (0, _mediaCommon.useStaticCallback)(onVisible);
   var observerRef = (0, _react.useRef)(null);
   var timeoutRef = (0, _react.useRef)(null);
   var isVisibleRef = (0, _react.useRef)(false);
   var currentNodeRef = (0, _react.useRef)(null);
-  var observedRef = (0, _useStaticCallback.useStaticCallback)(function (node) {
+  var observedRef = (0, _mediaCommon.useStaticCallback)(function (node) {
     currentNodeRef.current = node;
     if (observerRef.current) {
       observerRef.current.disconnect();

package/dist/es2019/page.js

@@ -3,11 +3,11 @@ import "./page.compiled.css";
 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 { Annotations } from './annotations';
 import { DocumentLinks } from './documentLinks';
 import { getDocumentRoot } from './utils/getDocumentRoot';
 import { useIntersectionObserver } from './utils/useIntersectionObserver';
-import { useStaticCallback } from './utils/useStaticCallback';
 const Span = ({
   span,
   font

package/dist/es2019/usePageContent.js

@@ -1,5 +1,5 @@
 import { useMemo, useRef, useState } from 'react';
-import { useStaticCallback } from './utils/useStaticCallback';
+import { useStaticCallback } from '@atlaskit/media-common';
 export function usePageContent(getContent, paginationSize) {
   const [contentRanges, setContentRanges] = useState([]);
   const contentRangesRequestRef = useRef({});

package/dist/es2019/utils/useCachedGetImage.js

@@ -1,7 +1,15 @@
-import { useRef } from 'react';
-import { useStaticCallback } from './useStaticCallback';
+import { useEffect, useRef } from 'react';
+import { useStaticCallback } from '@atlaskit/media-common';
 export const useCachedGetImage = getPageImageUrl => {
   const imageUrlRefs = useRef({});
+  useEffect(() => {
+    return () => {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      for (const url of Object.values(imageUrlRefs.current)) {
+        URL.revokeObjectURL(url);
+      }
+    };
+  }, []);
   const getImageUrl = useStaticCallback(async (pageNumber, zoom) => {
     const key = `${pageNumber}-${zoom}`;
     if (imageUrlRefs.current[key]) {

package/dist/es2019/utils/useIntersectionObserver.js

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from 'react';
-import { useStaticCallback } from './useStaticCallback';
+import { useStaticCallback } from '@atlaskit/media-common';
 export const useIntersectionObserver = (options, onVisible) => {
   const staticOnVisible = useStaticCallback(onVisible);
   const observerRef = useRef(null);

package/dist/esm/page.js

@@ -5,11 +5,11 @@ import "./page.compiled.css";
 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 { Annotations } from './annotations';
 import { DocumentLinks } from './documentLinks';
 import { getDocumentRoot } from './utils/getDocumentRoot';
 import { useIntersectionObserver } from './utils/useIntersectionObserver';
-import { useStaticCallback } from './utils/useStaticCallback';
 var Span = function Span(_ref) {
   var span = _ref.span,
     font = _ref.font;

package/dist/esm/usePageContent.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useMemo, useRef, useState } from 'react';
-import { useStaticCallback } from './utils/useStaticCallback';
+import { useStaticCallback } from '@atlaskit/media-common';
 export function usePageContent(getContent, paginationSize) {
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),

package/dist/esm/utils/useCachedGetImage.js

@@ -1,9 +1,18 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { useRef } from 'react';
-import { useStaticCallback } from './useStaticCallback';
+import { useEffect, useRef } from 'react';
+import { useStaticCallback } from '@atlaskit/media-common';
 export var useCachedGetImage = function useCachedGetImage(getPageImageUrl) {
   var imageUrlRefs = useRef({});
+  useEffect(function () {
+    return function () {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      for (var _i = 0, _Object$values = Object.values(imageUrlRefs.current); _i < _Object$values.length; _i++) {
+        var url = _Object$values[_i];
+        URL.revokeObjectURL(url);
+      }
+    };
+  }, []);
   var getImageUrl = useStaticCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pageNumber, zoom) {
       var key, url, isBlobUrl, blob;

package/dist/esm/utils/useIntersectionObserver.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useEffect, useRef } from 'react';
-import { useStaticCallback } from './useStaticCallback';
+import { useStaticCallback } from '@atlaskit/media-common';
 export var useIntersectionObserver = function useIntersectionObserver(options, onVisible) {
   var staticOnVisible = useStaticCallback(onVisible);
   var observerRef = useRef(null);

package/dist/types/usePageContent.d.ts

@@ -1,4 +1,4 @@
-import { PageRangeContent } from './types';
+import type { PageRangeContent } from './types';
 export declare function usePageContent(getContent: (startIndex: number, endIndex: number) => Promise<PageRangeContent>, paginationSize: number): {
     getPageContent: (pageInd: number) => {
         page: import("./types").PageContent;

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

@@ -1,4 +1,4 @@
-import { PageRangeContent } from './types';
+import type { PageRangeContent } from './types';
 export declare function usePageContent(getContent: (startIndex: number, endIndex: number) => Promise<PageRangeContent>, paginationSize: number): {
     getPageContent: (pageInd: number) => {
         page: import("./types").PageContent;

package/package.json

@@ -28,10 +28,11 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/css": "^0.11.0",
-		"@atlaskit/icon": "^27.0.0",
-		"@atlaskit/primitives": "^14.9.0",
-		"@atlaskit/tokens": "^5.3.0",
+		"@atlaskit/css": "^0.12.0",
+		"@atlaskit/icon": "^27.2.0",
+		"@atlaskit/media-common": "^12.3.0",
+		"@atlaskit/primitives": "^14.10.0",
+		"@atlaskit/tokens": "^5.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
@@ -83,7 +84,7 @@
 		}
 	},
 	"name": "@atlaskit/media-document-viewer",
-	"version": "0.2.1",
+	"version": "0.2.3",
 	"description": "Modern and fast document viewer",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",

package/dist/cjs/utils/useStaticCallback.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStaticCallback = void 0;
-var _react = require("react");
-var useStaticCallback = exports.useStaticCallback = function useStaticCallback(callback) {
-  var callbackRef = (0, _react.useRef)(callback);
-  callbackRef.current = callback;
-  return (0, _react.useCallback)(function () {
-    return callbackRef.current.apply(callbackRef, arguments);
-  }, []);
-};

package/dist/es2019/utils/useStaticCallback.js

@@ -1,6 +0,0 @@
-import { useCallback, useRef } from 'react';
-export const useStaticCallback = callback => {
-  const callbackRef = useRef(callback);
-  callbackRef.current = callback;
-  return useCallback((...args) => callbackRef.current(...args), []);
-};

package/dist/esm/utils/useStaticCallback.js

@@ -1,8 +0,0 @@
-import { useCallback, useRef } from 'react';
-export var useStaticCallback = function useStaticCallback(callback) {
-  var callbackRef = useRef(callback);
-  callbackRef.current = callback;
-  return useCallback(function () {
-    return callbackRef.current.apply(callbackRef, arguments);
-  }, []);
-};

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

@@ -1 +0,0 @@
-export declare const useStaticCallback: <Params extends any[], Result>(callback: (...args: Params) => Result) => (...args: Params) => Result;

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

@@ -1 +0,0 @@
-export declare const useStaticCallback: <Params extends any[], Result>(callback: (...args: Params) => Result) => (...args: Params) => Result;