chore(deps): upgrade packages

timmywil · Sep 3, 2019 · ec6e42e · ec6e42e
1 parent 8938b29
commit ec6e42e
Show file tree

Hide file tree

Showing 4 changed files with 401 additions and 267 deletions.
diff --git a/demo/examples/Focal.tsx b/demo/examples/Focal.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useRef } from 'react'
 import Panzoom from '../../src/panzoom'
+import { PanzoomObject } from '../../src/types'
 import Code from '../Code'
 import Demo from '../Demo'
 
@@ -21,7 +22,7 @@ parent.addEventListener('wheel', function(event) {
 
 export default function Focal() {
   const elem = useRef<HTMLDivElement>(null)
-  const panzoomRef = useRef<Panzoom>(null)
+  const panzoomRef = useRef<PanzoomObject>(null)
   let panzoom = panzoomRef.current
   useEffect(() => {
     panzoom = panzoomRef.current = Panzoom(elem.current)

diff --git a/demo/examples/SVG.tsx b/demo/examples/SVG.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useRef } from 'react'
 import Panzoom from '../../src/panzoom'
+import { PanzoomObject } from '../../src/types'
 import Code from '../Code'
 import Demo from '../Demo'
 
@@ -9,7 +10,7 @@ paths.forEach(Panzoom)`}</Code>
 )
 
 export default function SVG() {
-  const panzoomsRef = useRef<Panzoom[]>(null)
+  const panzoomsRef = useRef<PanzoomObject[]>(null)
   let panzooms = panzoomsRef.current
   useEffect(() => {
     const paths: NodeListOf<SVGPathElement> = document.querySelectorAll('svg.panzoom path')

diff --git a/demo/examples/Standard.tsx b/demo/examples/Standard.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useRef } from 'react'
 import Panzoom from '../../src/panzoom'
+import { PanzoomObject } from '../../src/types'
 import Code from '../Code'
 import Demo from '../Demo'
 
@@ -19,7 +20,7 @@ rangeInput.addEventListener('input', (event) => {
 export default function Buttons() {
   const elem = useRef<HTMLDivElement>(null)
   const range = useRef<HTMLInputElement>(null)
-  const panzoomRef = useRef<Panzoom>(null)
+  const panzoomRef = useRef<PanzoomObject>(null)
   let panzoom = panzoomRef.current
   useEffect(() => {
     panzoom = panzoomRef.current = Panzoom(elem.current)
@@ -31,21 +32,21 @@ export default function Buttons() {
         <button
           onClick={() => {
             panzoom.zoomIn()
-            range.current.value = panzoom.getScale()
+            range.current.value = panzoom.getScale() + ''
           }}>
           Zoom in
         </button>
         <button
           onClick={() => {
             panzoom.zoomOut()
-            range.current.value = panzoom.getScale()
+            range.current.value = panzoom.getScale() + ''
           }}>
           Zoom out
         </button>
         <button
           onClick={() => {
             panzoom.reset()
-            range.current.value = panzoom.getScale()
+            range.current.value = panzoom.getScale() + ''
           }}>
           Reset
         </button>