@react-pdf-viewer/toolbar - npm Package Compare versions

Comparing version 2.9.1 to 2.10.0

lib/cjs/toolbar.js

@@ -29,5 +29,3 @@ 'use strict';
                     enumerable: true,
-                    get: function () {
-                        return e[k];
-                    }
+                    get: function () { return e[k]; }
                 });
@@ -37,3 +35,3 @@ }
     }
-    n['default'] = e;
+    n["default"] = e;
     return Object.freeze(n);
@@ -121,55 +119,69 @@ }
 
-var defaultToolbar = function (toolbarSlot) {
-    var direction = React__namespace.useContext(core.ThemeContext).direction;
-    var isRtl = direction === core.TextDirection.RightToLeft;
-    var CurrentPageInput = toolbarSlot.CurrentPageInput, Download = toolbarSlot.Download, EnterFullScreen = toolbarSlot.EnterFullScreen, GoToNextPage = toolbarSlot.GoToNextPage, GoToPreviousPage = toolbarSlot.GoToPreviousPage, NumberOfPages = toolbarSlot.NumberOfPages, Open = toolbarSlot.Open, Print = toolbarSlot.Print, ShowSearchPopover = toolbarSlot.ShowSearchPopover, SwitchTheme = toolbarSlot.SwitchTheme, Zoom = toolbarSlot.Zoom, ZoomIn = toolbarSlot.ZoomIn, ZoomOut = toolbarSlot.ZoomOut;
-    return (React__namespace.createElement("div", { "data-testid": "toolbar", className: core.classNames({
-            'rpv-toolbar': true,
-            'rpv-toolbar--rtl': isRtl,
-        }), role: "toolbar", "aria-orientation": "horizontal" },
-        React__namespace.createElement("div", { className: "rpv-toolbar__left" },
-            React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                React__namespace.createElement(ShowSearchPopover, null)),
-            React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-small" },
+var renderDefaultToolbar = function (transformToolbarSlot) {
+    return function (defaultToolbarSlot) {
+        var toolbarSlot = transformToolbarSlot(defaultToolbarSlot);
+        var direction = React__namespace.useContext(core.ThemeContext).direction;
+        var isRtl = direction === core.TextDirection.RightToLeft;
+        var CurrentPageInput = toolbarSlot.CurrentPageInput, Download = toolbarSlot.Download, EnterFullScreen = toolbarSlot.EnterFullScreen, GoToNextPage = toolbarSlot.GoToNextPage, GoToPreviousPage = toolbarSlot.GoToPreviousPage, NumberOfPages = toolbarSlot.NumberOfPages, Open = toolbarSlot.Open, Print = toolbarSlot.Print, ShowSearchPopover = toolbarSlot.ShowSearchPopover, SwitchTheme = toolbarSlot.SwitchTheme, Zoom = toolbarSlot.Zoom, ZoomIn = toolbarSlot.ZoomIn, ZoomOut = toolbarSlot.ZoomOut;
+        return (React__namespace.createElement("div", { "data-testid": "toolbar", className: core.classNames({
+                'rpv-toolbar': true,
+                'rpv-toolbar--rtl': isRtl,
+            }), role: "toolbar", "aria-orientation": "horizontal" },
+            React__namespace.createElement("div", { className: "rpv-toolbar__left" },
                 React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                    React__namespace.createElement(GoToPreviousPage, null))),
-            React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                React__namespace.createElement(CurrentPageInput, null),
-                React__namespace.createElement("span", { className: "rpv-toolbar__label" },
-                    "/ ",
-                    React__namespace.createElement(NumberOfPages, null))),
-            React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-small" },
+                    React__namespace.createElement(ShowSearchPopover, null)),
+                React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-small" },
+                    React__namespace.createElement("div", { className: "rpv-toolbar__item" },
+                        React__namespace.createElement(GoToPreviousPage, null))),
                 React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                    React__namespace.createElement(GoToNextPage, null)))),
