@wordpress/dataviews 9.1.1-next.233ccab9b.0 → 10.0.0

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

@@ -1,235 +1,331 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var search_widget_exports = {};
+__export(search_widget_exports, {
+  default: () => SearchWidget
 });
-exports.default = SearchWidget;
-var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
-var _removeAccents = _interopRequireDefault(require("remove-accents"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _compose = require("@wordpress/compose");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * External dependencies
- */
-// eslint-disable-next-line no-restricted-imports
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function normalizeSearchInput(input = '') {
-  return (0, _removeAccents.default)(input.trim().toLowerCase());
+module.exports = __toCommonJS(search_widget_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Ariakit = __toESM(require("@ariakit/react"));
+var import_remove_accents = __toESM(require("remove-accents"));
+var import_clsx = __toESM(require("clsx"));
+var import_compose = require("@wordpress/compose");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
+var import_utils = require("./utils");
+var import_use_elements = __toESM(require("../../hooks/use-elements"));
+function normalizeSearchInput(input = "") {
+  return (0, import_remove_accents.default)(input.trim().toLowerCase());
 }
 const getNewValue = (filterDefinition, currentFilter, value) => {
   if (filterDefinition.singleSelection) {
     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__*/(0, _jsxRuntime.jsx)("span", {
-    className: (0, _clsx.default)('dataviews-filters__search-widget-listitem-multi-selection', {
-      'is-selected': selected
-    }),
-    children: selected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-      icon: _icons.check
-    })
-  });
+const MultiSelectionOption = ({ selected }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: (0, import_clsx.default)(
+        "dataviews-filters__search-widget-listitem-multi-selection",
+        { "is-selected": selected }
+      ),
+      children: selected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: import_icons.check })
+    }
+  );
 };
-const SingleSelectionOption = ({
-  selected
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    className: (0, _clsx.default)('dataviews-filters__search-widget-listitem-single-selection', {
-      'is-selected': selected
-    })
-  });
+const SingleSelectionOption = ({ selected }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: (0, import_clsx.default)(
+        "dataviews-filters__search-widget-listitem-single-selection",
+        { "is-selected": selected }
+      )
+    }
+  );
 };
