@react-pdf-viewer/scroll-mode - npm Package Compare versions

Comparing version 2.2.1 to 2.3.0

lib/cjs/scroll-mode.js

@@ -8,9 +8,5 @@ 'use strict';
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var HorizontalScrollingIcon = function () {
-    return (React__default['default'].createElement(core.Icon, { size: 16 },
-        React__default['default'].createElement("path", { d: "M6.5,21.5c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z\n                M14.5,21.5c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z\n                M22.5,21.5 c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z" })));
+    return (React.createElement(core.Icon, { size: 16 },
+        React.createElement("path", { d: "M6.5,21.5c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z\n                M14.5,21.5c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z\n                M22.5,21.5 c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z" })));
 };
@@ -53,9 +49,9 @@
 var VerticalScrollingIcon = function () {
-    return (React__default['default'].createElement(core.Icon, { size: 16 },
-        React__default['default'].createElement("path", { d: "M23.5,5.5c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V5.5z\n                M23.5,13.5c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V13.5z\n                M23.5,21.5 c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V21.5z" })));
+    return (React.createElement(core.Icon, { size: 16 },
+        React.createElement("path", { d: "M23.5,5.5c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V5.5z\n                M23.5,13.5c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V13.5z\n                M23.5,21.5 c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V21.5z" })));
 };
 
 var WrappedScrollingIcon = function () {
-    return (React__default['default'].createElement(core.Icon, { size: 16 },
-        React__default['default'].createElement("path", { d: "M10.5,9.5c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V9.5z\n                M23.5,9.5c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V9.5z\n                M10.5,22.5 c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V22.5z\n                M23.5,22.5c0,0.552-0.448,1-1,1 h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V22.5z" })));
+    return (React.createElement(core.Icon, { size: 16 },
+        React.createElement("path", { d: "M10.5,9.5c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V9.5z\n                M23.5,9.5c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V9.5z\n                M10.5,22.5 c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V22.5z\n                M23.5,22.5c0,0.552-0.448,1-1,1 h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V22.5z" })));
 };
@@ -67,3 +63,3 @@
     var label = '';
-    var icon = React__default['default'].createElement(VerticalScrollingIcon, null);
+    var icon = React.createElement(VerticalScrollingIcon, null);
     switch (mode) {
@@ -74,3 +70,3 @@ case ScrollMode$1.Horizontal:
                 : 'Horizontal scrolling');
-            icon = React__default['default'].createElement(HorizontalScrollingIcon, null);
+            icon = React.createElement(HorizontalScrollingIcon, null);
             break;
@@ -81,3 +77,3 @@ case ScrollMode$1.Wrapped:
                 : 'Wrapped scrolling');
-            icon = React__default['default'].createElement(WrappedScrollingIcon, null);
+            icon = React.createElement(WrappedScrollingIcon, null);
             break;
@@ -89,3 +85,3 @@ case ScrollMode$1.Vertical:
                 : 'Vertical scrolling');
-            icon = React__default['default'].createElement(VerticalScrollingIcon, null);
+            icon = React.createElement(VerticalScrollingIcon, null);
             break;
@@ -99,3 +95,3 @@ }
     var isSelected = _a.isSelected, mode = _a.mode, onClick = _a.onClick;
-    return (React__default['default'].createElement(SwitchScrollModeDecorator, { mode: mode, onClick: onClick }, function (props) { return (React__default['default'].createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React__default['default'].createElement(core.Button, { isSelected: isSelected, onClick: props.onClick }, props.icon), content: function () { return props.label; }, offset: TOOLTIP_OFFSET })); }));
+    return (React.createElement(SwitchScrollModeDecorator, { mode: mode, onClick: onClick }, function (props) { return (React.createElement(core.Tooltip, { position: core.Position.BottomCenter, target: React.createElement(core.Button, { isSelected: isSelected, onClick: props.onClick }, props.icon), content: function () { return props.label; }, offset: TOOLTIP_OFFSET })); }));
 };