-        React__namespace.createElement("div", { className: "rpv-toolbar__center" },
-            React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                React__namespace.createElement(ZoomOut, null)),
-            React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-small" },
+                    React__namespace.createElement(CurrentPageInput, null),
+                    React__namespace.createElement("span", { className: "rpv-toolbar__label" },
+                        React__namespace.createElement(NumberOfPages, null))),
+                React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-small" },
+                    React__namespace.createElement("div", { className: "rpv-toolbar__item" },
+                        React__namespace.createElement(GoToNextPage, null)))),
+            React__namespace.createElement("div", { className: "rpv-toolbar__center" },
                 React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                    React__namespace.createElement(Zoom, null))),
-            React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                React__namespace.createElement(ZoomIn, null))),
-        React__namespace.createElement("div", { className: "rpv-toolbar__right" },
-            React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-medium" },
+                    React__namespace.createElement(ZoomOut, null)),
+                React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-small" },
+                    React__namespace.createElement("div", { className: "rpv-toolbar__item" },
+                        React__namespace.createElement(Zoom, null))),
                 React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                    React__namespace.createElement(SwitchTheme, null))),
-            React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-medium" },
+                    React__namespace.createElement(ZoomIn, null))),
+            React__namespace.createElement("div", { className: "rpv-toolbar__right" },
+                React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-medium" },
+                    React__namespace.createElement("div", { className: "rpv-toolbar__item" },
+                        React__namespace.createElement(SwitchTheme, null))),
+                React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-medium" },
+                    React__namespace.createElement("div", { className: "rpv-toolbar__item" },
+                        React__namespace.createElement(EnterFullScreen, null))),
+                React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-medium" },
+                    React__namespace.createElement("div", { className: "rpv-toolbar__item" },
+                        React__namespace.createElement(Open, null))),
+                React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-medium" },
+                    React__namespace.createElement("div", { className: "rpv-toolbar__item" },
+                        React__namespace.createElement(Download, null))),
+                React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-medium" },
+                    React__namespace.createElement("div", { className: "rpv-toolbar__item" },
+                        React__namespace.createElement(Print, null))),
                 React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                    React__namespace.createElement(EnterFullScreen, null))),
-            React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-medium" },
-                React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                    React__namespace.createElement(Open, null))),
-            React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-medium" },
-                React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                    React__namespace.createElement(Download, null))),
-            React__namespace.createElement("div", { className: "rpv-core__display--hidden rpv-core__display--block-medium" },
-                React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                    React__namespace.createElement(Print, null))),
-            React__namespace.createElement("div", { className: "rpv-toolbar__item" },
-                React__namespace.createElement(MoreActionsPopover, { toolbarSlot: toolbarSlot })))));
+                    React__namespace.createElement(MoreActionsPopover, { toolbarSlot: toolbarSlot })))));
+    };
 };
 
+var defaultTransform = function (slot) {
+    var NumberOfPages = slot.NumberOfPages;
+    return Object.assign({}, slot, {
+        NumberOfPages: function () { return (React__namespace.createElement(React__namespace.Fragment, null,
+            "/ ",
+            React__namespace.createElement(NumberOfPages, null))); },
+    });
+};
+var DefaultToobar = function (toolbarSlot) {
+    return renderDefaultToolbar(defaultTransform)(toolbarSlot);
+};
+
 var Toolbar = function (_a) {
     var children = _a.children, slot = _a.slot;
-    var render = children || defaultToolbar;
+    var render = children || DefaultToobar;
     return render(slot);
@@ -319,2 +331,3 @@ };
         },
+        renderDefaultToolbar: renderDefaultToolbar,
         Toolbar: ToolbarDecorator,
@@ -321,0 +334,0 @@ };