-function ListBox({
-  view,
-  filter,
-  onChangeView
-}) {
-  const baseId = (0, _compose.useInstanceId)(ListBox, 'dataviews-filter-list-box');
-  const [activeCompositeId, setActiveCompositeId] = (0, _element.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);
-  const currentValue = (0, _utils.getCurrentValue)(filter, currentFilter);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Composite, {
-    virtualFocus: true,
-    focusLoop: true,
-    activeId: activeCompositeId,
-    setActiveId: setActiveCompositeId,
-    role: "listbox",
-    className: "dataviews-filters__search-widget-listbox",
-    "aria-label": (0, _i18n.sprintf)(/* translators: List of items for a filter. 1: Filter name. e.g.: "List of: Author". */
-    (0, _i18n.__)('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__*/(0, _jsxRuntime.jsx)(_components.Composite.Typeahead, {}),
-    children: filter.elements.map(element => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Composite.Hover, {
-      render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Composite.Item, {
-        id: generateFilterElementCompositeItemId(baseId, element.value),
-        render: /*#__PURE__*/(0, _jsxRuntime.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 => {
+function ListBox({ view, filter, onChangeView }) {
+  const baseId = (0, import_compose.useInstanceId)(ListBox, "dataviews-filter-list-box");
+  const [activeCompositeId, setActiveCompositeId] = (0, import_element.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 ? void 0 : null
+  );
+  const currentFilter = view.filters?.find(
+    (f) => f.field === filter.field
+  );
+  const currentValue = (0, import_utils.getCurrentValue)(filter, currentFilter);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Composite,
+    {
+      virtualFocus: true,
+      focusLoop: true,
+      activeId: activeCompositeId,
+      setActiveId: setActiveCompositeId,
+      role: "listbox",
+      className: "dataviews-filters__search-widget-listbox",
+      "aria-label": (0, import_i18n.sprintf)(
+        /* translators: List of items for a filter. 1: Filter name. e.g.: "List of: Author". */
+        (0, import_i18n.__)("List of: %1$s"),
+        filter.name
+      ),
+      onFocusVisible: () => {
+        if (!activeCompositeId && filter.elements.length) {
+          setActiveCompositeId(
+            generateFilterElementCompositeItemId(
+              baseId,
+              filter.elements[0].value
+            )
+          );
+        }
+      },
+      render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Composite.Typeahead, {}),
+      children: filter.elements.map((element) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_components.Composite.Hover,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.Composite.Item,
+            {
+              id: generateFilterElementCompositeItemId(
+                baseId,
+                element.value
+              ),
+              render: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+              SingleSelectionOption,
+              {
+                selected: currentValue === element.value
+              }
+            ),
+            !filter.singleSelection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              MultiSelectionOption,
+              {
+                selected: currentValue.includes(element.value)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: element.label })
+          ]
+        },
+        element.value
+      ))
+    }
+  );
+}
+function ComboboxList({ view, filter, onChangeView }) {
+  const [searchValue, setSearchValue] = (0, import_element.useState)("");
+  const deferredSearchValue = (0, import_element.useDeferredValue)(searchValue);
+  const currentFilter = view.filters?.find(
+    (_filter) => _filter.field === filter.field
+  );
+  const currentValue = (0, import_utils.getCurrentValue)(filter, currentFilter);
+  const matches = (0, import_element.useMemo)(() => {
+    const normalizedSearch = normalizeSearchInput(deferredSearchValue);
+    return filter.elements.filter(
+      (item) => normalizeSearchInput(item.label).includes(normalizedSearch)
+    );
+  }, [filter.elements, deferredSearchValue]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.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__*/(0, _jsxRuntime.jsx)(SingleSelectionOption, {
-        selected: currentValue === element.value
-      }), !filter.singleSelection && /*#__PURE__*/(0, _jsxRuntime.jsx)(MultiSelectionOption, {
-        selected: currentValue.includes(element.value)
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: element.label
-      })]
-    }, element.value))
-  });
-}
-function ComboboxList({
-  view,
-  filter,
-  onChangeView
-}) {
-  const [searchValue, setSearchValue] = (0, _element.useState)('');
-  const deferredSearchValue = (0, _element.useDeferredValue)(searchValue);
-  const currentFilter = view.filters?.find(_filter => _filter.field === filter.field);
-  const currentValue = (0, _utils.getCurrentValue)(filter, currentFilter);
-  const matches = (0, _element.useMemo)(() => {
-    const normalizedSearch = normalizeSearchInput(deferredSearchValue);
-    return filter.elements.filter(item => normalizeSearchInput(item.label).includes(normalizedSearch));
-  }, [filter.elements, deferredSearchValue]);
-  return /*#__PURE__*/(0, _jsxRuntime.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__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "dataviews-filters__search-widget-filter-combobox__wrapper",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.ComboboxLabel, {
-        render: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
-          children: (0, _i18n.__)('Search items')
-        }),
-        children: (0, _i18n.__)('Search items')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.Combobox, {
-        autoSelect: "always",
-        placeholder: (0, _i18n.__)('Search'),
-        className: "dataviews-filters__search-widget-filter-combobox__input"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "dataviews-filters__search-widget-filter-combobox__icon",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-          icon: _icons.search
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Ariakit.ComboboxList, {
-      className: "dataviews-filters__search-widget-filter-combobox-list",
-      alwaysVisible: true,
-      children: [matches.map(element => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Ariakit.ComboboxItem, {
-          resetValueOnSelect: false,
-          value: element.value,
-          className: "dataviews-filters__search-widget-listitem",
-          hideOnClick: false,
-          setValueOnClick: false,
-          focusOnHover: true,
-          children: [filter.singleSelection && /*#__PURE__*/(0, _jsxRuntime.jsx)(SingleSelectionOption, {
-            selected: currentValue === element.value
-          }), !filter.singleSelection && /*#__PURE__*/(0, _jsxRuntime.jsx)(MultiSelectionOption, {
-            selected: currentValue.includes(element.value)
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.ComboboxItemValue, {
-              className: "dataviews-filters__search-widget-filter-combobox-item-value",
-              value: element.label
-            }), !!element.description && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: "dataviews-filters__search-widget-listitem-description",
-              children: element.description
-            })]
-          })]
-        }, element.value);
-      }), !matches.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: (0, _i18n.__)('No results found')
-      })]
-    })]
-  });
+          }
+        ];
+        onChangeView({
+          ...view,
+          page: 1,
+          filters: newFilters
+        });
+      },
+      setValue: setSearchValue,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dataviews-filters__search-widget-filter-combobox__wrapper", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            Ariakit.ComboboxLabel,
+            {
+              render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, { children: (0, import_i18n.__)("Search items") }),
+              children: (0, import_i18n.__)("Search items")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            Ariakit.Combobox,
+            {
+              autoSelect: "always",
+              placeholder: (0, import_i18n.__)("Search"),
+              className: "dataviews-filters__search-widget-filter-combobox__input"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dataviews-filters__search-widget-filter-combobox__icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: import_icons.search }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          Ariakit.ComboboxList,
+          {
+            className: "dataviews-filters__search-widget-filter-combobox-list",
+            alwaysVisible: true,
+            children: [
+              matches.map((element) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  Ariakit.ComboboxItem,
+                  {
+                    resetValueOnSelect: false,
+                    value: element.value,
+                    className: "dataviews-filters__search-widget-listitem",
+                    hideOnClick: false,
+                    setValueOnClick: false,
+                    focusOnHover: true,
+                    children: [
+                      filter.singleSelection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        SingleSelectionOption,
+                        {
+                          selected: currentValue === element.value
+                        }
+                      ),
+                      !filter.singleSelection && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        MultiSelectionOption,
+                        {
+                          selected: currentValue.includes(
+                            element.value
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          Ariakit.ComboboxItemValue,
+                          {
+                            className: "dataviews-filters__search-widget-filter-combobox-item-value",
+                            value: element.label
+                          }
+                        ),
+                        !!element.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dataviews-filters__search-widget-listitem-description", children: element.description })
+                      ] })
+                    ]
+                  },
+                  element.value
+                );
+              }),
+              !matches.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: (0, import_i18n.__)("No results found") })
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
 function SearchWidget(props) {
-  const Widget = props.filter.elements.length > 10 ? ComboboxList : ListBox;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Widget, {
-    ...props
+  const { elements, isLoading } = (0, import_use_elements.default)({
+    elements: props.filter.elements,
+    getElements: props.filter.getElements
   });
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dataviews-filters__search-widget-no-elements", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Spinner, {}) });
+  }
+  if (elements.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dataviews-filters__search-widget-no-elements", children: (0, import_i18n.__)("No elements found") });
+  }
+  const Widget = elements.length > 10 ? ComboboxList : ListBox;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Widget, { ...props, filter: { ...props.filter, elements } });
 }
