[Snyk] Upgrade @floating-ui/react-dom-interactions from 0.4.0 to 0.13.3 (#460)

* fix: upgrade @floating-ui/react-dom-interactions from 0.4.0 to 0.13.3

Snyk has created this PR to upgrade @floating-ui/react-dom-interactions from 0.4.0 to 0.13.3.

See this package in npm:

See this project in Snyk:
https://app.snyk.io/org/ralllyco/project/c6e9409b-5e6c-4984-a2ef-0a8025133bd8?utm_source=github&utm_medium=referral&page=upgrade-pr

* Update to match new api

* Try updating system deps

---------

Co-authored-by: Luke Vella <me@lukevella.com>

.github/workflows/ci.yml

@@ -35,6 +35,10 @@ jobs:
       - name: Check out repository code
         uses: actions/checkout@v3
 
+      - name: Install system dependencies
+        run: |
+          sudo apt-get update
+
       - name: Setup node
         uses: actions/setup-node@v3
         with:

package.json

@@ -15,7 +15,7 @@
     "test:codegen": "playwright codegen http://localhost:3000"
   },
   "dependencies": {
-    "@floating-ui/react-dom-interactions": "^0.4.0",
+    "@floating-ui/react-dom-interactions": "^0.13.3",
     "@headlessui/react": "^1.6.6",
     "@next/bundle-analyzer": "^12.3.4",
     "@next/font": "^13.1.3",

src/components/forms/poll-options-form/month-calendar/time-picker.tsx

@@ -35,10 +35,10 @@ const TimePicker: React.VoidFunctionComponent<TimePickerProps> = ({
       offset(5),
       flip(),
       size({
-        apply: ({ reference }) => {
+        apply: ({ rects }) => {
           if (refs.floating.current) {
             Object.assign(refs.floating.current.style, {
-              width: `${reference.width}px`,
+              width: `${rects.reference.width}px`,
             });
           }
         },

src/components/time-zone-picker/time-zone-picker.tsx

@@ -132,10 +132,10 @@ const TimeZonePicker: React.VoidFunctionComponent<{
       offset(5),
       flip(),
       size({
-        apply: ({ reference }) => {
+        apply: ({ rects }) => {
           if (refs.floating.current) {
             Object.assign(refs.floating.current.style, {
-              width: `${reference.width}px`,
+              width: `${rects.reference.width}px`,
             });
           }
         },

yarn.lock

@@ -1085,22 +1085,15 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@floating-ui/core@^0.6.2":
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-0.6.2.tgz#f2813f0e5f3d5ed7af5029e1a082203dadf02b7d"
-  integrity sha512-jktYRmZwmau63adUG3GKOAVCofBXkk55S/zQ94XOorAHhwqFIOFAy1rSp2N0Wp6/tGbe9V3u/ExlGZypyY17rg==
-
 "@floating-ui/core@^0.7.3":
   version "0.7.3"
   resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-0.7.3.tgz#d274116678ffae87f6b60e90f88cc4083eefab86"
   integrity sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg==
 
-"@floating-ui/dom@^0.4.5":
+"@floating-ui/core@^1.1.0":
-  version "0.4.5"
+  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-0.4.5.tgz#2e88d16646119cc67d44683f75ee99840475bbfa"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.1.1.tgz#cf8b4cdd8987c687329a6099561764d8a16f2f22"
-  integrity sha512-b+prvQgJt8pieaKYMSJBXHxX/DYwdLsAWxKYqnO5dO2V4oo/TYBZJAUQCVNjTWWsrs6o4VDrNcP9+E70HAhJdw==
+  integrity sha512-PL7g3dhA4dHgZfujkuD8Q+tfJJynEtnNQSPzmucCnxMvkxf4cLBJw/ZYqZUn4HCh33U3WHrAfv2R2tbi9UCSmw==
-  dependencies:
-    "@floating-ui/core" "^0.6.2"
 
 "@floating-ui/dom@^0.5.3":
   version "0.5.4"
@@ -1109,14 +1102,21 @@
   dependencies:
     "@floating-ui/core" "^0.7.3"
 
-"@floating-ui/react-dom-interactions@^0.4.0":
+"@floating-ui/dom@^1.1.1":
-  version "0.4.0"
+  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom-interactions/-/react-dom-interactions-0.4.0.tgz#b4d951aaa3b0a66cd0b2787a7bf9d5d7b2f12021"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.1.1.tgz#66aa747e15894910869bf9144fc54fc7d6e9f975"
-  integrity sha512-pcXxg2QVrQmlo54v39fIfPNda3bkFibuQVji0b4I9PLXOTV+KI5phc8ANnKLdfttfsYap/0bAknS9dQW97KShw==
+  integrity sha512-TpIO93+DIujg3g7SykEAGZMDtbJRrmnYRCNYSjJlvIbGhBjRSNTLVbNeDQBrzy9qDgUbiWdc7KA0uZHZ2tJmiw==
   dependencies:
-    "@floating-ui/react-dom" "^0.6.3"
+    "@floating-ui/core" "^1.1.0"
+
+"@floating-ui/react-dom-interactions@^0.13.3":
+  version "0.13.3"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom-interactions/-/react-dom-interactions-0.13.3.tgz#6c49dda9e16fff64d188603c1efc139588ce925d"
+  integrity sha512-AnCW06eIZxzD/Hl1Qbi2JkQRU5KpY7Dn81k3xRfbvs+HylhB+t3x88/GNKLK39mMTlJ/ylxm5prUpiLrTWvifQ==
+  dependencies:
+    "@floating-ui/react-dom" "^1.0.1"
     aria-hidden "^1.1.3"
-    use-isomorphic-layout-effect "^1.1.1"
+    tabbable "^6.0.1"
 
 "@floating-ui/react-dom@0.7.2":
   version "0.7.2"
@@ -1126,13 +1126,12 @@
     "@floating-ui/dom" "^0.5.3"
     use-isomorphic-layout-effect "^1.1.1"
 
-"@floating-ui/react-dom@^0.6.3":
+"@floating-ui/react-dom@^1.0.1":
-  version "0.6.3"
+  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-0.6.3.tgz#7b64cfd4fd12e4a0515dbf1b2be16e48c9a06c5a"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-1.2.2.tgz#ed256992fd44fcfcddc96da68b4b92f123d61871"
-  integrity sha512-hC+pS5D6AgS2wWjbmSQ6UR6Kpy+drvWGJIri6e1EDGADTPsCaa4KzCgmCczHrQeInx9tqs81EyDmbKJYY2swKg==
+  integrity sha512-DbmFBLwFrZhtXgCI2ra7wXYT8L2BN4/4AMQKyu05qzsVji51tXOfF36VE2gpMB6nhJGHa85PdEg75FB4+vnLFQ==
   dependencies:
-    "@floating-ui/dom" "^0.4.5"
+    "@floating-ui/dom" "^1.1.1"
-    use-isomorphic-layout-effect "^1.1.1"
 
 "@hapi/b64@5.x.x":
   version "5.0.0"
@@ -6068,6 +6067,11 @@ svgo@^2.5.0:
     picocolors "^1.0.0"
     stable "^0.1.8"
 
+tabbable@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-6.0.1.tgz#427a09b13c83ae41eed3e88abb76a4af28bde1a6"
+  integrity sha512-SYJSIgeyXW7EuX1ytdneO5e8jip42oHWg9xl/o3oTYhmXusZVgiA+VlPvjIN+kHii9v90AmzTZEBcsEvuAY+TA==
+
 table@^6.0.4:
   version "6.7.0"
   resolved "https://registry.npmjs.org/table/-/table-6.7.0.tgz"