Refactoring TourPoint to use react-tiny-popover

.github/workflows/deploy-storybook.yml

@@ -10,10 +10,10 @@ jobs:
   storybook:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 16
 
       - name: Read branch name
         id: vars

.github/workflows/publish-package.yml

@@ -7,11 +7,12 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
+    environment: production
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 16
           # Setup .npmrc file to publish to npm
           registry-url: 'https://registry.npmjs.org'
       - run: yarn --frozen-lockfile

.github/workflows/publish-prerelease.yml

@@ -0,0 +1,29 @@
+name: Publish Prerelease
+
+on:
+  workflow_dispatch:
+    inputs:
+      preId:
+        description: 'Prerelease identifier (version-[preId])'
+        required: true
+        type: string
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    environment: development
+    steps:
+      - uses: actions/checkout@v3
+      - run: |
+          git config user.name github-actions
+          git config user.email [email protected]
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          # Setup .npmrc file to publish to npm
+          registry-url: 'https://registry.npmjs.org'
+      - run: yarn --frozen-lockfile
+      - run: yarn version --prerelease --preid=${{ github.event.inputs.preId }} --no-commit-hooks
+      - run: npm publish --tag ${{ github.event.inputs.preId }}
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_VIMEO_PUBLISH_TOKEN }}

.github/workflows/pull-request.yml

@@ -10,54 +10,54 @@ jobs:
   typecheck:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 16
 
       - run: yarn --frozen-lockfile
       - run: yarn typecheck
 
   lint:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 16
 
       - run: yarn --frozen-lockfile
       - run: yarn lint
 
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 16
 
       - run: yarn --frozen-lockfile
       - run: yarn build
 
   storybook:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 16
 
       - run: yarn --frozen-lockfile
       - run: yarn build-storybook
 
   jest: 
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
         with:
-          node-version: '14'
+          node-version: '16'
           cache: 'yarn'
 
       - run: yarn --frozen-lockfile

examples/nextjs/package.json

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

package.json

@@ -2,37 +2,31 @@
     "name": "@vimeo/iris",
     "homepage": "https://github.com/vimeo/iris/tree/main",
     "bugs": "https://github.com/vimeo/iris/issues",
-    "version": "0.140.1",
+    "version": "0.142.1-2023-02-24-tourpoint-react-tiny-popover-poc-SC.2",
     "private": false,
     "license": "MIT",
     "description": "Vimeo Design System",
     "author": {
         "name": "Vimeo",
         "url": "https://vimeo.com"
     },
-    "contributors": [
-        {
-            "name": "Sean McIntyre",
-            "email": "[email protected]"
-        },
-        {
-            "name": "Alice Xia",
-            "email": "[email protected]"
-        }
-    ],
     "main": "index.js",
     "types": "index.d.ts",
     "sideEffects": false,
+    "dependencies": {
+      "react-colorful": "^5.6.1",
+      "react-tiny-popover": "^7.2.3",
+      "@babel/runtime": "^7.21.0"
+     },
     "devDependencies": {
-        "@babel/core": "^7.21.0",
+        "@babel/core": "^7.21.4",
         "@babel/plugin-proposal-class-properties": "^7.18.6",
         "@babel/plugin-proposal-private-methods": "^7.18.6",
         "@babel/plugin-proposal-private-property-in-object": "^7.21.0",
-        "@babel/plugin-transform-runtime": "^7.21.0",
-        "@babel/preset-env": "^7.20.2",
+        "@babel/plugin-transform-runtime": "^7.21.4",
+        "@babel/preset-env": "^7.21.4",
         "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.21.0",
-        "@babel/runtime": "^7.21.0",
+        "@babel/preset-typescript": "^7.21.4",
         "@nox/addon-themes": "^1.1.3",
         "@rollup/plugin-babel": "^5.3.1",
         "@rollup/plugin-commonjs": "^21.1.0",
@@ -51,21 +45,21 @@
         "@testing-library/react": "12.1.5",
         "@testing-library/user-event": "^14.4.3",
         "@types/jest": "^28.1.8",
-        "@types/react": "^17.0.53",
+        "@types/react": "^17.0.56",
         "@types/react-dom": "^17.0.19",
         "@types/styled-components": "^5.1.26",
-        "@types/webpack": "^5.28.0",
-        "@typescript-eslint/eslint-plugin": "^5.54.1",
-        "@typescript-eslint/parser": "^5.54.1",
+        "@types/webpack": "^5.28.1",
+        "@typescript-eslint/eslint-plugin": "^5.57.1",
+        "@typescript-eslint/parser": "^5.57.1",
         "babel-jest": "^28.1.3",
         "babel-loader": "^8.3.0",
         "babel-plugin-polished": "^1.1.0",
         "babel-plugin-require-context-hook": "^1.0.0",
         "babel-plugin-styled-components": "^2.0.7",
         "circular-dependency-plugin": "^5.2.2",
-        "core-js": "^3.29.0",
-        "eslint": "^8.35.0",
-        "eslint-config-prettier": "^8.7.0",
+        "core-js": "^3.30.0",
+        "eslint": "^8.37.0",
+        "eslint-config-prettier": "^8.8.0",
         "eslint-config-react": "^1.1.7",
         "eslint-formatter-codeframe": "^7.32.1",
         "eslint-plugin-immutable": "^1.0.0",
@@ -79,32 +73,31 @@
         "jest-environment-jsdom": "^28.1.3",
         "polished": "^4.2.2",
         "pre-commit": "^1.2.2",
-        "prettier": "^2.8.4",
+        "prettier": "^2.8.7",
         "react": "*",
         "react-dom": "*",
         "react-is": "^17.0.2",
         "rollup": "^2.79.1",
-        "rollup-plugin-multi-input": "^1.3.3",
+        "rollup-plugin-multi-input": "^1.4.1",
         "rollup-plugin-terser": "^7.0.2",
-        "styled-components": "^5.3.8",
+        "styled-components": "^5.3.9",
         "stylelint": "^13.13.1",
         "stylelint-config-recommended": "^4.0.0",
         "stylelint-config-styled-components": "^0.1.1",
         "stylelint-processor-styled-components": "^1.10.0",
         "tslib": "^2.5.0",
         "typescript": "4.9.5",
         "typescript-plugin-styled-components": "^2.0.0",
-        "webpack": "^5.75.0"
+        "webpack": "^5.78.0"
     },
     "peerDependencies": {
-        "@babel/runtime": "^7.20.6",
         "polished": "^4.2.2",
         "react": "^16.13.1 || ^17.0.0",
         "react-dom": "^16.13.1 || ^17.0.0",
         "styled-components": "^5.3.6"
     },
     "resolutions": {
-        "@types/react": "^17.0.53",
+        "@types/react": "^17.0.56",
         "react-dom": "*",
         "react": "*"
     },