@wordpress/dataviews 9.1.1-next.f56bd8138.0 → 10.0.0

package/build-module/components/dataviews-filters/search-widget.js

@@ -1,26 +1,20 @@
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-import * as Ariakit from '@ariakit/react';
-import removeAccents from 'remove-accents';
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useInstanceId } from '@wordpress/compose';
-import { __, sprintf } from '@wordpress/i18n';
-import { useState, useMemo, useDeferredValue } from '@wordpress/element';
-import { VisuallyHidden, Icon, Composite } from '@wordpress/components';
-import { search, check } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { getCurrentValue } from './utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function normalizeSearchInput(input = '') {
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Ariakit from "@ariakit/react";
+import removeAccents from "remove-accents";
+import clsx from "clsx";
+import { useInstanceId } from "@wordpress/compose";
+import { __, sprintf } from "@wordpress/i18n";
+import { useState, useMemo, useDeferredValue } from "@wordpress/element";
+import {
+  VisuallyHidden,
+  Icon,
+  Composite,
+  Spinner
+} from "@wordpress/components";
+import { search, check } from "@wordpress/icons";
+import { getCurrentValue } from "./utils";
+import useElements from "../../hooks/use-elements";
+function normalizeSearchInput(input = "") {
   return removeAccents(input.trim().toLowerCase());
 }
 const getNewValue = (filterDefinition, currentFilter, value) => {
@@ -28,198 +22,285 @@ const getNewValue = (filterDefinition, currentFilter, value) => {
     return value;
   }
   if (Array.isArray(currentFilter?.value)) {
-    return currentFilter.value.includes(value) ? currentFilter.value.filter(v => v !== value) : [...currentFilter.value, value];
+    return currentFilter.value.includes(value) ? currentFilter.value.filter((v) => v !== value) : [...currentFilter.value, value];
   }
   return [value];
 };
 function generateFilterElementCompositeItemId(prefix, filterElementValue) {
   return `${prefix}-${filterElementValue}`;
 }
-const MultiSelectionOption = ({
-  selected
-}) => {
-  return /*#__PURE__*/_jsx("span", {
-    className: clsx('dataviews-filters__search-widget-listitem-multi-selection', {
-      'is-selected': selected
-    }),
-    children: selected && /*#__PURE__*/_jsx(Icon, {
-      icon: check
-    })
-  });
+const MultiSelectionOption = ({ selected }) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: clsx(
+        "dataviews-filters__search-widget-listitem-multi-selection",
+        { "is-selected": selected }
+      ),
+      children: selected && /* @__PURE__ */ jsx(Icon, { icon: check })
+    }
+  );
 };
-const SingleSelectionOption = ({
-  selected
-}) => {
-  return /*#__PURE__*/_jsx("span", {
-    className: clsx('dataviews-filters__search-widget-listitem-single-selection', {
-      'is-selected': selected
-    })
-  });
+const SingleSelectionOption = ({ selected }) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: clsx(
+        "dataviews-filters__search-widget-listitem-single-selection",
+        { "is-selected": selected }
+      )
+    }
+  );
 };
