@elementor/editor-controls 0.17.0 → 0.18.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @elementor/editor-controls
 
+## 0.18.0
+
+### Minor Changes
+
+- 217d896: Add indicators to control labels to reflect the style inheritance.
+
+### Patch Changes
+
+- Updated dependencies [14610ee]
+  - @elementor/editor-elements@0.6.4
+
 ## 0.17.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -224,6 +224,18 @@ declare const createControlReplacement: () => {
     getControlReplacement: () => CreateControlReplacement;
 };
 
+type ControlAdornmentsItems = Array<{
+    id: string;
+    Adornment: ComponentType;
+}>;
+type ControlAdornmentsContext = {
+    items?: ControlAdornmentsItems;
+};
+type ControlAdornmentsProviderProps = PropsWithChildren<ControlAdornmentsContext>;
+declare const ControlAdornmentsProvider: ({ children, items }: ControlAdornmentsProviderProps) => React.JSX.Element;
+
+declare function ControlAdornments(): React.JSX.Element | null;
+
 type UseInternalStateOptions<TValue> = {
     external: TValue | null;
     setExternal: (value: TValue | null) => void;
@@ -232,4 +244,4 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue) => void];
 
-export { BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, type ControlComponent, ControlLabel, ControlReplacementProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacement, useBoundProp, useControlActions, useSyncExternalState };
+export { BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlLabel, ControlReplacementProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacement, useBoundProp, useControlActions, useSyncExternalState };

package/dist/index.d.ts

@@ -224,6 +224,18 @@ declare const createControlReplacement: () => {
     getControlReplacement: () => CreateControlReplacement;
 };
 
+type ControlAdornmentsItems = Array<{
+    id: string;
+    Adornment: ComponentType;
+}>;
+type ControlAdornmentsContext = {
+    items?: ControlAdornmentsItems;
+};
+type ControlAdornmentsProviderProps = PropsWithChildren<ControlAdornmentsContext>;
+declare const ControlAdornmentsProvider: ({ children, items }: ControlAdornmentsProviderProps) => React.JSX.Element;
+
+declare function ControlAdornments(): React.JSX.Element | null;
+
 type UseInternalStateOptions<TValue> = {
     external: TValue | null;
     setExternal: (value: TValue | null) => void;
@@ -232,4 +244,4 @@ type UseInternalStateOptions<TValue> = {
 };
 declare const useSyncExternalState: <TValue>({ external, setExternal, persistWhen, fallback, }: UseInternalStateOptions<TValue>) => readonly [TValue, (setter: ((value: TValue) => TValue) | TValue) => void];
 
-export { BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, type ControlComponent, ControlLabel, ControlReplacementProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacement, useBoundProp, useControlActions, useSyncExternalState };
+export { BackgroundControl, BoxShadowRepeaterControl, ColorControl, type ControlActionsItems, ControlActionsProvider, ControlAdornments, ControlAdornmentsProvider, type ControlComponent, ControlLabel, ControlReplacementProvider, ControlToggleButtonGroup, type EqualUnequalItems, EqualUnequalSizesControl, type ExtendedValue, type FontCategory, FontFamilyControl, GapControl, ImageControl, LinkControl, LinkedDimensionsControl, NumberControl, PropKeyProvider, PropProvider, type PropProviderProps, SelectControl, type SetValue, SizeControl, StrokeControl, SvgMediaControl, TextAreaControl, TextControl, type ToggleButtonGroupItem, ToggleControl, type ToggleControlProps, UrlControl, createControlReplacement, useBoundProp, useControlActions, useSyncExternalState };

package/dist/index.js

@@ -34,6 +34,8 @@ __export(index_exports, {
   BoxShadowRepeaterControl: () => BoxShadowRepeaterControl,
   ColorControl: () => ColorControl,
   ControlActionsProvider: () => ControlActionsProvider,
+  ControlAdornments: () => ControlAdornments,
+  ControlAdornmentsProvider: () => ControlAdornmentsProvider,
   ControlLabel: () => ControlLabel,
   ControlReplacementProvider: () => ControlReplacementProvider,
   ControlToggleButtonGroup: () => ControlToggleButtonGroup,
@@ -2596,12 +2598,34 @@ var BackgroundControl = createControl(() => {
   const propContext = useBoundProp(import_editor_props24.backgroundPropTypeUtil);
   return /* @__PURE__ */ React41.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React41.createElement(SectionContent, null, /* @__PURE__ */ React41.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React41.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React41.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React41.createElement(import_ui37.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React41.createElement(import_ui37.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(ControlLabel, null, (0, import_i18n18.__)("Color", "elementor"))), /* @__PURE__ */ React41.createElement(import_ui37.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(ColorControl, null))))));
 });
+
+// src/control-adornments/control-adornments-context.tsx
+var React42 = __toESM(require("react"));
+var import_react15 = require("react");
+var Context2 = (0, import_react15.createContext)(null);
+var ControlAdornmentsProvider = ({ children, items }) => /* @__PURE__ */ React42.createElement(Context2.Provider, { value: { items } }, children);
+var useControlAdornments = () => {
+  const context = (0, import_react15.useContext)(Context2);
+  return context?.items ?? [];
+};
+
+// src/control-adornments/control-adornments.tsx
+var React43 = __toESM(require("react"));
+function ControlAdornments() {
+  const items = useControlAdornments();
+  if (items?.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, items.map(({ Adornment, id }) => /* @__PURE__ */ React43.createElement(Adornment, { key: id })));
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BackgroundControl,
   BoxShadowRepeaterControl,
   ColorControl,
   ControlActionsProvider,
+  ControlAdornments,
+  ControlAdornmentsProvider,
   ControlLabel,
   ControlReplacementProvider,
   ControlToggleButtonGroup,