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

package/build/components/dataviews-filters/filter.js

@@ -1,200 +1,393 @@
 "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 filter_exports = {};
+__export(filter_exports, {
+  default: () => Filter
 });
-exports.default = Filter;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _icons = require("@wordpress/icons");
-var _searchWidget = _interopRequireDefault(require("./search-widget"));
-var _inputWidget = _interopRequireDefault(require("./input-widget"));
-var _constants = require("../../constants");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-const ENTER = 'Enter';
-const SPACE = ' ';
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(filter_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_icons = require("@wordpress/icons");
+var import_search_widget = __toESM(require("./search-widget"));
+var import_input_widget = __toESM(require("./input-widget"));
+var import_constants = require("../../constants");
+var import_use_elements = __toESM(require("../../hooks/use-elements"));
+const ENTER = "Enter";
+const SPACE = " ";
 const FilterText = ({
   activeElements,
   filterInView,
   filter
 }) => {
-  if (activeElements === undefined || activeElements.length === 0) {
+  if (activeElements === void 0 || activeElements.length === 0) {
     return filter.name;
   }
   const filterTextWrappers = {
-    Name: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "dataviews-filters__summary-filter-text-name"
-    }),
-    Value: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "dataviews-filters__summary-filter-text-value"
-    })
+    Name: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dataviews-filters__summary-filter-text-name" }),
+    Value: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dataviews-filters__summary-filter-text-value" })
   };
