@react-pdf-viewer/full-screen - npm Package Compare versions

Comparing version 2.4.1 to 2.4.2

lib/cjs/full-screen.js

@@ -8,5 +8,27 @@ 'use strict';
 
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () {
+                        return e[k];
+                    }
+                });
+            }
+        });
+    }
+    n['default'] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
 var ExitFullScreenIcon = function () {
-    return (React.createElement(core.Icon, { size: 16 },
-        React.createElement("path", { d: "M10.515,9.514h3c0.552,0,1,0.448,1,1v3c0,0.552-0.448,1-1,1h-3c-0.552,0-1-0.448-1-1v-3\n                C9.515,9.962,9.963,9.514,10.515,9.514z\n                M0.531,23.499l6.984-6.985\n                M16.515,7.514L23.5,0.529\n                M21.515,7.514h-5v-5\n                M7.515,21.514v-5 h-5\n                M0.523,0.521l6.992,6.993\n                M16.515,16.514l6.985,6.985\n                M16.515,21.514v-5h5\n                M2.515,7.514h5v-5" })));
+    return (React__namespace.createElement(core.Icon, { size: 16 },
+        React__namespace.createElement("path", { d: "M10.515,9.514h3c0.552,0,1,0.448,1,1v3c0,0.552-0.448,1-1,1h-3c-0.552,0-1-0.448-1-1v-3\n                C9.515,9.962,9.963,9.514,10.515,9.514z\n                M0.531,23.499l6.984-6.985\n                M16.515,7.514L23.5,0.529\n                M21.515,7.514h-5v-5\n                M7.515,21.514v-5 h-5\n                M0.523,0.521l6.992,6.993\n                M16.515,16.514l6.985,6.985\n                M16.515,21.514v-5h5\n                M2.515,7.514h5v-5" })));
 };
@@ -41,4 +63,4 @@
 var FullScreenIcon = function () {
-    return (React.createElement(core.Icon, { size: 16 },
-        React.createElement("path", { d: "M15.5,8.499l8-8\n                M0.5,23.499l8-8\n                M5.5,23.499h-5v-5\n                M23.5,5.499v-5h-5\n                M15.5,15.499l8,8\n                M0.5,0.499l8,8\n                M0.5,5.499v-5h5\n                M18.5,23.499h5v-5" })));
+    return (React__namespace.createElement(core.Icon, { size: 16 },
+        React__namespace.createElement("path", { d: "M15.5,8.499l8-8\n                M0.5,23.499l8-8\n                M5.5,23.499h-5v-5\n                M23.5,5.499v-5h-5\n                M15.5,15.499l8,8\n                M0.5,0.499l8,8\n                M0.5,5.499v-5h5\n                M18.5,23.499h5v-5" })));
 };
@@ -49,6 +71,6 @@
     var onClick = _a.onClick;
-    var l10n = React.useContext(core.LocalizationContext);
+    var l10n = React__namespace.useContext(core.LocalizationContext);
     var label = l10n && l10n.fullScreen ? l10n.fullScreen.enterFullScreen : 'Full screen';
-    return (React.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React.createElement(core.Button, { onClick: onClick },
-            React.createElement(FullScreenIcon, null)), content: function () { return label; }, offset: TOOLTIP_OFFSET }));
+    return (React__namespace.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React__namespace.createElement(core.Button, { onClick: onClick },
+            React__namespace.createElement(FullScreenIcon, null)), content: function () { return label; }, offset: TOOLTIP_OFFSET }));
 };
@@ -114,3 +136,3 @@
     var children = _a.children, store = _a.store, onEnterFullScreen = _a.onEnterFullScreen, onExitFullScreen = _a.onExitFullScreen;
-    var pagesRef = React.useRef(store.get('getPagesContainer') ? store.get('getPagesContainer')() : null);
+    var pagesRef = React__namespace.useRef(store.get('getPagesContainer') ? store.get('getPagesContainer')() : null);
     var closeOtherFullScreen = function () {
@@ -148,3 +170,3 @@ var pagesEle = pagesRef.current;
     };