lib/cjs/toolbar.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-pdf-viewer/full-screen"),r=require("@react-pdf-viewer/get-file"),n=require("@react-pdf-viewer/open"),o=require("@react-pdf-viewer/page-navigation"),l=require("@react-pdf-viewer/print"),a=require("@react-pdf-viewer/properties"),i=require("@react-pdf-viewer/rotate"),c=require("@react-pdf-viewer/scroll-mode"),m=require("@react-pdf-viewer/search"),u=require("@react-pdf-viewer/selection-mode"),s=require("@react-pdf-viewer/theme"),d=require("@react-pdf-viewer/zoom"),p=require("@react-pdf-viewer/core");function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var _=v(e),E=function(){return(E=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},P=function(){return _.createElement(p.Icon,{size:16},_.createElement("path",{d:"M12,0.5c1.381,0,2.5,1.119,2.5,2.5S13.381,5.5,12,5.5S9.5,4.381,9.5,3S10.619,0.5,12,0.5z\n            M12,9.5\n            c1.381,0,2.5,1.119,2.5,2.5s-1.119,2.5-2.5,2.5S9.5,13.381,9.5,12S10.619,9.5,12,9.5z\n            M12,18.5c1.381,0,2.5,1.119,2.5,2.5\n            s-1.119,2.5-2.5,2.5S9.5,22.381,9.5,21S10.619,18.5,12,18.5z"}))},g={left:0,top:8},M=function(e){var t=e.toolbarSlot,r=_.useContext(p.LocalizationContext).l10n,n=_.useContext(p.ThemeContext).direction===p.TextDirection.RightToLeft?p.Position.BottomLeft:p.Position.BottomRight,o=t.DownloadMenuItem,l=t.EnterFullScreenMenuItem,a=t.GoToFirstPageMenuItem,i=t.GoToLastPageMenuItem,m=t.GoToNextPageMenuItem,s=t.GoToPreviousPageMenuItem,d=t.OpenMenuItem,v=t.PrintMenuItem,E=t.RotateBackwardMenuItem,M=t.RotateForwardMenuItem,h=t.ShowPropertiesMenuItem,f=t.SwitchScrollModeMenuItem,S=t.SwitchSelectionModeMenuItem,I=t.SwitchThemeMenuItem;return _.createElement(p.Popover,{ariaControlsSuffix:"toolbar-more-actions",ariaHasPopup:"menu",position:n,target:function(e,t){var o=r&&r.toolbar?r.toolbar.moreActions:"More actions";return _.createElement(p.Tooltip,{ariaControlsSuffix:"toolbar-more-actions",position:n,target:_.createElement(p.MinimalButton,{ariaLabel:o,onClick:e,isSelected:t},_.createElement(P,null)),content:function(){return o},offset:g})},content:function(e){return _.createElement(p.Menu,null,_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(I,{onClick:e})),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(l,{onClick:e})),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(d,null)),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(v,{onClick:e})),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(o,{onClick:e})),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(p.MenuDivider,null)),_.createElement(a,{onClick:e}),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(s,{onClick:e})),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(m,{onClick:e})),_.createElement(i,{onClick:e}),_.createElement(p.MenuDivider,null),_.createElement(M,{onClick:e}),_.createElement(E,{onClick:e}),_.createElement(p.MenuDivider,null),_.createElement(S,{mode:u.SelectionMode.Text,onClick:e}),_.createElement(S,{mode:u.SelectionMode.Hand,onClick:e}),_.createElement(p.MenuDivider,null),_.createElement(f,{mode:c.ScrollMode.Vertical,onClick:e}),_.createElement(f,{mode:c.ScrollMode.Horizontal,onClick:e}),_.createElement(f,{mode:c.ScrollMode.Wrapped,onClick:e}),_.createElement(p.MenuDivider,null),_.createElement(h,{onClick:e}))},offset:g,closeOnClickOutside:!0,closeOnEscape:!0})},h=function(e){var t=_.useContext(p.ThemeContext).direction===p.TextDirection.RightToLeft,r=e.CurrentPageInput,n=e.Download,o=e.EnterFullScreen,l=e.GoToNextPage,a=e.GoToPreviousPage,i=e.NumberOfPages,c=e.Open,m=e.Print,u=e.ShowSearchPopover,s=e.SwitchTheme,d=e.Zoom,v=e.ZoomIn,E=e.ZoomOut;return _.createElement("div",{"data-testid":"toolbar",className:p.classNames({"rpv-toolbar":!0,"rpv-toolbar--rtl":t}),role:"toolbar","aria-orientation":"horizontal"},_.createElement("div",{className:"rpv-toolbar__left"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(u,null)),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-small"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(a,null))),_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(r,null),_.createElement("span",{className:"rpv-toolbar__label"},"/ ",_.createElement(i,null))),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-small"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(l,null)))),_.createElement("div",{className:"rpv-toolbar__center"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(E,null)),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-small"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(d,null))),_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(v,null))),_.createElement("div",{className:"rpv-toolbar__right"},_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-medium"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(s,null))),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-medium"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(o,null))),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-medium"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(c,null))),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-medium"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(n,null))),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-medium"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(m,null))),_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(M,{toolbarSlot:e}))))},f=function(e){var t=e.children,r=e.slot;return(t||h)(r)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-pdf-viewer/full-screen"),r=require("@react-pdf-viewer/get-file"),n=require("@react-pdf-viewer/open"),o=require("@react-pdf-viewer/page-navigation"),l=require("@react-pdf-viewer/print"),a=require("@react-pdf-viewer/properties"),i=require("@react-pdf-viewer/rotate"),c=require("@react-pdf-viewer/scroll-mode"),m=require("@react-pdf-viewer/search"),u=require("@react-pdf-viewer/selection-mode"),s=require("@react-pdf-viewer/theme"),d=require("@react-pdf-viewer/zoom"),p=require("@react-pdf-viewer/core");function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var _=v(e),E=function(){return E=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},E.apply(this,arguments)},P=function(){return _.createElement(p.Icon,{size:16},_.createElement("path",{d:"M12,0.5c1.381,0,2.5,1.119,2.5,2.5S13.381,5.5,12,5.5S9.5,4.381,9.5,3S10.619,0.5,12,0.5z\n            M12,9.5\n            c1.381,0,2.5,1.119,2.5,2.5s-1.119,2.5-2.5,2.5S9.5,13.381,9.5,12S10.619,9.5,12,9.5z\n            M12,18.5c1.381,0,2.5,1.119,2.5,2.5\n            s-1.119,2.5-2.5,2.5S9.5,22.381,9.5,21S10.619,18.5,12,18.5z"}))},g={left:0,top:8},f=function(e){var t=e.toolbarSlot,r=_.useContext(p.LocalizationContext).l10n,n=_.useContext(p.ThemeContext).direction===p.TextDirection.RightToLeft?p.Position.BottomLeft:p.Position.BottomRight,o=t.DownloadMenuItem,l=t.EnterFullScreenMenuItem,a=t.GoToFirstPageMenuItem,i=t.GoToLastPageMenuItem,m=t.GoToNextPageMenuItem,s=t.GoToPreviousPageMenuItem,d=t.OpenMenuItem,v=t.PrintMenuItem,E=t.RotateBackwardMenuItem,f=t.RotateForwardMenuItem,M=t.ShowPropertiesMenuItem,h=t.SwitchScrollModeMenuItem,S=t.SwitchSelectionModeMenuItem,I=t.SwitchThemeMenuItem;return _.createElement(p.Popover,{ariaControlsSuffix:"toolbar-more-actions",ariaHasPopup:"menu",position:n,target:function(e,t){var o=r&&r.toolbar?r.toolbar.moreActions:"More actions";return _.createElement(p.Tooltip,{ariaControlsSuffix:"toolbar-more-actions",position:n,target:_.createElement(p.MinimalButton,{ariaLabel:o,onClick:e,isSelected:t},_.createElement(P,null)),content:function(){return o},offset:g})},content:function(e){return _.createElement(p.Menu,null,_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(I,{onClick:e})),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(l,{onClick:e})),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(d,null)),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(v,{onClick:e})),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(o,{onClick:e})),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(p.MenuDivider,null)),_.createElement(a,{onClick:e}),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(s,{onClick:e})),_.createElement("div",{className:"rpv-core__display--block rpv-core__display--hidden-medium"},_.createElement(m,{onClick:e})),_.createElement(i,{onClick:e}),_.createElement(p.MenuDivider,null),_.createElement(f,{onClick:e}),_.createElement(E,{onClick:e}),_.createElement(p.MenuDivider,null),_.createElement(S,{mode:u.SelectionMode.Text,onClick:e}),_.createElement(S,{mode:u.SelectionMode.Hand,onClick:e}),_.createElement(p.MenuDivider,null),_.createElement(h,{mode:c.ScrollMode.Vertical,onClick:e}),_.createElement(h,{mode:c.ScrollMode.Horizontal,onClick:e}),_.createElement(h,{mode:c.ScrollMode.Wrapped,onClick:e}),_.createElement(p.MenuDivider,null),_.createElement(M,{onClick:e}))},offset:g,closeOnClickOutside:!0,closeOnEscape:!0})},M=function(e){return function(t){var r=e(t),n=_.useContext(p.ThemeContext).direction===p.TextDirection.RightToLeft,o=r.CurrentPageInput,l=r.Download,a=r.EnterFullScreen,i=r.GoToNextPage,c=r.GoToPreviousPage,m=r.NumberOfPages,u=r.Open,s=r.Print,d=r.ShowSearchPopover,v=r.SwitchTheme,E=r.Zoom,P=r.ZoomIn,g=r.ZoomOut;return _.createElement("div",{"data-testid":"toolbar",className:p.classNames({"rpv-toolbar":!0,"rpv-toolbar--rtl":n}),role:"toolbar","aria-orientation":"horizontal"},_.createElement("div",{className:"rpv-toolbar__left"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(d,null)),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-small"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(c,null))),_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(o,null),_.createElement("span",{className:"rpv-toolbar__label"},_.createElement(m,null))),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-small"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(i,null)))),_.createElement("div",{className:"rpv-toolbar__center"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(g,null)),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-small"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(E,null))),_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(P,null))),_.createElement("div",{className:"rpv-toolbar__right"},_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-medium"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(v,null))),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-medium"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(a,null))),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-medium"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(u,null))),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-medium"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(l,null))),_.createElement("div",{className:"rpv-core__display--hidden rpv-core__display--block-medium"},_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(s,null))),_.createElement("div",{className:"rpv-toolbar__item"},_.createElement(f,{toolbarSlot:r}))))}},h=function(e){var t=e.NumberOfPages;return Object.assign({},e,{NumberOfPages:function(){return _.createElement(_.Fragment,null,"/ ",_.createElement(t,null))}})},S=function(e){return M(h)(e)},I=function(e){var t=e.children,r=e.slot;return(t||S)(r)};
 /*! *****************************************************************************
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation.
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */exports.MoreActionsPopover=M,exports.MoreIcon=P,exports.toolbarPlugin=function(e){var p=t.fullScreenPlugin(e?e.fullScreenPlugin:{}),v=r.getFilePlugin(e?e.getFilePlugin:{}),P=n.openPlugin(e?e.openPlugin:{}),g=o.pageNavigationPlugin(),M=l.printPlugin(e?e.printPlugin:{}),h=a.propertiesPlugin(),S=i.rotatePlugin(),I=c.scrollModePlugin(e?e.scrollModePlugin:{}),b=m.searchPlugin(e?e.searchPlugin:{}),w=u.selectionModePlugin(e?e.selectionModePlugin:{}),N=s.themePlugin(),y=d.zoomPlugin(e?e.zoomPlugin:{}),T=[p,v,P,g,M,h,S,I,b,w,N,y];return{fullScreenPluginInstance:p,getFilePluginInstance:v,openPluginInstance:P,pageNavigationPluginInstance:g,printPluginInstance:M,propertiesPluginInstance:h,rotatePluginInstance:S,scrollModePluginInstance:I,searchPluginInstance:b,selectionModePluginInstance:w,themePluginInstance:N,zoomPluginInstance:y,install:function(e){T.forEach((function(t){t.install&&t.install(e)}))},renderViewer:function(e){var t=e.slot;return T.forEach((function(r){r.renderViewer&&(t=r.renderViewer(E(E({},e),{slot:t})))})),t},uninstall:function(e){T.forEach((function(t){t.uninstall&&t.uninstall(e)}))},onDocumentLoad:function(e){T.forEach((function(t){t.onDocumentLoad&&t.onDocumentLoad(e)}))},onTextLayerRender:function(e){T.forEach((function(t){t.onTextLayerRender&&t.onTextLayerRender(e)}))},onViewerStateChange:function(e){var t=e;return T.forEach((function(e){e.onViewerStateChange&&(t=e.onViewerStateChange(t))})),t},Toolbar:function(e){var t=p.EnterFullScreen,r=p.EnterFullScreenMenuItem,n=v.Download,o=v.DownloadMenuItem,l=P.Open,a=P.OpenMenuItem,i=g.CurrentPageInput,c=g.CurrentPageLabel,m=g.GoToFirstPage,u=g.GoToFirstPageMenuItem,s=g.GoToLastPage,d=g.GoToLastPageMenuItem,T=g.GoToNextPage,k=g.GoToNextPageMenuItem,C=g.GoToPreviousPage,O=g.GoToPreviousPageMenuItem,x=M.Print,G=M.PrintMenuItem,F=h.ShowProperties,L=h.ShowPropertiesMenuItem,D=S.Rotate,q=S.RotateBackwardMenuItem,R=S.RotateForwardMenuItem,Z=I.SwitchScrollMode,z=I.SwitchScrollModeMenuItem,j=b.Search,V=b.ShowSearchPopover,B=w.SwitchSelectionMode,H=w.SwitchSelectionModeMenuItem,A=N.SwitchTheme,W=N.SwitchThemeMenuItem,J=y.CurrentScale,K=y.Zoom,Q=y.ZoomIn,U=y.ZoomInMenuItem,X=y.ZoomOut,Y=y.ZoomOutMenuItem;return _.createElement(f,E({},e,{slot:{CurrentPageInput:i,CurrentPageLabel:c,CurrentScale:J,Download:n,DownloadMenuItem:o,EnterFullScreen:t,EnterFullScreenMenuItem:r,GoToFirstPage:m,GoToFirstPageMenuItem:u,GoToLastPage:s,GoToLastPageMenuItem:d,GoToNextPage:T,GoToNextPageMenuItem:k,GoToPreviousPage:C,GoToPreviousPageMenuItem:O,NumberOfPages:function(){return _.createElement(c,null,(function(e){return _.createElement(_.Fragment,null,e.numberOfPages)}))},Open:l,OpenMenuItem:a,Print:x,PrintMenuItem:G,Rotate:D,RotateBackwardMenuItem:q,RotateForwardMenuItem:R,Search:j,ShowProperties:F,ShowPropertiesMenuItem:L,ShowSearchPopover:V,SwitchScrollMode:Z,SwitchScrollModeMenuItem:z,SwitchSelectionMode:B,SwitchSelectionModeMenuItem:H,SwitchTheme:A,SwitchThemeMenuItem:W,Zoom:K,ZoomIn:Q,ZoomInMenuItem:U,ZoomOut:X,ZoomOutMenuItem:Y}}))}}};
+***************************************************************************** */exports.MoreActionsPopover=f,exports.MoreIcon=P,exports.toolbarPlugin=function(e){var p=t.fullScreenPlugin(e?e.fullScreenPlugin:{}),v=r.getFilePlugin(e?e.getFilePlugin:{}),P=n.openPlugin(e?e.openPlugin:{}),g=o.pageNavigationPlugin(),f=l.printPlugin(e?e.printPlugin:{}),h=a.propertiesPlugin(),S=i.rotatePlugin(),b=c.scrollModePlugin(e?e.scrollModePlugin:{}),w=m.searchPlugin(e?e.searchPlugin:{}),N=u.selectionModePlugin(e?e.selectionModePlugin:{}),y=s.themePlugin(),T=d.zoomPlugin(e?e.zoomPlugin:{}),k=[p,v,P,g,f,h,S,b,w,N,y,T];return{fullScreenPluginInstance:p,getFilePluginInstance:v,openPluginInstance:P,pageNavigationPluginInstance:g,printPluginInstance:f,propertiesPluginInstance:h,rotatePluginInstance:S,scrollModePluginInstance:b,searchPluginInstance:w,selectionModePluginInstance:N,themePluginInstance:y,zoomPluginInstance:T,install:function(e){k.forEach((function(t){t.install&&t.install(e)}))},renderViewer:function(e){var t=e.slot;return k.forEach((function(r){r.renderViewer&&(t=r.renderViewer(E(E({},e),{slot:t})))})),t},uninstall:function(e){k.forEach((function(t){t.uninstall&&t.uninstall(e)}))},onDocumentLoad:function(e){k.forEach((function(t){t.onDocumentLoad&&t.onDocumentLoad(e)}))},onTextLayerRender:function(e){k.forEach((function(t){t.onTextLayerRender&&t.onTextLayerRender(e)}))},onViewerStateChange:function(e){var t=e;return k.forEach((function(e){e.onViewerStateChange&&(t=e.onViewerStateChange(t))})),t},renderDefaultToolbar:M,Toolbar:function(e){var t=p.EnterFullScreen,r=p.EnterFullScreenMenuItem,n=v.Download,o=v.DownloadMenuItem,l=P.Open,a=P.OpenMenuItem,i=g.CurrentPageInput,c=g.CurrentPageLabel,m=g.GoToFirstPage,u=g.GoToFirstPageMenuItem,s=g.GoToLastPage,d=g.GoToLastPageMenuItem,M=g.GoToNextPage,k=g.GoToNextPageMenuItem,C=g.GoToPreviousPage,O=g.GoToPreviousPageMenuItem,x=f.Print,G=f.PrintMenuItem,F=h.ShowProperties,D=h.ShowPropertiesMenuItem,L=S.Rotate,q=S.RotateBackwardMenuItem,R=S.RotateForwardMenuItem,Z=b.SwitchScrollMode,z=b.SwitchScrollModeMenuItem,j=w.Search,V=w.ShowSearchPopover,B=N.SwitchSelectionMode,H=N.SwitchSelectionModeMenuItem,A=y.SwitchTheme,W=y.SwitchThemeMenuItem,J=T.CurrentScale,K=T.Zoom,Q=T.ZoomIn,U=T.ZoomInMenuItem,X=T.ZoomOut,Y=T.ZoomOutMenuItem;return _.createElement(I,E({},e,{slot:{CurrentPageInput:i,CurrentPageLabel:c,CurrentScale:J,Download:n,DownloadMenuItem:o,EnterFullScreen:t,EnterFullScreenMenuItem:r,GoToFirstPage:m,GoToFirstPageMenuItem:u,GoToLastPage:s,GoToLastPageMenuItem:d,GoToNextPage:M,GoToNextPageMenuItem:k,GoToPreviousPage:C,GoToPreviousPageMenuItem:O,NumberOfPages:function(){return _.createElement(c,null,(function(e){return _.createElement(_.Fragment,null,e.numberOfPages)}))},Open:l,OpenMenuItem:a,Print:x,PrintMenuItem:G,Rotate:L,RotateBackwardMenuItem:q,RotateForwardMenuItem:R,Search:j,ShowProperties:F,ShowPropertiesMenuItem:D,ShowSearchPopover:V,SwitchScrollMode:Z,SwitchScrollModeMenuItem:z,SwitchSelectionMode:B,SwitchSelectionModeMenuItem:H,SwitchTheme:A,SwitchThemeMenuItem:W,Zoom:K,ZoomIn:Q,ZoomInMenuItem:U,ZoomOut:X,ZoomOutMenuItem:Y}}))}}};