@@ -106,7 +102,7 @@
     var switchTo = function (newScrollMode) {
-        var pagesRef = store.get('getPagesRef');
-        if (!pagesRef) {
+        var getPagesContainer = store.get('getPagesContainer');
+        if (!getPagesContainer) {
             return;
         }
-        var pagesEle = pagesRef().current;
+        var pagesEle = getPagesContainer();
         if (!pagesEle) {
@@ -151,3 +147,3 @@ return;
     var isSelected = scrollMode === mode;
-    var defaultChildren = function (props) { return (React__default['default'].createElement(SwitchScrollModeButton, { isSelected: isSelected, mode: props.mode, onClick: props.onClick })); };
+    var defaultChildren = function (props) { return (React.createElement(SwitchScrollModeButton, { isSelected: isSelected, mode: props.mode, onClick: props.onClick })); };
     var render = children || defaultChildren;
@@ -163,3 +159,3 @@ return render({
     var isSelected = _a.isSelected, mode = _a.mode, onClick = _a.onClick;
-    return (React__default['default'].createElement(SwitchScrollModeDecorator, { mode: mode, onClick: onClick }, function (props) { return (React__default['default'].createElement(core.MenuItem, { checked: isSelected, icon: props.icon, onClick: props.onClick }, props.label)); }));
+    return (React.createElement(SwitchScrollModeDecorator, { mode: mode, onClick: onClick }, function (props) { return (React.createElement(core.MenuItem, { checked: isSelected, icon: props.icon, onClick: props.onClick }, props.label)); }));
 };
@@ -170,4 +166,4 @@
     var switchTo = useScrollMode(store).switchTo;
-    var handlePagesRef = function (pagesRefFn) {
-        var pagesEle = pagesRefFn().current;
+    var handlePagesContainer = function (getPagesContainer) {
+        var pagesEle = getPagesContainer();
         if (!pagesEle) {
@@ -182,22 +178,22 @@ return;
     React.useEffect(function () {
-        store.subscribe('getPagesRef', handlePagesRef);
+        store.subscribe('getPagesContainer', handlePagesContainer);
         return function () {
-            store.unsubscribe('getPagesRef', handlePagesRef);
+            store.unsubscribe('getPagesContainer', handlePagesContainer);
         };
     }, []);
-    return React__default['default'].createElement(React__default['default'].Fragment, null);
+    return React.createElement(React.Fragment, null);
 };
 
 var scrollModePlugin = function (props) {
-    var store = core.createStore({
+    var store = React.useMemo(function () { return core.createStore({
         scrollMode: props && props.scrollMode ? props.scrollMode : ScrollMode$1.Vertical,
-    });
-    var SwitchScrollModeDecorator = function (props) { return (React__default['default'].createElement(SwitchScrollMode, __assign({}, props, { store: store }))); };
-    var SwitchScrollModeButtonDecorator = function (props) { return (React__default['default'].createElement(SwitchScrollModeDecorator, { mode: props.mode }, function (p) { return (React__default['default'].createElement(SwitchScrollModeButton, { isSelected: p.isSelected, mode: p.mode, onClick: function () { p.onClick(); } })); })); };
-    var SwitchScrollModeMenuItemDecorator = function (props) { return (React__default['default'].createElement(SwitchScrollModeDecorator, { mode: props.mode }, function (p) { return (React__default['default'].createElement(SwitchScrollModeMenuItem, { isSelected: p.isSelected, mode: p.mode, onClick: function () { p.onClick(); props.onClick(); } })); })); };
+    }); }, []);
+    var SwitchScrollModeDecorator = function (props) { return (React.createElement(SwitchScrollMode, __assign({}, props, { store: store }))); };
+    var SwitchScrollModeButtonDecorator = function (props) { return (React.createElement(SwitchScrollModeDecorator, { mode: props.mode }, function (p) { return (React.createElement(SwitchScrollModeButton, { isSelected: p.isSelected, mode: p.mode, onClick: function () { p.onClick(); } })); })); };
+    var SwitchScrollModeMenuItemDecorator = function (props) { return (React.createElement(SwitchScrollModeDecorator, { mode: props.mode }, function (p) { return (React.createElement(SwitchScrollModeMenuItem, { isSelected: p.isSelected, mode: p.mode, onClick: function () { p.onClick(); props.onClick(); } })); })); };
     var renderViewer = function (props) {
         var currentSlot = props.slot;
         if (currentSlot && currentSlot.children) {
-            currentSlot.children = (React__default['default'].createElement(React__default['default'].Fragment, null,
-                React__default['default'].createElement(Tracker, { store: store }),
+            currentSlot.children = (React.createElement(React.Fragment, null,
+                React.createElement(Tracker, { store: store }),
                 currentSlot.children));
@@ -209,3 +205,3 @@ }
         install: function (pluginFunctions) {
-            store.update('getPagesRef', pluginFunctions.getPagesRef);
+            store.update('getPagesContainer', pluginFunctions.getPagesContainer);
         },
@@ -212,0 +208,0 @@ renderViewer: renderViewer,

lib/cjs/scroll-mode.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@react-pdf-viewer/core");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r,l=c(e),o=function(){return l.default.createElement(t.Icon,{size:16},l.default.createElement("path",{d:"M6.5,21.5c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z\n                M14.5,21.5c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z\n                M22.5,21.5 c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z"}))};!function(e){e.Horizontal="Horizontal",e.Vertical="Vertical",e.Wrapped="Wrapped"}(r||(r={}));var n=r,a=function(){return(a=Object.assign||function(e){for(var t,c=1,r=arguments.length;c<r;c++)for(var l in t=arguments[c])Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l]);return e}).apply(this,arguments)},i=function(){return l.default.createElement(t.Icon,{size:16},l.default.createElement("path",{d:"M23.5,5.5c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V5.5z\n                M23.5,13.5c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V13.5z\n                M23.5,21.5 c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V21.5z"}))},u=function(){return l.default.createElement(t.Icon,{size:16},l.default.createElement("path",{d:"M10.5,9.5c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V9.5z\n                M23.5,9.5c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V9.5z\n                M10.5,22.5 c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V22.5z\n                M23.5,22.5c0,0.552-0.448,1-1,1 h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V22.5z"}))},s=function(c){var r=c.children,a=c.mode,s=c.onClick,d=e.useContext(t.LocalizationContext),f="",m=l.default.createElement(i,null);switch(a){case n.Horizontal:f=d&&d.scrollMode?d.scrollMode.horizontalScrolling:"Horizontal scrolling",m=l.default.createElement(o,null);break;case n.Wrapped:f=d&&d.scrollMode?d.scrollMode.wrappedScrolling:"Wrapped scrolling",m=l.default.createElement(u,null);break;case n.Vertical:default:f=d&&d.scrollMode?d.scrollMode.verticalScrolling:"Vertical scrolling",m=l.default.createElement(i,null)}return r({icon:m,label:f,onClick:s})},d={left:0,top:8},f=function(e){var c=e.isSelected,r=e.mode,o=e.onClick;return l.default.createElement(s,{mode:r,onClick:o},(function(e){return l.default.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:l.default.createElement(t.Button,{isSelected:c,onClick:e.onClick},e.icon),content:function(){return e.label},offset:d})}))},m=function(t){var c=e.useState(t.get("scrollMode")||n.Vertical),r=c[0],l=c[1],o=function(e){l(e)};return e.useEffect((function(){return t.subscribe("scrollMode",o),function(){t.unsubscribe("scrollMode",o)}}),[]),{scrollMode:r,switchTo:function(e){var c=t.get("getPagesRef");if(c){var r=c().current;if(r){switch(e){case n.Vertical:r.classList.add("rpv-scroll-mode-vertical"),r.classList.remove("rpv-scroll-mode-horizontal"),r.classList.remove("rpv-scroll-mode-wrapped");break;case n.Horizontal:r.classList.add("rpv-scroll-mode-horizontal"),r.classList.remove("rpv-scroll-mode-vertical"),r.classList.remove("rpv-scroll-mode-wrapped");break;case n.Wrapped:r.classList.add("rpv-scroll-mode-wrapped"),r.classList.remove("rpv-scroll-mode-vertical"),r.classList.remove("rpv-scroll-mode-horizontal")}t.update("scrollMode",e)}}}}},p=function(e){var t=e.children,c=e.mode,r=e.store,o=m(r),n=o.scrollMode,a=o.switchTo,i=n===c;return(t||function(e){return l.default.createElement(f,{isSelected:i,mode:e.mode,onClick:e.onClick})})({isSelected:i,mode:c,onClick:function(){return a(c)}})},v=function(e){var c=e.isSelected,r=e.mode,o=e.onClick;return l.default.createElement(s,{mode:r,onClick:o},(function(e){return l.default.createElement(t.MenuItem,{checked:c,icon:e.icon,onClick:e.onClick},e.label)}))},h=function(t){var c=t.store,r=m(c).switchTo,o=function(e){if(e().current){var t=c.get("scrollMode")||n.Vertical;t!==n.Vertical&&r(t)}};return e.useEffect((function(){return c.subscribe("getPagesRef",o),function(){c.unsubscribe("getPagesRef",o)}}),[]),l.default.createElement(l.default.Fragment,null)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,c=require("react"),t=require("@react-pdf-viewer/core"),r=function(){return c.createElement(t.Icon,{size:16},c.createElement("path",{d:"M6.5,21.5c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z\n                M14.5,21.5c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z\n                M22.5,21.5 c0,0.552-0.448,1-1,1h-4c-0.552,0-1-0.448-1-1v-20c0-0.552,0.448-1,1-1h4c0.552,0,1,0.448,1,1V21.5z"}))};!function(e){e.Horizontal="Horizontal",e.Vertical="Vertical",e.Wrapped="Wrapped"}(e||(e={}));var o=e,n=function(){return(n=Object.assign||function(e){for(var c,t=1,r=arguments.length;t<r;t++)for(var o in c=arguments[t])Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);return e}).apply(this,arguments)},l=function(){return c.createElement(t.Icon,{size:16},c.createElement("path",{d:"M23.5,5.5c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V5.5z\n                M23.5,13.5c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V13.5z\n                M23.5,21.5 c0,0.552-0.448,1-1,1h-21c-0.552,0-1-0.448-1-1v-3c0-0.552,0.448-1,1-1h21c0.552,0,1,0.448,1,1V21.5z"}))},i=function(){return c.createElement(t.Icon,{size:16},c.createElement("path",{d:"M10.5,9.5c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V9.5z\n                M23.5,9.5c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V9.5z\n                M10.5,22.5 c0,0.552-0.448,1-1,1h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V22.5z\n                M23.5,22.5c0,0.552-0.448,1-1,1 h-8c-0.552,0-1-0.448-1-1v-8c0-0.552,0.448-1,1-1h8c0.552,0,1,0.448,1,1V22.5z"}))},a=function(e){var n=e.children,a=e.mode,s=e.onClick,u=c.useContext(t.LocalizationContext),d="",m=c.createElement(l,null);switch(a){case o.Horizontal:d=u&&u.scrollMode?u.scrollMode.horizontalScrolling:"Horizontal scrolling",m=c.createElement(r,null);break;case o.Wrapped:d=u&&u.scrollMode?u.scrollMode.wrappedScrolling:"Wrapped scrolling",m=c.createElement(i,null);break;case o.Vertical:default:d=u&&u.scrollMode?u.scrollMode.verticalScrolling:"Vertical scrolling",m=c.createElement(l,null)}return n({icon:m,label:d,onClick:s})},s={left:0,top:8},u=function(e){var r=e.isSelected,o=e.mode,n=e.onClick;return c.createElement(a,{mode:o,onClick:n},(function(e){return c.createElement(t.Tooltip,{position:t.Position.BottomCenter,target:c.createElement(t.Button,{isSelected:r,onClick:e.onClick},e.icon),content:function(){return e.label},offset:s})}))},d=function(e){var t=c.useState(e.get("scrollMode")||o.Vertical),r=t[0],n=t[1],l=function(e){n(e)};return c.useEffect((function(){return e.subscribe("scrollMode",l),function(){e.unsubscribe("scrollMode",l)}}),[]),{scrollMode:r,switchTo:function(c){var t=e.get("getPagesContainer");if(t){var r=t();if(r){switch(c){case o.Vertical:r.classList.add("rpv-scroll-mode-vertical"),r.classList.remove("rpv-scroll-mode-horizontal"),r.classList.remove("rpv-scroll-mode-wrapped");break;case o.Horizontal:r.classList.add("rpv-scroll-mode-horizontal"),r.classList.remove("rpv-scroll-mode-vertical"),r.classList.remove("rpv-scroll-mode-wrapped");break;case o.Wrapped:r.classList.add("rpv-scroll-mode-wrapped"),r.classList.remove("rpv-scroll-mode-vertical"),r.classList.remove("rpv-scroll-mode-horizontal")}e.update("scrollMode",c)}}}}},m=function(e){var t=e.children,r=e.mode,o=e.store,n=d(o),l=n.scrollMode,i=n.switchTo,a=l===r;return(t||function(e){return c.createElement(u,{isSelected:a,mode:e.mode,onClick:e.onClick})})({isSelected:a,mode:r,onClick:function(){return i(r)}})},f=function(e){var r=e.isSelected,o=e.mode,n=e.onClick;return c.createElement(a,{mode:o,onClick:n},(function(e){return c.createElement(t.MenuItem,{checked:r,icon:e.icon,onClick:e.onClick},e.label)}))},p=function(e){var t=e.store,r=d(t).switchTo,n=function(e){if(e()){var c=t.get("scrollMode")||o.Vertical;c!==o.Vertical&&r(c)}};return c.useEffect((function(){return t.subscribe("getPagesContainer",n),function(){t.unsubscribe("getPagesContainer",n)}}),[]),c.createElement(c.Fragment,null)};
 /*! *****************************************************************************
@@ -15,2 +15,2 @@ Copyright (c) Microsoft Corporation.
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */exports.HorizontalScrollingIcon=o,exports.ScrollMode=n,exports.VerticalScrollingIcon=i,exports.WrappedScrollingIcon=u,exports.scrollModePlugin=function(e){var c=t.createStore({scrollMode:e&&e.scrollMode?e.scrollMode:n.Vertical}),r=function(e){return l.default.createElement(p,a({},e,{store:c}))};return{install:function(e){c.update("getPagesRef",e.getPagesRef)},renderViewer:function(e){var t=e.slot;return t&&t.children&&(t.children=l.default.createElement(l.default.Fragment,null,l.default.createElement(h,{store:c}),t.children)),t},SwitchScrollMode:r,SwitchScrollModeButton:function(e){return l.default.createElement(r,{mode:e.mode},(function(e){return l.default.createElement(f,{isSelected:e.isSelected,mode:e.mode,onClick:function(){e.onClick()}})}))},SwitchScrollModeMenuItem:function(e){return l.default.createElement(r,{mode:e.mode},(function(t){return l.default.createElement(v,{isSelected:t.isSelected,mode:t.mode,onClick:function(){t.onClick(),e.onClick()}})}))}}};
+***************************************************************************** */exports.HorizontalScrollingIcon=r,exports.ScrollMode=o,exports.VerticalScrollingIcon=l,exports.WrappedScrollingIcon=i,exports.scrollModePlugin=function(e){var r=c.useMemo((function(){return t.createStore({scrollMode:e&&e.scrollMode?e.scrollMode:o.Vertical})}),[]),l=function(e){return c.createElement(m,n({},e,{store:r}))};return{install:function(e){r.update("getPagesContainer",e.getPagesContainer)},renderViewer:function(e){var t=e.slot;return t&&t.children&&(t.children=c.createElement(c.Fragment,null,c.createElement(p,{store:r}),t.children)),t},SwitchScrollMode:l,SwitchScrollModeButton:function(e){return c.createElement(l,{mode:e.mode},(function(e){return c.createElement(u,{isSelected:e.isSelected,mode:e.mode,onClick:function(){e.onClick()}})}))},SwitchScrollModeMenuItem:function(e){return c.createElement(l,{mode:e.mode},(function(t){return c.createElement(f,{isSelected:t.isSelected,mode:t.mode,onClick:function(){t.onClick(),e.onClick()}})}))}}};

lib/index.d.ts

@@ -9,3 +9,3 @@ /**
 
-import { Component, ReactElement } from 'react';
+import * as React from 'react';
 import { Plugin } from '@react-pdf-viewer/core';
@@ -26,3 +26,3 @@
 export interface SwitchScrollModeProps {
-    children?: (props: RenderSwitchScrollModeProps) => ReactElement;
+    children?: (props: RenderSwitchScrollModeProps) => React.ReactElement;
     mode: ScrollMode;
@@ -41,7 +41,9 @@ }
 export interface ScrollModePlugin extends Plugin {
-    SwitchScrollMode(props: SwitchScrollModeProps): ReactElement;
-    SwitchScrollModeButton(props: SwitchScrollModeButtonProps): ReactElement;
+    SwitchScrollMode(props: SwitchScrollModeProps): React.ReactElement;
+    SwitchScrollModeButton(
+        props: SwitchScrollModeButtonProps
+    ): React.ReactElement;
     SwitchScrollModeMenuItem(
         props: SwitchScrollModeMenuItemProps
-    ): ReactElement;
+    ): React.ReactElement;
 }
@@ -61,4 +63,4 @@
 
-export class HorizontalScrollingIcon extends Component {}
-export class VerticalScrollingIcon extends Component {}
-export class WrappedScrollingIcon extends Component {}
+export class HorizontalScrollingIcon extends React.Component {}
+export class VerticalScrollingIcon extends React.Component {}
+export class WrappedScrollingIcon extends React.Component {}

package.json

 {
     "name": "@react-pdf-viewer/scroll-mode",
-    "version": "2.2.1",
+    "version": "2.3.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.2.1"
+        "@react-pdf-viewer/core": "2.3.0"
     },
@@ -52,3 +52,3 @@ "peerDependencies": {
     },
-    "gitHead": "dc23d3ab29ed34affa25cc4acd25f7fce4e14fd0"
+    "gitHead": "182a54c3c2cb7d0d77bb988e495b3e6853108b0a"
 }

No alert changes

Worsened metrics

Total package byte prevSize

20649

decreased by-3.68%

Dependency changes

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

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

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