Merge pull request #141 from sasza2/develop

feat: onStartResizing element callback
sasza2 · Jan 11, 2024 · 50b9791 · 50b9791
2 parents ef78901 + fa0462a
commit 50b9791
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sasza/react-panzoom",
-  "version": "1.11.4",
+  "version": "1.12.0",
   "description": "React component for pan and zoom with possibility to moving, resizing and selecting elements inside",
   "main": "dist/main.umd.cjs",
   "module": "./dist/main.js",

diff --git a/src/Element.tsx b/src/Element.tsx
@@ -17,6 +17,7 @@ const Element: React.FC<ElementProps> = ({
   onClick,
   onContextMenu,
   onMouseUp,
+  onStartResizing,
   resizable,
   resizedMaxWidth,
   resizedMinWidth,
@@ -41,6 +42,7 @@ const Element: React.FC<ElementProps> = ({
     onClick,
     onContextMenu,
     onMouseUp,
+    onStartResizing,
     resizable,
     resizedMaxWidth,
     resizedMinWidth,
@@ -72,6 +74,7 @@ const Element: React.FC<ElementProps> = ({
     onClick,
     onContextMenu,
     onMouseUp,
+    onStartResizing,
     resizable,
     resizedMaxWidth,
     resizedMinWidth,

diff --git a/types/types.ts b/types/types.ts
@@ -118,6 +118,12 @@ export type Element = {
   position: Position;
 };
 
+type ElementOnStartResizing = (
+  props: {
+    id: ElementId;
+  }
+) => unknown;
+
 type ElementOnAfterResize = (
   props: {
     id: ElementId;
@@ -161,6 +167,7 @@ export type ElementOptions = {
   onClick?: ElementOnClick;
   onContextMenu?: ElementOnContextMenu;
   onMouseUp?: ElementOnMouseUp;
+  onStartResizing?: ElementOnStartResizing;
   resizable?: boolean;
   resizedMaxWidth?: number;
   resizedMinWidth?: number;