-    React.useEffect(function () {
+    React__namespace.useEffect(function () {
         store.subscribe('getPagesContainer', handlePagesContainer);
@@ -155,3 +177,3 @@ return function () {
     }, []);
-    var defaultChildren = function (props) { return React.createElement(EnterFullScreenButton, { onClick: props.onClick }); };
+    var defaultChildren = function (props) { return React__namespace.createElement(EnterFullScreenButton, { onClick: props.onClick }); };
     var render = children || defaultChildren;
@@ -165,3 +187,3 @@ return render({
     var store = _a.store;
-    var _b = React.useState(false), isFullScreen = _b[0], setFullScreen = _b[1];
+    var _b = React__namespace.useState(false), isFullScreen = _b[0], setFullScreen = _b[1];
     var handleFullScreen = function (fullScreen) {
@@ -185,3 +207,3 @@ setFullScreen(fullScreen);
     };
-    React.useEffect(function () {
+    React__namespace.useEffect(function () {
         store.subscribe('isFullScreen', handleFullScreen);
@@ -192,21 +214,21 @@ return function () {
     }, []);
-    return (React.createElement(React.Fragment, null, isFullScreen &&
-        React.createElement("div", { className: 'rpv-full-screen-exit-button' },
-            React.createElement("div", { className: 'rpv-full-screen-exit-button-inner' },
-                React.createElement(core.Button, { onClick: handleExitFullScreen },
-                    React.createElement(ExitFullScreenIcon, null))))));
+    return (React__namespace.createElement(React__namespace.Fragment, null, isFullScreen &&
+        React__namespace.createElement("div", { className: 'rpv-full-screen-exit-button' },
+            React__namespace.createElement("div", { className: 'rpv-full-screen-exit-button-inner' },
+                React__namespace.createElement(core.Button, { onClick: handleExitFullScreen },
+                    React__namespace.createElement(ExitFullScreenIcon, null))))));
 };
 
 var fullScreenPlugin = function (props) {
-    var store = React.useMemo(function () { return core.createStore({}); }, []);
+    var store = React__namespace.useMemo(function () { return core.createStore({}); }, []);
     var onEnterFullScreen = props && props.onEnterFullScreen ? props.onEnterFullScreen : function () { };
     var onExitFullScreen = props && props.onExitFullScreen ? props.onExitFullScreen : function () { };
-    var EnterFullScreenDecorator = function (props) { return (React.createElement(EnterFullScreen, __assign({}, props, { store: store, onEnterFullScreen: onEnterFullScreen, onExitFullScreen: onExitFullScreen }))); };
-    var EnterFullScreenButtonDecorator = function () { return (React.createElement(EnterFullScreenDecorator, null, function (renderProps) { return React.createElement(EnterFullScreenButton, __assign({}, renderProps)); })); };
-    var ExitFullScreenDecorator = function () { return (React.createElement(ExitFullScreenButton, { store: store })); };
+    var EnterFullScreenDecorator = function (props) { return (React__namespace.createElement(EnterFullScreen, __assign({}, props, { store: store, onEnterFullScreen: onEnterFullScreen, onExitFullScreen: onExitFullScreen }))); };
+    var EnterFullScreenButtonDecorator = function () { return (React__namespace.createElement(EnterFullScreenDecorator, null, function (renderProps) { return React__namespace.createElement(EnterFullScreenButton, __assign({}, renderProps)); })); };
+    var ExitFullScreenDecorator = function () { return (React__namespace.createElement(ExitFullScreenButton, { store: store })); };
     var renderViewer = function (props) {
         var currentSlot = props.slot;
         if (currentSlot.subSlot) {
-            currentSlot.subSlot.children = (React.createElement(React.Fragment, null,
-                React.createElement(ExitFullScreenDecorator, null),
+            currentSlot.subSlot.children = (React__namespace.createElement(React__namespace.Fragment, null,
+                React__namespace.createElement(ExitFullScreenDecorator, null),
                 currentSlot.subSlot.children));
@@ -213,0 +235,0 @@ }

lib/cjs/full-screen.min.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("react"),t=require("@react-pdf-viewer/core"),l=function(){return n.createElement(t.Icon,{size:16},n.createElement("path",{d:"M10.515,9.514h3c0.552,0,1,0.448,1,1v3c0,0.552-0.448,1-1,1h-3c-0.552,0-1-0.448-1-1v-3\n                C9.515,9.962,9.963,9.514,10.515,9.514z\n                M0.531,23.499l6.984-6.985\n                M16.515,7.514L23.5,0.529\n                M21.515,7.514h-5v-5\n                M7.515,21.514v-5 h-5\n                M0.523,0.521l6.992,6.993\n                M16.515,16.514l6.985,6.985\n                M16.515,21.514v-5h5\n                M2.515,7.514h5v-5"}))},r=function(){return(r=Object.assign||function(e){for(var n,t=1,l=arguments.length;t<l;t++)for(var r in n=arguments[t])Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);return e}).apply(this,arguments)},u=function(){return n.createElement(t.Icon,{size:16},n.createElement("path",{d:"M15.5,8.499l8-8\n                M0.5,23.499l8-8\n                M5.5,23.499h-5v-5\n                M23.5,5.499v-5h-5\n                M15.5,15.499l8,8\n                M0.5,0.499l8,8\n                M0.5,5.499v-5h5\n                M18.5,23.499h5v-5"}))},c={left:0,top:8},o=function(e){var l=e.onClick,r=n.useContext(t.LocalizationContext),o=r&&r.fullScreen?r.fullScreen.enterFullScreen:"Full screen";return n.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:n.createElement(t.Button,{onClick:l},n.createElement(u,null)),content:function(){return o},offset:c})};!function(e){e[e.ExitFullScreen=0]="ExitFullScreen",e[e.FullScreenChange=1]="FullScreenChange",e[e.FullScreenElement=2]="FullScreenElement",e[e.FullScreenEnabled=3]="FullScreenEnabled",e[e.RequestFullScreen=4]="RequestFullScreen"}(e||(e={}));var i={ExitFullScreen:"exitFullscreen",FullScreenChange:"fullscreenchange",FullScreenElement:"fullscreenElement",FullScreenEnabled:"fullscreenEnabled",RequestFullScreen:"requestFullscreen"},a={ExitFullScreen:"webkitExitFullscreen",FullScreenChange:"webkitfullscreenchange",FullScreenElement:"webkitFullscreenElement",FullScreenEnabled:"webkitFullscreenEnabled",RequestFullScreen:"webkitRequestFullscreen"},s={ExitFullScreen:"msExitFullscreen",FullScreenChange:"MSFullscreenChange",FullScreenElement:"msFullscreenElement",FullScreenEnabled:"msFullscreenEnabled",RequestFullScreen:"msRequestFullscreen"},F="undefined"!=typeof window,E=F&&(e.FullScreenEnabled in document&&i||a.FullScreenEnabled in document&&a||s.FullScreenEnabled in document&&s)||i,f=function(e){return F?e[E.ExitFullScreen]():Promise.resolve({})},S=function(){return F?document[E.FullScreenElement]:null},m=function(e){var t=e.children,l=e.store,r=e.onEnterFullScreen,u=e.onExitFullScreen,c=n.useRef(l.get("getPagesContainer")?l.get("getPagesContainer")():null),i=function(){var e=S()===c.current;l.update("isFullScreen",e);var n=l.get("zoom");n&&(e?r(n):u(n))},a=function(e){var n;c.current=e(),n=i,F&&document.addEventListener(E.FullScreenChange,n)};n.useEffect((function(){return l.subscribe("getPagesContainer",a),function(){l.unsubscribe("getPagesContainer",a)}}),[]);return(t||function(e){return n.createElement(o,{onClick:e.onClick})})({onClick:function(){var e=c.current;e&&function(){var e=c.current;if(!e)return Promise.resolve();var n=S();return n&&n!==e?f(n):Promise.resolve()}().then((function(){var n;n=e,F&&n[E.RequestFullScreen]()}))}})},v=function(e){var r=e.store,u=n.useState(!1),c=u[0],o=u[1],i=function(e){o(e)};return n.useEffect((function(){return r.subscribe("isFullScreen",i),function(){r.unsubscribe("isFullScreen",i)}}),[]),n.createElement(n.Fragment,null,c&&n.createElement("div",{className:"rpv-full-screen-exit-button"},n.createElement("div",{className:"rpv-full-screen-exit-button-inner"},n.createElement(t.Button,{onClick:function(){o(!1);var e=r.get("getPagesContainer");if(e){var n=e();if(n){var t=S();t&&t===n&&f(document)}}}},n.createElement(l,null)))))};exports.ExitFullScreenIcon=l,exports.FullScreenIcon=u,exports.fullScreenPlugin=function(e){var l=n.useMemo((function(){return t.createStore({})}),[]),u=e&&e.onEnterFullScreen?e.onEnterFullScreen:function(){},c=e&&e.onExitFullScreen?e.onExitFullScreen:function(){},i=function(e){return n.createElement(m,r({},e,{store:l,onEnterFullScreen:u,onExitFullScreen:c}))},a=function(){return n.createElement(v,{store:l})};return{install:function(e){l.update("getPagesContainer",e.getPagesContainer),l.update("zoom",e.zoom)},renderViewer:function(e){var t=e.slot;return t.subSlot&&(t.subSlot.children=n.createElement(n.Fragment,null,n.createElement(a,null),t.subSlot.children)),t},EnterFullScreen:i,EnterFullScreenButton:function(){return n.createElement(i,null,(function(e){return n.createElement(o,r({},e))}))}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("@react-pdf-viewer/core");function t(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var r,l=t(e),u=function(){return l.createElement(n.Icon,{size:16},l.createElement("path",{d:"M10.515,9.514h3c0.552,0,1,0.448,1,1v3c0,0.552-0.448,1-1,1h-3c-0.552,0-1-0.448-1-1v-3\n                C9.515,9.962,9.963,9.514,10.515,9.514z\n                M0.531,23.499l6.984-6.985\n                M16.515,7.514L23.5,0.529\n                M21.515,7.514h-5v-5\n                M7.515,21.514v-5 h-5\n                M0.523,0.521l6.992,6.993\n                M16.515,16.514l6.985,6.985\n                M16.515,21.514v-5h5\n                M2.515,7.514h5v-5"}))},c=function(){return(c=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var l in n=arguments[t])Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l]);return e}).apply(this,arguments)},o=function(){return l.createElement(n.Icon,{size:16},l.createElement("path",{d:"M15.5,8.499l8-8\n                M0.5,23.499l8-8\n                M5.5,23.499h-5v-5\n                M23.5,5.499v-5h-5\n                M15.5,15.499l8,8\n                M0.5,0.499l8,8\n                M0.5,5.499v-5h5\n                M18.5,23.499h5v-5"}))},i={left:0,top:8},a=function(e){var t=e.onClick,r=l.useContext(n.LocalizationContext),u=r&&r.fullScreen?r.fullScreen.enterFullScreen:"Full screen";return l.createElement(n.Tooltip,{position:n.Position.BottomCenter,target:l.createElement(n.Button,{onClick:t},l.createElement(o,null)),content:function(){return u},offset:i})};!function(e){e[e.ExitFullScreen=0]="ExitFullScreen",e[e.FullScreenChange=1]="FullScreenChange",e[e.FullScreenElement=2]="FullScreenElement",e[e.FullScreenEnabled=3]="FullScreenEnabled",e[e.RequestFullScreen=4]="RequestFullScreen"}(r||(r={}));var s={ExitFullScreen:"exitFullscreen",FullScreenChange:"fullscreenchange",FullScreenElement:"fullscreenElement",FullScreenEnabled:"fullscreenEnabled",RequestFullScreen:"requestFullscreen"},f={ExitFullScreen:"webkitExitFullscreen",FullScreenChange:"webkitfullscreenchange",FullScreenElement:"webkitFullscreenElement",FullScreenEnabled:"webkitFullscreenEnabled",RequestFullScreen:"webkitRequestFullscreen"},E={ExitFullScreen:"msExitFullscreen",FullScreenChange:"MSFullscreenChange",FullScreenElement:"msFullscreenElement",FullScreenEnabled:"msFullscreenEnabled",RequestFullScreen:"msRequestFullscreen"},F="undefined"!=typeof window,S=F&&(r.FullScreenEnabled in document&&s||f.FullScreenEnabled in document&&f||E.FullScreenEnabled in document&&E)||s,m=function(e){return F?e[S.ExitFullScreen]():Promise.resolve({})},v=function(){return F?document[S.FullScreenElement]:null},d=function(e){var n=e.children,t=e.store,r=e.onEnterFullScreen,u=e.onExitFullScreen,c=l.useRef(t.get("getPagesContainer")?t.get("getPagesContainer")():null),o=function(){var e=v()===c.current;t.update("isFullScreen",e);var n=t.get("zoom");n&&(e?r(n):u(n))},i=function(e){var n;c.current=e(),n=o,F&&document.addEventListener(S.FullScreenChange,n)};l.useEffect((function(){return t.subscribe("getPagesContainer",i),function(){t.unsubscribe("getPagesContainer",i)}}),[]);return(n||function(e){return l.createElement(a,{onClick:e.onClick})})({onClick:function(){var e=c.current;e&&function(){var e=c.current;if(!e)return Promise.resolve();var n=v();return n&&n!==e?m(n):Promise.resolve()}().then((function(){var n;n=e,F&&n[S.RequestFullScreen]()}))}})},b=function(e){var t=e.store,r=l.useState(!1),c=r[0],o=r[1],i=function(e){o(e)};return l.useEffect((function(){return t.subscribe("isFullScreen",i),function(){t.unsubscribe("isFullScreen",i)}}),[]),l.createElement(l.Fragment,null,c&&l.createElement("div",{className:"rpv-full-screen-exit-button"},l.createElement("div",{className:"rpv-full-screen-exit-button-inner"},l.createElement(n.Button,{onClick:function(){o(!1);var e=t.get("getPagesContainer");if(e){var n=e();if(n){var r=v();r&&r===n&&m(document)}}}},l.createElement(u,null)))))};exports.ExitFullScreenIcon=u,exports.FullScreenIcon=o,exports.fullScreenPlugin=function(e){var t=l.useMemo((function(){return n.createStore({})}),[]),r=e&&e.onEnterFullScreen?e.onEnterFullScreen:function(){},u=e&&e.onExitFullScreen?e.onExitFullScreen:function(){},o=function(e){return l.createElement(d,c({},e,{store:t,onEnterFullScreen:r,onExitFullScreen:u}))},i=function(){return l.createElement(b,{store:t})};return{install:function(e){t.update("getPagesContainer",e.getPagesContainer),t.update("zoom",e.zoom)},renderViewer:function(e){var n=e.slot;return n.subSlot&&(n.subSlot.children=l.createElement(l.Fragment,null,l.createElement(i,null),n.subSlot.children)),n},EnterFullScreen:o,EnterFullScreenButton:function(){return l.createElement(o,null,(function(e){return l.createElement(a,c({},e))}))}}};

package.json

 {
     "name": "@react-pdf-viewer/full-screen",
-    "version": "2.4.1",
+    "version": "2.4.2",
     "description": "A React component to view a PDF document",
@@ -36,3 +36,3 @@ "license": "https://react-pdf-viewer.dev/license",
     "dependencies": {
-        "@react-pdf-viewer/core": "2.4.1"
+        "@react-pdf-viewer/core": "2.4.2"
     },
@@ -52,3 +52,3 @@ "peerDependencies": {
     },
-    "gitHead": "ecc13b17c4b2ce670b4faca550ec036ead8425da"
+    "gitHead": "cdcbd1484baab181f5a5c9ee2e0b82bd6481cdc6"
 }

No alert changes

Improved metrics

Total package byte prevSize

18962

increased by6.86%

Lines of code

288

increased by7.87%

Dependency changes

• + Added@react-pdf-viewer/core@2.4.2(transitive)

• - Removed@react-pdf-viewer/core@2.4.1(transitive)

• Updated@react-pdf-viewer/core@2.4.2