@elementor/editor-editing-panel 0.18.0 → 0.19.0

package/src/dynamics/components/dynamic-selection.tsx

@@ -1,9 +1,5 @@
 import * as React from 'react';
 import { useState, Fragment } from 'react';
-import { useControl } from '../../controls/control-context';
-import { DynamicPropValue } from '../types';
-import { usePropDynamicTags } from '../hooks/use-prop-dynamic-tags';
-import { getAtomicDynamicTags } from '../sync/get-atomic-dynamic-tags';
 import { SearchIcon, PhotoIcon } from '@elementor/icons';
 import {
 	Box,
@@ -18,9 +14,13 @@ import {
 	Typography,
 } from '@elementor/ui';
 import { __ } from '@wordpress/i18n';
-import { PropKey, PropValue } from '../../types';
+import { useControl } from '../../controls/control-context';
+import { usePropDynamicTags } from '../hooks/use-prop-dynamic-tags';
+import { getAtomicDynamicTags } from '../sync/get-atomic-dynamic-tags';
 import { isDynamicPropValue } from '../utils';
 import { usePropValueHistory } from '../hooks/use-prop-value-history';
+import { DynamicPropValue } from '../types';
+import { PropKey, PropValue } from '../../controls/props/types';
 
 type Option = {
 	label: string;

package/src/dynamics/dynamic-control.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ControlContext, useControl } from '../controls/control-context';
-import { PropKey, PropValue } from '../types';
+import { PropKey, PropValue } from '../controls/props/types';
 import { useDynamicTag } from './hooks/use-dynamic-tag';
 import { DynamicPropValue } from './types';
 

package/src/dynamics/hooks/use-dynamic-tag.ts

@@ -1,7 +1,7 @@
+import { useMemo } from 'react';
 import { usePropDynamicTags } from './use-prop-dynamic-tags';
+import { PropKey } from '../../controls/props/types';
 import { DynamicTag } from '../types';
-import { PropKey } from '../../types';
-import { useMemo } from 'react';
 
 export const useDynamicTag = ( propName: PropKey, tagName: string ): DynamicTag | null => {
 	const dynamicTags = usePropDynamicTags( propName );

package/src/dynamics/hooks/use-prop-dynamic-action.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useElementContext } from '../../contexts/element-context';
+import { useElement } from '../../controls/providers/element-provider';
 import { supportsDynamic } from '../utils';
 import { DynamicSelection } from '../components/dynamic-selection';
 import { DatabaseIcon } from '@elementor/icons';
@@ -9,7 +9,7 @@ import { PopoverActionProps } from '../../controls/control-actions/actions/popov
 
 export const usePropDynamicAction = (): PopoverActionProps => {
 	const { bind } = useControl();
-	const { elementType } = useElementContext();
+	const { elementType } = useElement();
 
 	const propType = elementType.propsSchema[ bind ];
 	const visible = !! propType && supportsDynamic( propType );

package/src/dynamics/hooks/use-prop-dynamic-tags.ts

@@ -1,13 +1,13 @@
 import { useMemo } from 'react';
-import { useElementContext } from '../../contexts/element-context';
+import { useElement } from '../../controls/providers/element-provider';
 import { getAtomicDynamicTags } from '../sync/get-atomic-dynamic-tags';
-import { PropKey } from '../../types';
+import { PropKey } from '../../controls/props/types';
 import { getDynamicPropType } from '../utils';
 
 export const usePropDynamicTags = ( propName: PropKey ) => {
 	let categories: string[] = [];
 
-	const { elementType } = useElementContext();
+	const { elementType } = useElement();
 
 	const propType = elementType.propsSchema?.[ propName ];
 

package/src/dynamics/hooks/use-prop-value-history.ts

@@ -1,11 +1,11 @@
-import { useElementContext } from '../../contexts/element-context';
-import { PropValue } from '../../types';
+import { PropValue } from '../../controls/props/types';
+import { useElement } from '../../controls/providers/element-provider';
 
 export const PROPS_VALUES_HISTORY_KEY = 'elementor/dynamic/non-dynamic-values-history';
 
 export const usePropValueHistory = ( path: string ) => {
 	const valuesHistory = getValues();
-	const { element } = useElementContext();
+	const { element } = useElement();
 	const key = `${ element.id }-${ path }`;
 
 	const value = valuesHistory[ key ] ?? null;

package/src/dynamics/init.ts

@@ -1,8 +1,8 @@
 import { DynamicSelectionControl } from './components/dynamic-selection-control';
-import { replaceControl } from '../controls/control-replacement';
 import { isDynamicPropValue } from './utils';
 import { usePropDynamicAction } from './hooks/use-prop-dynamic-action';
 import { controlActionsMenu } from '../controls/control-actions/control-actions-menu';
+import { replaceControl } from '../control-replacement';
 
 const { registerPopoverAction } = controlActionsMenu;
 

package/src/dynamics/types.ts

@@ -1,4 +1,5 @@
-import { ControlItem, PropsSchema, TransformablePropType, TransformablePropValue } from '../types';
+import { ControlItem, PropsSchema } from '../controls/types';
+import { TransformablePropType, TransformablePropValue } from '../controls/props/types';
 
 export type ExtendedWindow = Window & {
 	elementor?: {

package/src/dynamics/utils.ts

@@ -1,6 +1,6 @@
-import { PropType, PropValue, TransformablePropType } from '../types';
+import { PropType, PropValue, TransformablePropType } from '../controls/props/types';
 import { DynamicPropType, DynamicPropValue } from './types';
-import { isTransformable } from '../props/is-transformable';
+import { isTransformable } from '../controls/props/is-transformable';
 
 const DYNAMIC_PROP_TYPE_KEY = 'dynamic';
 

package/src/hooks/use-element-style-prop.ts

@@ -1,7 +1,8 @@
 import { commandEndEvent, __privateUseListenTo as useListenTo } from '@elementor/editor-v1-adapters';
-import { ElementID, PropKey, PropValue } from '../types';
-import { getElementStyles } from '../sync/get-element-styles';
 import { StyleDefinition, StyleDefinitionID, StyleVariant } from '@elementor/editor-style';
+import { PropKey, PropValue } from '../controls/props/types';
+import { ElementID } from '../controls/types';
+import { getElementStyles } from '../sync/get-element-styles';
 
 export type UseElementStylePropArgs = {
 	elementID: ElementID;

package/src/hooks/use-element-styles.ts

@@ -1,6 +1,6 @@
 import { __privateUseListenTo as useListenTo, commandEndEvent } from '@elementor/editor-v1-adapters';
 import { getElementStyles } from '../sync/get-element-styles';
-import { ElementID } from '../types';
+import { ElementID } from '../controls/types';
 
 export const useElementStyles = ( elementID: ElementID ) => {
 	return useListenTo(

package/src/hooks/use-element-type.ts

@@ -1,6 +1,6 @@
 import { __privateUseListenTo as useListenTo, commandEndEvent } from '@elementor/editor-v1-adapters';
 import getWidgetsCache from '../sync/get-widgets-cache';
-import { ElementType } from '../types';
+import { ElementType } from '../controls/types';
 
 export default function useElementType( type?: string ) {
 	return useListenTo(

package/src/index.ts

@@ -1,5 +1,5 @@
 export type { PopoverActionProps } from './controls/control-actions/actions/popover-action';
-export { replaceControl } from './controls/control-replacement';
+export { replaceControl } from './control-replacement';
 export { useControl } from './controls/control-context';
 export { controlActionsMenu } from './controls/control-actions/control-actions-menu';
 

package/src/sync/get-element-styles.ts

@@ -1,6 +1,6 @@
-import getContainer from './get-container';
-import { ElementID } from '../types';
 import { StyleDefinition } from '@elementor/editor-style';
+import { ElementID } from '../controls/types';
+import getContainer from '../controls/sync/get-container';
 
 export const getElementStyles = ( elementID: ElementID ): Record< string, StyleDefinition > | null => {
 	const container = getContainer( elementID );

package/src/sync/get-selected-elements.ts

@@ -1,5 +1,5 @@
 import { ExtendedWindow } from './types';
-import { Element } from '../types';
+import { Element } from '../controls/types';
 
 export default function getSelectedElements(): Element[] {
 	const extendedWindow = window as unknown as ExtendedWindow;

package/src/sync/types.ts

@@ -1,5 +1,6 @@
-import { ControlItem, PropsSchema, PropValue } from '../types';
 import { StyleDefinition, StyleDefinitionID } from '@elementor/editor-style';
+import { ControlItem, PropsSchema } from '../controls/types';
+import { PropValue } from '../controls/props/types';
 
 export type ExtendedWindow = Window & {
 	elementor?: {

package/src/sync/update-style.ts

@@ -1,7 +1,8 @@
 import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
-import { ElementID, PropKey, Props } from '../types';
-import getContainer from './get-container';
 import { StyleDefinitionID, StyleVariant } from '@elementor/editor-style';
+import getContainer from '../controls/sync/get-container';
+import { PropKey, Props } from '../controls/props/types';
+import { ElementID } from '../controls/types';
 
 export type UpdateStyleProps = {
 	elementID: ElementID;