fix(a11y): remove textbox role from search bar wrapper (#55406)

2026-05-16 07:00:53 -04:00 · 2024-07-18 07:48:39 -07:00
parent 3fcfe897fb
commit 2c308aed62
5 changed files with 222 additions and 41 deletions
--- a/client/package.json
+++ b/client/package.json
@@ -159,7 +159,7 @@
    "@types/react-gtm-module": "2.0.3",
    "@types/react-helmet": "6.1.11",
    "@types/react-instantsearch-core": "6.26.10",
-    "@types/react-instantsearch-dom": "6.12.7",
+    "@types/react-instantsearch-dom": "6.12.8",
    "@types/react-redux": "7.1.33",
    "@types/react-responsive": "8.0.8",
    "@types/react-scrollable-anchor": "0.6.4",
--- a/client/src/components/search/searchBar/search-bar.tsx
+++ b/client/src/components/search/searchBar/search-bar.tsx
@@ -212,22 +212,21 @@ export class SearchBar extends Component<SearchBarProps, SearchBarState> {
          <HotKeys handlers={this.keyHandlers} keyMap={this.keyMap}>
            <div className='fcc_search_wrapper'>
              <ObserveKeys except={['Space']}>
-                <div onFocus={this.handleFocus} role='textbox'>
-                  <SearchBox
-                    data-playwright-test-label='header-search'
-                    focusShortcuts={['83', '191']}
-                    onChange={this.handleChange}
-                    onSubmit={e => {
-                      this.handleSearch(e);
-                    }}
-                    showLoadingIndicator={false}
-                    translations={{
-                      submitTitle: t('icons.magnifier'),
-                      resetTitle: t('icons.input-reset'),
-                      placeholder: t('search.placeholder')
-                    }}
-                  />
-                </div>
+                <SearchBox
+                  data-playwright-test-label='header-search'
+                  focusShortcuts={['83', '191']}
+                  onChange={this.handleChange}
+                  onSubmit={e => {
+                    this.handleSearch(e);
+                  }}
+                  showLoadingIndicator={false}
+                  translations={{
+                    submitTitle: t('icons.magnifier'),
+                    resetTitle: t('icons.input-reset'),
+                    placeholder: t('search.placeholder')
+                  }}
+                  onFocus={this.handleFocus}
+                />
              </ObserveKeys>
              {isDropdownEnabled && isSearchFocused && (
                <SearchHits
--- a/e2e/report-user.spec.ts
+++ b/e2e/report-user.spec.ts
@@ -15,8 +15,7 @@ test.beforeEach(async () => {
 });

 test('should be possible to report a user from their profile page', async ({
-  page,
-  isMobile
+  page
 }) => {
  await page.goto('/twaha');

@@ -31,10 +30,8 @@ test('should be possible to report a user from their profile page', async ({
    page.getByText("Do you want to report twaha's portfolio for abuse?")
  ).toBeVisible();

-  // On mobile, the texarea is the first element due to the searchbox not being present
  await page
-    .getByRole('textbox')
-    .nth(isMobile ? 0 : 1)
+    .getByRole('textbox', { name: 'What would you like to report?' })
    .fill('Some details');
  await page.getByRole('button', { name: 'Submit the report' }).click();
  await expect(page).toHaveURL('/learn');
--- a/e2e/search-bar.spec.ts
+++ b/e2e/search-bar.spec.ts
@@ -161,6 +161,23 @@ test.describe('Search bar', () => {
      page.getByRole('list', { name: 'Search results' })
    ).toBeHidden();
  });
+
+  test('should close the dropdown when the user clicks outside of the search bar', async ({
+    page,
+    isMobile
+  }) => {
+    const searchInput = await getSearchInput({ page, isMobile });
+    await expect(searchInput).toBeVisible();
+
+    await searchInput.fill('test');
+
+    // Wait for the search results to show up
+    const resultList = page.getByRole('list', { name: 'Search results' });
+    await expect(resultList).toBeVisible();
+
+    await page.getByRole('navigation', { name: 'primary' }).click();
+    await expect(resultList).toBeHidden();
+  });
 });

 test.describe('Search results when viewport height is greater than 768px', () => {
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -820,8 +820,8 @@ importers:
        specifier: 6.26.10
        version: 6.26.10
      '@types/react-instantsearch-dom':
-        specifier: 6.12.7
-        version: 6.12.7
+        specifier: 6.12.8
+        version: 6.12.8
      '@types/react-redux':
        specifier: 7.1.33
        version: 7.1.33
@@ -1597,6 +1597,10 @@ packages:
    resolution: {integrity: sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==}
    engines: {node: '>=6.9.0'}

+  '@babel/code-frame@7.24.7':
+    resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/compat-data@7.22.20':
    resolution: {integrity: sha512-BQYjKbpXjoXwFW5jGqiizJQQT/aC7pFm9Ok1OWssonuguICi264lbgMzRp2ZMmRSlfkX6DsWDDcsrctK8Rwfiw==}
    engines: {node: '>=6.9.0'}
@@ -1651,6 +1655,10 @@ packages:
    resolution: {integrity: sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==}
    engines: {node: '>=6.9.0'}

+  '@babel/generator@7.24.7':
+    resolution: {integrity: sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/helper-annotate-as-pure@7.22.5':
    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
    engines: {node: '>=6.9.0'}
@@ -1698,14 +1706,26 @@ packages:
    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
    engines: {node: '>=6.9.0'}

+  '@babel/helper-environment-visitor@7.24.7':
+    resolution: {integrity: sha512-DoiN84+4Gnd0ncbBOM9AZENV4a5ZiL39HYMyZJGZ/AZEykHYdJw0wW3kdcsh9/Kn+BRXHLkkklZ51ecPKmI1CQ==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/helper-function-name@7.23.0':
    resolution: {integrity: sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==}
    engines: {node: '>=6.9.0'}

+  '@babel/helper-function-name@7.24.7':
+    resolution: {integrity: sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/helper-hoist-variables@7.22.5':
    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
    engines: {node: '>=6.9.0'}

+  '@babel/helper-hoist-variables@7.24.7':
+    resolution: {integrity: sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/helper-member-expression-to-functions@7.23.0':
    resolution: {integrity: sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==}
    engines: {node: '>=6.9.0'}
@@ -1761,6 +1781,10 @@ packages:
    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
    engines: {node: '>=6.9.0'}

+  '@babel/helper-split-export-declaration@7.24.7':
+    resolution: {integrity: sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/helper-string-parser@7.22.5':
    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
    engines: {node: '>=6.9.0'}
@@ -1769,10 +1793,18 @@ packages:
    resolution: {integrity: sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==}
    engines: {node: '>=6.9.0'}

+  '@babel/helper-string-parser@7.24.7':
+    resolution: {integrity: sha512-7MbVt6xrwFQbunH2DNQsAP5sTGxfqQtErvBIvIMi6EQnbgUOuVYanvREcmFrOPhoXBrTtjhhP+lW+o5UfK+tDg==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/helper-validator-identifier@7.22.20':
    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
    engines: {node: '>=6.9.0'}

+  '@babel/helper-validator-identifier@7.24.7':
+    resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/helper-validator-option@7.22.15':
    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
    engines: {node: '>=6.9.0'}
@@ -1801,6 +1833,10 @@ packages:
    resolution: {integrity: sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==}
    engines: {node: '>=6.9.0'}

+  '@babel/highlight@7.24.7':
+    resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/node@7.17.10':
    resolution: {integrity: sha512-sFFMyvw23U8QOcTnLJnw2/Myr01e4+iLVy7rHAHrNSnXAfnwS3j2NqihpmZm7TotyNKKf/y8cJ96T5asY46eyw==}
    engines: {node: '>=6.9.0'}
@@ -1828,6 +1864,11 @@ packages:
    engines: {node: '>=6.0.0'}
    hasBin: true

+  '@babel/parser@7.24.7':
+    resolution: {integrity: sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.15':
    resolution: {integrity: sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==}
    engines: {node: '>=6.9.0'}
@@ -2749,6 +2790,10 @@ packages:
    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
    engines: {node: '>=6.9.0'}

+  '@babel/template@7.24.7':
+    resolution: {integrity: sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/traverse@7.23.0':
    resolution: {integrity: sha512-t/QaEvyIoIkwzpiZ7aoSKK8kObQYeF7T2v+dazAYCb8SXtp58zEVkWW7zAnju8FNKNdr4ScAOEDmMItbyOmEYw==}
    engines: {node: '>=6.9.0'}
@@ -2765,6 +2810,10 @@ packages:
    resolution: {integrity: sha512-I/4UJ9vs90OkBtY6iiiTORVMyIhJ4kAVmsKo9KFc8UOxMeUfi2hvtIBsET5u9GizXE6/GFSuKCTNfgCswuEjRg==}
    engines: {node: '>=6.9.0'}

+  '@babel/traverse@7.24.7':
+    resolution: {integrity: sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==}
+    engines: {node: '>=6.9.0'}
+
  '@babel/types@7.23.0':
    resolution: {integrity: sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==}
    engines: {node: '>=6.9.0'}
@@ -2781,6 +2830,10 @@ packages:
    resolution: {integrity: sha512-dQjSq/7HaSjRM43FFGnv5keM2HsxpmyV1PfaSVm0nzzjwwTmjOe6J4bC8e3+pTEIgHaHj+1ZlLThRJ2auc/w1Q==}
    engines: {node: '>=6.9.0'}

+  '@babel/types@7.24.7':
+    resolution: {integrity: sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==}
+    engines: {node: '>=6.9.0'}
+
  '@bcoe/v8-coverage@0.2.3':
    resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}

@@ -3297,14 +3350,26 @@ packages:
    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
    engines: {node: '>=6.0.0'}

+  '@jridgewell/gen-mapping@0.3.5':
+    resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+    engines: {node: '>=6.0.0'}
+
  '@jridgewell/resolve-uri@3.1.1':
    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
    engines: {node: '>=6.0.0'}

+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
  '@jridgewell/set-array@1.1.2':
    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
    engines: {node: '>=6.0.0'}

+  '@jridgewell/set-array@1.2.1':
+    resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+    engines: {node: '>=6.0.0'}
+
  '@jridgewell/source-map@0.3.5':
    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}

@@ -3317,6 +3382,9 @@ packages:
  '@jridgewell/trace-mapping@0.3.22':
    resolution: {integrity: sha512-Wf963MzWtA2sjrNt+g18IAln9lKnlRp+K2eH4jjIoF1wYeq3aMREpG09xhlhdzS0EjwU7qmUJYangWa+151vZw==}

+  '@jridgewell/trace-mapping@0.3.25':
+    resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+
  '@jridgewell/trace-mapping@0.3.9':
    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}

@@ -4293,8 +4361,8 @@ packages:
  '@types/react-instantsearch-core@6.26.10':
    resolution: {integrity: sha512-izn21BqXtO3GA5Tx3x7SP6kfk1GJppkVdowuenKIOUj1sCJ3VHwoggsqVWv1DYVcsS8wydjR8Ra91XtI2a12rw==}

-  '@types/react-instantsearch-dom@6.12.7':
-    resolution: {integrity: sha512-9PPKCOn0gnfMh+IdmM8WD3Ww1cwHbKeWsSddjI/lwLzs7SSSRh+UbYxo6RAM8kGw90EbDn0zTtrdAPl9RiizWQ==}
+  '@types/react-instantsearch-dom@6.12.8':
+    resolution: {integrity: sha512-LKrV3yqtar29TqkG76sfw7k6s95BXRvESKIarNiniXdC+6pioZ23KOx71WJNnwiWbHfeyeSILsKStwDpVWry4A==}

  '@types/react-redux@7.1.33':
    resolution: {integrity: sha512-NF8m5AjWCkert+fosDsN3hAlHzpjSiXlVy9EgQEmLoBhaNXbmyeGs/aj5dQzKuF+/q+S7JQagorGDW8pJ28Hmg==}
@@ -6524,6 +6592,15 @@ packages:
      supports-color:
        optional: true

+  debug@4.3.5:
+    resolution: {integrity: sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
  decamelize@1.2.0:
    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
    engines: {node: '>=0.10.0'}
@@ -10927,6 +11004,9 @@ packages:
  picocolors@1.0.0:
    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}

+  picocolors@1.0.1:
+    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
+
  picomatch@2.3.1:
    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
    engines: {node: '>=8.6'}
@@ -14609,6 +14689,11 @@ snapshots:
      '@babel/highlight': 7.23.4
      chalk: 2.4.2

+  '@babel/code-frame@7.24.7':
+    dependencies:
+      '@babel/highlight': 7.24.7
+      picocolors: 1.0.1
+
  '@babel/compat-data@7.22.20': {}

  '@babel/compat-data@7.23.3': {}
@@ -14733,6 +14818,13 @@ snapshots:
      '@jridgewell/trace-mapping': 0.3.22
      jsesc: 2.5.2

+  '@babel/generator@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+      '@jridgewell/gen-mapping': 0.3.5
+      '@jridgewell/trace-mapping': 0.3.25
+      jsesc: 2.5.2
+
  '@babel/helper-annotate-as-pure@7.22.5':
    dependencies:
      '@babel/types': 7.23.9
@@ -14822,7 +14914,7 @@ snapshots:
      '@babel/core': 7.18.0
      '@babel/helper-compilation-targets': 7.22.15
      '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
      lodash.debounce: 4.0.8
      resolve: 1.22.8
      semver: 6.3.1
@@ -14834,7 +14926,7 @@ snapshots:
      '@babel/core': 7.23.0
      '@babel/helper-compilation-targets': 7.23.6
      '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
      lodash.debounce: 4.0.8
      resolve: 1.22.8
    transitivePeerDependencies:
@@ -14845,7 +14937,7 @@ snapshots:
      '@babel/core': 7.23.7
      '@babel/helper-compilation-targets': 7.23.6
      '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
      lodash.debounce: 4.0.8
      resolve: 1.22.8
    transitivePeerDependencies:
@@ -14856,7 +14948,7 @@ snapshots:
      '@babel/core': 7.23.0
      '@babel/helper-compilation-targets': 7.23.6
      '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
      lodash.debounce: 4.0.8
      resolve: 1.22.8
    transitivePeerDependencies:
@@ -14867,7 +14959,7 @@ snapshots:
      '@babel/core': 7.23.7
      '@babel/helper-compilation-targets': 7.23.6
      '@babel/helper-plugin-utils': 7.22.5
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
      lodash.debounce: 4.0.8
      resolve: 1.22.8
    transitivePeerDependencies:
@@ -14875,15 +14967,28 @@ snapshots:

  '@babel/helper-environment-visitor@7.22.20': {}

+  '@babel/helper-environment-visitor@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+
  '@babel/helper-function-name@7.23.0':
    dependencies:
      '@babel/template': 7.22.15
      '@babel/types': 7.23.9

+  '@babel/helper-function-name@7.24.7':
+    dependencies:
+      '@babel/template': 7.24.7
+      '@babel/types': 7.24.7
+
  '@babel/helper-hoist-variables@7.22.5':
    dependencies:
      '@babel/types': 7.23.9

+  '@babel/helper-hoist-variables@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+
  '@babel/helper-member-expression-to-functions@7.23.0':
    dependencies:
      '@babel/types': 7.23.9
@@ -14999,12 +15104,20 @@ snapshots:
    dependencies:
      '@babel/types': 7.23.9

+  '@babel/helper-split-export-declaration@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+
  '@babel/helper-string-parser@7.22.5': {}

  '@babel/helper-string-parser@7.23.4': {}

+  '@babel/helper-string-parser@7.24.7': {}
+
  '@babel/helper-validator-identifier@7.22.20': {}

+  '@babel/helper-validator-identifier@7.24.7': {}
+
  '@babel/helper-validator-option@7.22.15': {}

  '@babel/helper-validator-option@7.23.5': {}
@@ -15045,6 +15158,13 @@ snapshots:
      chalk: 2.4.2
      js-tokens: 4.0.0

+  '@babel/highlight@7.24.7':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.24.7
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+      picocolors: 1.0.1
+
  '@babel/node@7.17.10(@babel/core@7.18.0)':
    dependencies:
      '@babel/core': 7.18.0
@@ -15071,6 +15191,10 @@ snapshots:
    dependencies:
      '@babel/types': 7.23.9

+  '@babel/parser@7.24.7':
+    dependencies:
+      '@babel/types': 7.24.7
+
  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.15(@babel/core@7.18.0)':
    dependencies:
      '@babel/core': 7.18.0
@@ -16852,6 +16976,12 @@ snapshots:
      '@babel/parser': 7.23.3
      '@babel/types': 7.23.3

+  '@babel/template@7.24.7':
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      '@babel/parser': 7.24.7
+      '@babel/types': 7.24.7
+
  '@babel/traverse@7.23.0':
    dependencies:
      '@babel/code-frame': 7.23.5
@@ -16912,6 +17042,21 @@ snapshots:
    transitivePeerDependencies:
      - supports-color

+  '@babel/traverse@7.24.7':
+    dependencies:
+      '@babel/code-frame': 7.24.7
+      '@babel/generator': 7.24.7
+      '@babel/helper-environment-visitor': 7.24.7
+      '@babel/helper-function-name': 7.24.7
+      '@babel/helper-hoist-variables': 7.24.7
+      '@babel/helper-split-export-declaration': 7.24.7
+      '@babel/parser': 7.24.7
+      '@babel/types': 7.24.7
+      debug: 4.3.5
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+
  '@babel/types@7.23.0':
    dependencies:
      '@babel/helper-string-parser': 7.22.5
@@ -16936,6 +17081,12 @@ snapshots:
      '@babel/helper-validator-identifier': 7.22.20
      to-fast-properties: 2.0.0

+  '@babel/types@7.24.7':
+    dependencies:
+      '@babel/helper-string-parser': 7.24.7
+      '@babel/helper-validator-identifier': 7.24.7
+      to-fast-properties: 2.0.0
+
  '@bcoe/v8-coverage@0.2.3': {}

  '@compodoc/live-server@1.2.3':
@@ -17630,10 +17781,20 @@ snapshots:
      '@jridgewell/sourcemap-codec': 1.4.15
      '@jridgewell/trace-mapping': 0.3.22

+  '@jridgewell/gen-mapping@0.3.5':
+    dependencies:
+      '@jridgewell/set-array': 1.2.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.25
+
  '@jridgewell/resolve-uri@3.1.1': {}

+  '@jridgewell/resolve-uri@3.1.2': {}
+
  '@jridgewell/set-array@1.1.2': {}

+  '@jridgewell/set-array@1.2.1': {}
+
  '@jridgewell/source-map@0.3.5':
    dependencies:
      '@jridgewell/gen-mapping': 0.3.3
@@ -17651,6 +17812,11 @@ snapshots:
      '@jridgewell/resolve-uri': 3.1.1
      '@jridgewell/sourcemap-codec': 1.4.15

+  '@jridgewell/trace-mapping@0.3.25':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+
  '@jridgewell/trace-mapping@0.3.9':
    dependencies:
      '@jridgewell/resolve-uri': 3.1.1
@@ -18799,7 +18965,7 @@ snapshots:
      algoliasearch: 4.22.1
      algoliasearch-helper: 3.14.2(algoliasearch@4.22.1)

-  '@types/react-instantsearch-dom@6.12.7':
+  '@types/react-instantsearch-dom@6.12.8':
    dependencies:
      '@types/react': 16.14.56
      '@types/react-instantsearch-core': 6.26.10
@@ -19072,7 +19238,7 @@ snapshots:
    dependencies:
      '@typescript-eslint/types': 3.10.1
      '@typescript-eslint/visitor-keys': 3.10.1
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
      glob: 7.2.3
      is-glob: 4.0.3
      lodash: 4.17.21
@@ -19101,7 +19267,7 @@ snapshots:
    dependencies:
      '@typescript-eslint/types': 5.62.0
      '@typescript-eslint/visitor-keys': 5.62.0
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
      globby: 11.1.0
      is-glob: 4.0.3
      semver: 7.6.0
@@ -19761,10 +19927,10 @@ snapshots:

  babel-eslint@10.1.0(eslint@7.32.0):
    dependencies:
-      '@babel/code-frame': 7.23.5
-      '@babel/parser': 7.23.9
-      '@babel/traverse': 7.23.9
-      '@babel/types': 7.23.9
+      '@babel/code-frame': 7.24.7
+      '@babel/parser': 7.24.7
+      '@babel/traverse': 7.24.7
+      '@babel/types': 7.24.7
      eslint: 7.32.0
      eslint-visitor-keys: 1.3.0
      resolve: 1.22.8
@@ -24713,7 +24879,7 @@ snapshots:
    dependencies:
      '@tootallnate/once': 2.0.0
      agent-base: 6.0.2
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
    transitivePeerDependencies:
      - supports-color

@@ -25277,7 +25443,7 @@ snapshots:

  istanbul-lib-source-maps@4.0.1:
    dependencies:
-      debug: 4.3.4(supports-color@8.1.1)
+      debug: 4.3.5
      istanbul-lib-coverage: 3.2.0
      source-map: 0.6.1
    transitivePeerDependencies:
@@ -28017,6 +28183,8 @@ snapshots:

  picocolors@1.0.0: {}

+  picocolors@1.0.1: {}
+
  picomatch@2.3.1: {}

  pidtree@0.5.0: {}
@@ -29684,7 +29852,7 @@ snapshots:
  snapdragon@0.8.2:
    dependencies:
      base: 0.11.2
-      debug: 2.2.0
+      debug: 2.6.9
      define-property: 0.2.5
      extend-shallow: 2.0.1
      map-cache: 0.2.2