Add onClick to Tourpoint type (#211)

* Add onClick to Tourpoint type

* 0.137.1

examples/nextjs/package.json

@@ -8,7 +8,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "@vimeo/iris": "^0.137.0",
+    "@vimeo/iris": "^0.137.1",
     "next": "12.0.3",
     "polished": "^4.1.3",
     "react": "17.0.2",

package.json

@@ -2,7 +2,7 @@
     "name": "@vimeo/iris",
     "homepage": "https://github.com/vimeo/iris/tree/main",
     "bugs": "https://github.com/vimeo/iris/issues",
-    "version": "0.137.0",
+    "version": "0.137.1",
     "private": false,
     "license": "MIT",
     "description": "Vimeo Design System",

src/components/TourPoint/TourPoint.story.tsx

@@ -40,6 +40,7 @@ const Template: Story<Props> = (args) => {
         step={1}
         title="A Fresh New Look"
         content="All the leaves are brown and the sky is grey, I've been for a walk on a winters day."
+        onClick={() => console.log('tourpoint clicked')}
       >
         <Card>1</Card>
       </TourPoint>

src/components/TourPoint/TourPoint.types.ts

@@ -22,6 +22,7 @@ export interface Props {
   confirmation?: ReactNode;
   content?: ReactNode;
   dismission?: ReactNode;
+  onClick?: (event: MouseEvent) => void;
   onClose?: (event: MouseEvent, step: StepEvent) => void;
   /**
    * The address or URL of the a media resource that is to be considered.

src/utils/HOCs/withIris.ts

@@ -9,7 +9,7 @@ import {
 } from 'react';
 import { ThemeContext } from 'styled-components';
 
-const version = '0.137.0';
+const version = '0.137.1';
 
 type IrisMeta =
   | true