@elementor/editor-variables 3.35.0-442 → 3.35.0-444

package/dist/index.mjs

@@ -875,6 +875,26 @@ function filterBySearch(variables, searchValue) {
   return variables.filter((variable) => variable.label.toLowerCase().includes(lowerSearchValue));
 }
 
+// src/utils/variables-to-list.ts
+var variablesToList = (variables) => {
+  return Object.entries(variables).map(([key, variable]) => ({ key, ...variable }));
+};
+var toNormalizedVariable = ({ key, label, value, order }) => ({
+  key,
+  label,
+  value,
+  order
+});
+var applySelectionFilters = (variables, variableTypes) => {
+  const grouped = {};
+  variables.forEach((item) => (grouped[item.type] ??= []).push(item));
+  return Object.entries(grouped).flatMap(([type, vars]) => {
+    const filter = variableTypes[type]?.selectionFilter;
+    const normalized = vars.map(toNormalizedVariable);
+    return (filter?.(normalized) ?? normalized).map((v) => ({ ...v, type }));
+  });
+};
+
 // src/hooks/use-prop-variables.ts
 var getVariables = (includeDeleted = true) => {
   const variables = service.variables();
@@ -931,12 +951,7 @@ var getMatchingTypes = (propKey) => {
 var normalizeVariables = (propKey) => {
   const variables = getVariables(false);
   const matchingTypes = getMatchingTypes(propKey);
-  return Object.entries(variables).filter(([, variable]) => matchingTypes.includes(variable.type)).map(([key, { label, value, order }]) => ({
-    key,
-    label,
-    value,
-    order
-  }));
+  return variablesToList(variables).filter((variable) => matchingTypes.includes(variable.type)).map(toNormalizedVariable);
 };
 var extractId = ({ id: id2 }) => id2;
 var createVariable = (newVariable) => {
@@ -1000,11 +1015,12 @@ var useVariablesManagerState = () => {
     }
     return { success: result.success };
   }, [variables]);
-  const filteredVariables = () => {
-    const list = Object.entries(variables).map(([id2, value]) => ({ ...value, id: id2 }));
-    const filtered = filterBySearch(list, searchValue);
-    return Object.fromEntries(filtered.map(({ id: id2, ...rest }) => [id2, rest]));
-  };
+  const filteredVariables = useCallback3(() => {
+    const list = variablesToList(variables).filter((v) => !v.deleted);
+    const typeFiltered = applySelectionFilters(list, getVariableTypes());
+    const searchFiltered = filterBySearch(typeFiltered, searchValue);
+    return Object.fromEntries(searchFiltered.map(({ key, ...rest }) => [key, rest]));
+  }, [variables, searchValue]);
   return {
     variables: filteredVariables(),
     deletedVariables,
@@ -1498,7 +1514,7 @@ var VariablesManagerTable = ({
     }
   };
   const ids = Object.keys(variables).sort(sortVariablesOrder(variables));
-  const rows = ids.filter((id2) => !variables[id2].deleted).map((id2) => {
+  const rows = ids.map((id2) => {
     const variable = variables[id2];
     const variableType = getVariableType(variable.type);
     if (!variableType) {
@@ -1836,7 +1852,7 @@ function VariablesManagerPanel() {
       }
     }
   ];
-  const hasVariables = Object.values(variables).some((variable) => !variable.deleted);
+  const hasVariables = Object.keys(variables).length > 0;
   return /* @__PURE__ */ React12.createElement(ThemeProvider, null, /* @__PURE__ */ React12.createElement(Panel, null, /* @__PURE__ */ React12.createElement(
     PanelHeader,
     {