chore(deps): update dependency prettier to v2.8.7 (#729)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Sarah Dayan <[email protected]>

Author: renovate[bot]

examples/github-notification-filters/app.tsx

@@ -77,9 +77,9 @@ autocomplete<AutocompleteItem>({
       sourceId: 'query',
       onSelect() {
         const params = Object.fromEntries(
-          Object.entries(
-            groupBy(allTags, ({ token }) => token)
-          ).map(([key, entries]) => [key, entries.map(({ value }) => value)])
+          Object.entries(groupBy(allTags, ({ token }) => token)).map(
+            ([key, entries]) => [key, entries.map(({ value }) => value)]
+          )
         );
 
         window.location.assign(

examples/playground/shortcutsPlugin.tsx

@@ -54,8 +54,7 @@ export const shortcutsPlugin: AutocompletePlugin<DarkModeItem, undefined> = {
                 strokeLinecap: 'round',
                 strokeLinejoin: 'round',
                 strokeWidth: 2,
-                d:
-                  'M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z',
+                d: 'M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z',
               })
             );
             const lightIcon = createElement(
@@ -70,8 +69,7 @@ export const shortcutsPlugin: AutocompletePlugin<DarkModeItem, undefined> = {
                 strokeLinecap: 'round',
                 strokeLinejoin: 'round',
                 strokeWidth: 2,
-                d:
-                  'M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z',
+                d: 'M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z',
               })
             );
 

examples/recently-viewed-items/recentlyViewedItemsPlugin.tsx

@@ -46,88 +46,84 @@ export function createLocalStorageRecentlyViewedItems<
 >(
   params: CreateLocalStorageRecentlyViewedItemsParams<TItem>
 ): AutocompletePlugin<TItem, RecentlyViewedItemsPluginData<TItem>> {
-  const {
-    onReset,
-    onSubmit,
-    subscribe,
-    ...plugin
-  } = createLocalStorageRecentSearchesPlugin<TItem>({
-    ...params,
-    search(params) {
-      if (params.query) {
-        return [];
-      }
+  const { onReset, onSubmit, subscribe, ...plugin } =
+    createLocalStorageRecentSearchesPlugin<TItem>({
+      ...params,
+      search(params) {
+        if (params.query) {
+          return [];
+        }
 
-      return search(params);
-    },
-    transformSource({ source, onRemove, state }) {
-      const transformedSource = params.transformSource
-        ? params.transformSource({ source, onRemove, state })
-        : source;
+        return search(params);
+      },
+      transformSource({ source, onRemove, state }) {
+        const transformedSource = params.transformSource
+          ? params.transformSource({ source, onRemove, state })
+          : source;
 
-      return {
-        ...transformedSource,
-        getItemUrl({ item }) {
-          return item.url;
-        },
-        templates: {
-          ...transformedSource.templates,
-          header() {
-            return (
-              <Fragment>
-                <span className="aa-SourceHeaderTitle">Recently viewed</span>
-                <div className="aa-SourceHeaderLine" />
-              </Fragment>
-            );
+        return {
+          ...transformedSource,
+          getItemUrl({ item }) {
+            return item.url;
           },
-          item({ item, components }) {
-            return (
-              <a className="aa-ItemLink" href={item.url}>
-                <div className="aa-ItemContent">
-                  {item.image ? (
-                    <div className="aa-ItemIcon">
-                      <img src={item.image} alt={item.label} />
-                    </div>
-                  ) : (
-                    <div className="aa-ItemIcon aa-ItemIcon--noBorder">
-                      <svg viewBox="0 0 24 24" fill="currentColor">
-                        <path d="M12.516 6.984v5.25l4.5 2.672-0.75 1.266-5.25-3.188v-6h1.5zM12 20.016q3.281 0 5.648-2.367t2.367-5.648-2.367-5.648-5.648-2.367-5.648 2.367-2.367 5.648 2.367 5.648 5.648 2.367zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z" />
-                      </svg>
-                    </div>
-                  )}
-                  <div className="aa-ItemContentBody">
-                    <div className="aa-ItemContentTitle">
-                      <components.Highlight hit={item} attribute="label" />
+          templates: {
+            ...transformedSource.templates,
+            header() {
+              return (
+                <Fragment>
+                  <span className="aa-SourceHeaderTitle">Recently viewed</span>
+                  <div className="aa-SourceHeaderLine" />
+                </Fragment>
+              );
+            },
+            item({ item, components }) {
+              return (
+                <a className="aa-ItemLink" href={item.url}>
+                  <div className="aa-ItemContent">
+                    {item.image ? (
+                      <div className="aa-ItemIcon">
+                        <img src={item.image} alt={item.label} />
+                      </div>
+                    ) : (
+                      <div className="aa-ItemIcon aa-ItemIcon--noBorder">
+                        <svg viewBox="0 0 24 24" fill="currentColor">
+                          <path d="M12.516 6.984v5.25l4.5 2.672-0.75 1.266-5.25-3.188v-6h1.5zM12 20.016q3.281 0 5.648-2.367t2.367-5.648-2.367-5.648-5.648-2.367-5.648 2.367-2.367 5.648 2.367 5.648 5.648 2.367zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z" />
+                        </svg>
+                      </div>
+                    )}
+                    <div className="aa-ItemContentBody">
+                      <div className="aa-ItemContentTitle">
+                        <components.Highlight hit={item} attribute="label" />
+                      </div>
                     </div>
                   </div>
-                </div>
-                <div className="aa-ItemActions">
-                  <button
-                    className="aa-ItemActionButton"
-                    title="Remove this search"
-                    onClick={(event) => {
-                      event.preventDefault();
-                      event.stopPropagation();
-                      onRemove(item.id);
-                    }}
-                  >
-                    <svg
-                      viewBox="0 0 24 24"
-                      width="18"
-                      height="18"
-                      fill="currentColor"
+                  <div className="aa-ItemActions">
+                    <button
+                      className="aa-ItemActionButton"
+                      title="Remove this search"
+                      onClick={(event) => {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        onRemove(item.id);
+                      }}
                     >
-                      <path d="M18 7v13c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-10c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-13zM17 5v-1c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879h-4c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v1h-4c-0.552 0-1 0.448-1 1s0.448 1 1 1h1v13c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h10c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-13h1c0.552 0 1-0.448 1-1s-0.448-1-1-1zM9 5v-1c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h4c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707v1zM9 11v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1zM13 11v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1z" />
-                    </svg>
-                  </button>
-                </div>
-              </a>
-            );
+                      <svg
+                        viewBox="0 0 24 24"
+                        width="18"
+                        height="18"
+                        fill="currentColor"
+                      >
+                        <path d="M18 7v13c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-10c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-13zM17 5v-1c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879h-4c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v1h-4c-0.552 0-1 0.448-1 1s0.448 1 1 1h1v13c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h10c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-13h1c0.552 0 1-0.448 1-1s-0.448-1-1-1zM9 5v-1c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h4c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707v1zM9 11v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1zM13 11v6c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1z" />
+                      </svg>
+                    </button>
+                  </div>
+                </a>
+              );
+            },
           },
-        },
-      };
-    },
-  });
+        };
+      },
+    });
   const { getAlgoliaSearchParams, ...data } = plugin.data;
 
   return {

examples/reshape/app.tsx

@@ -59,12 +59,8 @@ autocomplete({
   openOnFocus: true,
   plugins: [recentSearchesPlugin, querySuggestionsPlugin, productsPlugin],
   reshape({ sourcesBySourceId }) {
-    const {
-      recentSearchesPlugin,
-      querySuggestionsPlugin,
-      products,
-      ...rest
-    } = sourcesBySourceId;
+    const { recentSearchesPlugin, querySuggestionsPlugin, products, ...rest } =
+      sourcesBySourceId;
 
     return [
       dedupeAndLimitSuggestions(recentSearchesPlugin, querySuggestionsPlugin),

examples/two-column-layout/src/functions/createFillWith.ts

@@ -9,10 +9,9 @@ type createFillWithOptions = {
 
 // This reshape function computes the total number of source items and
 // limits the provided main source number of items until it reaches the provided limit.
-export const createFillWith: AutocompleteReshapeFunction<createFillWithOptions> = ({
-  mainSourceId,
-  limit,
-}) => {
+export const createFillWith: AutocompleteReshapeFunction<
+  createFillWithOptions
+> = ({ mainSourceId, limit }) => {
   return function runUniqBy(...rawSources) {
     const originalSources = normalizeReshapeSources(rawSources);
     const otherSources = originalSources.filter(

package.json

@@ -71,7 +71,7 @@
     "postcss-color-rgb": "2.0.0",
     "postcss-comment": "2.0.0",
     "postcss-preset-env": "6.7.1",
-    "prettier": "2.2.1",
+    "prettier": "2.8.7",
     "rollup": "2.79.1",
     "rollup-plugin-babel": "4.4.0",
     "rollup-plugin-commonjs": "10.1.0",

packages/autocomplete-core/src/__tests__/concurrency.test.ts

@@ -39,9 +39,8 @@ describe('concurrency', () => {
 
     await defer(noop, timeout);
 
-    let stateHistory: Array<
-      AutocompleteState<Item>
-    > = onStateChange.mock.calls.flatMap((x) => x[0].state);
+    let stateHistory: Array<AutocompleteState<Item>> =
+      onStateChange.mock.calls.flatMap((x) => x[0].state);
 
     const itemsHistory: Item[] = stateHistory.flatMap(({ collections }) =>
       collections.flatMap((x) => x.items)
@@ -195,14 +194,11 @@ describe('concurrency', () => {
         });
         const getSources = jest.fn(delayedGetSources);
 
-        const {
-          inputElement,
-          getEnvironmentProps,
-          formElement,
-        } = createPlayground(createAutocomplete, {
-          onStateChange,
-          getSources,
-        });
+        const { inputElement, getEnvironmentProps, formElement } =
+          createPlayground(createAutocomplete, {
+            onStateChange,
+            getSources,
+          });
 
         const panelElement = document.createElement('div');
 
@@ -262,14 +258,11 @@ describe('concurrency', () => {
         });
         const getSources = jest.fn(delayedGetSources);
 
-        const {
-          getEnvironmentProps,
-          inputElement,
-          formElement,
-        } = createPlayground(createAutocomplete, {
-          onStateChange,
-          getSources,
-        });
+        const { getEnvironmentProps, inputElement, formElement } =
+          createPlayground(createAutocomplete, {
+            onStateChange,
+            getSources,
+          });
 
         const panelElement = document.createElement('div');
 
@@ -404,15 +397,12 @@ describe('concurrency', () => {
             ];
           }, delay);
         });
-        const {
-          getEnvironmentProps,
-          inputElement,
-          formElement,
-        } = createPlayground(createAutocomplete, {
-          debug: true,
-          onStateChange,
-          getSources,
-        });
+        const { getEnvironmentProps, inputElement, formElement } =
+          createPlayground(createAutocomplete, {
+            debug: true,
+            onStateChange,
+            getSources,
+          });
 
         const panelElement = document.createElement('div');