-  if (filterInView?.operator === _constants.OPERATOR_IS_ANY) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is any: Admin, Editor". */
-    (0, _i18n.__)('<Name>%1$s is any: </Name><Value>%2$s</Value>'), filter.name, activeElements.map(element => element.label).join(', ')), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_IS_ANY) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is any: Admin, Editor". */
+        (0, import_i18n.__)("<Name>%1$s is any: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements.map((element) => element.label).join(", ")
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_IS_NONE) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is none: Admin, Editor". */
-    (0, _i18n.__)('<Name>%1$s is none: </Name><Value>%2$s</Value>'), filter.name, activeElements.map(element => element.label).join(', ')), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_IS_NONE) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is none: Admin, Editor". */
+        (0, import_i18n.__)("<Name>%1$s is none: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements.map((element) => element.label).join(", ")
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_IS_ALL) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is all: Admin, Editor". */
-    (0, _i18n.__)('<Name>%1$s is all: </Name><Value>%2$s</Value>'), filter.name, activeElements.map(element => element.label).join(', ')), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_IS_ALL) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is all: Admin, Editor". */
+        (0, import_i18n.__)("<Name>%1$s is all: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements.map((element) => element.label).join(", ")
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_IS_NOT_ALL) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not all: Admin, Editor". */
-    (0, _i18n.__)('<Name>%1$s is not all: </Name><Value>%2$s</Value>'), filter.name, activeElements.map(element => element.label).join(', ')), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_IS_NOT_ALL) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not all: Admin, Editor". */
+        (0, import_i18n.__)("<Name>%1$s is not all: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements.map((element) => element.label).join(", ")
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_IS) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is: Admin". */
-    (0, _i18n.__)('<Name>%1$s is: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_IS) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is: Admin". */
+        (0, import_i18n.__)("<Name>%1$s is: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_IS_NOT) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not: Admin". */
-    (0, _i18n.__)('<Name>%1$s is not: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_IS_NOT) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Author is not: Admin". */
+        (0, import_i18n.__)("<Name>%1$s is not: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_LESS_THAN) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is less than: 10". */
-    (0, _i18n.__)('<Name>%1$s is less than: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_LESS_THAN) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Price is less than: 10". */
+        (0, import_i18n.__)("<Name>%1$s is less than: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_GREATER_THAN) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is greater than: 10". */
-    (0, _i18n.__)('<Name>%1$s is greater than: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_GREATER_THAN) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Price is greater than: 10". */
+        (0, import_i18n.__)("<Name>%1$s is greater than: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_LESS_THAN_OR_EQUAL) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is less than or equal to: 10". */
-    (0, _i18n.__)('<Name>%1$s is less than or equal to: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_LESS_THAN_OR_EQUAL) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Price is less than or equal to: 10". */
+        (0, import_i18n.__)(
+          "<Name>%1$s is less than or equal to: </Name><Value>%2$s</Value>"
+        ),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_GREATER_THAN_OR_EQUAL) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Price is greater than or equal to: 10". */
-    (0, _i18n.__)('<Name>%1$s is greater than or equal to: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_GREATER_THAN_OR_EQUAL) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Price is greater than or equal to: 10". */
+        (0, import_i18n.__)(
+          "<Name>%1$s is greater than or equal to: </Name><Value>%2$s</Value>"
+        ),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_CONTAINS) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Title contains: Mars". */
-    (0, _i18n.__)('<Name>%1$s contains: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_CONTAINS) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Title contains: Mars". */
+        (0, import_i18n.__)("<Name>%1$s contains: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_NOT_CONTAINS) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Description doesn't contain: photo". */
-    (0, _i18n.__)("<Name>%1$s doesn't contain: </Name><Value>%2$s</Value>"), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_NOT_CONTAINS) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Description doesn't contain: photo". */
+        (0, import_i18n.__)("<Name>%1$s doesn't contain: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_STARTS_WITH) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Title starts with: Mar". */
-    (0, _i18n.__)('<Name>%1$s starts with: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_STARTS_WITH) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Title starts with: Mar". */
+        (0, import_i18n.__)("<Name>%1$s starts with: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_BEFORE) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is before: 2024-01-01". */
-    (0, _i18n.__)('<Name>%1$s is before: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_BEFORE) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Date is before: 2024-01-01". */
+        (0, import_i18n.__)("<Name>%1$s is before: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_AFTER) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is after: 2024-01-01". */
-    (0, _i18n.__)('<Name>%1$s is after: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_AFTER) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Date is after: 2024-01-01". */
+        (0, import_i18n.__)("<Name>%1$s is after: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_BEFORE_INC) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is on or before: 2024-01-01". */
-    (0, _i18n.__)('<Name>%1$s is on or before: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_BEFORE_INC) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Date is on or before: 2024-01-01". */
+        (0, import_i18n.__)("<Name>%1$s is on or before: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_AFTER_INC) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is on or after: 2024-01-01". */
-    (0, _i18n.__)('<Name>%1$s is on or after: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_AFTER_INC) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Date is on or after: 2024-01-01". */
+        (0, import_i18n.__)("<Name>%1$s is on or after: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_BETWEEN) {
-    const {
-      label
-    } = activeElements[0];
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Min value. 3: Max value. e.g.: "Item count between (inc): 10 and 180". */
-    (0, _i18n.__)('<Name>%1$s between (inc): </Name><Value>%2$s and %3$s</Value>'), filter.name, label[0], label[1]), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_BETWEEN) {
+    const { label } = activeElements[0];
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Min value. 3: Max value. e.g.: "Item count between (inc): 10 and 180". */
+        (0, import_i18n.__)(
+          "<Name>%1$s between (inc): </Name><Value>%2$s and %3$s</Value>"
+        ),
+        filter.name,
+        label[0],
+        label[1]
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_ON) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is: 2024-01-01". */
-    (0, _i18n.__)('<Name>%1$s is: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_ON) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Date is: 2024-01-01". */
+        (0, import_i18n.__)("<Name>%1$s is: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_NOT_ON) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is not: 2024-01-01". */
-    (0, _i18n.__)('<Name>%1$s is not: </Name><Value>%2$s</Value>'), filter.name, activeElements[0].label), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_NOT_ON) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Date is not: 2024-01-01". */
+        (0, import_i18n.__)("<Name>%1$s is not: </Name><Value>%2$s</Value>"),
+        filter.name,
+        activeElements[0].label
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_IN_THE_PAST) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is in the past: 1 days". */
-    (0, _i18n.__)('<Name>%1$s is in the past: </Name><Value>%2$s</Value>'), filter.name, `${activeElements[0].value.value} ${activeElements[0].value.unit}`), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_IN_THE_PAST) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Date is in the past: 1 days". */
+        (0, import_i18n.__)("<Name>%1$s is in the past: </Name><Value>%2$s</Value>"),
+        filter.name,
+        `${activeElements[0].value.value} ${activeElements[0].value.unit}`
+      ),
+      filterTextWrappers
+    );
   }
-  if (filterInView?.operator === _constants.OPERATOR_OVER) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: 1: Filter name. 2: Filter value. e.g.: "Date is over: 1 days ago". */
-    (0, _i18n.__)('<Name>%1$s is over: </Name><Value>%2$s</Value> ago'), filter.name, `${activeElements[0].value.value} ${activeElements[0].value.unit}`), filterTextWrappers);
+  if (filterInView?.operator === import_constants.OPERATOR_OVER) {
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: 1: Filter name. 2: Filter value. e.g.: "Date is over: 1 days ago". */
+        (0, import_i18n.__)("<Name>%1$s is over: </Name><Value>%2$s</Value> ago"),
+        filter.name,
+        `${activeElements[0].value.value} ${activeElements[0].value.unit}`
+      ),
+      filterTextWrappers
+    );
   }
-  return (0, _i18n.sprintf)(/* translators: 1: Filter name e.g.: "Unknown status for Author". */
-  (0, _i18n.__)('Unknown status for %1$s'), filter.name);
+  return (0, import_i18n.sprintf)(
+    /* translators: 1: Filter name e.g.: "Unknown status for Author". */
+    (0, import_i18n.__)("Unknown status for %1$s"),
+    filter.name
+  );
 };
 function OperatorSelector({
   filter,
   view,
   onChangeView
 }) {
-  const operatorOptions = filter.operators?.map(operator => ({
+  const operatorOptions = filter.operators?.map((operator) => ({
     value: operator,
-    label: _constants.OPERATORS[operator]?.label
+    label: import_constants.OPERATORS[operator]?.label
   }));
-  const currentFilter = view.filters?.find(_filter => _filter.field === filter.field);
+  const currentFilter = view.filters?.find(
+    (_filter) => _filter.field === filter.field
+  );
   const value = currentFilter?.operator || filter.operators[0];
-  return operatorOptions.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-    spacing: 2,
-    justify: "flex-start",
-    className: "dataviews-filters__summary-operators-container",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-      className: "dataviews-filters__summary-operators-filter-name",
-      children: filter.name
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
-      className: "dataviews-filters__summary-operators-filter-select",
-      label: (0, _i18n.__)('Conditions'),
-      value: value,
-      options: operatorOptions,
-      onChange: newValue => {
-        var _view$filters, _view$filters2;
-        const operator = newValue;
-        const currentOperator = currentFilter?.operator;
-        const newFilters = currentFilter ? [...((_view$filters = view.filters) !== null && _view$filters !== void 0 ? _view$filters : []).map(_filter => {
-          if (_filter.field === filter.field) {
-            // Reset the value only when switching between operators that have different value types.
-            const OPERATORS_SHOULD_RESET_VALUE = [_constants.OPERATOR_BETWEEN, _constants.OPERATOR_IN_THE_PAST, _constants.OPERATOR_OVER];
-            const shouldResetValue = currentOperator && (OPERATORS_SHOULD_RESET_VALUE.includes(currentOperator) || OPERATORS_SHOULD_RESET_VALUE.includes(operator));
-            return {
-              ..._filter,
-              value: shouldResetValue ? undefined : _filter.value,
-              operator
-            };
+  return operatorOptions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.__experimentalHStack,
+    {
+      spacing: 2,
+      justify: "flex-start",
+      className: "dataviews-filters__summary-operators-container",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { className: "dataviews-filters__summary-operators-filter-name", children: filter.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.SelectControl,
+          {
+            className: "dataviews-filters__summary-operators-filter-select",
+            label: (0, import_i18n.__)("Conditions"),
+            value,
+            options: operatorOptions,
+            onChange: (newValue) => {
+              const operator = newValue;
+              const currentOperator = currentFilter?.operator;
+              const newFilters = currentFilter ? [
+                ...(view.filters ?? []).map(
+                  (_filter) => {
+                    if (_filter.field === filter.field) {
+                      const OPERATORS_SHOULD_RESET_VALUE = [
+                        import_constants.OPERATOR_BETWEEN,
+                        import_constants.OPERATOR_IN_THE_PAST,
+                        import_constants.OPERATOR_OVER
+                      ];
+                      const shouldResetValue = currentOperator && (OPERATORS_SHOULD_RESET_VALUE.includes(
+                        currentOperator
+                      ) || OPERATORS_SHOULD_RESET_VALUE.includes(
+                        operator
+                      ));
+                      return {
+                        ..._filter,
+                        value: shouldResetValue ? void 0 : _filter.value,
+                        operator
+                      };
+                    }
+                    return _filter;
+                  }
+                )
+              ] : [
+                ...view.filters ?? [],
+                {
+                  field: filter.field,
+                  operator,
+                  value: void 0
+                }
+              ];
+              onChangeView({
+                ...view,
+                page: 1,
+                filters: newFilters
+              });
+            },
+            size: "small",
+            variant: "minimal",
+            __nextHasNoMarginBottom: true,
+            hideLabelFromVision: true
           }
-          return _filter;
-        })] : [...((_view$filters2 = view.filters) !== null && _view$filters2 !== void 0 ? _view$filters2 : []), {
-          field: filter.field,
-          operator,
-          value: undefined
-        }];
-        onChangeView({
-          ...view,
-          page: 1,
-          filters: newFilters
-        });
-      },
-      size: "small",
-      variant: "minimal",
-      __nextHasNoMarginBottom: true,
-      hideLabelFromVision: true
-    })]
-  });
+        )
+      ]
+    }
+  );
 }
 function Filter({
   addFilterRef,
@@ -202,125 +395,142 @@ function Filter({
   fields,
   ...commonProps
 }) {
-  const toggleRef = (0, _element.useRef)(null);
-  const {
-    filter,
-    view,
-    onChangeView
-  } = commonProps;
-  const filterInView = view.filters?.find(f => f.field === filter.field);
+  const toggleRef = (0, import_element.useRef)(null);
+  const { filter, view, onChangeView } = commonProps;
+  const filterInView = view.filters?.find(
+    (f) => f.field === filter.field
+  );
   let activeElements = [];
-  if (filter.elements.length > 0) {
-    activeElements = filter.elements.filter(element => {
+  const { elements } = (0, import_use_elements.default)({
+    elements: filter.elements,
+    getElements: filter.getElements
+  });
+  if (elements.length > 0) {
+    activeElements = elements.filter((element) => {
       if (filter.singleSelection) {
         return element.value === filterInView?.value;
       }
       return filterInView?.value?.includes(element.value);
     });
-  } else if (filterInView?.value !== undefined) {
-    activeElements = [{
-      value: filterInView.value,
-      label: filterInView.value
-    }];
+  } else if (filterInView?.value !== void 0) {
+    activeElements = [
+      {
+        value: filterInView.value,
+        label: filterInView.value
+      }
+    ];
   }
   const isPrimary = filter.isPrimary;
   const isLocked = filterInView?.isLocked;
-  const hasValues = !isLocked && filterInView?.value !== undefined;
+  const hasValues = !isLocked && filterInView?.value !== void 0;
   const canResetOrRemove = !isLocked && (!isPrimary || hasValues);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
-    defaultOpen: openedFilter === filter.field,
-    contentClassName: "dataviews-filters__summary-popover",
-    popoverProps: {
-      placement: 'bottom-start',
-      role: 'dialog'
-    },
-    onClose: () => {
-      toggleRef.current?.focus();
-    },
-    renderToggle: ({
-      isOpen,
-      onToggle
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "dataviews-filters__summary-chip-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-        text: (0, _i18n.sprintf)(/* translators: 1: Filter name. */
-        (0, _i18n.__)('Filter by: %1$s'), filter.name.toLowerCase()),
-        placement: "top",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _clsx.default)('dataviews-filters__summary-chip', {
-            'has-reset': canResetOrRemove,
-            'has-values': hasValues,
-            'is-not-clickable': isLocked
-          }),
-          role: "button",
-          tabIndex: isLocked ? -1 : 0,
-          onClick: () => {
-            if (!isLocked) {
-              onToggle();
-            }
-          },
-          onKeyDown: event => {
-            if (!isLocked && [ENTER, SPACE].includes(event.key)) {
-              onToggle();
-              event.preventDefault();
-            }
-          },
-          "aria-disabled": isLocked,
-          "aria-pressed": isOpen,
-          "aria-expanded": isOpen,
-          ref: toggleRef,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FilterText, {
-            activeElements: activeElements,
-            filterInView: filterInView,
-            filter: filter
-          })
-        })
-      }), canResetOrRemove && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Tooltip, {
-        text: isPrimary ? (0, _i18n.__)('Reset') : (0, _i18n.__)('Remove'),
-        placement: "top",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-          className: (0, _clsx.default)('dataviews-filters__summary-chip-remove', {
-            'has-values': hasValues
-          }),
-          onClick: () => {
-            onChangeView({
-              ...view,
-              page: 1,
-              filters: view.filters?.filter(_filter => _filter.field !== filter.field)
-            });
-            // If the filter is not primary and can be removed, it will be added
-            // back to the available filters from `Add filter` component.
-            if (!isPrimary) {
-              addFilterRef.current?.focus();
-            } else {
-              // If is primary, focus the toggle button.
-              toggleRef.current?.focus();
-            }
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-            icon: _icons.closeSmall
-          })
-        })
-      })]
-    }),
-    renderContent: () => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-        spacing: 0,
-        justify: "flex-start",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(OperatorSelector, {
-          ...commonProps
-        }), commonProps.filter.elements.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_searchWidget.default, {
-          ...commonProps,
-          filter: {
-            ...commonProps.filter,
-            elements: commonProps.filter.elements
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Dropdown,
+    {
+      defaultOpen: openedFilter === filter.field,
+      contentClassName: "dataviews-filters__summary-popover",
+      popoverProps: { placement: "bottom-start", role: "dialog" },
+      onClose: () => {
+        toggleRef.current?.focus();
+      },
+      renderToggle: ({ isOpen, onToggle }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dataviews-filters__summary-chip-container", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Tooltip,
+          {
+            text: (0, import_i18n.sprintf)(
+              /* translators: 1: Filter name. */
+              (0, import_i18n.__)("Filter by: %1$s"),
+              filter.name.toLowerCase()
+            ),
+            placement: "top",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                className: (0, import_clsx.default)(
+                  "dataviews-filters__summary-chip",
+                  {
+                    "has-reset": canResetOrRemove,
+                    "has-values": hasValues,
+                    "is-not-clickable": isLocked
+                  }
+                ),
+                role: "button",
+                tabIndex: isLocked ? -1 : 0,
+                onClick: () => {
+                  if (!isLocked) {
+                    onToggle();
+                  }
+                },
+                onKeyDown: (event) => {
+                  if (!isLocked && [ENTER, SPACE].includes(event.key)) {
+                    onToggle();
+                    event.preventDefault();
+                  }
+                },
+                "aria-disabled": isLocked,
+                "aria-pressed": isOpen,
+                "aria-expanded": isOpen,
+                ref: toggleRef,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  FilterText,
+                  {
+                    activeElements,
+                    filterInView,
+                    filter
+                  }
+                )
+              }
+            )
           }
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_inputWidget.default, {
-          ...commonProps,
-          fields: fields
-        })]
-      });
+        ),
+        canResetOrRemove && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.Tooltip,
+          {
+            text: isPrimary ? (0, import_i18n.__)("Reset") : (0, import_i18n.__)("Remove"),
+            placement: "top",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                className: (0, import_clsx.default)(
+                  "dataviews-filters__summary-chip-remove",
+                  { "has-values": hasValues }
+                ),
+                onClick: () => {
+                  onChangeView({
+                    ...view,
+                    page: 1,
+                    filters: view.filters?.filter(
+                      (_filter) => _filter.field !== filter.field
+                    )
+                  });
+                  if (!isPrimary) {
+                    addFilterRef.current?.focus();
+                  } else {
+                    toggleRef.current?.focus();
+                  }
+                },
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: import_icons.closeSmall })
+              }
+            )
+          }
+        )
+      ] }),
+      renderContent: () => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 0, justify: "flex-start", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OperatorSelector, { ...commonProps }),
+          commonProps.filter.hasElements ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_search_widget.default,
+            {
+              ...commonProps,
+              filter: {
+                ...commonProps.filter,
+                elements
+              }
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input_widget.default, { ...commonProps, fields })
+        ] });
+      }
     }
-  });
+  );
 }
-//# sourceMappingURL=filter.js.map
+//# sourceMappingURL=filter.js.map