-function ListBox({
-  view,
-  filter,
-  onChangeView
-}) {
-  const baseId = useInstanceId(ListBox, 'dataviews-filter-list-box');
+function ListBox({ view, filter, onChangeView }) {
+  const baseId = useInstanceId(ListBox, "dataviews-filter-list-box");
   const [activeCompositeId, setActiveCompositeId] = useState(
-  // When there are one or less operators, the first item is set as active
-  // (by setting the initial `activeId` to `undefined`).
-  // With 2 or more operators, the focus is moved on the operators control
-  // (by setting the initial `activeId` to `null`), meaning that there won't
-  // be an active item initially. Focus is then managed via the
-  // `onFocusVisible` callback.
-  filter.operators?.length === 1 ? undefined : null);
-  const currentFilter = view.filters?.find(f => f.field === filter.field);
+    // When there are one or less operators, the first item is set as active
+    // (by setting the initial `activeId` to `undefined`).
+    // With 2 or more operators, the focus is moved on the operators control
+    // (by setting the initial `activeId` to `null`), meaning that there won't
+    // be an active item initially. Focus is then managed via the
+    // `onFocusVisible` callback.
+    filter.operators?.length === 1 ? void 0 : null
+  );
+  const currentFilter = view.filters?.find(
+    (f) => f.field === filter.field
+  );
+  const currentValue = getCurrentValue(filter, currentFilter);
+  return /* @__PURE__ */ jsx(
+    Composite,
+    {
+      virtualFocus: true,
+      focusLoop: true,
+      activeId: activeCompositeId,
+      setActiveId: setActiveCompositeId,
+      role: "listbox",
+      className: "dataviews-filters__search-widget-listbox",
+      "aria-label": sprintf(
+        /* translators: List of items for a filter. 1: Filter name. e.g.: "List of: Author". */
+        __("List of: %1$s"),
+        filter.name
+      ),
+      onFocusVisible: () => {
+        if (!activeCompositeId && filter.elements.length) {
+          setActiveCompositeId(
+            generateFilterElementCompositeItemId(
+              baseId,
+              filter.elements[0].value
+            )
+          );
+        }
+      },
+      render: /* @__PURE__ */ jsx(Composite.Typeahead, {}),
+      children: filter.elements.map((element) => /* @__PURE__ */ jsxs(
+        Composite.Hover,
+        {
+          render: /* @__PURE__ */ jsx(
+            Composite.Item,
+            {
+              id: generateFilterElementCompositeItemId(
+                baseId,
+                element.value
+              ),
+              render: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "aria-label": element.label,
+                  role: "option",
+                  className: "dataviews-filters__search-widget-listitem"
+                }
+              ),
+              onClick: () => {
+                const newFilters = currentFilter ? [
+                  ...(view.filters ?? []).map(
+                    (_filter) => {
+                      if (_filter.field === filter.field) {
+                        return {
+                          ..._filter,
+                          operator: currentFilter.operator || filter.operators[0],
+                          value: getNewValue(
+                            filter,
+                            currentFilter,
+                            element.value
+                          )
+                        };
+                      }
+                      return _filter;
+                    }
+                  )
+                ] : [
+                  ...view.filters ?? [],
+                  {
+                    field: filter.field,
+                    operator: filter.operators[0],
+                    value: getNewValue(
+                      filter,
+                      currentFilter,
+                      element.value
+                    )
+                  }
+                ];
+                onChangeView({
+                  ...view,
+                  page: 1,
+                  filters: newFilters
+                });
+              }
+            }
+          ),
+          children: [
+            filter.singleSelection && /* @__PURE__ */ jsx(
+              SingleSelectionOption,
+              {
+                selected: currentValue === element.value
+              }
+            ),
+            !filter.singleSelection && /* @__PURE__ */ jsx(
+              MultiSelectionOption,
+              {
+                selected: currentValue.includes(element.value)
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { children: element.label })
+          ]
+        },
+        element.value
+      ))
+    }
+  );
+}
+function ComboboxList({ view, filter, onChangeView }) {
+  const [searchValue, setSearchValue] = useState("");
+  const deferredSearchValue = useDeferredValue(searchValue);
+  const currentFilter = view.filters?.find(
+    (_filter) => _filter.field === filter.field
+  );
   const currentValue = getCurrentValue(filter, currentFilter);
-  return /*#__PURE__*/_jsx(Composite, {
-    virtualFocus: true,
-    focusLoop: true,
-    activeId: activeCompositeId,
-    setActiveId: setActiveCompositeId,
-    role: "listbox",
-    className: "dataviews-filters__search-widget-listbox",
-    "aria-label": sprintf(/* translators: List of items for a filter. 1: Filter name. e.g.: "List of: Author". */
-    __('List of: %1$s'), filter.name),
-    onFocusVisible: () => {
-      // `onFocusVisible` needs the `Composite` component to be focusable,
-      // which is implicitly achieved via the `virtualFocus` prop.
-      if (!activeCompositeId && filter.elements.length) {
-        setActiveCompositeId(generateFilterElementCompositeItemId(baseId, filter.elements[0].value));
-      }
-    },
-    render: /*#__PURE__*/_jsx(Composite.Typeahead, {}),
-    children: filter.elements.map(element => /*#__PURE__*/_jsxs(Composite.Hover, {
-      render: /*#__PURE__*/_jsx(Composite.Item, {
-        id: generateFilterElementCompositeItemId(baseId, element.value),
-        render: /*#__PURE__*/_jsx("div", {
-          "aria-label": element.label,
-          role: "option",
-          className: "dataviews-filters__search-widget-listitem"
-        }),
-        onClick: () => {
-          var _view$filters, _view$filters2;
-          const newFilters = currentFilter ? [...((_view$filters = view.filters) !== null && _view$filters !== void 0 ? _view$filters : []).map(_filter => {
+  const matches = useMemo(() => {
+    const normalizedSearch = normalizeSearchInput(deferredSearchValue);
+    return filter.elements.filter(
+      (item) => normalizeSearchInput(item.label).includes(normalizedSearch)
+    );
+  }, [filter.elements, deferredSearchValue]);
+  return /* @__PURE__ */ jsxs(
+    Ariakit.ComboboxProvider,
+    {
+      selectedValue: currentValue,
+      setSelectedValue: (value) => {
+        const newFilters = currentFilter ? [
+          ...(view.filters ?? []).map((_filter) => {
             if (_filter.field === filter.field) {
               return {
                 ..._filter,
                 operator: currentFilter.operator || filter.operators[0],
-                value: getNewValue(filter, currentFilter, element.value)
+                value
               };
             }
             return _filter;
-          })] : [...((_view$filters2 = view.filters) !== null && _view$filters2 !== void 0 ? _view$filters2 : []), {
+          })
+        ] : [
+          ...view.filters ?? [],
+          {
             field: filter.field,
             operator: filter.operators[0],
-            value: getNewValue(filter, currentFilter, element.value)
-          }];
-          onChangeView({
-            ...view,
-            page: 1,
-            filters: newFilters
-          });
-        }
-      }),
-      children: [filter.singleSelection && /*#__PURE__*/_jsx(SingleSelectionOption, {
-        selected: currentValue === element.value
-      }), !filter.singleSelection && /*#__PURE__*/_jsx(MultiSelectionOption, {
-        selected: currentValue.includes(element.value)
-      }), /*#__PURE__*/_jsx("span", {
-        children: element.label
-      })]
-    }, element.value))
-  });
-}
-function ComboboxList({
-  view,
-  filter,
-  onChangeView
-}) {
-  const [searchValue, setSearchValue] = useState('');
-  const deferredSearchValue = useDeferredValue(searchValue);
-  const currentFilter = view.filters?.find(_filter => _filter.field === filter.field);
-  const currentValue = getCurrentValue(filter, currentFilter);
-  const matches = useMemo(() => {
-    const normalizedSearch = normalizeSearchInput(deferredSearchValue);
-    return filter.elements.filter(item => normalizeSearchInput(item.label).includes(normalizedSearch));
-  }, [filter.elements, deferredSearchValue]);
-  return /*#__PURE__*/_jsxs(Ariakit.ComboboxProvider, {
-    selectedValue: currentValue,
-    setSelectedValue: value => {
-      var _view$filters3, _view$filters4;
-      const newFilters = currentFilter ? [...((_view$filters3 = view.filters) !== null && _view$filters3 !== void 0 ? _view$filters3 : []).map(_filter => {
-        if (_filter.field === filter.field) {
-          return {
-            ..._filter,
-            operator: currentFilter.operator || filter.operators[0],
             value
-          };
-        }
-        return _filter;
-      })] : [...((_view$filters4 = view.filters) !== null && _view$filters4 !== void 0 ? _view$filters4 : []), {
-        field: filter.field,
-        operator: filter.operators[0],
-        value
-      }];
-      onChangeView({
-        ...view,
-        page: 1,
-        filters: newFilters
-      });
-    },
-    setValue: setSearchValue,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "dataviews-filters__search-widget-filter-combobox__wrapper",
-      children: [/*#__PURE__*/_jsx(Ariakit.ComboboxLabel, {
-        render: /*#__PURE__*/_jsx(VisuallyHidden, {
-          children: __('Search items')
-        }),
-        children: __('Search items')
-      }), /*#__PURE__*/_jsx(Ariakit.Combobox, {
-        autoSelect: "always",
-        placeholder: __('Search'),
-        className: "dataviews-filters__search-widget-filter-combobox__input"
-      }), /*#__PURE__*/_jsx("div", {
-        className: "dataviews-filters__search-widget-filter-combobox__icon",
-        children: /*#__PURE__*/_jsx(Icon, {
-          icon: search
-        })
-      })]
-    }), /*#__PURE__*/_jsxs(Ariakit.ComboboxList, {
-      className: "dataviews-filters__search-widget-filter-combobox-list",
-      alwaysVisible: true,
-      children: [matches.map(element => {
-        return /*#__PURE__*/_jsxs(Ariakit.ComboboxItem, {
-          resetValueOnSelect: false,
-          value: element.value,
-          className: "dataviews-filters__search-widget-listitem",
-          hideOnClick: false,
-          setValueOnClick: false,
-          focusOnHover: true,
-          children: [filter.singleSelection && /*#__PURE__*/_jsx(SingleSelectionOption, {
-            selected: currentValue === element.value
-          }), !filter.singleSelection && /*#__PURE__*/_jsx(MultiSelectionOption, {
-            selected: currentValue.includes(element.value)
-          }), /*#__PURE__*/_jsxs("span", {
-            children: [/*#__PURE__*/_jsx(Ariakit.ComboboxItemValue, {
-              className: "dataviews-filters__search-widget-filter-combobox-item-value",
-              value: element.label
-            }), !!element.description && /*#__PURE__*/_jsx("span", {
-              className: "dataviews-filters__search-widget-listitem-description",
-              children: element.description
-            })]
-          })]
-        }, element.value);
-      }), !matches.length && /*#__PURE__*/_jsx("p", {
-        children: __('No results found')
-      })]
-    })]
-  });
+          }
+        ];
+        onChangeView({
+          ...view,
+          page: 1,
+          filters: newFilters
+        });
+      },
+      setValue: setSearchValue,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "dataviews-filters__search-widget-filter-combobox__wrapper", children: [
+          /* @__PURE__ */ jsx(
+            Ariakit.ComboboxLabel,
+            {
+              render: /* @__PURE__ */ jsx(VisuallyHidden, { children: __("Search items") }),
+              children: __("Search items")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Ariakit.Combobox,
+            {
+              autoSelect: "always",
+              placeholder: __("Search"),
+              className: "dataviews-filters__search-widget-filter-combobox__input"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "dataviews-filters__search-widget-filter-combobox__icon", children: /* @__PURE__ */ jsx(Icon, { icon: search }) })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Ariakit.ComboboxList,
+          {
+            className: "dataviews-filters__search-widget-filter-combobox-list",
+            alwaysVisible: true,
+            children: [
+              matches.map((element) => {
+                return /* @__PURE__ */ jsxs(
+                  Ariakit.ComboboxItem,
+                  {
+                    resetValueOnSelect: false,
+                    value: element.value,
+                    className: "dataviews-filters__search-widget-listitem",
+                    hideOnClick: false,
+                    setValueOnClick: false,
+                    focusOnHover: true,
+                    children: [
+                      filter.singleSelection && /* @__PURE__ */ jsx(
+                        SingleSelectionOption,
+                        {
+                          selected: currentValue === element.value
+                        }
+                      ),
+                      !filter.singleSelection && /* @__PURE__ */ jsx(
+                        MultiSelectionOption,
+                        {
+                          selected: currentValue.includes(
+                            element.value
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("span", { children: [
+                        /* @__PURE__ */ jsx(
+                          Ariakit.ComboboxItemValue,
+                          {
+                            className: "dataviews-filters__search-widget-filter-combobox-item-value",
+                            value: element.label
+                          }
+                        ),
+                        !!element.description && /* @__PURE__ */ jsx("span", { className: "dataviews-filters__search-widget-listitem-description", children: element.description })
+                      ] })
+                    ]
+                  },
+                  element.value
+                );
+              }),
+              !matches.length && /* @__PURE__ */ jsx("p", { children: __("No results found") })
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
-export default function SearchWidget(props) {
-  const Widget = props.filter.elements.length > 10 ? ComboboxList : ListBox;
-  return /*#__PURE__*/_jsx(Widget, {
-    ...props
+function SearchWidget(props) {
+  const { elements, isLoading } = useElements({
+    elements: props.filter.elements,
+    getElements: props.filter.getElements
   });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "dataviews-filters__search-widget-no-elements", children: /* @__PURE__ */ jsx(Spinner, {}) });
+  }
+  if (elements.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "dataviews-filters__search-widget-no-elements", children: __("No elements found") });
+  }
+  const Widget = elements.length > 10 ? ComboboxList : ListBox;
+  return /* @__PURE__ */ jsx(Widget, { ...props, filter: { ...props.filter, elements } });
 }
-//# sourceMappingURL=search-widget.js.map
+export {
+  SearchWidget as default
+};
+//# sourceMappingURL=search-widget.js.map

package/build-module/components/dataviews-filters/search-widget.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","removeAccents","clsx","useInstanceId","__","sprintf","useState","useMemo","useDeferredValue","VisuallyHidden","Icon","Composite","search","check","getCurrentValue","jsx","_jsx","jsxs","_jsxs","normalizeSearchInput","input","trim","toLowerCase","getNewValue","filterDefinition","currentFilter","value","singleSelection","Array","isArray","includes","filter","v","generateFilterElementCompositeItemId","prefix","filterElementValue","MultiSelectionOption","selected","className","children","icon","SingleSelectionOption","ListBox","view","onChangeView","baseId","activeCompositeId","setActiveCompositeId","operators","length","undefined","filters","find","f","field","currentValue","virtualFocus","focusLoop","activeId","setActiveId","role","name","onFocusVisible","elements","render","Typeahead","map","element","Hover","Item","id","label","onClick","_view$filters","_view$filters2","newFilters","_filter","operator","page","ComboboxList","searchValue","setSearchValue","deferredSearchValue","matches","normalizedSearch","item","ComboboxProvider","selectedValue","setSelectedValue","_view$filters3","_view$filters4","setValue","ComboboxLabel","Combobox","autoSelect","placeholder","alwaysVisible","ComboboxItem","resetValueOnSelect","hideOnClick","setValueOnClick","focusOnHover","ComboboxItemValue","description","SearchWidget","props","Widget"],"sources":["@wordpress/dataviews/src/components/dataviews-filters/search-widget.tsx"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\nimport removeAccents from 'remove-accents';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useMemo, useDeferredValue } from '@wordpress/element';\nimport { VisuallyHidden, Icon, Composite } from '@wordpress/components';\nimport { search, check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getCurrentValue } from './utils';\nimport type { Filter, NormalizedFilter, View, Option } from '../../types';\n\ninterface SearchWidgetProps {\n\tview: View;\n\tfilter: NormalizedFilter & {\n\t\telements: Option[];\n\t};\n\tonChangeView: ( view: View ) => void;\n}\n\nfunction normalizeSearchInput( input = '' ) {\n\treturn removeAccents( input.trim().toLowerCase() );\n}\n\nconst getNewValue = (\n\tfilterDefinition: NormalizedFilter,\n\tcurrentFilter: Filter | undefined,\n\tvalue: any\n) => {\n\tif ( filterDefinition.singleSelection ) {\n\t\treturn value;\n\t}\n\n\tif ( Array.isArray( currentFilter?.value ) ) {\n\t\treturn currentFilter.value.includes( value )\n\t\t\t? currentFilter.value.filter( ( v ) => v !== value )\n\t\t\t: [ ...currentFilter.value, value ];\n\t}\n\n\treturn [ value ];\n};\n\nfunction generateFilterElementCompositeItemId(\n\tprefix: string,\n\tfilterElementValue: string\n) {\n\treturn `${ prefix }-${ filterElementValue }`;\n}\n\nconst MultiSelectionOption = ( { selected }: { selected: boolean } ) => {\n\treturn (\n\t\t<span\n\t\t\tclassName={ clsx(\n\t\t\t\t'dataviews-filters__search-widget-listitem-multi-selection',\n\t\t\t\t{ 'is-selected': selected }\n\t\t\t) }\n\t\t>\n\t\t\t{ selected && <Icon icon={ check } /> }\n\t\t</span>\n\t);\n};\n\nconst SingleSelectionOption = ( { selected }: { selected: boolean } ) => {\n\treturn (\n\t\t<span\n\t\t\tclassName={ clsx(\n\t\t\t\t'dataviews-filters__search-widget-listitem-single-selection',\n\t\t\t\t{ 'is-selected': selected }\n\t\t\t) }\n\t\t/>\n\t);\n};\n\nfunction ListBox( { view, filter, onChangeView }: SearchWidgetProps ) {\n\tconst baseId = useInstanceId( ListBox, 'dataviews-filter-list-box' );\n\n\tconst [ activeCompositeId, setActiveCompositeId ] = useState<\n\t\tstring | null | undefined\n\t>(\n\t\t// When there are one or less operators, the first item is set as active\n\t\t// (by setting the initial `activeId` to `undefined`).\n\t\t// With 2 or more operators, the focus is moved on the operators control\n\t\t// (by setting the initial `activeId` to `null`), meaning that there won't\n\t\t// be an active item initially. Focus is then managed via the\n\t\t// `onFocusVisible` callback.\n\t\tfilter.operators?.length === 1 ? undefined : null\n\t);\n\tconst currentFilter = view.filters?.find(\n\t\t( f ) => f.field === filter.field\n\t);\n\tconst currentValue = getCurrentValue( filter, currentFilter );\n\treturn (\n\t\t<Composite\n\t\t\tvirtualFocus\n\t\t\tfocusLoop\n\t\t\tactiveId={ activeCompositeId }\n\t\t\tsetActiveId={ setActiveCompositeId }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"dataviews-filters__search-widget-listbox\"\n\t\t\taria-label={ sprintf(\n\t\t\t\t/* translators: List of items for a filter. 1: Filter name. e.g.: \"List of: Author\". */\n\t\t\t\t__( 'List of: %1$s' ),\n\t\t\t\tfilter.name\n\t\t\t) }\n\t\t\tonFocusVisible={ () => {\n\t\t\t\t// `onFocusVisible` needs the `Composite` component to be focusable,\n\t\t\t\t// which is implicitly achieved via the `virtualFocus` prop.\n\t\t\t\tif ( ! activeCompositeId && filter.elements.length ) {\n\t\t\t\t\tsetActiveCompositeId(\n\t\t\t\t\t\tgenerateFilterElementCompositeItemId(\n\t\t\t\t\t\t\tbaseId,\n\t\t\t\t\t\t\tfilter.elements[ 0 ].value\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t\trender={ <Composite.Typeahead /> }\n\t\t>\n\t\t\t{ filter.elements.map( ( element ) => (\n\t\t\t\t<Composite.Hover\n\t\t\t\t\tkey={ element.value }\n\t\t\t\t\trender={\n\t\t\t\t\t\t<Composite.Item\n\t\t\t\t\t\t\tid={ generateFilterElementCompositeItemId(\n\t\t\t\t\t\t\t\tbaseId,\n\t\t\t\t\t\t\t\telement.value\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\taria-label={ element.label }\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\tclassName=\"dataviews-filters__search-widget-listitem\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst newFilters = currentFilter\n\t\t\t\t\t\t\t\t\t? [\n\t\t\t\t\t\t\t\t\t\t\t...( view.filters ?? [] ).map(\n\t\t\t\t\t\t\t\t\t\t\t\t( _filter ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t_filter.field ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilter.field\n\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t..._filter,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentFilter.operator ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.operators[ 0 ],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: getNewValue(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilter,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentFilter,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\telement.value\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn _filter;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t  ]\n\t\t\t\t\t\t\t\t\t: [\n\t\t\t\t\t\t\t\t\t\t\t...( view.filters ?? [] ),\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\t\toperator: filter.operators[ 0 ],\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: getNewValue(\n\t\t\t\t\t\t\t\t\t\t\t\t\tfilter,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentFilter,\n\t\t\t\t\t\t\t\t\t\t\t\t\telement.value\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t  ];\n\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\tfilters: newFilters,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ filter.singleSelection && (\n\t\t\t\t\t\t<SingleSelectionOption\n\t\t\t\t\t\t\tselected={ currentValue === element.value }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! filter.singleSelection && (\n\t\t\t\t\t\t<MultiSelectionOption\n\t\t\t\t\t\t\tselected={ currentValue.includes( element.value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<span>{ element.label }</span>\n\t\t\t\t</Composite.Hover>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nfunction ComboboxList( { view, filter, onChangeView }: SearchWidgetProps ) {\n\tconst [ searchValue, setSearchValue ] = useState( '' );\n\tconst deferredSearchValue = useDeferredValue( searchValue );\n\tconst currentFilter = view.filters?.find(\n\t\t( _filter ) => _filter.field === filter.field\n\t);\n\tconst currentValue = getCurrentValue( filter, currentFilter );\n\tconst matches = useMemo( () => {\n\t\tconst normalizedSearch = normalizeSearchInput( deferredSearchValue );\n\t\treturn filter.elements.filter( ( item ) =>\n\t\t\tnormalizeSearchInput( item.label ).includes( normalizedSearch )\n\t\t);\n\t}, [ filter.elements, deferredSearchValue ] );\n\treturn (\n\t\t<Ariakit.ComboboxProvider\n\t\t\tselectedValue={ currentValue }\n\t\t\tsetSelectedValue={ ( value ) => {\n\t\t\t\tconst newFilters = currentFilter\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t...( view.filters ?? [] ).map( ( _filter ) => {\n\t\t\t\t\t\t\t\tif ( _filter.field === filter.field ) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t..._filter,\n\t\t\t\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\t\t\t\tcurrentFilter.operator ||\n\t\t\t\t\t\t\t\t\t\t\tfilter.operators[ 0 ],\n\t\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn _filter;\n\t\t\t\t\t\t\t} ),\n\t\t\t\t\t  ]\n\t\t\t\t\t: [\n\t\t\t\t\t\t\t...( view.filters ?? [] ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\toperator: filter.operators[ 0 ],\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ];\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tpage: 1,\n\t\t\t\t\tfilters: newFilters,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tsetValue={ setSearchValue }\n\t\t>\n\t\t\t<div className=\"dataviews-filters__search-widget-filter-combobox__wrapper\">\n\t\t\t\t<Ariakit.ComboboxLabel\n\t\t\t\t\trender={\n\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t{ __( 'Search items' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Search items' ) }\n\t\t\t\t</Ariakit.ComboboxLabel>\n\t\t\t\t<Ariakit.Combobox\n\t\t\t\t\tautoSelect=\"always\"\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t\tclassName=\"dataviews-filters__search-widget-filter-combobox__input\"\n\t\t\t\t/>\n\t\t\t\t<div className=\"dataviews-filters__search-widget-filter-combobox__icon\">\n\t\t\t\t\t<Icon icon={ search } />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<Ariakit.ComboboxList\n\t\t\t\tclassName=\"dataviews-filters__search-widget-filter-combobox-list\"\n\t\t\t\talwaysVisible\n\t\t\t>\n\t\t\t\t{ matches.map( ( element ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Ariakit.ComboboxItem\n\t\t\t\t\t\t\tresetValueOnSelect={ false }\n\t\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\t\tvalue={ element.value }\n\t\t\t\t\t\t\tclassName=\"dataviews-filters__search-widget-listitem\"\n\t\t\t\t\t\t\thideOnClick={ false }\n\t\t\t\t\t\t\tsetValueOnClick={ false }\n\t\t\t\t\t\t\tfocusOnHover\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ filter.singleSelection && (\n\t\t\t\t\t\t\t\t<SingleSelectionOption\n\t\t\t\t\t\t\t\t\tselected={ currentValue === element.value }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! filter.singleSelection && (\n\t\t\t\t\t\t\t\t<MultiSelectionOption\n\t\t\t\t\t\t\t\t\tselected={ currentValue.includes(\n\t\t\t\t\t\t\t\t\t\telement.value\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<Ariakit.ComboboxItemValue\n\t\t\t\t\t\t\t\t\tclassName=\"dataviews-filters__search-widget-filter-combobox-item-value\"\n\t\t\t\t\t\t\t\t\tvalue={ element.label }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ !! element.description && (\n\t\t\t\t\t\t\t\t\t<span className=\"dataviews-filters__search-widget-listitem-description\">\n\t\t\t\t\t\t\t\t\t\t{ element.description }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Ariakit.ComboboxItem>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t\t{ ! matches.length && <p>{ __( 'No results found' ) }</p> }\n\t\t\t</Ariakit.ComboboxList>\n\t\t</Ariakit.ComboboxProvider>\n\t);\n}\n\nexport default function SearchWidget( props: SearchWidgetProps ) {\n\tconst Widget = props.filter.elements.length > 10 ? ComboboxList : ListBox;\n\treturn <Widget { ...props } />;\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/dataviews-filters/search-widget.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\nimport removeAccents from 'remove-accents';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useMemo, useDeferredValue } from '@wordpress/element';\nimport {\n\tVisuallyHidden,\n\tIcon,\n\tComposite,\n\tSpinner,\n} from '@wordpress/components';\nimport { search, check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getCurrentValue } from './utils';\nimport type { Filter, NormalizedFilter, View, Option } from '../../types';\nimport useElements from '../../hooks/use-elements';\n\ninterface SearchWidgetProps {\n\tview: View;\n\tfilter: NormalizedFilter & {\n\t\telements: Option[];\n\t};\n\tonChangeView: ( view: View ) => void;\n}\n\nfunction normalizeSearchInput( input = '' ) {\n\treturn removeAccents( input.trim().toLowerCase() );\n}\n\nconst getNewValue = (\n\tfilterDefinition: NormalizedFilter,\n\tcurrentFilter: Filter | undefined,\n\tvalue: any\n) => {\n\tif ( filterDefinition.singleSelection ) {\n\t\treturn value;\n\t}\n\n\tif ( Array.isArray( currentFilter?.value ) ) {\n\t\treturn currentFilter.value.includes( value )\n\t\t\t? currentFilter.value.filter( ( v ) => v !== value )\n\t\t\t: [ ...currentFilter.value, value ];\n\t}\n\n\treturn [ value ];\n};\n\nfunction generateFilterElementCompositeItemId(\n\tprefix: string,\n\tfilterElementValue: string\n) {\n\treturn `${ prefix }-${ filterElementValue }`;\n}\n\nconst MultiSelectionOption = ( { selected }: { selected: boolean } ) => {\n\treturn (\n\t\t<span\n\t\t\tclassName={ clsx(\n\t\t\t\t'dataviews-filters__search-widget-listitem-multi-selection',\n\t\t\t\t{ 'is-selected': selected }\n\t\t\t) }\n\t\t>\n\t\t\t{ selected && <Icon icon={ check } /> }\n\t\t</span>\n\t);\n};\n\nconst SingleSelectionOption = ( { selected }: { selected: boolean } ) => {\n\treturn (\n\t\t<span\n\t\t\tclassName={ clsx(\n\t\t\t\t'dataviews-filters__search-widget-listitem-single-selection',\n\t\t\t\t{ 'is-selected': selected }\n\t\t\t) }\n\t\t/>\n\t);\n};\n\nfunction ListBox( { view, filter, onChangeView }: SearchWidgetProps ) {\n\tconst baseId = useInstanceId( ListBox, 'dataviews-filter-list-box' );\n\n\tconst [ activeCompositeId, setActiveCompositeId ] = useState<\n\t\tstring | null | undefined\n\t>(\n\t\t// When there are one or less operators, the first item is set as active\n\t\t// (by setting the initial `activeId` to `undefined`).\n\t\t// With 2 or more operators, the focus is moved on the operators control\n\t\t// (by setting the initial `activeId` to `null`), meaning that there won't\n\t\t// be an active item initially. Focus is then managed via the\n\t\t// `onFocusVisible` callback.\n\t\tfilter.operators?.length === 1 ? undefined : null\n\t);\n\tconst currentFilter = view.filters?.find(\n\t\t( f ) => f.field === filter.field\n\t);\n\tconst currentValue = getCurrentValue( filter, currentFilter );\n\treturn (\n\t\t<Composite\n\t\t\tvirtualFocus\n\t\t\tfocusLoop\n\t\t\tactiveId={ activeCompositeId }\n\t\t\tsetActiveId={ setActiveCompositeId }\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"dataviews-filters__search-widget-listbox\"\n\t\t\taria-label={ sprintf(\n\t\t\t\t/* translators: List of items for a filter. 1: Filter name. e.g.: \"List of: Author\". */\n\t\t\t\t__( 'List of: %1$s' ),\n\t\t\t\tfilter.name\n\t\t\t) }\n\t\t\tonFocusVisible={ () => {\n\t\t\t\t// `onFocusVisible` needs the `Composite` component to be focusable,\n\t\t\t\t// which is implicitly achieved via the `virtualFocus` prop.\n\t\t\t\tif ( ! activeCompositeId && filter.elements.length ) {\n\t\t\t\t\tsetActiveCompositeId(\n\t\t\t\t\t\tgenerateFilterElementCompositeItemId(\n\t\t\t\t\t\t\tbaseId,\n\t\t\t\t\t\t\tfilter.elements[ 0 ].value\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t\trender={ <Composite.Typeahead /> }\n\t\t>\n\t\t\t{ filter.elements.map( ( element ) => (\n\t\t\t\t<Composite.Hover\n\t\t\t\t\tkey={ element.value }\n\t\t\t\t\trender={\n\t\t\t\t\t\t<Composite.Item\n\t\t\t\t\t\t\tid={ generateFilterElementCompositeItemId(\n\t\t\t\t\t\t\t\tbaseId,\n\t\t\t\t\t\t\t\telement.value\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\taria-label={ element.label }\n\t\t\t\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\t\t\t\tclassName=\"dataviews-filters__search-widget-listitem\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst newFilters = currentFilter\n\t\t\t\t\t\t\t\t\t? [\n\t\t\t\t\t\t\t\t\t\t\t...( view.filters ?? [] ).map(\n\t\t\t\t\t\t\t\t\t\t\t\t( _filter ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t_filter.field ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilter.field\n\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t..._filter,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentFilter.operator ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilter\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.operators[ 0 ],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: getNewValue(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilter,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentFilter,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\telement.value\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn _filter;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t  ]\n\t\t\t\t\t\t\t\t\t: [\n\t\t\t\t\t\t\t\t\t\t\t...( view.filters ?? [] ),\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\t\t\t\t\toperator: filter.operators[ 0 ],\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: getNewValue(\n\t\t\t\t\t\t\t\t\t\t\t\t\tfilter,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentFilter,\n\t\t\t\t\t\t\t\t\t\t\t\t\telement.value\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t  ];\n\t\t\t\t\t\t\t\tonChangeView( {\n\t\t\t\t\t\t\t\t\t...view,\n\t\t\t\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\t\t\t\tfilters: newFilters,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ filter.singleSelection && (\n\t\t\t\t\t\t<SingleSelectionOption\n\t\t\t\t\t\t\tselected={ currentValue === element.value }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! filter.singleSelection && (\n\t\t\t\t\t\t<MultiSelectionOption\n\t\t\t\t\t\t\tselected={ currentValue.includes( element.value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<span>{ element.label }</span>\n\t\t\t\t</Composite.Hover>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nfunction ComboboxList( { view, filter, onChangeView }: SearchWidgetProps ) {\n\tconst [ searchValue, setSearchValue ] = useState( '' );\n\tconst deferredSearchValue = useDeferredValue( searchValue );\n\tconst currentFilter = view.filters?.find(\n\t\t( _filter ) => _filter.field === filter.field\n\t);\n\tconst currentValue = getCurrentValue( filter, currentFilter );\n\tconst matches = useMemo( () => {\n\t\tconst normalizedSearch = normalizeSearchInput( deferredSearchValue );\n\t\treturn filter.elements.filter( ( item ) =>\n\t\t\tnormalizeSearchInput( item.label ).includes( normalizedSearch )\n\t\t);\n\t}, [ filter.elements, deferredSearchValue ] );\n\treturn (\n\t\t<Ariakit.ComboboxProvider\n\t\t\tselectedValue={ currentValue }\n\t\t\tsetSelectedValue={ ( value ) => {\n\t\t\t\tconst newFilters = currentFilter\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t...( view.filters ?? [] ).map( ( _filter ) => {\n\t\t\t\t\t\t\t\tif ( _filter.field === filter.field ) {\n\t\t\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t\t\t..._filter,\n\t\t\t\t\t\t\t\t\t\toperator:\n\t\t\t\t\t\t\t\t\t\t\tcurrentFilter.operator ||\n\t\t\t\t\t\t\t\t\t\t\tfilter.operators[ 0 ],\n\t\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\treturn _filter;\n\t\t\t\t\t\t\t} ),\n\t\t\t\t\t  ]\n\t\t\t\t\t: [\n\t\t\t\t\t\t\t...( view.filters ?? [] ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tfield: filter.field,\n\t\t\t\t\t\t\t\toperator: filter.operators[ 0 ],\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ];\n\t\t\t\tonChangeView( {\n\t\t\t\t\t...view,\n\t\t\t\t\tpage: 1,\n\t\t\t\t\tfilters: newFilters,\n\t\t\t\t} );\n\t\t\t} }\n\t\t\tsetValue={ setSearchValue }\n\t\t>\n\t\t\t<div className=\"dataviews-filters__search-widget-filter-combobox__wrapper\">\n\t\t\t\t<Ariakit.ComboboxLabel\n\t\t\t\t\trender={\n\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t{ __( 'Search items' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Search items' ) }\n\t\t\t\t</Ariakit.ComboboxLabel>\n\t\t\t\t<Ariakit.Combobox\n\t\t\t\t\tautoSelect=\"always\"\n\t\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t\t\tclassName=\"dataviews-filters__search-widget-filter-combobox__input\"\n\t\t\t\t/>\n\t\t\t\t<div className=\"dataviews-filters__search-widget-filter-combobox__icon\">\n\t\t\t\t\t<Icon icon={ search } />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<Ariakit.ComboboxList\n\t\t\t\tclassName=\"dataviews-filters__search-widget-filter-combobox-list\"\n\t\t\t\talwaysVisible\n\t\t\t>\n\t\t\t\t{ matches.map( ( element ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Ariakit.ComboboxItem\n\t\t\t\t\t\t\tresetValueOnSelect={ false }\n\t\t\t\t\t\t\tkey={ element.value }\n\t\t\t\t\t\t\tvalue={ element.value }\n\t\t\t\t\t\t\tclassName=\"dataviews-filters__search-widget-listitem\"\n\t\t\t\t\t\t\thideOnClick={ false }\n\t\t\t\t\t\t\tsetValueOnClick={ false }\n\t\t\t\t\t\t\tfocusOnHover\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ filter.singleSelection && (\n\t\t\t\t\t\t\t\t<SingleSelectionOption\n\t\t\t\t\t\t\t\t\tselected={ currentValue === element.value }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! filter.singleSelection && (\n\t\t\t\t\t\t\t\t<MultiSelectionOption\n\t\t\t\t\t\t\t\t\tselected={ currentValue.includes(\n\t\t\t\t\t\t\t\t\t\telement.value\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<Ariakit.ComboboxItemValue\n\t\t\t\t\t\t\t\t\tclassName=\"dataviews-filters__search-widget-filter-combobox-item-value\"\n\t\t\t\t\t\t\t\t\tvalue={ element.label }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ !! element.description && (\n\t\t\t\t\t\t\t\t\t<span className=\"dataviews-filters__search-widget-listitem-description\">\n\t\t\t\t\t\t\t\t\t\t{ element.description }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Ariakit.ComboboxItem>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t\t{ ! matches.length && <p>{ __( 'No results found' ) }</p> }\n\t\t\t</Ariakit.ComboboxList>\n\t\t</Ariakit.ComboboxProvider>\n\t);\n}\n\nexport default function SearchWidget( props: SearchWidgetProps ) {\n\tconst { elements, isLoading } = useElements( {\n\t\telements: props.filter.elements,\n\t\tgetElements: props.filter.getElements,\n\t} );\n\n\tif ( isLoading ) {\n\t\treturn (\n\t\t\t<div className=\"dataviews-filters__search-widget-no-elements\">\n\t\t\t\t<Spinner />\n\t\t\t</div>\n\t\t);\n\t}\n\n\tif ( elements.length === 0 ) {\n\t\treturn (\n\t\t\t<div className=\"dataviews-filters__search-widget-no-elements\">\n\t\t\t\t{ __( 'No elements found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst Widget = elements.length > 10 ? ComboboxList : ListBox;\n\treturn <Widget { ...props } filter={ { ...props.filter, elements } } />;\n}\n"],
+  "mappings": "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",
+  "names": []
+}