@react-pdf-viewer/page-navigation - npm Package Compare versions

Comparing version 2.4.3 to 2.5.0

lib/cjs/page-navigation.js

@@ -164,6 +164,6 @@ 'use strict';
 var GoToFirstPageButton = function (_a) {
-    var onClick = _a.onClick;
+    var isDisabled = _a.isDisabled, onClick = _a.onClick;
     var l10n = React__namespace.useContext(core.LocalizationContext);
     var label = l10n && l10n.pageNavigation ? l10n.pageNavigation.goToFirstPage : 'First page';
-    return (React__namespace.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React__namespace.createElement(core.Button, { onClick: onClick },
+    return (React__namespace.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React__namespace.createElement(core.Button, { isDisabled: isDisabled, onClick: onClick },
             React__namespace.createElement(UpArrowIcon, null)), content: function () { return label; }, offset: TOOLTIP_OFFSET$3 }));
@@ -174,2 +174,3 @@ };
     var children = _a.children, store = _a.store;
+    var currentPage = useCurrentPage(store).currentPage;
     var goToFirstPage = function () {
@@ -181,5 +182,6 @@ var jumpToPage = store.get('jumpToPage');
     };
-    var defaultChildren = function (props) { return React__namespace.createElement(GoToFirstPageButton, { onClick: props.onClick }); };
+    var defaultChildren = function (props) { return React__namespace.createElement(GoToFirstPageButton, { isDisabled: props.isDisabled, onClick: props.onClick }); };
     var render = children || defaultChildren;
     return render({
+        isDisabled: currentPage === 0,
         onClick: goToFirstPage,
@@ -190,6 +192,6 @@ });
 var GoToFirstPageMenuItem = function (_a) {
-    var onClick = _a.onClick;
+    var isDisabled = _a.isDisabled, onClick = _a.onClick;
     var l10n = React__namespace.useContext(core.LocalizationContext);
     var label = l10n && l10n.pageNavigation ? l10n.pageNavigation.goToFirstPage : 'First page';
-    return (React__namespace.createElement(core.MenuItem, { icon: React__namespace.createElement(UpArrowIcon, null), onClick: onClick }, label));
+    return (React__namespace.createElement(core.MenuItem, { icon: React__namespace.createElement(UpArrowIcon, null), isDisabled: isDisabled, onClick: onClick }, label));
 };
@@ -199,6 +201,6 @@
 var GoToLastPageButton = function (_a) {
-    var onClick = _a.onClick;
+    var isDisabled = _a.isDisabled, onClick = _a.onClick;
     var l10n = React__namespace.useContext(core.LocalizationContext);
     var label = l10n && l10n.pageNavigation ? l10n.pageNavigation.goToLastPage : 'Last page';
-    return (React__namespace.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React__namespace.createElement(core.Button, { onClick: onClick },
+    return (React__namespace.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React__namespace.createElement(core.Button, { isDisabled: isDisabled, onClick: onClick },
             React__namespace.createElement(DownArrowIcon, null)), content: function () { return label; }, offset: TOOLTIP_OFFSET$2 }));
@@ -209,2 +211,3 @@ };
     var children = _a.children, store = _a.store;
+    var currentPage = useCurrentPage(store).currentPage;
     var numberOfPages = useNumberOfPages(store).numberOfPages;
@@ -217,5 +220,6 @@ var goToLastPage = function () {
     };
-    var defaultChildren = function (props) { return React__namespace.createElement(GoToLastPageButton, { onClick: props.onClick }); };
+    var defaultChildren = function (props) { return React__namespace.createElement(GoToLastPageButton, { isDisabled: props.isDisabled, onClick: props.onClick }); };
     var render = children || defaultChildren;
     return render({
+        isDisabled: currentPage + 1 >= numberOfPages,
         onClick: goToLastPage,
@@ -226,6 +230,6 @@ });
 var GoToLastPageMenuItem = function (_a) {
-    var onClick = _a.onClick;
+    var isDisabled = _a.isDisabled, onClick = _a.onClick;
     var l10n = React__namespace.useContext(core.LocalizationContext);
     var label = l10n && l10n.pageNavigation ? l10n.pageNavigation.goToLastPage : 'Last page';
-    return (React__namespace.createElement(core.MenuItem, { icon: React__namespace.createElement(DownArrowIcon, null), onClick: onClick }, label));
+    return (React__namespace.createElement(core.MenuItem, { icon: React__namespace.createElement(DownArrowIcon, null), isDisabled: isDisabled, onClick: onClick }, label));
 };
