@elementor/editor-controls 0.34.2 → 0.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/index.d.mts +11 -5
  3. package/dist/index.d.ts +11 -5
  4. package/dist/index.js +363 -312
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +316 -272
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +2 -2
  9. package/src/components/control-form-label.tsx +3 -3
  10. package/src/components/control-label.tsx +1 -1
  11. package/src/components/font-family-selector.tsx +282 -0
  12. package/src/components/repeater.tsx +2 -4
  13. package/src/components/sortable.tsx +4 -2
  14. package/src/controls/aspect-ratio-control.tsx +51 -48
  15. package/src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx +3 -2
  16. package/src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx +2 -1
  17. package/src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx +1 -1
  18. package/src/controls/box-shadow-repeater-control.tsx +3 -3
  19. package/src/controls/equal-unequal-sizes-control.tsx +14 -4
  20. package/src/controls/font-family-control/font-family-control.tsx +12 -273
  21. package/src/controls/gap-control.tsx +3 -1
  22. package/src/controls/image-control.tsx +2 -2
  23. package/src/controls/link-control.tsx +1 -1
  24. package/src/controls/linked-dimensions-control.tsx +11 -4
  25. package/src/index.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,26 @@
1
1
  # @elementor/editor-controls
2
2
 
3
+ ## 0.36.0
4
+
5
+ ### Minor Changes
6
+
7
+ - ea5d3df: Export fontFamily components from editor-controls and editing-panel
8
+ - 80dbf43: Extract popover headers to a standalone component inside the Editor UI package.
9
+ - 6eeb59e: Disable controls panel labels by permission.
10
+
11
+ ### Patch Changes
12
+
13
+ - af4e938: Add indicators to group headers
14
+ - Updated dependencies [80dbf43]
15
+ - @elementor/editor-ui@0.11.0
16
+
17
+ ## 0.35.0
18
+
19
+ ### Minor Changes
20
+
21
+ - f7a59df: Split FontFamily UI into reusable components
22
+ - 4b762e0: add ControlActions to aspect ratio control
23
+
3
24
  ## 0.34.2
4
25
 
5
26
  ### Patch Changes
package/dist/index.d.mts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { ReactNode, ComponentType, PropsWithChildren } from 'react';
3
3
  import { StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
4
- import { UnstableColorFieldProps, ToggleButtonProps, StackProps } from '@elementor/ui';
4
+ import { UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
5
5
  import * as _elementor_locations from '@elementor/locations';
6
6
 
7
7
  type ImageControlProps = {
@@ -167,9 +167,15 @@ declare const BackgroundControl: ControlComponent<() => React.JSX.Element>;
167
167
 
168
168
  declare const SwitchControl: ControlComponent<() => React.JSX.Element>;
169
169
 
170
- declare const ControlFormLabel: ({ children }: {
171
- children: React.ReactNode;
172
- }) => React.JSX.Element;
170
+ declare const ControlFormLabel: (props: FormLabelProps) => React.JSX.Element;
171
+
172
+ type FontFamilySelectorProps = {
173
+ fontFamilies: FontCategory[];
174
+ fontFamily: string | null;
175
+ onFontFamilyChange: (fontFamily: string) => void;
176
+ onClose: () => void;
177
+ };
178
+ declare const FontFamilySelector: ({ fontFamilies, fontFamily, onFontFamilyChange, onClose, }: FontFamilySelectorProps) => React.JSX.Element;
173
179
 
174
180
  type AnyComponentType = ComponentType<any>;
175
181
  declare const brandSymbol: unique symbol;
@@ -273,4 +279,4 @@ type UseInternalStateOptions<TValue> = {
273
279
  };
274
280
  declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue) => void];
275
281
 
276
- export { AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };
282
+ export { AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, FontFamilySelector, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { ReactNode, ComponentType, PropsWithChildren } from 'react';
3
3
  import { StringPropValue, PropTypeUtil, PropValue, PropKey, SizePropValue, PropType, CreateOptions } from '@elementor/editor-props';
4
- import { UnstableColorFieldProps, ToggleButtonProps, StackProps } from '@elementor/ui';
4
+ import { UnstableColorFieldProps, ToggleButtonProps, StackProps, FormLabelProps } from '@elementor/ui';
5
5
  import * as _elementor_locations from '@elementor/locations';
6
6
 
7
7
  type ImageControlProps = {
@@ -167,9 +167,15 @@ declare const BackgroundControl: ControlComponent<() => React.JSX.Element>;
167
167
 
168
168
  declare const SwitchControl: ControlComponent<() => React.JSX.Element>;
169
169
 
170
- declare const ControlFormLabel: ({ children }: {
171
- children: React.ReactNode;
172
- }) => React.JSX.Element;
170
+ declare const ControlFormLabel: (props: FormLabelProps) => React.JSX.Element;
171
+
172
+ type FontFamilySelectorProps = {
173
+ fontFamilies: FontCategory[];
174
+ fontFamily: string | null;
175
+ onFontFamilyChange: (fontFamily: string) => void;
176
+ onClose: () => void;
177
+ };
178
+ declare const FontFamilySelector: ({ fontFamilies, fontFamily, onFontFamilyChange, onClose, }: FontFamilySelectorProps) => React.JSX.Element;
173
179
 
174
180
  type AnyComponentType = ComponentType<any>;
175
181
  declare const brandSymbol: unique symbol;
@@ -273,4 +279,4 @@ type UseInternalStateOptions<TValue> = {
273
279
  };
274
280
  declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue) => void];
275
281
 
276
- export { AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };
282
+ export { AspectRatioControl, BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlFormLabel, ControlReplacementsProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, FontFamilySelector, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, SwitchControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacementsRegistry, injectIntoRepeaterItemIcon, injectIntoRepeaterItemLabel, useBoundProp, useControlActions, useSyncExternalState };