-//# sourceMappingURL=search-widget.js.map
+//# sourceMappingURL=search-widget.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_removeAccents","_interopRequireDefault","_clsx","_compose","_i18n","_element","_components","_icons","_utils","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","normalizeSearchInput","input","removeAccents","trim","toLowerCase","getNewValue","filterDefinition","currentFilter","value","singleSelection","Array","isArray","includes","filter","v","generateFilterElementCompositeItemId","prefix","filterElementValue","MultiSelectionOption","selected","jsx","className","clsx","children","Icon","icon","check","SingleSelectionOption","ListBox","view","onChangeView","baseId","useInstanceId","activeCompositeId","setActiveCompositeId","useState","operators","length","undefined","filters","find","f","field","currentValue","getCurrentValue","Composite","virtualFocus","focusLoop","activeId","setActiveId","role","sprintf","__","name","onFocusVisible","elements","render","Typeahead","map","element","jsxs","Hover","Item","id","label","onClick","_view$filters","_view$filters2","newFilters","_filter","operator","page","ComboboxList","searchValue","setSearchValue","deferredSearchValue","useDeferredValue","matches","useMemo","normalizedSearch","item","ComboboxProvider","selectedValue","setSelectedValue","_view$filters3","_view$filters4","setValue","ComboboxLabel","VisuallyHidden","Combobox","autoSelect","placeholder","search","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": ["removeAccents", "clsx", "useElements"]
+}