@elementor/editor-components 3.35.0-464 → 3.35.0-465

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 (6) hide show
  1. package/dist/index.js +12 -2
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +14 -4
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +22 -22
  6. package/src/components/overridable-props/overridable-prop-control.tsx +23 -3
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@elementor/editor-components",
3
3
  "description": "Elementor editor components",
4
- "version": "3.35.0-464",
4
+ "version": "3.35.0-465",
5
5
  "private": false,
6
6
  "author": "Elementor Team",
7
7
  "homepage": "https://elementor.com/",
@@ -40,30 +40,30 @@
40
40
  "dev": "tsup --config=../../tsup.dev.ts"
41
41
  },
42
42
  "dependencies": {
43
- "@elementor/editor": "3.35.0-464",
44
- "@elementor/editor-canvas": "3.35.0-464",
45
- "@elementor/editor-controls": "3.35.0-464",
46
- "@elementor/editor-documents": "3.35.0-464",
47
- "@elementor/editor-editing-panel": "3.35.0-464",
48
- "@elementor/editor-elements": "3.35.0-464",
49
- "@elementor/editor-elements-panel": "3.35.0-464",
50
- "@elementor/editor-mcp": "3.35.0-464",
51
- "@elementor/editor-panels": "3.35.0-464",
52
- "@elementor/editor-props": "3.35.0-464",
53
- "@elementor/editor-styles-repository": "3.35.0-464",
54
- "@elementor/editor-ui": "3.35.0-464",
55
- "@elementor/editor-v1-adapters": "3.35.0-464",
56
- "@elementor/http-client": "3.35.0-464",
43
+ "@elementor/editor": "3.35.0-465",
44
+ "@elementor/editor-canvas": "3.35.0-465",
45
+ "@elementor/editor-controls": "3.35.0-465",
46
+ "@elementor/editor-documents": "3.35.0-465",
47
+ "@elementor/editor-editing-panel": "3.35.0-465",
48
+ "@elementor/editor-elements": "3.35.0-465",
49
+ "@elementor/editor-elements-panel": "3.35.0-465",
50
+ "@elementor/editor-mcp": "3.35.0-465",
51
+ "@elementor/editor-panels": "3.35.0-465",
52
+ "@elementor/editor-props": "3.35.0-465",
53
+ "@elementor/editor-styles-repository": "3.35.0-465",
54
+ "@elementor/editor-ui": "3.35.0-465",
55
+ "@elementor/editor-v1-adapters": "3.35.0-465",
56
+ "@elementor/http-client": "3.35.0-465",
57
57
  "@elementor/icons": "^1.63.0",
58
- "@elementor/mixpanel": "3.35.0-464",
59
- "@elementor/query": "3.35.0-464",
60
- "@elementor/schema": "3.35.0-464",
61
- "@elementor/store": "3.35.0-464",
58
+ "@elementor/mixpanel": "3.35.0-465",
59
+ "@elementor/query": "3.35.0-465",
60
+ "@elementor/schema": "3.35.0-465",
61
+ "@elementor/store": "3.35.0-465",
62
62
  "@elementor/ui": "1.36.17",
63
- "@elementor/utils": "3.35.0-464",
63
+ "@elementor/utils": "3.35.0-465",
64
64
  "@wordpress/i18n": "^5.13.0",
65
- "@elementor/editor-notifications": "3.35.0-464",
66
- "@elementor/editor-current-user": "3.35.0-464"
65
+ "@elementor/editor-notifications": "3.35.0-465",
66
+ "@elementor/editor-current-user": "3.35.0-465"
67
67
  },
68
68
  "peerDependencies": {
69
69
  "react": "^18.3.1",
package/src/components/overridable-props/overridable-prop-control.tsx CHANGED
@@ -2,10 +2,10 @@ import * as React from 'react';
2
2
  import { type ComponentType } from 'react';
3
3
  import {
4
4
  ControlReplacementsProvider,
5
- createControl,
6
5
  PropKeyProvider,
7
6
  PropProvider,
8
7
  useBoundProp,
8
+ useControlReplacement,
9
9
  } from '@elementor/editor-controls';
10
10
  import { createTopLevelObjectType, getControlReplacements, useElement } from '@elementor/editor-editing-panel';
11
11
  import { type PropValue } from '@elementor/editor-props';
@@ -26,7 +26,6 @@ export function OverridablePropControl< T extends object >( {
26
26
  ...props
27
27
  }: T & { OriginalControl: ComponentType< T > } ) {
28
28
  const { elementType } = useElement();
29
- const Control = createControl( OriginalControl );
30
29
 
31
30
  const { value, bind, setValue, placeholder, ...propContext } = useBoundProp( componentOverridablePropTypeUtil );
32
31
  const componentId = useCurrentComponentId();
@@ -97,10 +96,31 @@ export function OverridablePropControl< T extends object >( {
97
96
  >
98
97
  <PropKeyProvider bind={ bind }>
99
98
  <ControlReplacementsProvider replacements={ filteredReplacements }>
100
- <Control { ...( props as T ) } />
99
+ <ControlWithReplacements OriginalControl={ OriginalControl } props={ props as T } />
101
100
  </ControlReplacementsProvider>
102
101
  </PropKeyProvider>
103
102
  </PropProvider>
104
103
  </OverridablePropProvider>
105
104
  );
106
105
  }
106
+
107
+ type ControlComponentType = ComponentType< object & { OriginalControl: ComponentType } >;
108
+
109
+ function ControlWithReplacements< T extends object >( {
110
+ OriginalControl,
111
+ props,
112
+ }: {
113
+ OriginalControl: ComponentType< T >;
114
+ props: T;
115
+ } ) {
116
+ const { ControlToRender, isReplaced } = useControlReplacement( OriginalControl as ControlComponentType );
117
+
118
+ if ( isReplaced ) {
119
+ const ReplacementControl = ControlToRender as unknown as ComponentType<
120
+ T & { OriginalControl: ComponentType< T > }
121
+ >;
122
+ return <ReplacementControl { ...props } OriginalControl={ OriginalControl } />;
123
+ }
124
+
125
+ return <OriginalControl { ...props } />;
126
+ }