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

Comparing version 3.0.0 to 3.1.0

lib/cjs/scroll-mode.js

@@ -28,9 +28,2 @@ 'use strict';
 
-exports.ScrollMode = void 0;
-(function (ScrollMode) {
-    ScrollMode["Horizontal"] = "Horizontal";
-    ScrollMode["Vertical"] = "Vertical";
-    ScrollMode["Wrapped"] = "Wrapped";
-})(exports.ScrollMode || (exports.ScrollMode = {}));
-
 /*! *****************************************************************************
@@ -77,11 +70,11 @@ Copyright (c) Microsoft Corporation.
     switch (mode) {
-        case exports.ScrollMode.Horizontal:
+        case core.ScrollMode.Horizontal:
             label = (l10n && l10n.scrollMode ? l10n.scrollMode.horizontalScrolling : 'Horizontal scrolling');
             icon = React__namespace.createElement(HorizontalScrollingIcon, null);
             break;
-        case exports.ScrollMode.Wrapped:
+        case core.ScrollMode.Wrapped:
             label = (l10n && l10n.scrollMode ? l10n.scrollMode.wrappedScrolling : 'Wrapped scrolling');
             icon = React__namespace.createElement(WrappedScrollingIcon, null);
             break;
-        case exports.ScrollMode.Vertical:
+        case core.ScrollMode.Vertical:
         default:
@@ -100,11 +93,12 @@ label = (l10n && l10n.scrollMode ? l10n.scrollMode.verticalScrolling : 'Vertical scrolling');
     switch (mode) {
-        case exports.ScrollMode.Horizontal:
+        case core.ScrollMode.Horizontal:
             testId = 'scroll-mode__horizontal-button';
             break;
-        case exports.ScrollMode.Vertical:
+        case core.ScrollMode.Wrapped:
+            testId = 'scroll-mode__wrapped-button';
+            break;
+        case core.ScrollMode.Vertical:
+        default:
             testId = 'scroll-mode__vertical-button';
             break;
-        case exports.ScrollMode.Wrapped:
-        default:
-            testId = 'scroll-mode__wrapped-button';
     }
@@ -115,32 +109,13 @@ return (React__namespace.createElement(SwitchScrollModeDecorator, { mode: mode, onClick: onClick }, function (props) { return (React__namespace.createElement(core.Tooltip, { ariaControlsSuffix: "scroll-mode-switch", position: core.Position.BottomCenter, target: React__namespace.createElement(core.MinimalButton, { ariaLabel: props.label, isSelected: isSelected, testId: testId, onClick: props.onClick }, props.icon), content: function () { return props.label; }, offset: TOOLTIP_OFFSET })); }));
 var useScrollMode = function (store) {
-    var _a = React__namespace.useState(store.get('scrollMode') || exports.ScrollMode.Vertical), scrollMode = _a[0], setScrollMode = _a[1];
-    var switchTo = function (newScrollMode) {
-        setScrollMode(newScrollMode);
-        var getPagesContainer = store.get('getPagesContainer');
-        if (!getPagesContainer) {
-            return;
-        }
-        var pagesEle = getPagesContainer();
-        if (!pagesEle) {
-            return;
-        }
-        switch (newScrollMode) {
-            case exports.ScrollMode.Vertical:
-                pagesEle.classList.add('rpv-scroll-mode__vertical');
-                pagesEle.classList.remove('rpv-scroll-mode__horizontal');
-                pagesEle.classList.remove('rpv-scroll-mode__wrapped');
-                break;
-            case exports.ScrollMode.Horizontal:
-                pagesEle.classList.add('rpv-scroll-mode__horizontal');
-                pagesEle.classList.remove('rpv-scroll-mode__vertical');
-                pagesEle.classList.remove('rpv-scroll-mode__wrapped');
-                break;
-            case exports.ScrollMode.Wrapped:
-                pagesEle.classList.add('rpv-scroll-mode__wrapped');
-                pagesEle.classList.remove('rpv-scroll-mode__vertical');
-                pagesEle.classList.remove('rpv-scroll-mode__horizontal');
-                break;
-        }
+    var _a = React__namespace.useState(store.get('scrollMode') || core.ScrollMode.Vertical), scrollMode = _a[0], setScrollMode = _a[1];
+    var handleScrollModeChanged = function (currentScrollMode) {
+        setScrollMode(currentScrollMode);
     };
-    return { scrollMode: scrollMode, switchTo: switchTo };
+    React__namespace.useEffect(function () {
+        store.subscribe('scrollMode', handleScrollModeChanged);
+        return function () {
+            store.unsubscribe('scrollMode', handleScrollModeChanged);
+        };
+    }, []);
+    return { scrollMode: scrollMode };
 };
@@ -150,6 +125,5 @@
     var children = _a.children, mode = _a.mode, store = _a.store;
-    var _b = useScrollMode(store), scrollMode = _b.scrollMode, switchTo = _b.switchTo;
+    var scrollMode = useScrollMode(store).scrollMode;
     var onClick = function () {
-        switchTo(mode);
-        store.update('scrollMode', mode);
+        store.get('switchScrollMode')(mode);
     };
@@ -170,11 +144,12 @@ var isSelected = scrollMode === mode;
     switch (mode) {
-        case exports.ScrollMode.Horizontal:
+        case core.ScrollMode.Horizontal:
             testId = 'scroll-mode__horizontal-menu';
             break;
-        case exports.ScrollMode.Vertical:
+        case core.ScrollMode.Wrapped:
+            testId = 'scroll-mode__wrapped-menu';
+            break;
+        case core.ScrollMode.Vertical:
+        default:
             testId = 'scroll-mode__vertical-menu';
             break;
-        case exports.ScrollMode.Wrapped:
-        default:
-            testId = 'scroll-mode__wrapped-menu';
     }
@@ -184,38 +159,8 @@ return (React__namespace.createElement(SwitchScrollModeDecorator, { mode: mode, onClick: onClick }, function (props) { return (React__namespace.createElement(core.MenuItem, { checked: isSelected, icon: props.icon, testId: testId, onClick: props.onClick }, props.label)); }));
 
-var Tracker = function (_a) {
-    var store = _a.store;
-    var direction = React__namespace.useContext(core.ThemeContext).direction;
-    var isRtl = direction === core.TextDirection.RightToLeft;
-    var _b = useScrollMode(store), scrollMode = _b.scrollMode, switchTo = _b.switchTo;
-    var handlePagesContainer = function (getPagesContainer) {
-        var pagesEle = getPagesContainer();
-        if (!pagesEle) {
-            return;
-        }
-        isRtl ? pagesEle.classList.add('rpv-scroll-mode--rtl') : pagesEle.classList.remove('rpv-scroll-mode--rtl');
-        var scrollMode = store.get('scrollMode') || exports.ScrollMode.Vertical;
-        if (scrollMode !== exports.ScrollMode.Vertical) {
-            switchTo(scrollMode);
-        }
-    };
-    var handleScrollModeChanged = function (newScrollMode) {
-        if (newScrollMode !== scrollMode) {
-            switchTo(newScrollMode);
-        }
-    };
-    React__namespace.useEffect(function () {
-        store.subscribe('getPagesContainer', handlePagesContainer);
-        store.subscribe('scrollMode', handleScrollModeChanged);
-        return function () {
-            store.unsubscribe('getPagesContainer', handlePagesContainer);
-            store.unsubscribe('scrollMode', handleScrollModeChanged);
-        };
-    }, []);
-    return React__namespace.createElement(React__namespace.Fragment, null);
-};
-
-var scrollModePlugin = function (props) {
+var scrollModePlugin = function () {
     var store = React__namespace.useMemo(function () {
         return core.createStore({
-            scrollMode: props && props.scrollMode ? props.scrollMode : exports.ScrollMode.Vertical,
+            scrollMode: core.ScrollMode.Vertical,
+            switchScrollMode: function () {
+            },
         });
@@ -231,18 +176,12 @@ }, []);
         } })); })); };
-    var renderViewer = function (props) {
-        var currentSlot = props.slot;
-        if (currentSlot && currentSlot.children) {
-            currentSlot.children = (React__namespace.createElement(React__namespace.Fragment, null,
-                React__namespace.createElement(Tracker, { store: store }),
-                currentSlot.children));
-        }
-        return currentSlot;
-    };
     return {
         install: function (pluginFunctions) {
-            store.update('getPagesContainer', pluginFunctions.getPagesContainer);
+            store.update('switchScrollMode', pluginFunctions.switchScrollMode);
         },
-        renderViewer: renderViewer,
+        onViewerStateChange: function (viewerState) {
+            store.update('scrollMode', viewerState.scrollMode);
+            return viewerState;
+        },
         switchScrollMode: function (mode) {
-            store.update('scrollMode', mode);
+            store.get('switchScrollMode')(mode);
         },
@@ -249,0 +188,0 @@ SwitchScrollMode: SwitchScrollModeDecorator,

lib/cjs/scroll-mode.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("@react-pdf-viewer/core");function r(e){if(e&&e.__esModule)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),o.default=e,Object.freeze(o)}var t,c=r(e);exports.ScrollMode=void 0,(t=exports.ScrollMode||(exports.ScrollMode={})).Horizontal="Horizontal",t.Vertical="Vertical",t.Wrapped="Wrapped";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),c=require("@react-pdf-viewer/core");function o(e){if(e&&e.__esModule)return e;var c=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(c,o,t.get?t:{enumerable:!0,get:function(){return e[o]}})}})),c.default=e,Object.freeze(c)}var t=o(e),r=function(){return r=Object.assign||function(e){for(var c,o=1,t=arguments.length;o<t;o++)for(var r in c=arguments[o])Object.prototype.hasOwnProperty.call(c,r)&&(e[r]=c[r]);return e},r.apply(this,arguments)},l=function(){return t.createElement(c.Icon,{size:16},t.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"}))},n=function(){return t.createElement(c.Icon,{size:16},t.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 t.createElement(c.Icon,{size:16},t.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 o=e.children,r=e.mode,a=e.onClick,u=t.useContext(c.LocalizationContext).l10n,d="",s=t.createElement(n,null);switch(r){case c.ScrollMode.Horizontal:d=u&&u.scrollMode?u.scrollMode.horizontalScrolling:"Horizontal scrolling",s=t.createElement(l,null);break;case c.ScrollMode.Wrapped:d=u&&u.scrollMode?u.scrollMode.wrappedScrolling:"Wrapped scrolling",s=t.createElement(i,null);break;case c.ScrollMode.Vertical:default:d=u&&u.scrollMode?u.scrollMode.verticalScrolling:"Vertical scrolling",s=t.createElement(n,null)}return o({icon:s,label:d,onClick:a})},u={left:0,top:8},d=function(e){var o=e.isSelected,r=e.mode,l=e.onClick,n="";switch(r){case c.ScrollMode.Horizontal:n="scroll-mode__horizontal-button";break;case c.ScrollMode.Wrapped:n="scroll-mode__wrapped-button";break;case c.ScrollMode.Vertical:default:n="scroll-mode__vertical-button"}return t.createElement(a,{mode:r,onClick:l},(function(e){return t.createElement(c.Tooltip,{ariaControlsSuffix:"scroll-mode-switch",position:c.Position.BottomCenter,target:t.createElement(c.MinimalButton,{ariaLabel:e.label,isSelected:o,testId:n,onClick:e.onClick},e.icon),content:function(){return e.label},offset:u})}))},s=function(e){var o=e.children,r=e.mode,l=e.store,n=function(e){var o=t.useState(e.get("scrollMode")||c.ScrollMode.Vertical),r=o[0],l=o[1],n=function(e){l(e)};return t.useEffect((function(){return e.subscribe("scrollMode",n),function(){e.unsubscribe("scrollMode",n)}}),[]),{scrollMode:r}}(l).scrollMode,i=n===r;return(o||function(e){return t.createElement(d,{isSelected:i,mode:e.mode,onClick:e.onClick})})({isSelected:i,mode:r,onClick:function(){l.get("switchScrollMode")(r)}})},f=function(e){var o=e.isSelected,r=e.mode,l=e.onClick,n="";switch(r){case c.ScrollMode.Horizontal:n="scroll-mode__horizontal-menu";break;case c.ScrollMode.Wrapped:n="scroll-mode__wrapped-menu";break;case c.ScrollMode.Vertical:default:n="scroll-mode__vertical-menu"}return t.createElement(a,{mode:r,onClick:l},(function(e){return t.createElement(c.MenuItem,{checked:o,icon:e.icon,testId:n,onClick:e.onClick},e.label)}))};
 /*! *****************************************************************************
@@ -15,3 +15,2 @@ Copyright (c) Microsoft Corporation.
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var l=function(){return l=Object.assign||function(e){for(var o,r=1,t=arguments.length;r<t;r++)for(var c in o=arguments[r])Object.prototype.hasOwnProperty.call(o,c)&&(e[c]=o[c]);return e},l.apply(this,arguments)},n=function(){return c.createElement(o.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"}))},i=function(){return c.createElement(o.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"}))},a=function(){return c.createElement(o.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"}))},s=function(e){var r=e.children,t=e.mode,l=e.onClick,s=c.useContext(o.LocalizationContext).l10n,d="",u=c.createElement(i,null);switch(t){case exports.ScrollMode.Horizontal:d=s&&s.scrollMode?s.scrollMode.horizontalScrolling:"Horizontal scrolling",u=c.createElement(n,null);break;case exports.ScrollMode.Wrapped:d=s&&s.scrollMode?s.scrollMode.wrappedScrolling:"Wrapped scrolling",u=c.createElement(a,null);break;case exports.ScrollMode.Vertical:default:d=s&&s.scrollMode?s.scrollMode.verticalScrolling:"Vertical scrolling",u=c.createElement(i,null)}return r({icon:u,label:d,onClick:l})},d={left:0,top:8},u=function(e){var r=e.isSelected,t=e.mode,l=e.onClick,n="";switch(t){case exports.ScrollMode.Horizontal:n="scroll-mode__horizontal-button";break;case exports.ScrollMode.Vertical:n="scroll-mode__vertical-button";break;case exports.ScrollMode.Wrapped:default:n="scroll-mode__wrapped-button"}return c.createElement(s,{mode:t,onClick:l},(function(e){return c.createElement(o.Tooltip,{ariaControlsSuffix:"scroll-mode-switch",position:o.Position.BottomCenter,target:c.createElement(o.MinimalButton,{ariaLabel:e.label,isSelected:r,testId:n,onClick:e.onClick},e.icon),content:function(){return e.label},offset:d})}))},p=function(e){var o=c.useState(e.get("scrollMode")||exports.ScrollMode.Vertical),r=o[0],t=o[1];return{scrollMode:r,switchTo:function(o){t(o);var r=e.get("getPagesContainer");if(r){var c=r();if(c)switch(o){case exports.ScrollMode.Vertical:c.classList.add("rpv-scroll-mode__vertical"),c.classList.remove("rpv-scroll-mode__horizontal"),c.classList.remove("rpv-scroll-mode__wrapped");break;case exports.ScrollMode.Horizontal:c.classList.add("rpv-scroll-mode__horizontal"),c.classList.remove("rpv-scroll-mode__vertical"),c.classList.remove("rpv-scroll-mode__wrapped");break;case exports.ScrollMode.Wrapped:c.classList.add("rpv-scroll-mode__wrapped"),c.classList.remove("rpv-scroll-mode__vertical"),c.classList.remove("rpv-scroll-mode__horizontal")}}}}},m=function(e){var o=e.children,r=e.mode,t=e.store,l=p(t),n=l.scrollMode,i=l.switchTo,a=n===r;return(o||function(e){return c.createElement(u,{isSelected:a,mode:e.mode,onClick:e.onClick})})({isSelected:a,mode:r,onClick:function(){i(r),t.update("scrollMode",r)}})},f=function(e){var r=e.isSelected,t=e.mode,l=e.onClick,n="";switch(t){case exports.ScrollMode.Horizontal:n="scroll-mode__horizontal-menu";break;case exports.ScrollMode.Vertical:n="scroll-mode__vertical-menu";break;case exports.ScrollMode.Wrapped:default:n="scroll-mode__wrapped-menu"}return c.createElement(s,{mode:t,onClick:l},(function(e){return c.createElement(o.MenuItem,{checked:r,icon:e.icon,testId:n,onClick:e.onClick},e.label)}))},M=function(e){var r=e.store,t=c.useContext(o.ThemeContext).direction===o.TextDirection.RightToLeft,l=p(r),n=l.scrollMode,i=l.switchTo,a=function(e){var o=e();if(o){t?o.classList.add("rpv-scroll-mode--rtl"):o.classList.remove("rpv-scroll-mode--rtl");var c=r.get("scrollMode")||exports.ScrollMode.Vertical;c!==exports.ScrollMode.Vertical&&i(c)}},s=function(e){e!==n&&i(e)};return c.useEffect((function(){return r.subscribe("getPagesContainer",a),r.subscribe("scrollMode",s),function(){r.unsubscribe("getPagesContainer",a),r.unsubscribe("scrollMode",s)}}),[]),c.createElement(c.Fragment,null)};exports.HorizontalScrollingIcon=n,exports.VerticalScrollingIcon=i,exports.WrappedScrollingIcon=a,exports.scrollModePlugin=function(e){var r=c.useMemo((function(){return o.createStore({scrollMode:e&&e.scrollMode?e.scrollMode:exports.ScrollMode.Vertical})}),[]),t=function(e){return c.createElement(m,l({},e,{store:r}))};return{install:function(e){r.update("getPagesContainer",e.getPagesContainer)},renderViewer:function(e){var o=e.slot;return o&&o.children&&(o.children=c.createElement(c.Fragment,null,c.createElement(M,{store:r}),o.children)),o},switchScrollMode:function(e){r.update("scrollMode",e)},SwitchScrollMode:t,SwitchScrollModeButton:function(e){return c.createElement(t,{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(t,{mode:e.mode},(function(o){return c.createElement(f,{isSelected:o.isSelected,mode:o.mode,onClick:function(){o.onClick(),e.onClick()}})}))}}};
+***************************************************************************** */exports.HorizontalScrollingIcon=l,exports.VerticalScrollingIcon=n,exports.WrappedScrollingIcon=i,exports.scrollModePlugin=function(){var e=t.useMemo((function(){return c.createStore({scrollMode:c.ScrollMode.Vertical,switchScrollMode:function(){}})}),[]),o=function(c){return t.createElement(s,r({},c,{store:e}))};return{install:function(c){e.update("switchScrollMode",c.switchScrollMode)},onViewerStateChange:function(c){return e.update("scrollMode",c.scrollMode),c},switchScrollMode:function(c){e.get("switchScrollMode")(c)},SwitchScrollMode:o,SwitchScrollModeButton:function(e){return t.createElement(o,{mode:e.mode},(function(e){return t.createElement(d,{isSelected:e.isSelected,mode:e.mode,onClick:function(){e.onClick()}})}))},SwitchScrollModeMenuItem:function(e){return t.createElement(o,{mode:e.mode},(function(c){return t.createElement(f,{isSelected:c.isSelected,mode:c.mode,onClick:function(){c.onClick(),e.onClick()}})}))}}};

