@elementor/editor-variables 3.35.0-443 → 3.35.0-445

package/dist/index.d.mts

@@ -120,7 +120,7 @@ declare const registerVariableType: ({ key, icon, startIcon, valueField, propTyp
     styleTransformer?: _elementor_editor_canvas.AnyTransformer;
     fallbackPropTypeUtil: any;
     propTypeUtil: _elementor_editor_props.PropTypeUtil<string, string>;
-    selectionFilter?: (variables: NormalizedVariable[], propType: _elementor_editor_props.PropType) => NormalizedVariable[];
+    selectionFilter?: (variables: NormalizedVariable[], propType?: _elementor_editor_props.PropType) => NormalizedVariable[];
     valueTransformer?: (value: string, type?: string) => _elementor_editor_props.PropValue;
     isCompatible?: (propType: _elementor_editor_props.PropType, variable: Variable) => boolean;
     emptyState?: react.JSX.Element;

package/dist/index.d.ts

@@ -120,7 +120,7 @@ declare const registerVariableType: ({ key, icon, startIcon, valueField, propTyp
     styleTransformer?: _elementor_editor_canvas.AnyTransformer;
     fallbackPropTypeUtil: any;
     propTypeUtil: _elementor_editor_props.PropTypeUtil<string, string>;
-    selectionFilter?: (variables: NormalizedVariable[], propType: _elementor_editor_props.PropType) => NormalizedVariable[];
+    selectionFilter?: (variables: NormalizedVariable[], propType?: _elementor_editor_props.PropType) => NormalizedVariable[];
     valueTransformer?: (value: string, type?: string) => _elementor_editor_props.PropValue;
     isCompatible?: (propType: _elementor_editor_props.PropType, variable: Variable) => boolean;
     emptyState?: react.JSX.Element;

package/dist/index.js

@@ -900,6 +900,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();
@@ -956,12 +976,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) => {
@@ -1025,11 +1040,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 = (0, import_react5.useCallback)(() => {
+    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,
@@ -1513,7 +1529,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) {
@@ -1851,7 +1867,7 @@ function VariablesManagerPanel() {
       }
     }
   ];
-  const hasVariables = Object.values(variables).some((variable) => !variable.deleted);
+  const hasVariables = Object.keys(variables).length > 0;
   return /* @__PURE__ */ React12.createElement(import_editor_ui5.ThemeProvider, null, /* @__PURE__ */ React12.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React12.createElement(
     import_editor_panels.PanelHeader,
     {