From bd5ef3b0744ecbdbbda3a3f53ea9672161fda087 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Quentin=20G=C3=A9r=C3=B4me?= <quentin@letsbuildit.dev>
Date: Tue, 22 Oct 2024 15:14:01 +0200
Subject: [PATCH] chore: install packages & update failing snapshots

---
 package-lock.json                             |  15 ---
 .../__snapshots__/DatasetPicker.test.tsx.snap | 105 +++++++++++++++++-
 2 files changed, 100 insertions(+), 20 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ec7f04cb..8c741ac0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22956,21 +22956,6 @@
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
       }
-    },
-    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.2.14",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.14.tgz",
-      "integrity": "sha512-2u2XcSaDEOj+96eXpyjHjtVPLhkAFw2nlaz83EPeuK4obF+HmtDJHqgR1dZB7Gb6V/d55FL26/lYVd0TwMgcOQ==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
     }
   }
 }
diff --git a/src/datasets/features/DatasetPicker/__snapshots__/DatasetPicker.test.tsx.snap b/src/datasets/features/DatasetPicker/__snapshots__/DatasetPicker.test.tsx.snap
index 2ab22959..51362bc6 100644
--- a/src/datasets/features/DatasetPicker/__snapshots__/DatasetPicker.test.tsx.snap
+++ b/src/datasets/features/DatasetPicker/__snapshots__/DatasetPicker.test.tsx.snap
@@ -6,17 +6,19 @@ exports[`DatasetPicker display all dataset 1`] = `
     class="relative"
   >
     <div
-      class="form-input flex w-full items-center rounded-md border-gray-300 shadow-sm disabled:border-gray-300 focus-within:outline-none focus:ring-transparent focus-visible:border-blue-500 disabled:cursor-not-allowed  sm:text-sm hover:border-gray-400"
+      class="form-input flex w-full items-center rounded-md border-gray-300 shadow-sm disabled:border-gray-300 focus-within:outline-none focus:ring-transparent focus-visible:border-blue-500 disabled:cursor-not-allowed  sm:text-sm border-blue-500"
     >
       <div
         class="mr-1 flex flex-1 items-center truncate"
       >
         <input
+          aria-activedescendant="headlessui-combobox-option-ee4137b3-3d69-4318-b729-8a2c38c05dd8"
           aria-autocomplete="list"
-          aria-expanded="false"
+          aria-controls="headlessui-combobox-options-b608a8f9-e22c-462e-95cb-e9c54e6fa91f"
+          aria-expanded="true"
           autocomplete="off"
           class="flex-1 placeholder-gray-600 placeholder-opacity-70 outline-none"
-          data-headlessui-state=""
+          data-headlessui-state="open"
           data-testid="combobox-input"
           id="headlessui-combobox-input-6b042125-686a-43e0-8a68-23cf5bee102e"
           placeholder="Select dataset"
@@ -25,9 +27,10 @@ exports[`DatasetPicker display all dataset 1`] = `
         />
       </div>
       <button
-        aria-expanded="false"
+        aria-controls="headlessui-combobox-options-b608a8f9-e22c-462e-95cb-e9c54e6fa91f"
+        aria-expanded="true"
         aria-haspopup="listbox"
-        data-headlessui-state=""
+        data-headlessui-state="open"
         data-testid="combobox-button"
         id="headlessui-combobox-button-6f8b5ad0-cfb4-4c17-9e44-20a3470929b1"
         tabindex="-1"
@@ -60,6 +63,98 @@ exports[`DatasetPicker display all dataset 1`] = `
         </div>
       </button>
     </div>
+    <ul
+      aria-labelledby="headlessui-combobox-button-6f8b5ad0-cfb4-4c17-9e44-20a3470929b1"
+      class="max-h-60 z-10 w-full rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm flex flex-col"
+      data-headlessui-state="open"
+      data-popper-escaped="true"
+      data-popper-placement="bottom-start"
+      data-popper-reference-hidden="true"
+      data-testid="combobox-options"
+      id="headlessui-combobox-options-b608a8f9-e22c-462e-95cb-e9c54e6fa91f"
+      role="listbox"
+      style="position: absolute; left: 0px; top: 0px; transform: translate(0px, 4px);"
+    >
+      <div
+        class="overflow-auto flex-1"
+        role="none"
+      >
+        <li
+          class="relative cursor-default select-none px-2 py-2 bg-blue-500 text-white"
+          data-headlessui-state="active"
+          id="headlessui-combobox-option-ee4137b3-3d69-4318-b729-8a2c38c05dd8"
+          role="option"
+          tabindex="-1"
+        >
+          <div
+            class="group flex w-full items-center"
+          >
+            <span
+              class="flex items-center pr-4 invisible text-white"
+            >
+              <svg
+                aria-hidden="true"
+                class="h-5 w-5"
+                data-slot="icon"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+                viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="m4.5 12.75 6 6 9-13.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+            </span>
+            <span
+              class="flex-1 truncate"
+            >
+              Dataset 1
+            </span>
+          </div>
+        </li>
+        <li
+          class="relative cursor-default select-none px-2 py-2 text-gray-900"
+          data-headlessui-state=""
+          id="headlessui-combobox-option-fdd1ab9c-0cb4-44a5-8c7c-f42e8faf8825"
+          role="option"
+          tabindex="-1"
+        >
+          <div
+            class="group flex w-full items-center"
+          >
+            <span
+              class="flex items-center pr-4 invisible text-gray-900"
+            >
+              <svg
+                aria-hidden="true"
+                class="h-5 w-5"
+                data-slot="icon"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="1.5"
+                viewBox="0 0 24 24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="m4.5 12.75 6 6 9-13.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+            </span>
+            <span
+              class="flex-1 truncate"
+            >
+              Dataset 2
+            </span>
+          </div>
+        </li>
+      </div>
+    </ul>
   </div>
 </div>
 `;