@elementor/editor-editing-panel 3.35.0-431 → 3.35.0-433

package/dist/index.d.mts

@@ -4,9 +4,9 @@ export { useBoundProp } from '@elementor/editor-controls';
 import * as _elementor_locations from '@elementor/locations';
 import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDefinitionID } from '@elementor/editor-styles';
 import * as react from 'react';
-import { FC, PropsWithChildren, Dispatch, ElementType as ElementType$1, ComponentType } from 'react';
+import { FC, PropsWithChildren, Dispatch, ElementType as ElementType$1, ComponentType, ComponentProps } from 'react';
 import { PopoverBody as PopoverBody$1 } from '@elementor/editor-ui';
-import { Control, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
+import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
 import * as _elementor_editor_props from '@elementor/editor-props';
 import { PropKey, PropTypeUtil, PropsSchema, ObjectPropType } from '@elementor/editor-props';
 import * as _emotion_styled from '@emotion/styled';
@@ -53,7 +53,7 @@ type SectionContentProps = PropsWithChildren<{
 declare const SectionContent: FC<SectionContentProps>;
 
 declare const SettingsControl: ({ control: { value, type } }: {
-    control: Control | ElementControl;
+    control: Control$1 | ElementControl;
 }) => react.JSX.Element | null;
 
 type SettingsFieldProps = {
@@ -117,6 +117,7 @@ type ContextValueWithoutProvider = {
 declare function useStyle(): ContextValue;
 
 declare const registerControlReplacement: (replacement: {
+    id?: string;
     component: react.ComponentClass<object & {
         OriginalControl: react.ComponentType;
     }, any> | react.FunctionComponent<object & {
@@ -128,6 +129,7 @@ declare const registerControlReplacement: (replacement: {
     }) => boolean;
 }) => void;
 declare const getControlReplacements: () => {
+    id?: string;
     component: react.ComponentClass<object & {
         OriginalControl: react.ComponentType;
     }, any> | react.FunctionComponent<object & {
@@ -1250,6 +1252,9 @@ declare const controlTypes: {
     };
 };
 type ControlType = keyof typeof controlTypes;
+type ControlTypes = {
+    [key in ControlType]: (typeof controlTypes)[key]['component'];
+};
 declare class ControlsRegistry {
     private readonly controlsRegistry;
     constructor(controlsRegistry: ControlRegistry);
@@ -1262,6 +1267,19 @@ declare class ControlsRegistry {
 }
 declare const controlsRegistry: ControlsRegistry;
 
+type IsRequired<T, K extends keyof T> = object extends Pick<T, K> ? false : true;
+type AnyPropertyRequired<T> = {
+    [K in keyof T]: IsRequired<T, K>;
+}[keyof T] extends true ? true : false;
+type ControlProps<T extends ControlType> = AnyPropertyRequired<ComponentProps<ControlTypes[T]>> extends true ? {
+    props: ComponentProps<ControlTypes[T]>;
+    type: T;
+} : {
+    props?: ComponentProps<ControlTypes[T]>;
+    type: T;
+};
+declare const Control: <T extends ControlType>({ props, type }: ControlProps<T>) => react.JSX.Element;
+
 declare const StylesProviderCannotUpdatePropsError: {
     new ({ cause, context }?: {
         cause?: _elementor_utils.ElementorErrorOptions["cause"];
@@ -1368,4 +1386,4 @@ declare function doGetAppliedClasses(elementId: string, classesPropType?: string
 declare function doApplyClasses(elementId: string, classIds: StyleDefinitionID[], classesPropType?: string): void;
 declare function doUnapplyClass(elementId: string, classId: StyleDefinitionID, classesPropType?: string): boolean;
 
-export { type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };
+export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };

package/dist/index.d.ts

@@ -4,9 +4,9 @@ export { useBoundProp } from '@elementor/editor-controls';
 import * as _elementor_locations from '@elementor/locations';
 import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDefinitionID } from '@elementor/editor-styles';
 import * as react from 'react';
-import { FC, PropsWithChildren, Dispatch, ElementType as ElementType$1, ComponentType } from 'react';
+import { FC, PropsWithChildren, Dispatch, ElementType as ElementType$1, ComponentType, ComponentProps } from 'react';
 import { PopoverBody as PopoverBody$1 } from '@elementor/editor-ui';
-import { Control, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
+import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
 import * as _elementor_editor_props from '@elementor/editor-props';
 import { PropKey, PropTypeUtil, PropsSchema, ObjectPropType } from '@elementor/editor-props';
 import * as _emotion_styled from '@emotion/styled';
@@ -53,7 +53,7 @@ type SectionContentProps = PropsWithChildren<{
 declare const SectionContent: FC<SectionContentProps>;
 
 declare const SettingsControl: ({ control: { value, type } }: {
-    control: Control | ElementControl;
+    control: Control$1 | ElementControl;
 }) => react.JSX.Element | null;
 
 type SettingsFieldProps = {
@@ -117,6 +117,7 @@ type ContextValueWithoutProvider = {
 declare function useStyle(): ContextValue;
 
 declare const registerControlReplacement: (replacement: {
+    id?: string;
     component: react.ComponentClass<object & {
         OriginalControl: react.ComponentType;
     }, any> | react.FunctionComponent<object & {
@@ -128,6 +129,7 @@ declare const registerControlReplacement: (replacement: {
     }) => boolean;
 }) => void;
 declare const getControlReplacements: () => {
+    id?: string;
     component: react.ComponentClass<object & {
         OriginalControl: react.ComponentType;
     }, any> | react.FunctionComponent<object & {
@@ -1250,6 +1252,9 @@ declare const controlTypes: {
     };
 };
 type ControlType = keyof typeof controlTypes;
+type ControlTypes = {
+    [key in ControlType]: (typeof controlTypes)[key]['component'];
+};
 declare class ControlsRegistry {
     private readonly controlsRegistry;
     constructor(controlsRegistry: ControlRegistry);
@@ -1262,6 +1267,19 @@ declare class ControlsRegistry {
 }
 declare const controlsRegistry: ControlsRegistry;
 
+type IsRequired<T, K extends keyof T> = object extends Pick<T, K> ? false : true;
+type AnyPropertyRequired<T> = {
+    [K in keyof T]: IsRequired<T, K>;
+}[keyof T] extends true ? true : false;
+type ControlProps<T extends ControlType> = AnyPropertyRequired<ComponentProps<ControlTypes[T]>> extends true ? {
+    props: ComponentProps<ControlTypes[T]>;
+    type: T;
+} : {
+    props?: ComponentProps<ControlTypes[T]>;
+    type: T;
+};
+declare const Control: <T extends ControlType>({ props, type }: ControlProps<T>) => react.JSX.Element;
+
 declare const StylesProviderCannotUpdatePropsError: {
     new ({ cause, context }?: {
         cause?: _elementor_utils.ElementorErrorOptions["cause"];
@@ -1368,4 +1386,4 @@ declare function doGetAppliedClasses(elementId: string, classesPropType?: string
 declare function doApplyClasses(elementId: string, classIds: StyleDefinitionID[], classesPropType?: string): void;
 declare function doUnapplyClass(elementId: string, classId: StyleDefinitionID, classesPropType?: string): boolean;
 
-export { type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };
+export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };

package/dist/index.js

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  BaseControl: () => Control,
   CustomCssIndicator: () => CustomCssIndicator,
   ElementProvider: () => ElementProvider,
   FIELD_TYPE: () => FIELD_TYPE,
@@ -6673,6 +6674,7 @@ var blockV1Panel = () => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  BaseControl,
   CustomCssIndicator,
   ElementProvider,
   FIELD_TYPE,