lib/index.d.ts

@@ -6,6 +6,7 @@ /**
  * @license https://react-pdf-viewer.dev/license
- * @copyright 2019-2021 Nguyen Huu Phuoc <[e-mail]>
+ * @copyright 2019-2022 Nguyen Huu Phuoc <[e-mail]>
  */
 
 import * as React from 'react';
+import { ScrollMode } from '@react-pdf-viewer/core';
 import type { Plugin } from '@react-pdf-viewer/core';
@@ -34,9 +35,2 @@
 
-// Structs
-export enum ScrollMode {
-    Horizontal = 'Horizontal',
-    Vertical = 'Vertical',
-    Wrapped = 'Wrapped',
-}
-
 // Plugin
@@ -50,8 +44,4 @@ export interface ScrollModePlugin extends Plugin {
 
-export interface ScrollModePluginProps {
-    scrollMode?: ScrollMode;
-}
+export function scrollModePlugin(): ScrollModePlugin;
 
-export function scrollModePlugin(props?: ScrollModePluginProps): ScrollModePlugin;
-
 // Components
@@ -58,0 +48,0 @@ export class HorizontalScrollingIcon extends React.Component {}

lib/index.js

@@ -6,3 +6,3 @@ /**
  * @license https://react-pdf-viewer.dev/license
- * @copyright 2019-2021 Nguyen Huu Phuoc <[e-mail]>
+ * @copyright 2019-2022 Nguyen Huu Phuoc <[e-mail]>
  */
@@ -9,0 +9,0 @@

package.json

 {
     "name": "@react-pdf-viewer/scroll-mode",
-    "version": "3.0.0",
+    "version": "3.1.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": "3.0.0"
+        "@react-pdf-viewer/core": "3.1.0"
     },
@@ -48,7 +48,6 @@ "peerDependencies": {
         "clean": "rm -rf lib && mkdir lib",
-        "build": "npm run clean && npm run js && npm run css",
-        "js": "cp src/index.d.ts lib && cp dist/index.js lib && rollup -c ../../rollup.config.js",
-        "css": "sass --no-source-map src/styles/index.scss lib/styles/index.temp.css && postcss lib/styles/index.temp.css > lib/styles/index.css && rm -rf lib/styles/index.temp.css"
+        "build": "npm run clean && npm run js",
+        "js": "cp src/index.d.ts lib && cp dist/index.js lib && rollup -c ../../rollup.config.js"
     },
-    "gitHead": "db24bf8b47a1ef4ee9da726af7f66268468c3420"
+    "gitHead": "ead0aba196b4ae44bec08900e4d54e216a83e245"
 }

No alert changes

Worsened metrics

Total package byte prevSize

18899

decreased by-20.27%

Number of package files

6

decreased by-14.29%

Lines of code

260

decreased by-22.16%

Dependency changes

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

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

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