@elementor/editor-controls 4.0.0-669 → 4.0.0-671

package/dist/index.mjs

@@ -7480,39 +7480,33 @@ var hasValue = (value) => {
 // src/hooks/use-font-families.ts
 import { useMemo as useMemo16 } from "react";
 import { getElementorConfig } from "@elementor/editor-v1-adapters";
-import { __ as __57 } from "@wordpress/i18n";
-var supportedCategories = {
-  system: __57("System", "elementor"),
-  custom: __57("Custom Fonts", "elementor"),
-  googlefonts: __57("Google Fonts", "elementor")
-};
-var getFontFamilies = () => {
+var getFontControlConfig = () => {
   const { controls } = getElementorConfig();
-  const options = controls?.font?.options;
-  if (!options) {
-    return null;
-  }
-  return options;
+  return controls?.font ?? {};
 };
 var useFontFamilies = () => {
-  const fontFamilies = getFontFamilies();
+  const { groups, options } = getFontControlConfig();
   return useMemo16(() => {
-    const categoriesOrder = ["system", "custom", "googlefonts"];
-    return Object.entries(fontFamilies || {}).reduce((acc, [font, category]) => {
-      if (!supportedCategories[category]) {
+    if (!groups || !options) {
+      return [];
+    }
+    const groupKeys = Object.keys(groups);
+    const groupIndexMap = new Map(groupKeys.map((key, index) => [key, index]));
+    return Object.entries(options).reduce((acc, [font, category]) => {
+      const groupIndex = groupIndexMap.get(category);
+      if (groupIndex === void 0) {
         return acc;
       }
-      const categoryIndex = categoriesOrder.indexOf(category);
-      if (!acc[categoryIndex]) {
-        acc[categoryIndex] = {
-          label: supportedCategories[category],
+      if (!acc[groupIndex]) {
+        acc[groupIndex] = {
+          label: groups[category],
           fonts: []
         };
       }
-      acc[categoryIndex].fonts.push(font);
+      acc[groupIndex].fonts.push(font);
       return acc;
     }, []).filter(Boolean);
-  }, [fontFamilies]);
+  }, [groups, options]);
 };
 export {
   AspectRatioControl,