@elementor/editor-controls 4.2.0-874 → 4.2.0-876

package/dist/index.js

@@ -4914,6 +4914,7 @@ function extractChips(value) {
 // src/controls/query-filter-repeater-control.tsx
 var React77 = __toESM(require("react"));
 var import_react45 = require("react");
+var import_editor_elements4 = require("@elementor/editor-elements");
 var import_editor_props31 = require("@elementor/editor-props");
 var import_icons18 = require("@elementor/icons");
 var import_ui60 = require("@elementor/ui");
@@ -4926,20 +4927,25 @@ var QueryFilterRepeaterControl = createControl(
     chipsPlaceholder
   }) => {
     const { propType, value, setValue } = useBoundProp(import_editor_props31.queryFilterArrayPropTypeUtil);
+    const { settings } = (0, import_editor_elements4.useSelectedElementSettings)();
+    const visibleKeys = (0, import_react45.useMemo)(
+      () => allowedKeys.filter((key) => isKeyVisible(keyConfig[key]?.visibleWhen, settings)),
+      [allowedKeys, keyConfig, settings]
+    );
     const usedKeys = (0, import_react45.useMemo)(() => getUsedKeys(value ?? []), [value]);
     const nextAvailableKey = (0, import_react45.useMemo)(
-      () => allowedKeys.find((key) => !usedKeys.has(key)) ?? null,
-      [allowedKeys, usedKeys]
+      () => visibleKeys.find((key) => !usedKeys.has(key)) ?? null,
+      [visibleKeys, usedKeys]
     );
     const getKeySelectOptions = (0, import_react45.useMemo)(
-      () => (currentKey) => allowedKeys.map((itemKey) => ({
+      () => (currentKey) => visibleKeys.map((itemKey) => ({
         value: itemKey,
         label: keyConfig[itemKey]?.label ?? itemKey,
         disabled: itemKey !== currentKey && usedKeys.has(itemKey)
       })),
-      [allowedKeys, keyConfig, usedKeys]
+      [visibleKeys, keyConfig, usedKeys]
     );
-    const initialFallback = (0, import_react45.useMemo)(() => createItemForKey(allowedKeys[0] ?? ""), [allowedKeys]);
+    const initialFallback = (0, import_react45.useMemo)(() => createItemForKey(visibleKeys[0] ?? ""), [visibleKeys]);
     return /* @__PURE__ */ React77.createElement(PropProvider, { propType, value, setValue }, /* @__PURE__ */ React77.createElement(ControlRepeater, { initial: initialFallback, propTypeUtil: import_editor_props31.queryFilterArrayPropTypeUtil }, /* @__PURE__ */ React77.createElement(RepeaterHeader, { label }, /* @__PURE__ */ React77.createElement(AddFilterItemAction, { nextAvailableKey, ariaLabel: label })), /* @__PURE__ */ React77.createElement(ItemsContainer, { isSortable: false }, /* @__PURE__ */ React77.createElement(
       Item,
       {
@@ -4985,7 +4991,12 @@ var ItemLabel2 = ({ value, keyConfig }) => {
   const itemKey = import_editor_props31.stringPropTypeUtil.extract(value?.value?.key);
   const label = itemKey && keyConfig[itemKey]?.label || (0, import_i18n28.__)("Item", "elementor");
   const chipLabels = extractChipLabels(value?.value?.values);
-  const suffix = chipLabels.length > 0 ? `: ${chipLabels.join(", ")}` : "";
+  const taxonomyLabels = extractTaxonomyLabels(
+    value?.value?.taxonomies,
+    itemKey ? keyConfig[itemKey] : void 0
+  );
+  const allLabels = [...chipLabels, ...taxonomyLabels];
+  const suffix = allLabels.length > 0 ? `: ${allLabels.join(", ")}` : "";
   return /* @__PURE__ */ React77.createElement(import_ui60.Box, { component: "span" }, label, suffix);
 };
 function extractChipLabels(chipsProp) {
@@ -4998,7 +5009,7 @@ var ItemContent = ({
   chipsPlaceholder
 }) => {
   const propContext = useBoundProp(import_editor_props31.queryFilterPropTypeUtil);
-  const valuesByKeyRef = (0, import_react45.useRef)({});
+  const snapshotsByKeyRef = (0, import_react45.useRef)({});
   const handleValueChange = (nextValue, options, meta) => {
     if (meta?.bind !== "key") {
       propContext.setValue(nextValue, options, meta);
@@ -5007,16 +5018,27 @@ var ItemContent = ({
     const previousKey = import_editor_props31.stringPropTypeUtil.extract(propContext.value?.key);
     const newKey = import_editor_props31.stringPropTypeUtil.extract(nextValue?.key);
     if (previousKey) {
-      valuesByKeyRef.current[previousKey] = propContext.value?.values ?? null;
+      snapshotsByKeyRef.current[previousKey] = {
+        values: propContext.value?.values ?? null,
+        taxonomies: propContext.value?.taxonomies ?? null
+      };
     }
-    const restoredValues = newKey ? valuesByKeyRef.current[newKey] ?? null : null;
-    propContext.setValue({ ...nextValue, values: restoredValues }, options, meta);
+    const restored = newKey ? snapshotsByKeyRef.current[newKey] : void 0;
+    propContext.setValue(
+      {
+        ...nextValue,
+        values: restored?.values ?? null,
+        taxonomies: restored?.taxonomies ?? null
+      },
+      options,
+      meta
+    );
   };
   const currentKey = import_editor_props31.stringPropTypeUtil.extract(propContext.value?.key);
   const currentKeyConfig = currentKey ? keyConfig[currentKey] : void 0;
-  const hasValuesField = !!currentKeyConfig?.queryEndpoint;
+  const valueType = currentKeyConfig?.valueType ?? "chips";
   const keySelectOptions = (0, import_react45.useMemo)(() => getKeySelectOptions(currentKey), [getKeySelectOptions, currentKey]);
-  return /* @__PURE__ */ React77.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React77.createElement(PropProvider, { ...propContext, setValue: handleValueChange }, /* @__PURE__ */ React77.createElement(PopoverGridContainer, { flexWrap: "wrap" }, /* @__PURE__ */ React77.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(ControlFormLabel, null, (0, import_i18n28.__)("Type", "elementor"))), /* @__PURE__ */ React77.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "key" }, /* @__PURE__ */ React77.createElement(SelectControl, { options: keySelectOptions })))), hasValuesField && currentKeyConfig?.queryEndpoint && /* @__PURE__ */ React77.createElement(PopoverGridContainer, { flexWrap: "wrap" }, /* @__PURE__ */ React77.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(ControlFormLabel, null, currentKeyConfig.label)), /* @__PURE__ */ React77.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "values" }, /* @__PURE__ */ React77.createElement(
+  return /* @__PURE__ */ React77.createElement(PopoverContent, { p: 1.5 }, /* @__PURE__ */ React77.createElement(PropProvider, { ...propContext, setValue: handleValueChange }, /* @__PURE__ */ React77.createElement(PopoverGridContainer, { flexWrap: "wrap" }, /* @__PURE__ */ React77.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(ControlFormLabel, null, (0, import_i18n28.__)("Type", "elementor"))), /* @__PURE__ */ React77.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "key" }, /* @__PURE__ */ React77.createElement(SelectControl, { options: keySelectOptions })))), valueType === "taxonomies" && currentKeyConfig?.staticOptions && /* @__PURE__ */ React77.createElement(PopoverGridContainer, { flexWrap: "wrap" }, /* @__PURE__ */ React77.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(ControlFormLabel, null, currentKeyConfig.label)), /* @__PURE__ */ React77.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "taxonomies" }, /* @__PURE__ */ React77.createElement(ChipsControl, { options: currentKeyConfig.staticOptions })))), valueType !== "taxonomies" && currentKeyConfig?.queryEndpoint && /* @__PURE__ */ React77.createElement(PopoverGridContainer, { flexWrap: "wrap" }, /* @__PURE__ */ React77.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(ControlFormLabel, null, currentKeyConfig.label)), /* @__PURE__ */ React77.createElement(import_ui60.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React77.createElement(PropKeyProvider, { bind: "values" }, /* @__PURE__ */ React77.createElement(
     QueryChipsControl,
     {
       queryOptions: {
@@ -5027,10 +5049,29 @@ var ItemContent = ({
     }
   ))))));
 };
+function isKeyVisible(rule, settings) {
+  if (!rule) {
+    return true;
+  }
+  if (!settings) {
+    return false;
+  }
+  const extracted = import_editor_props31.stringPropTypeUtil.extract((0, import_editor_props31.extractValue)(rule.path, settings));
+  return extracted !== null && rule.in.includes(extracted);
+}
+function extractTaxonomyLabels(taxonomiesProp, config) {
+  const slugs = (import_editor_props31.stringArrayPropTypeUtil.extract(taxonomiesProp) ?? []).map((item) => import_editor_props31.stringPropTypeUtil.extract(item)).filter((slug) => !!slug);
+  if (!slugs.length) {
+    return [];
+  }
+  const options = config?.staticOptions ?? [];
+  return slugs.map((slug) => options.find((opt) => opt.value === slug)?.label ?? slug);
+}
 function createItemForKey(key) {
   return import_editor_props31.queryFilterPropTypeUtil.create({
     key: import_editor_props31.stringPropTypeUtil.create(key),
-    values: null
+    values: null,
+    taxonomies: null
   });
 }
 function getUsedKeys(items2) {
@@ -7205,7 +7246,7 @@ var transitionsItemsList = transitionProperties.map((category) => ({
 }));
 
 // src/controls/transition-control/trainsition-events.ts
-var import_editor_elements4 = require("@elementor/editor-elements");
+var import_editor_elements5 = require("@elementor/editor-elements");
 var import_events = require("@elementor/events");
 var transitionRepeaterMixpanelEvent = {
   eventName: "click_added_transition",
@@ -7217,7 +7258,7 @@ function subscribeToTransitionEvent() {
   eventBus.subscribe("transition-item-added", (data) => {
     const payload = data;
     const value = payload?.itemValue?.selection?.value?.value?.value;
-    const selectedElements = (0, import_editor_elements4.getSelectedElements)();
+    const selectedElements = (0, import_editor_elements5.getSelectedElements)();
     const widgetType = selectedElements[0]?.type ?? null;
     (0, import_events.trackEvent)({
       transition_type: value ?? "unknown",
@@ -7237,7 +7278,7 @@ var import_ui91 = require("@elementor/ui");
 var import_i18n53 = require("@wordpress/i18n");
 
 // src/utils/tracking.ts
-var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_elements6 = require("@elementor/editor-elements");
 var import_events2 = require("@elementor/events");
 var getBaseEventProperties = (data, config) => ({
   app_type: config?.appTypes?.editor ?? "editor",
@@ -7245,7 +7286,7 @@ var getBaseEventProperties = (data, config) => ({
   interaction_type: config?.triggers?.click ?? "Click",
   target_name: data.target_name,
   target_location: data.target_location ?? "widget_panel",
-  location_l1: data.location_l1 ?? (0, import_editor_elements5.getSelectedElements)()[0]?.type ?? "",
+  location_l1: data.location_l1 ?? (0, import_editor_elements6.getSelectedElements)()[0]?.type ?? "",
   ...data.location_l2 && { location_l2: data.location_l2 }
 });
 var dispatchPromotionEvent = (data, resolveOptions) => {
@@ -8132,7 +8173,7 @@ var import_ui102 = require("@elementor/ui");
 var import_i18n57 = require("@wordpress/i18n");
 
 // src/hooks/use-form-field-suggestions.ts
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_elements7 = require("@elementor/editor-elements");
 var import_editor_props64 = require("@elementor/editor-props");
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
 var FORM_FIELD_WIDGET_TYPES = [
@@ -8153,12 +8194,12 @@ function useFormFieldSuggestions(options) {
       (0, import_editor_v1_adapters.commandEndEvent)("document/elements/set-settings")
     ],
     () => {
-      const selectedElements = (0, import_editor_elements6.getSelectedElements)();
+      const selectedElements = (0, import_editor_elements7.getSelectedElements)();
       const formElement = selectedElements[0];
       if (!formElement) {
         return [];
       }
-      const container = (0, import_editor_elements6.getContainer)(formElement.id);
+      const container = (0, import_editor_elements7.getContainer)(formElement.id);
       if (!container?.children) {
         return [];
       }
@@ -8765,7 +8806,7 @@ var usePopover = (openOnMount, onOpen, onPopoverClose) => {
 // src/components/inline-editor-toolbar.tsx
 var React128 = __toESM(require("react"));
 var import_react75 = require("react");
-var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_elements8 = require("@elementor/editor-elements");
 var import_icons42 = require("@elementor/icons");
 var import_ui112 = require("@elementor/ui");
 var import_react76 = require("@tiptap/react");
@@ -8959,10 +9000,10 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
   );
 };
 var checkIfElementIsClickable = (elementId) => {
-  const container = (0, import_editor_elements7.getContainer)(elementId);
+  const container = (0, import_editor_elements8.getContainer)(elementId);
   const type = container?.model.get("widgetType");
   const isButton = type === "e-button";
-  const hasLink = !!(0, import_editor_elements7.getElementSetting)(elementId, "link")?.value?.destination;
+  const hasLink = !!(0, import_editor_elements8.getElementSetting)(elementId, "link")?.value?.destination;
   return isButton || hasLink;
 };
 var toolbarButtons = {