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

Comparing version 2.11.0 to 3.0.0

lib/cjs/selection-mode.js

@@ -88,3 +88,12 @@ 'use strict';
     var isSelected = _a.isSelected, mode = _a.mode, onClick = _a.onClick;
-    return (React__namespace.createElement(SwitchSelectionModeDecorator, { mode: mode, onClick: onClick }, function (props) { return (React__namespace.createElement(core.Tooltip, { ariaControlsSuffix: "selection-mode-switch", position: core.Position.BottomCenter, target: React__namespace.createElement(core.MinimalButton, { ariaLabel: props.label, isSelected: isSelected, onClick: props.onClick }, props.icon), content: function () { return props.label; }, offset: TOOLTIP_OFFSET })); }));
+    var testId = '';
+    switch (mode) {
+        case exports.SelectionMode.Hand:
+            testId = 'selection-mode__hand-button';
+            break;
+        case exports.SelectionMode.Text:
+        default:
+            testId = 'selection-mode__text-button';
+    }
+    return (React__namespace.createElement(SwitchSelectionModeDecorator, { mode: mode, onClick: onClick }, function (props) { return (React__namespace.createElement(core.Tooltip, { ariaControlsSuffix: "selection-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 })); }));
 };
@@ -107,3 +116,12 @@
     var isSelected = _a.isSelected, mode = _a.mode, onClick = _a.onClick;
-    return (React__namespace.createElement(SwitchSelectionModeDecorator, { mode: mode, onClick: onClick }, function (props) { return (React__namespace.createElement(core.MenuItem, { checked: isSelected, icon: props.icon, onClick: props.onClick }, props.label)); }));
+    var testId = '';
+    switch (mode) {
+        case exports.SelectionMode.Hand:
+            testId = 'selection-mode__hand-menu';
+            break;
+        case exports.SelectionMode.Text:
+        default:
+            testId = 'selection-mode__text-menu';
+    }
+    return (React__namespace.createElement(SwitchSelectionModeDecorator, { mode: mode, onClick: onClick }, function (props) { return (React__namespace.createElement(core.MenuItem, { checked: isSelected, icon: props.icon, testId: testId, onClick: props.onClick }, props.label)); }));
 };
@@ -110,0 +128,0 @@

lib/cjs/selection-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 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 o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o,r=n(e);exports.SelectionMode=void 0,(o=exports.SelectionMode||(exports.SelectionMode={})).Hand="Hand",o.Text="Text";
+"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 o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o,c=n(e);exports.SelectionMode=void 0,(o=exports.SelectionMode||(exports.SelectionMode={})).Hand="Hand",o.Text="Text";
 /*! *****************************************************************************
@@ -16,2 +16,2 @@ Copyright (c) Microsoft Corporation.
 ***************************************************************************** */
-var c=function(){return c=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},c.apply(this,arguments)},i=function(){return r.createElement(t.Icon,{size:16},r.createElement("path",{d:"M11.5,5.5v-2C11.5,2.672,12.172,2,13,2s1.5,0.672,1.5,1.5v2 M14.5,11.5v-6C14.5,4.672,15.172,4,16,4\n            c0.828,0,1.5,0.672,1.5,1.5v3 M17.5,13V8.5C17.5,7.672,18.172,7,19,7s1.5,0.672,1.5,1.5v10c0,2.761-2.239,5-5,5h-3.335\n            c-1.712-0.001-3.305-0.876-4.223-2.321C6.22,18.467,4.083,14,4.083,14c-0.378-0.545-0.242-1.292,0.303-1.67\n            c0.446-0.309,1.044-0.281,1.458,0.07L8.5,15.5v-10C8.5,4.672,9.172,4,10,4s1.5,0.672,1.5,1.5v6"}))},l=function(){return r.createElement(t.Icon,{size:16},r.createElement("path",{d:"M13.675,11.671l2.941-2.941c0.195-0.196,0.195-0.512-0.001-0.707C16.563,7.971,16.5,7.931,16.43,7.906\n            L4.168,3.527C3.908,3.434,3.622,3.57,3.529,3.83c-0.039,0.109-0.039,0.228,0,0.336l4.379,12.262\n            c0.093,0.26,0.379,0.396,0.639,0.303c0.07-0.025,0.133-0.065,0.185-0.117l2.943-2.943l6.146,6.146c0.195,0.195,0.512,0.195,0.707,0\n            l1.293-1.293c0.195-0.195,0.195-0.512,0-0.707L13.675,11.671z"}))},u=function(e){var n=e.children,o=e.mode,c=e.onClick,u=r.useContext(t.LocalizationContext).l10n,s="",a=r.createElement(l,null);switch(o){case exports.SelectionMode.Hand:s=u&&u.selectionMode?u.selectionMode.handTool:"Hand tool",a=r.createElement(i,null);break;case exports.SelectionMode.Text:default:s=u&&u.selectionMode?u.selectionMode.textSelectionTool:"Text selection tool",a=r.createElement(l,null)}return n({icon:a,label:s,onClick:c})},s={left:0,top:8},a=function(e){var n=e.isSelected,o=e.mode,c=e.onClick;return r.createElement(u,{mode:o,onClick:c},(function(e){return r.createElement(t.Tooltip,{ariaControlsSuffix:"selection-mode-switch",position:t.Position.BottomCenter,target:r.createElement(t.MinimalButton,{ariaLabel:e.label,isSelected:n,onClick:e.onClick},e.icon),content:function(){return e.label},offset:s})}))},d=function(e){var t=e.children,n=e.mode,o=e.store,c=n===o.get("selectionMode");return(t||function(e){return r.createElement(a,{isSelected:c,mode:e.mode,onClick:e.onClick})})({isSelected:c,mode:n,onClick:function(){return o.update("selectionMode",n)}})},m=function(e){var n=e.isSelected,o=e.mode,c=e.onClick;return r.createElement(u,{mode:o,onClick:c},(function(e){return r.createElement(t.MenuItem,{checked:n,icon:e.icon,onClick:e.onClick},e.label)}))},f=function(e){var t=e.store,n=r.useRef(null),o=r.useState(exports.SelectionMode.Text),c=o[0],i=o[1],l=r.useRef({top:0,left:0,x:0,y:0}),u=function(e){var t=n.current;t&&(t.scrollTop=l.current.top-(e.clientY-l.current.y),t.scrollLeft=l.current.left-(e.clientX-l.current.x))},s=function(){var e=n.current;e&&(e.classList.add("rpv-selection-mode__grab"),e.classList.remove("rpv-selection-mode__grabbing"),document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",s))},a=function(e){var t=n.current;t&&c!==exports.SelectionMode.Text&&(t.classList.remove("rpv-selection-mode__grab"),t.classList.add("rpv-selection-mode__grabbing"),e.preventDefault(),e.stopPropagation(),l.current={left:t.scrollLeft,top:t.scrollTop,x:e.clientX,y:e.clientY},document.addEventListener("mousemove",u),document.addEventListener("mouseup",s))},d=function(e){n.current=e()},m=function(e){i(e)};return r.useEffect((function(){var e=n.current;if(e)return c===exports.SelectionMode.Hand?e.classList.add("rpv-selection-mode__grab"):e.classList.remove("rpv-selection-mode__grab"),e.addEventListener("mousedown",a),function(){e.removeEventListener("mousedown",a)}}),[c]),r.useEffect((function(){return t.subscribe("getPagesContainer",d),t.subscribe("selectionMode",m),function(){t.unsubscribe("getPagesContainer",d),t.unsubscribe("selectionMode",m)}}),[]),r.createElement(r.Fragment,null)};exports.HandToolIcon=i,exports.TextSelectionIcon=l,exports.selectionModePlugin=function(e){var n=r.useMemo((function(){return t.createStore()}),[]),o=function(e){return r.createElement(d,c({},e,{store:n}))};return{install:function(t){n.update("selectionMode",e&&e.selectionMode?e.selectionMode:exports.SelectionMode.Text),n.update("getPagesContainer",t.getPagesContainer)},renderViewer:function(e){var t=e.slot;return t.subSlot&&t.subSlot.children&&(t.subSlot.children=r.createElement(r.Fragment,null,r.createElement(f,{store:n}),t.subSlot.children)),t},SwitchSelectionMode:o,SwitchSelectionModeButton:function(e){return r.createElement(o,{mode:e.mode},(function(e){return r.createElement(a,{isSelected:e.isSelected,mode:e.mode,onClick:function(){e.onClick()}})}))},SwitchSelectionModeMenuItem:function(e){return r.createElement(o,{mode:e.mode},(function(t){return r.createElement(m,{isSelected:t.isSelected,mode:t.mode,onClick:function(){t.onClick(),e.onClick()}})}))}}};
+var r=function(){return r=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var c in t=arguments[n])Object.prototype.hasOwnProperty.call(t,c)&&(e[c]=t[c]);return e},r.apply(this,arguments)},i=function(){return c.createElement(t.Icon,{size:16},c.createElement("path",{d:"M11.5,5.5v-2C11.5,2.672,12.172,2,13,2s1.5,0.672,1.5,1.5v2 M14.5,11.5v-6C14.5,4.672,15.172,4,16,4\n            c0.828,0,1.5,0.672,1.5,1.5v3 M17.5,13V8.5C17.5,7.672,18.172,7,19,7s1.5,0.672,1.5,1.5v10c0,2.761-2.239,5-5,5h-3.335\n            c-1.712-0.001-3.305-0.876-4.223-2.321C6.22,18.467,4.083,14,4.083,14c-0.378-0.545-0.242-1.292,0.303-1.67\n            c0.446-0.309,1.044-0.281,1.458,0.07L8.5,15.5v-10C8.5,4.672,9.172,4,10,4s1.5,0.672,1.5,1.5v6"}))},l=function(){return c.createElement(t.Icon,{size:16},c.createElement("path",{d:"M13.675,11.671l2.941-2.941c0.195-0.196,0.195-0.512-0.001-0.707C16.563,7.971,16.5,7.931,16.43,7.906\n            L4.168,3.527C3.908,3.434,3.622,3.57,3.529,3.83c-0.039,0.109-0.039,0.228,0,0.336l4.379,12.262\n            c0.093,0.26,0.379,0.396,0.639,0.303c0.07-0.025,0.133-0.065,0.185-0.117l2.943-2.943l6.146,6.146c0.195,0.195,0.512,0.195,0.707,0\n            l1.293-1.293c0.195-0.195,0.195-0.512,0-0.707L13.675,11.671z"}))},s=function(e){var n=e.children,o=e.mode,r=e.onClick,s=c.useContext(t.LocalizationContext).l10n,u="",a=c.createElement(l,null);switch(o){case exports.SelectionMode.Hand:u=s&&s.selectionMode?s.selectionMode.handTool:"Hand tool",a=c.createElement(i,null);break;case exports.SelectionMode.Text:default:u=s&&s.selectionMode?s.selectionMode.textSelectionTool:"Text selection tool",a=c.createElement(l,null)}return n({icon:a,label:u,onClick:r})},u={left:0,top:8},a=function(e){var n=e.isSelected,o=e.mode,r=e.onClick,i="";switch(o){case exports.SelectionMode.Hand:i="selection-mode__hand-button";break;case exports.SelectionMode.Text:default:i="selection-mode__text-button"}return c.createElement(s,{mode:o,onClick:r},(function(e){return c.createElement(t.Tooltip,{ariaControlsSuffix:"selection-mode-switch",position:t.Position.BottomCenter,target:c.createElement(t.MinimalButton,{ariaLabel:e.label,isSelected:n,testId:i,onClick:e.onClick},e.icon),content:function(){return e.label},offset:u})}))},d=function(e){var t=e.children,n=e.mode,o=e.store,r=n===o.get("selectionMode");return(t||function(e){return c.createElement(a,{isSelected:r,mode:e.mode,onClick:e.onClick})})({isSelected:r,mode:n,onClick:function(){return o.update("selectionMode",n)}})},m=function(e){var n=e.isSelected,o=e.mode,r=e.onClick,i="";switch(o){case exports.SelectionMode.Hand:i="selection-mode__hand-menu";break;case exports.SelectionMode.Text:default:i="selection-mode__text-menu"}return c.createElement(s,{mode:o,onClick:r},(function(e){return c.createElement(t.MenuItem,{checked:n,icon:e.icon,testId:i,onClick:e.onClick},e.label)}))},f=function(e){var t=e.store,n=c.useRef(null),o=c.useState(exports.SelectionMode.Text),r=o[0],i=o[1],l=c.useRef({top:0,left:0,x:0,y:0}),s=function(e){var t=n.current;t&&(t.scrollTop=l.current.top-(e.clientY-l.current.y),t.scrollLeft=l.current.left-(e.clientX-l.current.x))},u=function(){var e=n.current;e&&(e.classList.add("rpv-selection-mode__grab"),e.classList.remove("rpv-selection-mode__grabbing"),document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",u))},a=function(e){var t=n.current;t&&r!==exports.SelectionMode.Text&&(t.classList.remove("rpv-selection-mode__grab"),t.classList.add("rpv-selection-mode__grabbing"),e.preventDefault(),e.stopPropagation(),l.current={left:t.scrollLeft,top:t.scrollTop,x:e.clientX,y:e.clientY},document.addEventListener("mousemove",s),document.addEventListener("mouseup",u))},d=function(e){n.current=e()},m=function(e){i(e)};return c.useEffect((function(){var e=n.current;if(e)return r===exports.SelectionMode.Hand?e.classList.add("rpv-selection-mode__grab"):e.classList.remove("rpv-selection-mode__grab"),e.addEventListener("mousedown",a),function(){e.removeEventListener("mousedown",a)}}),[r]),c.useEffect((function(){return t.subscribe("getPagesContainer",d),t.subscribe("selectionMode",m),function(){t.unsubscribe("getPagesContainer",d),t.unsubscribe("selectionMode",m)}}),[]),c.createElement(c.Fragment,null)};exports.HandToolIcon=i,exports.TextSelectionIcon=l,exports.selectionModePlugin=function(e){var n=c.useMemo((function(){return t.createStore()}),[]),o=function(e){return c.createElement(d,r({},e,{store:n}))};return{install:function(t){n.update("selectionMode",e&&e.selectionMode?e.selectionMode:exports.SelectionMode.Text),n.update("getPagesContainer",t.getPagesContainer)},renderViewer:function(e){var t=e.slot;return t.subSlot&&t.subSlot.children&&(t.subSlot.children=c.createElement(c.Fragment,null,c.createElement(f,{store:n}),t.subSlot.children)),t},SwitchSelectionMode:o,SwitchSelectionModeButton:function(e){return c.createElement(o,{mode:e.mode},(function(e){return c.createElement(a,{isSelected:e.isSelected,mode:e.mode,onClick:function(){e.onClick()}})}))},SwitchSelectionModeMenuItem:function(e){return c.createElement(o,{mode:e.mode},(function(t){return c.createElement(m,{isSelected:t.isSelected,mode:t.mode,onClick:function(){t.onClick(),e.onClick()}})}))}}};

package.json

 {
     "name": "@react-pdf-viewer/selection-mode",
-    "version": "2.11.0",
+    "version": "3.0.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.11.0"
+        "@react-pdf-viewer/core": "3.0.0"
     },
@@ -52,3 +52,3 @@ "peerDependencies": {
     },
-    "gitHead": "5e4074055f48210e89c1fdf5b1cc53d78d56be44"
+    "gitHead": "db24bf8b47a1ef4ee9da726af7f66268468c3420"
 }

No alert changes

Improved metrics

Total package byte prevSize

21818

increased by4.26%

Lines of code

310

increased by6.53%

Dependency changes

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

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

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