@@ -235,6 +239,6 @@
 var GoToNextPageButton = function (_a) {
-    var onClick = _a.onClick;
+    var isDisabled = _a.isDisabled, onClick = _a.onClick;
     var l10n = React__namespace.useContext(core.LocalizationContext);
     var label = l10n && l10n.pageNavigation ? l10n.pageNavigation.goToNextPage : 'Next page';
-    return (React__namespace.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React__namespace.createElement(core.Button, { onClick: onClick },
+    return (React__namespace.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React__namespace.createElement(core.Button, { isDisabled: isDisabled, onClick: onClick },
             React__namespace.createElement(NextIcon, null)), content: function () { return label; }, offset: TOOLTIP_OFFSET$1 }));
@@ -261,2 +265,9 @@ };
 
+var GoToNextPageMenuItem = function (_a) {
+    var isDisabled = _a.isDisabled, onClick = _a.onClick;
+    var l10n = React__namespace.useContext(core.LocalizationContext);
+    var label = l10n && l10n.pageNavigation ? l10n.pageNavigation.goToNextPage : 'Next page';
+    return (React__namespace.createElement(core.MenuItem, { icon: React__namespace.createElement(NextIcon, null), isDisabled: isDisabled, onClick: onClick }, label));
+};
+
 var PreviousIcon = function () {
@@ -269,6 +280,6 @@ return (React__namespace.createElement(core.Icon, { size: 16 },
 var GoToPreviousPageButton = function (_a) {
-    var onClick = _a.onClick;
+    var isDisabled = _a.isDisabled, onClick = _a.onClick;
     var l10n = React__namespace.useContext(core.LocalizationContext);
     var label = l10n && l10n.pageNavigation ? l10n.pageNavigation.goToPreviousPage : 'Previous page';
-    return (React__namespace.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React__namespace.createElement(core.Button, { onClick: onClick },
+    return (React__namespace.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React__namespace.createElement(core.Button, { isDisabled: isDisabled, onClick: onClick },
             React__namespace.createElement(PreviousIcon, null)), content: function () { return label; }, offset: TOOLTIP_OFFSET }));
@@ -294,2 +305,9 @@ };
 
+var GoToPreviousPageMenuItem = function (_a) {
+    var isDisabled = _a.isDisabled, onClick = _a.onClick;
+    var l10n = React__namespace.useContext(core.LocalizationContext);
+    var label = l10n && l10n.pageNavigation ? l10n.pageNavigation.goToPreviousPage : 'Previous page';
+    return (React__namespace.createElement(core.MenuItem, { icon: React__namespace.createElement(PreviousIcon, null), isDisabled: isDisabled, onClick: onClick }, label));
+};
+
 var pageNavigationPlugin = function () {
@@ -301,10 +319,12 @@ var store = React__namespace.useMemo(function () { return core.createStore(); }, []);
     var GoToFirstPageButtonDecorator = function () { return (React__namespace.createElement(GoToFirstPageDecorator, null, function (props) { return React__namespace.createElement(GoToFirstPageButton, __assign({}, props)); })); };
-    var GoToFirstPageMenuItemDecorator = function (props) { return (React__namespace.createElement(GoToFirstPageDecorator, null, function (p) { return React__namespace.createElement(GoToFirstPageMenuItem, { onClick: function () { p.onClick(); props.onClick(); } }); })); };
+    var GoToFirstPageMenuItemDecorator = function (props) { return (React__namespace.createElement(GoToFirstPageDecorator, null, function (p) { return React__namespace.createElement(GoToFirstPageMenuItem, { isDisabled: p.isDisabled, onClick: function () { p.onClick(); props.onClick(); } }); })); };
     var GoToLastPageDecorator = function (props) { return (React__namespace.createElement(GoToLastPage, __assign({}, props, { store: store }))); };
     var GoToLastPageButtonDecorator = function () { return (React__namespace.createElement(GoToLastPageDecorator, null, function (props) { return React__namespace.createElement(GoToLastPageButton, __assign({}, props)); })); };
-    var GoToLastPageMenuItemDecorator = function (props) { return (React__namespace.createElement(GoToLastPageDecorator, null, function (p) { return React__namespace.createElement(GoToLastPageMenuItem, { onClick: function () { p.onClick(); props.onClick(); } }); })); };
+    var GoToLastPageMenuItemDecorator = function (props) { return (React__namespace.createElement(GoToLastPageDecorator, null, function (p) { return React__namespace.createElement(GoToLastPageMenuItem, { isDisabled: p.isDisabled, onClick: function () { p.onClick(); props.onClick(); } }); })); };
     var GoToNextPageDecorator = function (props) { return (React__namespace.createElement(GoToNextPage, __assign({}, props, { store: store }))); };
     var GoToNextPageButtonDecorator = function () { return (React__namespace.createElement(GoToNextPageDecorator, null, function (props) { return React__namespace.createElement(GoToNextPageButton, __assign({}, props)); })); };
+    var GoToNextPageMenuItemDecorator = function (props) { return (React__namespace.createElement(GoToNextPageDecorator, null, function (p) { return React__namespace.createElement(GoToNextPageMenuItem, { isDisabled: p.isDisabled, onClick: function () { p.onClick(); props.onClick(); } }); })); };
     var GoToPreviousPageDecorator = function (props) { return (React__namespace.createElement(GoToPreviousPage, __assign({}, props, { store: store }))); };
     var GoToPreviousPageButtonDecorator = function () { return (React__namespace.createElement(GoToPreviousPageDecorator, null, function (props) { return React__namespace.createElement(GoToPreviousPageButton, __assign({}, props)); })); };
+    var GoToPreviousPageMenuItemDecorator = function (props) { return (React__namespace.createElement(GoToPreviousPageDecorator, null, function (p) { return React__namespace.createElement(GoToPreviousPageMenuItem, { isDisabled: p.isDisabled, onClick: function () { p.onClick(); props.onClick(); } }); })); };
     return {
@@ -337,4 +357,6 @@ install: function (pluginFunctions) {
         GoToNextPageButton: GoToNextPageButtonDecorator,
+        GoToNextPageMenuItem: GoToNextPageMenuItemDecorator,
         GoToPreviousPage: GoToPreviousPageDecorator,
         GoToPreviousPageButton: GoToPreviousPageButtonDecorator,
+        GoToPreviousPageMenuItem: GoToPreviousPageMenuItemDecorator,
     };
@@ -341,0 +363,0 @@ };

lib/cjs/page-navigation.min.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-pdf-viewer/core");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=n(e),o=function(){return r.createElement(t.Icon,{size:16},r.createElement("path",{d:"M2.32,2.966h19.452c0.552,0.001,1,0.449,0.999,1.001c0,0.182-0.05,0.36-0.144,0.516L12.9,20.552\n                c-0.286,0.472-0.901,0.624-1.373,0.338c-0.138-0.084-0.254-0.2-0.338-0.338L1.465,4.483C1.179,4.01,1.331,3.396,1.804,3.11\n                C1.96,3.016,2.138,2.966,2.32,2.966z"}))},a=function(){return r.createElement(t.Icon,{size:16},r.createElement("path",{d:"M0.541,5.627L11.666,18.2c0.183,0.207,0.499,0.226,0.706,0.043c0.015-0.014,0.03-0.028,0.043-0.043\n                L23.541,5.627"}))},u=function(){return(u=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},c=function(e){var n=r.useState(e.get("currentPage")||0),o=n[0],a=n[1],u=function(e){a(e)};return t.useIsomorphicLayoutEffect((function(){return e.subscribe("currentPage",u),function(){e.unsubscribe("currentPage",u)}}),[]),{currentPage:o}},i=function(e){var t=r.useState(e.get("numberOfPages")||0),n=t[0],o=t[1],a=function(e){o(e)};return r.useEffect((function(){return e.subscribe("numberOfPages",a),function(){e.unsubscribe("numberOfPages",a)}}),[]),{numberOfPages:n}},l=function(e){var t=e.store,n=r.useState("1"),o=n[0],a=n[1],u=c(t).currentPage,l=i(t).numberOfPages;r.useEffect((function(){return a(""+(u+1))}),[u]);var s=function(e){var n=t.get("jumpToPage");n&&n(e)};return r.createElement("input",{className:"rpv-current-page-input",type:"text",value:o,onChange:function(e){a(e.target.value)},onKeyDown:function(e){switch(e.keyCode){case 38:(r=u-1)>=0&&(a(""+(r+1)),s(r));break;case 40:(n=u+1)<l&&(a(""+(n+1)),s(n));break;case 13:t=parseInt(o,10),""===o||t<1||t>l?a(""+(u+1)):s(t-1)}var t,n,r}})},s=function(e){var t=e.children,n=e.store;return(t||function(e){return r.createElement(r.Fragment,null,e.currentPage+1)})({currentPage:c(n).currentPage,numberOfPages:i(n).numberOfPages})},f=function(){return r.createElement(t.Icon,{size:16},r.createElement("path",{d:"M21.783,21.034H2.332c-0.552,0-1-0.448-1-1c0-0.182,0.05-0.361,0.144-0.517L11.2,3.448\n                c0.286-0.472,0.901-0.624,1.373-0.338c0.138,0.084,0.254,0.2,0.338,0.338l9.726,16.069c0.286,0.473,0.134,1.087-0.339,1.373\n                C22.143,20.984,21.965,21.034,21.783,21.034z"}))},g={left:0,top:8},m=function(e){var n=e.onClick,o=r.useContext(t.LocalizationContext),a=o&&o.pageNavigation?o.pageNavigation.goToFirstPage:"First page";return r.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:r.createElement(t.Button,{onClick:n},r.createElement(f,null)),content:function(){return a},offset:g})},p=function(e){var t=e.children,n=e.store;return(t||function(e){return r.createElement(m,{onClick:e.onClick})})({onClick:function(){var e=n.get("jumpToPage");e&&e(0)}})},P=function(e){var n=e.onClick,o=r.useContext(t.LocalizationContext),a=o&&o.pageNavigation?o.pageNavigation.goToFirstPage:"First page";return r.createElement(t.MenuItem,{icon:r.createElement(f,null),onClick:n},a)},C={left:0,top:8},v=function(e){var n=e.onClick,a=r.useContext(t.LocalizationContext),u=a&&a.pageNavigation?a.pageNavigation.goToLastPage:"Last page";return r.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:r.createElement(t.Button,{onClick:n},r.createElement(o,null)),content:function(){return u},offset:C})},E=function(e){var t=e.children,n=e.store,o=i(n).numberOfPages;return(t||function(e){return r.createElement(v,{onClick:e.onClick})})({onClick:function(){var e=n.get("jumpToPage");e&&e(o-1)}})},b=function(e){var n=e.onClick,a=r.useContext(t.LocalizationContext),u=a&&a.pageNavigation?a.pageNavigation.goToLastPage:"Last page";return r.createElement(t.MenuItem,{icon:r.createElement(o,null),onClick:n},u)},k={left:0,top:8},d=function(e){var n=e.onClick,o=r.useContext(t.LocalizationContext),u=o&&o.pageNavigation?o.pageNavigation.goToNextPage:"Next page";return r.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:r.createElement(t.Button,{onClick:n},r.createElement(a,null)),content:function(){return u},offset:k})},T=function(e){var t=e.children,n=e.store,o=c(n).currentPage,a=i(n).numberOfPages;return(t||function(e){return r.createElement(d,{onClick:e.onClick,isDisabled:e.isDisabled})})({isDisabled:o+1>=a,onClick:function(){var e=n.get("jumpToPage");e&&e(o+1)}})},x=function(){return r.createElement(t.Icon,{size:16},r.createElement("path",{d:"M23.535,18.373L12.409,5.8c-0.183-0.207-0.499-0.226-0.706-0.043C11.688,5.77,11.674,5.785,11.66,5.8\n                L0.535,18.373"}))},L={left:0,top:8},O=function(e){var n=e.onClick,o=r.useContext(t.LocalizationContext),a=o&&o.pageNavigation?o.pageNavigation.goToPreviousPage:"Previous page";return r.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:r.createElement(t.Button,{onClick:n},r.createElement(x,null)),content:function(){return a},offset:L})},N=function(e){var t=e.store,n=e.children,o=c(t).currentPage;return(n||function(e){return r.createElement(O,{isDisabled:e.isDisabled,onClick:e.onClick})})({isDisabled:o<=0,onClick:function(){var e=t.get("jumpToPage");e&&e(o-1)}})};exports.DownArrowIcon=o,exports.NextIcon=a,exports.PreviousIcon=x,exports.UpArrowIcon=f,exports.pageNavigationPlugin=function(){var e=r.useMemo((function(){return t.createStore()}),[]),n=function(t){return r.createElement(p,u({},t,{store:e}))},o=function(t){return r.createElement(E,u({},t,{store:e}))},a=function(t){return r.createElement(T,u({},t,{store:e}))},c=function(t){return r.createElement(N,u({},t,{store:e}))};return{install:function(t){e.update("jumpToPage",t.jumpToPage)},onDocumentLoad:function(t){e.update("numberOfPages",t.doc.numPages)},onViewerStateChange:function(t){return e.update("currentPage",t.pageIndex),t},jumpToPage:function(t){var n=e.get("jumpToPage");n&&n(t)},CurrentPageInput:function(){return r.createElement(l,{store:e})},CurrentPageLabel:function(t){return r.createElement(s,u({},t,{store:e}))},GoToFirstPage:n,GoToFirstPageButton:function(){return r.createElement(n,null,(function(e){return r.createElement(m,u({},e))}))},GoToFirstPageMenuItem:function(e){return r.createElement(n,null,(function(t){return r.createElement(P,{onClick:function(){t.onClick(),e.onClick()}})}))},GoToLastPage:o,GoToLastPageButton:function(){return r.createElement(o,null,(function(e){return r.createElement(v,u({},e))}))},GoToLastPageMenuItem:function(e){return r.createElement(o,null,(function(t){return r.createElement(b,{onClick:function(){t.onClick(),e.onClick()}})}))},GoToNextPage:a,GoToNextPageButton:function(){return r.createElement(a,null,(function(e){return r.createElement(d,u({},e))}))},GoToPreviousPage:c,GoToPreviousPageButton:function(){return r.createElement(c,null,(function(e){return r.createElement(O,u({},e))}))}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-pdf-viewer/core");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=n(e),o=function(){return r.createElement(t.Icon,{size:16},r.createElement("path",{d:"M2.32,2.966h19.452c0.552,0.001,1,0.449,0.999,1.001c0,0.182-0.05,0.36-0.144,0.516L12.9,20.552\n                c-0.286,0.472-0.901,0.624-1.373,0.338c-0.138-0.084-0.254-0.2-0.338-0.338L1.465,4.483C1.179,4.01,1.331,3.396,1.804,3.11\n                C1.96,3.016,2.138,2.966,2.32,2.966z"}))},i=function(){return r.createElement(t.Icon,{size:16},r.createElement("path",{d:"M0.541,5.627L11.666,18.2c0.183,0.207,0.499,0.226,0.706,0.043c0.015-0.014,0.03-0.028,0.043-0.043\n                L23.541,5.627"}))},a=function(){return(a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},c=function(e){var n=r.useState(e.get("currentPage")||0),o=n[0],i=n[1],a=function(e){i(e)};return t.useIsomorphicLayoutEffect((function(){return e.subscribe("currentPage",a),function(){e.unsubscribe("currentPage",a)}}),[]),{currentPage:o}},u=function(e){var t=r.useState(e.get("numberOfPages")||0),n=t[0],o=t[1],i=function(e){o(e)};return r.useEffect((function(){return e.subscribe("numberOfPages",i),function(){e.unsubscribe("numberOfPages",i)}}),[]),{numberOfPages:n}},l=function(e){var t=e.store,n=r.useState("1"),o=n[0],i=n[1],a=c(t).currentPage,l=u(t).numberOfPages;r.useEffect((function(){return i(""+(a+1))}),[a]);var s=function(e){var n=t.get("jumpToPage");n&&n(e)};return r.createElement("input",{className:"rpv-current-page-input",type:"text",value:o,onChange:function(e){i(e.target.value)},onKeyDown:function(e){switch(e.keyCode){case 38:(r=a-1)>=0&&(i(""+(r+1)),s(r));break;case 40:(n=a+1)<l&&(i(""+(n+1)),s(n));break;case 13:t=parseInt(o,10),""===o||t<1||t>l?i(""+(a+1)):s(t-1)}var t,n,r}})},s=function(e){var t=e.children,n=e.store;return(t||function(e){return r.createElement(r.Fragment,null,e.currentPage+1)})({currentPage:c(n).currentPage,numberOfPages:u(n).numberOfPages})},g=function(){return r.createElement(t.Icon,{size:16},r.createElement("path",{d:"M21.783,21.034H2.332c-0.552,0-1-0.448-1-1c0-0.182,0.05-0.361,0.144-0.517L11.2,3.448\n                c0.286-0.472,0.901-0.624,1.373-0.338c0.138,0.084,0.254,0.2,0.338,0.338l9.726,16.069c0.286,0.473,0.134,1.087-0.339,1.373\n                C22.143,20.984,21.965,21.034,21.783,21.034z"}))},f={left:0,top:8},m=function(e){var n=e.isDisabled,o=e.onClick,i=r.useContext(t.LocalizationContext),a=i&&i.pageNavigation?i.pageNavigation.goToFirstPage:"First page";return r.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:r.createElement(t.Button,{isDisabled:n,onClick:o},r.createElement(g,null)),content:function(){return a},offset:f})},p=function(e){var t=e.children,n=e.store;return(t||function(e){return r.createElement(m,{isDisabled:e.isDisabled,onClick:e.onClick})})({isDisabled:0===c(n).currentPage,onClick:function(){var e=n.get("jumpToPage");e&&e(0)}})},P=function(e){var n=e.isDisabled,o=e.onClick,i=r.useContext(t.LocalizationContext),a=i&&i.pageNavigation?i.pageNavigation.goToFirstPage:"First page";return r.createElement(t.MenuItem,{icon:r.createElement(g,null),isDisabled:n,onClick:o},a)},C={left:0,top:8},b=function(e){var n=e.isDisabled,i=e.onClick,a=r.useContext(t.LocalizationContext),c=a&&a.pageNavigation?a.pageNavigation.goToLastPage:"Last page";return r.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:r.createElement(t.Button,{isDisabled:n,onClick:i},r.createElement(o,null)),content:function(){return c},offset:C})},v=function(e){var t=e.children,n=e.store,o=c(n).currentPage,i=u(n).numberOfPages;return(t||function(e){return r.createElement(b,{isDisabled:e.isDisabled,onClick:e.onClick})})({isDisabled:o+1>=i,onClick:function(){var e=n.get("jumpToPage");e&&e(i-1)}})},E=function(e){var n=e.isDisabled,i=e.onClick,a=r.useContext(t.LocalizationContext),c=a&&a.pageNavigation?a.pageNavigation.goToLastPage:"Last page";return r.createElement(t.MenuItem,{icon:r.createElement(o,null),isDisabled:n,onClick:i},c)},d={left:0,top:8},k=function(e){var n=e.isDisabled,o=e.onClick,a=r.useContext(t.LocalizationContext),c=a&&a.pageNavigation?a.pageNavigation.goToNextPage:"Next page";return r.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:r.createElement(t.Button,{isDisabled:n,onClick:o},r.createElement(i,null)),content:function(){return c},offset:d})},D=function(e){var t=e.children,n=e.store,o=c(n).currentPage,i=u(n).numberOfPages;return(t||function(e){return r.createElement(k,{onClick:e.onClick,isDisabled:e.isDisabled})})({isDisabled:o+1>=i,onClick:function(){var e=n.get("jumpToPage");e&&e(o+1)}})},T=function(e){var n=e.isDisabled,o=e.onClick,a=r.useContext(t.LocalizationContext),c=a&&a.pageNavigation?a.pageNavigation.goToNextPage:"Next page";return r.createElement(t.MenuItem,{icon:r.createElement(i,null),isDisabled:n,onClick:o},c)},x=function(){return r.createElement(t.Icon,{size:16},r.createElement("path",{d:"M23.535,18.373L12.409,5.8c-0.183-0.207-0.499-0.226-0.706-0.043C11.688,5.77,11.674,5.785,11.66,5.8\n                L0.535,18.373"}))},N={left:0,top:8},L=function(e){var n=e.isDisabled,o=e.onClick,i=r.useContext(t.LocalizationContext),a=i&&i.pageNavigation?i.pageNavigation.goToPreviousPage:"Previous page";return r.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:r.createElement(t.Button,{isDisabled:n,onClick:o},r.createElement(x,null)),content:function(){return a},offset:N})},I=function(e){var t=e.store,n=e.children,o=c(t).currentPage;return(n||function(e){return r.createElement(L,{isDisabled:e.isDisabled,onClick:e.onClick})})({isDisabled:o<=0,onClick:function(){var e=t.get("jumpToPage");e&&e(o-1)}})},O=function(e){var n=e.isDisabled,o=e.onClick,i=r.useContext(t.LocalizationContext),a=i&&i.pageNavigation?i.pageNavigation.goToPreviousPage:"Previous page";return r.createElement(t.MenuItem,{icon:r.createElement(x,null),isDisabled:n,onClick:o},a)};exports.DownArrowIcon=o,exports.NextIcon=i,exports.PreviousIcon=x,exports.UpArrowIcon=g,exports.pageNavigationPlugin=function(){var e=r.useMemo((function(){return t.createStore()}),[]),n=function(t){return r.createElement(p,a({},t,{store:e}))},o=function(t){return r.createElement(v,a({},t,{store:e}))},i=function(t){return r.createElement(D,a({},t,{store:e}))},c=function(t){return r.createElement(I,a({},t,{store:e}))};return{install:function(t){e.update("jumpToPage",t.jumpToPage)},onDocumentLoad:function(t){e.update("numberOfPages",t.doc.numPages)},onViewerStateChange:function(t){return e.update("currentPage",t.pageIndex),t},jumpToPage:function(t){var n=e.get("jumpToPage");n&&n(t)},CurrentPageInput:function(){return r.createElement(l,{store:e})},CurrentPageLabel:function(t){return r.createElement(s,a({},t,{store:e}))},GoToFirstPage:n,GoToFirstPageButton:function(){return r.createElement(n,null,(function(e){return r.createElement(m,a({},e))}))},GoToFirstPageMenuItem:function(e){return r.createElement(n,null,(function(t){return r.createElement(P,{isDisabled:t.isDisabled,onClick:function(){t.onClick(),e.onClick()}})}))},GoToLastPage:o,GoToLastPageButton:function(){return r.createElement(o,null,(function(e){return r.createElement(b,a({},e))}))},GoToLastPageMenuItem:function(e){return r.createElement(o,null,(function(t){return r.createElement(E,{isDisabled:t.isDisabled,onClick:function(){t.onClick(),e.onClick()}})}))},GoToNextPage:i,GoToNextPageButton:function(){return r.createElement(i,null,(function(e){return r.createElement(k,a({},e))}))},GoToNextPageMenuItem:function(e){return r.createElement(i,null,(function(t){return r.createElement(T,{isDisabled:t.isDisabled,onClick:function(){t.onClick(),e.onClick()}})}))},GoToPreviousPage:c,GoToPreviousPageButton:function(){return r.createElement(c,null,(function(e){return r.createElement(L,a({},e))}))},GoToPreviousPageMenuItem:function(e){return r.createElement(c,null,(function(t){return r.createElement(O,{isDisabled:t.isDisabled,onClick:function(){t.onClick(),e.onClick()}})}))}}};

