@elementor/editor-controls 4.0.0-510 → 4.0.0-512

package/dist/index.d.mts

@@ -645,6 +645,8 @@ declare const createControlReplacementsRegistry: () => {
     registerControlReplacement: (replacement: ControlReplacement) => void;
     getControlReplacements: () => ControlReplacement[];
 };
+declare const registerControlReplacement: (replacement: ControlReplacement) => void;
+declare const getControlReplacements: () => ControlReplacement[];
 
 declare function ControlAdornments({ customContext, }: {
     customContext?: {
@@ -673,4 +675,6 @@ declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhe
 
 declare const useElementCanHaveChildren: () => boolean;
 
-export { type AdornmentComponent, type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeField, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useSyncExternalState };
+declare const useFontFamilies: () => FontCategory[];
+
+export { type AdornmentComponent, type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeField, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, getControlReplacements, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, registerControlReplacement, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useFontFamilies, useSyncExternalState };

package/dist/index.d.ts

@@ -645,6 +645,8 @@ declare const createControlReplacementsRegistry: () => {
     registerControlReplacement: (replacement: ControlReplacement) => void;
     getControlReplacements: () => ControlReplacement[];
 };
+declare const registerControlReplacement: (replacement: ControlReplacement) => void;
+declare const getControlReplacements: () => ControlReplacement[];
 
 declare function ControlAdornments({ customContext, }: {
     customContext?: {
@@ -673,4 +675,6 @@ declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhe
 
 declare const useElementCanHaveChildren: () => boolean;
 
-export { type AdornmentComponent, type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeField, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useSyncExternalState };
+declare const useFontFamilies: () => FontCategory[];
+
+export { type AdornmentComponent, type AngleUnit, AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ClearIconButton, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent$1 as ControlComponent, ControlFormLabel, type ControlReplacement, ControlReplacementsProvider, ControlToggleButtonGroup, DateTimeControl, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedOption, FilterRepeaterControl, type FontCategory, FontFamilyControl, GapControl, HtmlTagControl, ImageControl, InlineEditingControl, InlineEditor, InlineEditorToolbar, ItemSelector, type ItemsActionPayload, KeyValueControl, type LengthUnit, LinkControl, LinkedDimensionsControl, NumberControl, PopoverContent, PopoverGridContainer, PositionControl, PropKeyProvider, PropProvider, type PropProviderProps, QueryControl, RepeatableControl, Repeater, type RepeaterItem, SelectControl, SelectControlWrapper, type SetRepeaterValuesMeta, type SetValue, type SetValueMeta, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type TimeUnit, type ToggleButtonGroupItem, ToggleButtonGroupUi, ToggleControl, type ToggleControlProps, TransformRepeaterControl, TransformSettingsControl, TransitionRepeaterControl, type Unit, UnstableSizeField, UrlControl, createControl, createControlReplacementsRegistry, enqueueFont, getControlReplacements, injectIntoRepeaterItemActions, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, registerControlReplacement, transitionProperties, transitionsItemsList, useBoundProp, useControlActions, useControlReplacement, useElementCanHaveChildren, useFontFamilies, useSyncExternalState };

package/dist/index.js

@@ -82,15 +82,18 @@ __export(index_exports, {
   createControl: () => createControl,
   createControlReplacementsRegistry: () => createControlReplacementsRegistry,
   enqueueFont: () => enqueueFont,
+  getControlReplacements: () => getControlReplacements,
   injectIntoRepeaterItemActions: () => injectIntoRepeaterItemActions,
   injectIntoRepeaterItemIcon: () => injectIntoRepeaterItemIcon,
   injectIntoRepeaterItemLabel: () => injectIntoRepeaterItemLabel,
+  registerControlReplacement: () => registerControlReplacement,
   transitionProperties: () => transitionProperties,
   transitionsItemsList: () => transitionsItemsList,
   useBoundProp: () => useBoundProp,
   useControlActions: () => useControlActions,
   useControlReplacement: () => useControlReplacement,
   useElementCanHaveChildren: () => useElementCanHaveChildren,
+  useFontFamilies: () => useFontFamilies,
   useSyncExternalState: () => useSyncExternalState
 });
 module.exports = __toCommonJS(index_exports);
@@ -361,14 +364,15 @@ var useControlReplacement = (OriginalComponent) => {
 };
 var createControlReplacementsRegistry = () => {
   const controlReplacements = [];
-  function registerControlReplacement(replacement) {
+  function registerControlReplacement2(replacement) {
     controlReplacements.push(replacement);
   }
-  function getControlReplacements() {
+  function getControlReplacements2() {
     return controlReplacements;
   }
-  return { registerControlReplacement, getControlReplacements };
+  return { registerControlReplacement: registerControlReplacement2, getControlReplacements: getControlReplacements2 };
 };
+var { registerControlReplacement, getControlReplacements } = createControlReplacementsRegistry();
 
 // src/create-control.tsx
 var brandSymbol = Symbol("control");
@@ -7111,6 +7115,44 @@ var UnstableSizeField = ({
 var hasValue = (value) => {
   return value !== null && value !== "";
 };
+
+// src/hooks/use-font-families.ts
+var import_react60 = require("react");
+var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
+var import_i18n53 = require("@wordpress/i18n");
+var supportedCategories = {
+  system: (0, import_i18n53.__)("System", "elementor"),
+  custom: (0, import_i18n53.__)("Custom Fonts", "elementor"),
+  googlefonts: (0, import_i18n53.__)("Google Fonts", "elementor")
+};
+var getFontFamilies = () => {
+  const { controls } = (0, import_editor_v1_adapters.getElementorConfig)();
+  const options = controls?.font?.options;
+  if (!options) {
+    return null;
+  }
+  return options;
+};
+var useFontFamilies = () => {
+  const fontFamilies = getFontFamilies();
+  return (0, import_react60.useMemo)(() => {
+    const categoriesOrder = ["system", "custom", "googlefonts"];
+    return Object.entries(fontFamilies || {}).reduce((acc, [font, category]) => {
+      if (!supportedCategories[category]) {
+        return acc;
+      }
+      const categoryIndex = categoriesOrder.indexOf(category);
+      if (!acc[categoryIndex]) {
+        acc[categoryIndex] = {
+          label: supportedCategories[category],
+          fonts: []
+        };
+      }
+      acc[categoryIndex].fonts.push(font);
+      return acc;
+    }, []).filter(Boolean);
+  }, [fontFamilies]);
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AspectRatioControl,
@@ -7165,15 +7207,18 @@ var hasValue = (value) => {
   createControl,
   createControlReplacementsRegistry,
   enqueueFont,
+  getControlReplacements,
   injectIntoRepeaterItemActions,
   injectIntoRepeaterItemIcon,
   injectIntoRepeaterItemLabel,
+  registerControlReplacement,
   transitionProperties,
   transitionsItemsList,
   useBoundProp,
   useControlActions,
   useControlReplacement,
   useElementCanHaveChildren,
+  useFontFamilies,
   useSyncExternalState
 });
 //# sourceMappingURL=index.js.map