lib/index.d.ts

@@ -113,4 +113,9 @@ /**
 
+export type TransformToolbarSlot = (toolbarSlot: ToolbarSlot) => ToolbarSlot;
+
 // Plugin
 export interface ToolbarPlugin extends Plugin {
+    renderDefaultToolbar: (
+        transformToolbarSlot: TransformToolbarSlot
+    ) => (defaultToolbarSlot: ToolbarSlot) => React.ReactElement;
     Toolbar: (props: ToolbarProps) => React.ReactElement;
@@ -117,0 +122,0 @@ // Plugins instance

package.json

 {
     "name": "@react-pdf-viewer/toolbar",
-    "version": "2.9.1",
+    "version": "2.10.0",
     "description": "A React component to view a PDF document",
@@ -36,15 +36,15 @@ "license": "https://react-pdf-viewer.dev/license",
     "dependencies": {
-        "@react-pdf-viewer/core": "2.9.1",
-        "@react-pdf-viewer/full-screen": "2.9.1",
-        "@react-pdf-viewer/get-file": "2.9.1",
-        "@react-pdf-viewer/open": "2.9.1",
-        "@react-pdf-viewer/page-navigation": "2.9.1",
-        "@react-pdf-viewer/print": "2.9.1",
-        "@react-pdf-viewer/properties": "2.9.1",
-        "@react-pdf-viewer/rotate": "2.9.1",
-        "@react-pdf-viewer/scroll-mode": "2.9.1",
-        "@react-pdf-viewer/search": "2.9.1",
-        "@react-pdf-viewer/selection-mode": "2.9.1",
-        "@react-pdf-viewer/theme": "2.9.1",
-        "@react-pdf-viewer/zoom": "2.9.1"
+        "@react-pdf-viewer/core": "2.10.0",
+        "@react-pdf-viewer/full-screen": "2.10.0",
+        "@react-pdf-viewer/get-file": "2.10.0",
+        "@react-pdf-viewer/open": "2.10.0",
+        "@react-pdf-viewer/page-navigation": "2.10.0",
+        "@react-pdf-viewer/print": "2.10.0",
+        "@react-pdf-viewer/properties": "2.10.0",
+        "@react-pdf-viewer/rotate": "2.10.0",
+        "@react-pdf-viewer/scroll-mode": "2.10.0",
+        "@react-pdf-viewer/search": "2.10.0",
+        "@react-pdf-viewer/selection-mode": "2.10.0",
+        "@react-pdf-viewer/theme": "2.10.0",
+        "@react-pdf-viewer/zoom": "2.10.0"
     },
@@ -64,3 +64,3 @@ "peerDependencies": {
     },
-    "gitHead": "59d2a32a4609a5920d2d56a95d9cbdf5cc4770a7"
+    "gitHead": "9318fa98123d3bb4cef78be6fbff29b370a8b1e0"
 }

No alert changes

Improved metrics

Total package byte prevSize

47845

increased by2.89%

Lines of code

526

increased by3.14%

Dependency changes

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

• + Added@react-pdf-viewer/full-screen@2.10.0(transitive)

• + Added@react-pdf-viewer/get-file@2.10.0(transitive)

• + Added@react-pdf-viewer/open@2.10.0(transitive)

• + Added@react-pdf-viewer/page-navigation@2.10.0(transitive)

• + Added@react-pdf-viewer/print@2.10.0(transitive)

• + Added@react-pdf-viewer/properties@2.10.0(transitive)

• + Added@react-pdf-viewer/rotate@2.10.0(transitive)

• + Added@react-pdf-viewer/scroll-mode@2.10.0(transitive)

• + Added@react-pdf-viewer/search@2.10.0(transitive)

• + Added@react-pdf-viewer/selection-mode@2.10.0(transitive)

• + Added@react-pdf-viewer/theme@2.10.0(transitive)

• + Added@react-pdf-viewer/zoom@2.10.0(transitive)

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

• - Removed@react-pdf-viewer/full-screen@2.9.1(transitive)

• - Removed@react-pdf-viewer/get-file@2.9.1(transitive)

• - Removed@react-pdf-viewer/open@2.9.1(transitive)

• - Removed@react-pdf-viewer/page-navigation@2.9.1(transitive)

• - Removed@react-pdf-viewer/print@2.9.1(transitive)

• - Removed@react-pdf-viewer/properties@2.9.1(transitive)

• - Removed@react-pdf-viewer/rotate@2.9.1(transitive)

• - Removed@react-pdf-viewer/scroll-mode@2.9.1(transitive)

• - Removed@react-pdf-viewer/search@2.9.1(transitive)

• - Removed@react-pdf-viewer/selection-mode@2.9.1(transitive)

• - Removed@react-pdf-viewer/theme@2.9.1(transitive)

• - Removed@react-pdf-viewer/zoom@2.9.1(transitive)

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

• Updated@react-pdf-viewer/full-screen@2.10.0

• Updated@react-pdf-viewer/get-file@2.10.0

• Updated@react-pdf-viewer/open@2.10.0

• Updated@react-pdf-viewer/page-navigation@2.10.0

• Updated@react-pdf-viewer/print@2.10.0

• Updated@react-pdf-viewer/properties@2.10.0

• Updated@react-pdf-viewer/rotate@2.10.0

• Updated@react-pdf-viewer/scroll-mode@2.10.0

• Updated@react-pdf-viewer/search@2.10.0

• Updated@react-pdf-viewer/selection-mode@2.10.0

• Updated@react-pdf-viewer/theme@2.10.0

• Updated@react-pdf-viewer/zoom@2.10.0