lib/index.d.ts

@@ -26,38 +26,10 @@ /**
 // -------------------------------------
-// Render button to go to the first page
+// Page navigation
 // -------------------------------------
 
-export interface GoToFirstPageMenuItemProps {
+export interface GoToPageMenuItemProps {
     onClick: () => void;
 }
 
-export interface RenderGoToFirstPageProps {
-    onClick: () => void;
-}
-
-export interface GoToFirstPageProps {
-    children?: (props: RenderGoToFirstPageProps) => React.ReactElement;
-}
-
-// -------------------------------------
-// Render button to go the the last page
-// -------------------------------------
-
-export interface GoToLastPageMenuItemProps {
-    onClick(): void;
-}
-
-export interface RenderGoToLastPageProps {
-    onClick: () => void;
-}
-
-export interface GoToLastPageProps {
-    children?: (props: RenderGoToLastPageProps) => React.ReactElement;
-}
-
-// ------------------------------------
-// Render button to go to the next page
-// ------------------------------------
-
-export interface RenderGoToNextPageProps {
+export interface RenderGoToPageProps {
     isDisabled: boolean;
@@ -67,19 +39,8 @@ onClick: () => void;
 
-export interface GoToNextPageProps {
-    children?: (props: RenderGoToNextPageProps) => React.ReactElement;
-}
+export type RenderGoToPage = (props: RenderGoToPageProps) => React.ReactElement;
 
-// ----------------------------------------
-// Render button to go to the previous page
-// ----------------------------------------
-
-export interface RenderGoToPreviousPageProps {
-    isDisabled: boolean;
-    onClick: () => void;
+export interface GoToPageProps {
+    children?: RenderGoToPage;
 }
 
-export interface GoToPreviousPageProps {
-    children?: (props: RenderGoToPreviousPageProps) => React.ReactElement;
-}
-
 // ------
@@ -93,12 +54,16 @@ // Plugin
     CurrentPageLabel: (props: CurrentPageLabelProps) => React.ReactElement;
-    GoToFirstPage: (props: GoToFirstPageProps) => React.ReactElement;
+    GoToFirstPage: (props: GoToPageProps) => React.ReactElement;
     GoToFirstPageButton: () => React.ReactElement;
-    GoToFirstPageMenuItem: () => React.ReactElement;
-    GoToLastPage: (props: GoToLastPageProps) => React.ReactElement;
+    GoToFirstPageMenuItem: (props: GoToPageMenuItemProps) => React.ReactElement;
+    GoToLastPage: (props: GoToPageProps) => React.ReactElement;
     GoToLastPageButton: () => React.ReactElement;
-    GoToLastPageMenuItem: () => React.ReactElement;
-    GoToNextPage: (props: GoToNextPageProps) => React.ReactElement;
+    GoToLastPageMenuItem: (props: GoToPageMenuItemProps) => React.ReactElement;
+    GoToNextPage: (props: GoToPageProps) => React.ReactElement;
     GoToNextPageButton: () => React.ReactElement;
-    GoToPreviousPage: (props: GoToPreviousPageProps) => React.ReactElement;
+    GoToNextPageMenuItem: (props: GoToPageMenuItemProps) => React.ReactElement;
+    GoToPreviousPage: (props: GoToPageProps) => React.ReactElement;
     GoToPreviousPageButton: () => React.ReactElement;
+    GoToPreviousPageMenuItem: (
+        props: GoToPageMenuItemProps
+    ) => React.ReactElement;
 }
@@ -105,0 +70,0 @@

package.json

 {
     "name": "@react-pdf-viewer/page-navigation",
-    "version": "2.4.3",
+    "version": "2.5.0",
     "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.3"
+        "@react-pdf-viewer/core": "2.5.0"
     },
@@ -52,3 +52,3 @@ "peerDependencies": {
     },
-    "gitHead": "d1b21552dea889febca7a3551924a0d3cc7679d0"
+    "gitHead": "3c7ba1ea082607670f4e2bf69d5312a14baf7057"
 }

No alert changes

Improved metrics

Total package byte prevSize

31526

increased by9.05%

Lines of code

440

increased by0.69%

Dependency changes

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

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

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