@elementor/editor-components 3.35.0-420 → 3.35.0-421
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.
- package/dist/index.js +112 -82
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +83 -53
- package/dist/index.mjs.map +1 -1
- package/package.json +22 -22
- package/src/store/actions/rename-component.ts +42 -0
package/dist/index.js
CHANGED
|
@@ -37,7 +37,7 @@ module.exports = __toCommonJS(index_exports);
|
|
|
37
37
|
// src/init.ts
|
|
38
38
|
var import_editor = require("@elementor/editor");
|
|
39
39
|
var import_editor_canvas9 = require("@elementor/editor-canvas");
|
|
40
|
-
var
|
|
40
|
+
var import_editor_documents13 = require("@elementor/editor-documents");
|
|
41
41
|
var import_editor_editing_panel8 = require("@elementor/editor-editing-panel");
|
|
42
42
|
var import_editor_elements_panel = require("@elementor/editor-elements-panel");
|
|
43
43
|
var import_editor_panels4 = require("@elementor/editor-panels");
|
|
@@ -1701,46 +1701,19 @@ var useComponents = () => {
|
|
|
1701
1701
|
};
|
|
1702
1702
|
|
|
1703
1703
|
// src/store/actions/rename-component.ts
|
|
1704
|
-
var
|
|
1705
|
-
var
|
|
1706
|
-
|
|
1707
|
-
};
|
|
1708
|
-
|
|
1709
|
-
// src/components/components-tab/components-item.tsx
|
|
1710
|
-
var React13 = __toESM(require("react"));
|
|
1711
|
-
var import_react8 = require("react");
|
|
1712
|
-
var import_editor_canvas5 = require("@elementor/editor-canvas");
|
|
1713
|
-
var import_editor_elements7 = require("@elementor/editor-elements");
|
|
1714
|
-
var import_editor_ui6 = require("@elementor/editor-ui");
|
|
1715
|
-
var import_icons9 = require("@elementor/icons");
|
|
1716
|
-
var import_ui12 = require("@elementor/ui");
|
|
1717
|
-
var import_i18n15 = require("@wordpress/i18n");
|
|
1718
|
-
|
|
1719
|
-
// src/store/actions/archive-component.ts
|
|
1720
|
-
var import_editor_documents6 = require("@elementor/editor-documents");
|
|
1721
|
-
var import_store31 = require("@elementor/store");
|
|
1722
|
-
var archiveComponent = (componentId) => {
|
|
1723
|
-
const store = (0, import_store31.__getStore)();
|
|
1724
|
-
const dispatch18 = store?.dispatch;
|
|
1725
|
-
if (!dispatch18) {
|
|
1726
|
-
return;
|
|
1727
|
-
}
|
|
1728
|
-
dispatch18(slice.actions.archive(componentId));
|
|
1729
|
-
(0, import_editor_documents6.setDocumentModifiedStatus)(true);
|
|
1730
|
-
};
|
|
1731
|
-
|
|
1732
|
-
// src/store/actions/load-components-assets.ts
|
|
1733
|
-
var import_editor_documents8 = require("@elementor/editor-documents");
|
|
1704
|
+
var import_editor_documents7 = require("@elementor/editor-documents");
|
|
1705
|
+
var import_editor_elements5 = require("@elementor/editor-elements");
|
|
1706
|
+
var import_store33 = require("@elementor/store");
|
|
1734
1707
|
|
|
1735
1708
|
// src/create-component-type.ts
|
|
1736
1709
|
var import_editor_canvas4 = require("@elementor/editor-canvas");
|
|
1737
|
-
var
|
|
1738
|
-
var
|
|
1710
|
+
var import_editor_documents6 = require("@elementor/editor-documents");
|
|
1711
|
+
var import_store31 = require("@elementor/store");
|
|
1739
1712
|
var import_i18n13 = require("@wordpress/i18n");
|
|
1740
1713
|
|
|
1741
1714
|
// src/utils/tracking.ts
|
|
1742
1715
|
var import_mixpanel = require("@elementor/mixpanel");
|
|
1743
|
-
var
|
|
1716
|
+
var import_store29 = require("@elementor/store");
|
|
1744
1717
|
var trackComponentEvent = ({ action, ...data }) => {
|
|
1745
1718
|
const { dispatchEvent, config } = (0, import_mixpanel.getMixpanel)();
|
|
1746
1719
|
if (!config?.names?.components?.[action]) {
|
|
@@ -1757,7 +1730,7 @@ var onElementDrop = (_args, element) => {
|
|
|
1757
1730
|
const componentName = editorSettings?.title;
|
|
1758
1731
|
const componentUID = editorSettings?.component_uid;
|
|
1759
1732
|
const instanceId = element.id;
|
|
1760
|
-
const createdThisSession = selectCreatedThisSession((0,
|
|
1733
|
+
const createdThisSession = selectCreatedThisSession((0, import_store29.__getState)());
|
|
1761
1734
|
const isSameSessionReuse = componentUID && createdThisSession.includes(componentUID);
|
|
1762
1735
|
const eventsManagerConfig = window.elementorCommon.eventsManager.config;
|
|
1763
1736
|
const { locations, secondaryLocations } = eventsManagerConfig;
|
|
@@ -1810,7 +1783,7 @@ function createComponentView(options) {
|
|
|
1810
1783
|
eventsManagerConfig = this.legacyWindow.elementorCommon.eventsManager.config;
|
|
1811
1784
|
#componentRenderContext;
|
|
1812
1785
|
isComponentCurrentlyEdited() {
|
|
1813
|
-
const currentDocument = (0,
|
|
1786
|
+
const currentDocument = (0, import_editor_documents6.getCurrentDocument)();
|
|
1814
1787
|
return currentDocument?.id === this.getComponentId();
|
|
1815
1788
|
}
|
|
1816
1789
|
getRenderContext() {
|
|
@@ -1983,7 +1956,7 @@ function createComponentModel() {
|
|
|
1983
1956
|
}
|
|
1984
1957
|
const componentUid = editorSettings?.component_uid;
|
|
1985
1958
|
if (componentUid) {
|
|
1986
|
-
const component = selectComponentByUid((0,
|
|
1959
|
+
const component = selectComponentByUid((0, import_store31.__getState)(), componentUid);
|
|
1987
1960
|
if (component?.name) {
|
|
1988
1961
|
return component.name;
|
|
1989
1962
|
}
|
|
@@ -2003,6 +1976,63 @@ function createComponentModel() {
|
|
|
2003
1976
|
});
|
|
2004
1977
|
}
|
|
2005
1978
|
|
|
1979
|
+
// src/store/actions/rename-component.ts
|
|
1980
|
+
var TITLE_EXTERNAL_CHANGE_COMMAND = "title_external_change";
|
|
1981
|
+
var renameComponent = (componentUid, newName) => {
|
|
1982
|
+
(0, import_store33.__dispatch)(slice.actions.rename({ componentUid, name: newName }));
|
|
1983
|
+
(0, import_editor_documents7.setDocumentModifiedStatus)(true);
|
|
1984
|
+
refreshComponentInstanceTitles(componentUid);
|
|
1985
|
+
};
|
|
1986
|
+
function refreshComponentInstanceTitles(componentUid) {
|
|
1987
|
+
const documentContainer = getDocumentContainer();
|
|
1988
|
+
if (!documentContainer) {
|
|
1989
|
+
return;
|
|
1990
|
+
}
|
|
1991
|
+
const componentInstances = findComponentInstancesByUid(documentContainer, componentUid);
|
|
1992
|
+
componentInstances.forEach((element) => {
|
|
1993
|
+
element.model.trigger?.(TITLE_EXTERNAL_CHANGE_COMMAND);
|
|
1994
|
+
});
|
|
1995
|
+
}
|
|
1996
|
+
function getDocumentContainer() {
|
|
1997
|
+
const documentsManager = (0, import_editor_documents7.getV1DocumentsManager)();
|
|
1998
|
+
return documentsManager?.getCurrent()?.container;
|
|
1999
|
+
}
|
|
2000
|
+
function findComponentInstancesByUid(documentContainer, componentUid) {
|
|
2001
|
+
const allDescendants = (0, import_editor_elements5.getAllDescendants)(documentContainer);
|
|
2002
|
+
return allDescendants.filter((element) => {
|
|
2003
|
+
const widgetType = element.model.get("widgetType");
|
|
2004
|
+
const editorSettings = element.model.get("editor_settings");
|
|
2005
|
+
const isMatch = widgetType === COMPONENT_WIDGET_TYPE && editorSettings?.component_uid === componentUid;
|
|
2006
|
+
return isMatch;
|
|
2007
|
+
});
|
|
2008
|
+
}
|
|
2009
|
+
|
|
2010
|
+
// src/components/components-tab/components-item.tsx
|
|
2011
|
+
var React13 = __toESM(require("react"));
|
|
2012
|
+
var import_react8 = require("react");
|
|
2013
|
+
var import_editor_canvas5 = require("@elementor/editor-canvas");
|
|
2014
|
+
var import_editor_elements8 = require("@elementor/editor-elements");
|
|
2015
|
+
var import_editor_ui6 = require("@elementor/editor-ui");
|
|
2016
|
+
var import_icons9 = require("@elementor/icons");
|
|
2017
|
+
var import_ui12 = require("@elementor/ui");
|
|
2018
|
+
var import_i18n15 = require("@wordpress/i18n");
|
|
2019
|
+
|
|
2020
|
+
// src/store/actions/archive-component.ts
|
|
2021
|
+
var import_editor_documents8 = require("@elementor/editor-documents");
|
|
2022
|
+
var import_store35 = require("@elementor/store");
|
|
2023
|
+
var archiveComponent = (componentId) => {
|
|
2024
|
+
const store = (0, import_store35.__getStore)();
|
|
2025
|
+
const dispatch18 = store?.dispatch;
|
|
2026
|
+
if (!dispatch18) {
|
|
2027
|
+
return;
|
|
2028
|
+
}
|
|
2029
|
+
dispatch18(slice.actions.archive(componentId));
|
|
2030
|
+
(0, import_editor_documents8.setDocumentModifiedStatus)(true);
|
|
2031
|
+
};
|
|
2032
|
+
|
|
2033
|
+
// src/store/actions/load-components-assets.ts
|
|
2034
|
+
var import_editor_documents9 = require("@elementor/editor-documents");
|
|
2035
|
+
|
|
2006
2036
|
// src/utils/is-component-instance.ts
|
|
2007
2037
|
function isComponentInstance(elementModel) {
|
|
2008
2038
|
return [elementModel.widgetType, elementModel.elType].includes(COMPONENT_WIDGET_TYPE);
|
|
@@ -2102,9 +2132,9 @@ async function updateDocumentState(componentIds) {
|
|
|
2102
2132
|
const components = (await Promise.all(componentIds.map(getComponentDocumentData))).filter(
|
|
2103
2133
|
(document) => !!document
|
|
2104
2134
|
);
|
|
2105
|
-
const isDrafted = components.some(
|
|
2135
|
+
const isDrafted = components.some(import_editor_documents9.isDocumentDirty);
|
|
2106
2136
|
if (isDrafted) {
|
|
2107
|
-
(0,
|
|
2137
|
+
(0, import_editor_documents9.setDocumentModifiedStatus)(true);
|
|
2108
2138
|
}
|
|
2109
2139
|
}
|
|
2110
2140
|
|
|
@@ -2155,9 +2185,9 @@ function validateComponentName(label) {
|
|
|
2155
2185
|
}
|
|
2156
2186
|
|
|
2157
2187
|
// src/utils/get-container-for-new-element.ts
|
|
2158
|
-
var
|
|
2188
|
+
var import_editor_elements6 = require("@elementor/editor-elements");
|
|
2159
2189
|
var getContainerForNewElement = () => {
|
|
2160
|
-
const currentDocumentContainer = (0,
|
|
2190
|
+
const currentDocumentContainer = (0, import_editor_elements6.getCurrentDocumentContainer)();
|
|
2161
2191
|
const selectedElement = getSelectedElementContainer();
|
|
2162
2192
|
let container, options;
|
|
2163
2193
|
if (selectedElement) {
|
|
@@ -2183,17 +2213,17 @@ var getContainerForNewElement = () => {
|
|
|
2183
2213
|
return { container: container ?? currentDocumentContainer, options };
|
|
2184
2214
|
};
|
|
2185
2215
|
function getSelectedElementContainer() {
|
|
2186
|
-
const selectedElements = (0,
|
|
2216
|
+
const selectedElements = (0, import_editor_elements6.getSelectedElements)();
|
|
2187
2217
|
if (selectedElements.length !== 1) {
|
|
2188
2218
|
return void 0;
|
|
2189
2219
|
}
|
|
2190
|
-
return (0,
|
|
2220
|
+
return (0, import_editor_elements6.getContainer)(selectedElements[0].id);
|
|
2191
2221
|
}
|
|
2192
2222
|
|
|
2193
2223
|
// src/components/create-component-form/utils/replace-element-with-component.ts
|
|
2194
|
-
var
|
|
2224
|
+
var import_editor_elements7 = require("@elementor/editor-elements");
|
|
2195
2225
|
var replaceElementWithComponent = async (element, component) => {
|
|
2196
|
-
return await (0,
|
|
2226
|
+
return await (0, import_editor_elements7.replaceElement)({
|
|
2197
2227
|
currentElement: element,
|
|
2198
2228
|
newElement: createComponentModel2(component),
|
|
2199
2229
|
withHistory: false
|
|
@@ -2346,7 +2376,7 @@ var addComponentToPage = (model) => {
|
|
|
2346
2376
|
throw new Error(`Can't find container to drop new component instance at`);
|
|
2347
2377
|
}
|
|
2348
2378
|
loadComponentsAssets([model]);
|
|
2349
|
-
(0,
|
|
2379
|
+
(0, import_editor_elements8.dropElement)({
|
|
2350
2380
|
containerId: container.id,
|
|
2351
2381
|
model,
|
|
2352
2382
|
options: { ...options, useHistory: false, scrollIntoView: true }
|
|
@@ -2552,7 +2582,7 @@ var COMPONENT_DOCUMENT_TYPE = "elementor_component";
|
|
|
2552
2582
|
// src/components/create-component-form/create-component-form.tsx
|
|
2553
2583
|
var React17 = __toESM(require("react"));
|
|
2554
2584
|
var import_react10 = require("react");
|
|
2555
|
-
var
|
|
2585
|
+
var import_editor_elements10 = require("@elementor/editor-elements");
|
|
2556
2586
|
var import_editor_notifications2 = require("@elementor/editor-notifications");
|
|
2557
2587
|
var import_editor_ui8 = require("@elementor/editor-ui");
|
|
2558
2588
|
var import_icons11 = require("@elementor/icons");
|
|
@@ -2562,7 +2592,7 @@ var import_i18n18 = require("@wordpress/i18n");
|
|
|
2562
2592
|
|
|
2563
2593
|
// src/prevent-non-atomic-nesting.ts
|
|
2564
2594
|
var import_editor_canvas6 = require("@elementor/editor-canvas");
|
|
2565
|
-
var
|
|
2595
|
+
var import_editor_elements9 = require("@elementor/editor-elements");
|
|
2566
2596
|
var import_editor_notifications = require("@elementor/editor-notifications");
|
|
2567
2597
|
var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
|
|
2568
2598
|
var import_store43 = require("@elementor/store");
|
|
@@ -2594,7 +2624,7 @@ function isEditingComponent() {
|
|
|
2594
2624
|
return selectCurrentComponentId(state) !== null;
|
|
2595
2625
|
}
|
|
2596
2626
|
function isElementAtomic(elementType) {
|
|
2597
|
-
return (0,
|
|
2627
|
+
return (0, import_editor_elements9.getElementType)(elementType) !== null;
|
|
2598
2628
|
}
|
|
2599
2629
|
function blockNonAtomicCreate(args) {
|
|
2600
2630
|
if (!isEditingComponent()) {
|
|
@@ -2620,7 +2650,7 @@ function blockNonAtomicMove(args) {
|
|
|
2620
2650
|
if (!container) {
|
|
2621
2651
|
return false;
|
|
2622
2652
|
}
|
|
2623
|
-
const allElements = (0,
|
|
2653
|
+
const allElements = (0, import_editor_elements9.getAllDescendants)(container);
|
|
2624
2654
|
return allElements.some((element) => !(0, import_editor_canvas6.isAtomicWidget)(element));
|
|
2625
2655
|
});
|
|
2626
2656
|
if (hasNonAtomicElement) {
|
|
@@ -2798,7 +2828,7 @@ function CreateComponentForm() {
|
|
|
2798
2828
|
});
|
|
2799
2829
|
return;
|
|
2800
2830
|
}
|
|
2801
|
-
setElement({ element: event.detail.element, elementLabel: (0,
|
|
2831
|
+
setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements10.getElementLabel)(event.detail.element.id) });
|
|
2802
2832
|
setAnchorPosition(event.detail.anchorPosition);
|
|
2803
2833
|
eventData.current = getComponentEventData(event.detail.element, event.detail.options);
|
|
2804
2834
|
trackComponentEvent({
|
|
@@ -2941,13 +2971,13 @@ var Form2 = ({
|
|
|
2941
2971
|
// src/components/edit-component/edit-component.tsx
|
|
2942
2972
|
var React19 = __toESM(require("react"));
|
|
2943
2973
|
var import_react13 = require("react");
|
|
2944
|
-
var
|
|
2974
|
+
var import_editor_documents11 = require("@elementor/editor-documents");
|
|
2945
2975
|
var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
|
|
2946
2976
|
var import_store51 = require("@elementor/store");
|
|
2947
2977
|
var import_utils6 = require("@elementor/utils");
|
|
2948
2978
|
|
|
2949
2979
|
// src/store/actions/update-current-component.ts
|
|
2950
|
-
var
|
|
2980
|
+
var import_editor_documents10 = require("@elementor/editor-documents");
|
|
2951
2981
|
var import_store49 = require("@elementor/store");
|
|
2952
2982
|
function updateCurrentComponent({
|
|
2953
2983
|
path,
|
|
@@ -3153,7 +3183,7 @@ function EditComponent() {
|
|
|
3153
3183
|
return /* @__PURE__ */ React19.createElement(ComponentModal, { element: elementDom, onClose });
|
|
3154
3184
|
}
|
|
3155
3185
|
function useHandleDocumentSwitches() {
|
|
3156
|
-
const documentsManager = (0,
|
|
3186
|
+
const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
|
|
3157
3187
|
const currentComponentId = useCurrentComponentId();
|
|
3158
3188
|
const path = (0, import_store51.__useSelector)(selectPath);
|
|
3159
3189
|
(0, import_react13.useEffect)(() => {
|
|
@@ -3197,7 +3227,7 @@ function getInstanceTitle(instanceId, path) {
|
|
|
3197
3227
|
if (!instanceId) {
|
|
3198
3228
|
return void 0;
|
|
3199
3229
|
}
|
|
3200
|
-
const documentsManager = (0,
|
|
3230
|
+
const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
|
|
3201
3231
|
const parentDocId = path.at(-1)?.componentId ?? documentsManager.getInitialId();
|
|
3202
3232
|
const parentDoc = documentsManager.get(parentDocId);
|
|
3203
3233
|
const parentContainer = parentDoc?.container;
|
|
@@ -3211,7 +3241,7 @@ function getComponentDOMElement(id2) {
|
|
|
3211
3241
|
if (!id2) {
|
|
3212
3242
|
return null;
|
|
3213
3243
|
}
|
|
3214
|
-
const documentsManager = (0,
|
|
3244
|
+
const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
|
|
3215
3245
|
const currentComponent = documentsManager.get(id2);
|
|
3216
3246
|
const widget = currentComponent?.container;
|
|
3217
3247
|
const container = widget?.view?.el?.children?.[0] ?? null;
|
|
@@ -3242,7 +3272,7 @@ var EditModeDialog = ({ lockedBy }) => {
|
|
|
3242
3272
|
var React25 = __toESM(require("react"));
|
|
3243
3273
|
var import_editor_controls4 = require("@elementor/editor-controls");
|
|
3244
3274
|
var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
|
|
3245
|
-
var
|
|
3275
|
+
var import_editor_elements14 = require("@elementor/editor-elements");
|
|
3246
3276
|
var import_editor_panels3 = require("@elementor/editor-panels");
|
|
3247
3277
|
var import_icons14 = require("@elementor/icons");
|
|
3248
3278
|
var import_ui21 = require("@elementor/ui");
|
|
@@ -3250,7 +3280,7 @@ var import_i18n22 = require("@wordpress/i18n");
|
|
|
3250
3280
|
|
|
3251
3281
|
// src/hooks/use-component-instance-settings.ts
|
|
3252
3282
|
var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
|
|
3253
|
-
var
|
|
3283
|
+
var import_editor_elements11 = require("@elementor/editor-elements");
|
|
3254
3284
|
|
|
3255
3285
|
// src/prop-types/component-instance-prop-type.ts
|
|
3256
3286
|
var import_editor_props4 = require("@elementor/editor-props");
|
|
@@ -3307,7 +3337,7 @@ var componentInstancePropTypeUtil = (0, import_editor_props4.createPropUtils)(
|
|
|
3307
3337
|
// src/hooks/use-component-instance-settings.ts
|
|
3308
3338
|
function useComponentInstanceSettings() {
|
|
3309
3339
|
const { element } = (0, import_editor_editing_panel2.useElement)();
|
|
3310
|
-
const settings = (0,
|
|
3340
|
+
const settings = (0, import_editor_elements11.useElementSetting)(element.id, "component_instance");
|
|
3311
3341
|
return componentInstancePropTypeUtil.extract(settings);
|
|
3312
3342
|
}
|
|
3313
3343
|
|
|
@@ -3351,9 +3381,9 @@ var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
|
|
|
3351
3381
|
var import_ui19 = require("@elementor/ui");
|
|
3352
3382
|
|
|
3353
3383
|
// src/hooks/use-controls-by-widget-type.ts
|
|
3354
|
-
var
|
|
3384
|
+
var import_editor_elements12 = require("@elementor/editor-elements");
|
|
3355
3385
|
function useControlsByWidgetType(type) {
|
|
3356
|
-
const elementType = (0,
|
|
3386
|
+
const elementType = (0, import_editor_elements12.getElementType)(type);
|
|
3357
3387
|
if (!elementType) {
|
|
3358
3388
|
return {};
|
|
3359
3389
|
}
|
|
@@ -3417,7 +3447,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
|
|
|
3417
3447
|
}
|
|
3418
3448
|
|
|
3419
3449
|
// src/utils/get-prop-type-for-component-override.ts
|
|
3420
|
-
var
|
|
3450
|
+
var import_editor_elements13 = require("@elementor/editor-elements");
|
|
3421
3451
|
var getPropTypeForComponentOverride = (overridableProp) => {
|
|
3422
3452
|
if (overridableProp.originPropFields) {
|
|
3423
3453
|
return getPropType(overridableProp.originPropFields);
|
|
@@ -3430,7 +3460,7 @@ var getPropTypeForComponentOverride = (overridableProp) => {
|
|
|
3430
3460
|
});
|
|
3431
3461
|
};
|
|
3432
3462
|
function getPropType({ widgetType, propKey }) {
|
|
3433
|
-
const widgetPropsSchema = (0,
|
|
3463
|
+
const widgetPropsSchema = (0, import_editor_elements13.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
|
|
3434
3464
|
return widgetPropsSchema?.[propKey];
|
|
3435
3465
|
}
|
|
3436
3466
|
|
|
@@ -3603,7 +3633,7 @@ function InstanceEditingPanel() {
|
|
|
3603
3633
|
const overrides = settings?.overrides?.value;
|
|
3604
3634
|
const component = useComponent(componentId ?? null);
|
|
3605
3635
|
const overridableProps = useOverridableProps(componentId ?? null);
|
|
3606
|
-
const componentInstanceId = (0,
|
|
3636
|
+
const componentInstanceId = (0, import_editor_elements14.useSelectedElement)()?.element?.id ?? null;
|
|
3607
3637
|
if (!componentId || !overridableProps || !component) {
|
|
3608
3638
|
return null;
|
|
3609
3639
|
}
|
|
@@ -3691,7 +3721,7 @@ function OverridablePropControl({
|
|
|
3691
3721
|
var React29 = __toESM(require("react"));
|
|
3692
3722
|
var import_editor_controls6 = require("@elementor/editor-controls");
|
|
3693
3723
|
var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
|
|
3694
|
-
var
|
|
3724
|
+
var import_editor_elements15 = require("@elementor/editor-elements");
|
|
3695
3725
|
var import_ui23 = require("@elementor/ui");
|
|
3696
3726
|
var import_i18n24 = require("@wordpress/i18n");
|
|
3697
3727
|
|
|
@@ -3869,7 +3899,7 @@ function Content2({ componentId, overridableProps }) {
|
|
|
3869
3899
|
});
|
|
3870
3900
|
const triggerProps = (0, import_ui23.bindTrigger)(popupState);
|
|
3871
3901
|
const popoverProps = (0, import_ui23.bindPopover)(popupState);
|
|
3872
|
-
const { elType } = (0,
|
|
3902
|
+
const { elType } = (0, import_editor_elements15.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
|
|
3873
3903
|
const handleSubmit = ({ label, group }) => {
|
|
3874
3904
|
const propTypeDefault = propType.default ?? {};
|
|
3875
3905
|
const originValue = (!overridableValue ? value : overridableValue?.origin_value) ?? propTypeDefault;
|
|
@@ -3930,7 +3960,7 @@ function isPropAllowed(bind) {
|
|
|
3930
3960
|
}
|
|
3931
3961
|
|
|
3932
3962
|
// src/hooks/regenerate-override-keys.ts
|
|
3933
|
-
var
|
|
3963
|
+
var import_editor_elements16 = require("@elementor/editor-elements");
|
|
3934
3964
|
var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
|
|
3935
3965
|
var import_utils8 = require("@elementor/utils");
|
|
3936
3966
|
function initRegenerateOverrideKeys() {
|
|
@@ -3951,11 +3981,11 @@ function regenerateOverrideKeysForContainers(result) {
|
|
|
3951
3981
|
});
|
|
3952
3982
|
}
|
|
3953
3983
|
function regenerateOverrideKeysRecursive(elementId) {
|
|
3954
|
-
const container = (0,
|
|
3984
|
+
const container = (0, import_editor_elements16.getContainer)(elementId);
|
|
3955
3985
|
if (!container) {
|
|
3956
3986
|
return;
|
|
3957
3987
|
}
|
|
3958
|
-
(0,
|
|
3988
|
+
(0, import_editor_elements16.getAllDescendants)(container).forEach(regenerateOverrideKeys);
|
|
3959
3989
|
}
|
|
3960
3990
|
function regenerateOverrideKeys(element) {
|
|
3961
3991
|
if (!isComponentInstance(element.model.toJSON())) {
|
|
@@ -3989,7 +4019,7 @@ function regenerateOverrideKeys(element) {
|
|
|
3989
4019
|
}
|
|
3990
4020
|
}
|
|
3991
4021
|
};
|
|
3992
|
-
(0,
|
|
4022
|
+
(0, import_editor_elements16.updateElementSettings)({
|
|
3993
4023
|
id: element.id,
|
|
3994
4024
|
props: { component_instance: newComponentInstance },
|
|
3995
4025
|
withHistory: false
|
|
@@ -4013,7 +4043,7 @@ var import_editor_mcp2 = require("@elementor/editor-mcp");
|
|
|
4013
4043
|
|
|
4014
4044
|
// src/mcp/save-as-component-tool.ts
|
|
4015
4045
|
var import_editor_canvas8 = require("@elementor/editor-canvas");
|
|
4016
|
-
var
|
|
4046
|
+
var import_editor_elements17 = require("@elementor/editor-elements");
|
|
4017
4047
|
var import_editor_mcp = require("@elementor/editor-mcp");
|
|
4018
4048
|
var import_http_client2 = require("@elementor/http-client");
|
|
4019
4049
|
var import_schema6 = require("@elementor/schema");
|
|
@@ -4051,7 +4081,7 @@ var ERROR_MESSAGES2 = {
|
|
|
4051
4081
|
var handleSaveAsComponent = async (params) => {
|
|
4052
4082
|
const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
|
|
4053
4083
|
const validElementTypes = getValidElementTypes();
|
|
4054
|
-
const container = (0,
|
|
4084
|
+
const container = (0, import_editor_elements17.getContainer)(elementId);
|
|
4055
4085
|
if (!container) {
|
|
4056
4086
|
throw new Error(ERROR_MESSAGES2.ELEMENT_NOT_FOUND);
|
|
4057
4087
|
}
|
|
@@ -4098,7 +4128,7 @@ function enrichOverridableProps(input, rootElement) {
|
|
|
4098
4128
|
}
|
|
4099
4129
|
const elType = element.elType;
|
|
4100
4130
|
const widgetType = element.widgetType || element.elType;
|
|
4101
|
-
const elementType = (0,
|
|
4131
|
+
const elementType = (0, import_editor_elements17.getElementType)(widgetType);
|
|
4102
4132
|
if (!elementType) {
|
|
4103
4133
|
throw new Error(
|
|
4104
4134
|
`Element type "${widgetType}" is not atomic or does not have a settings schema. Cannot expose property "${propKey}" for element "${elementId}".`
|
|
@@ -4167,7 +4197,7 @@ function findElementById(root, targetId) {
|
|
|
4167
4197
|
return null;
|
|
4168
4198
|
}
|
|
4169
4199
|
function getValidElementTypes() {
|
|
4170
|
-
const types = (0,
|
|
4200
|
+
const types = (0, import_editor_elements17.getWidgetsCache)();
|
|
4171
4201
|
if (!types) {
|
|
4172
4202
|
return [];
|
|
4173
4203
|
}
|
|
@@ -4354,7 +4384,7 @@ function PopulateStore() {
|
|
|
4354
4384
|
}
|
|
4355
4385
|
|
|
4356
4386
|
// src/prevent-circular-nesting.ts
|
|
4357
|
-
var
|
|
4387
|
+
var import_editor_elements18 = require("@elementor/editor-elements");
|
|
4358
4388
|
var import_editor_notifications3 = require("@elementor/editor-notifications");
|
|
4359
4389
|
var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
|
|
4360
4390
|
var import_store64 = require("@elementor/store");
|
|
@@ -4449,7 +4479,7 @@ function blockCircularMove(args) {
|
|
|
4449
4479
|
if (!container) {
|
|
4450
4480
|
return false;
|
|
4451
4481
|
}
|
|
4452
|
-
const allElements = (0,
|
|
4482
|
+
const allElements = (0, import_editor_elements18.getAllDescendants)(container);
|
|
4453
4483
|
return allElements.some((element) => {
|
|
4454
4484
|
const componentId = extractComponentIdFromContainer(element);
|
|
4455
4485
|
if (componentId === null) {
|
|
@@ -4510,7 +4540,7 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
|
|
|
4510
4540
|
});
|
|
4511
4541
|
|
|
4512
4542
|
// src/sync/create-components-before-save.ts
|
|
4513
|
-
var
|
|
4543
|
+
var import_editor_elements19 = require("@elementor/editor-elements");
|
|
4514
4544
|
var import_store70 = require("@elementor/store");
|
|
4515
4545
|
async function createComponentsBeforeSave({
|
|
4516
4546
|
elements,
|
|
@@ -4578,7 +4608,7 @@ function shouldUpdateElement(element, uidToComponentId) {
|
|
|
4578
4608
|
return { shouldUpdate: false, newComponentId: null };
|
|
4579
4609
|
}
|
|
4580
4610
|
function updateElementComponentId(elementId, componentId) {
|
|
4581
|
-
(0,
|
|
4611
|
+
(0, import_editor_elements19.updateElementSettings)({
|
|
4582
4612
|
id: elementId,
|
|
4583
4613
|
props: {
|
|
4584
4614
|
component_instance: {
|
|
@@ -4656,14 +4686,14 @@ var updateComponentTitleBeforeSave = async () => {
|
|
|
4656
4686
|
};
|
|
4657
4687
|
|
|
4658
4688
|
// src/sync/update-components-before-save.ts
|
|
4659
|
-
var
|
|
4689
|
+
var import_editor_documents12 = require("@elementor/editor-documents");
|
|
4660
4690
|
async function updateComponentsBeforeSave({ status, elements }) {
|
|
4661
4691
|
if (status !== "publish") {
|
|
4662
4692
|
return;
|
|
4663
4693
|
}
|
|
4664
4694
|
const componentIds = await getComponentIds(elements);
|
|
4665
4695
|
const componentDocumentData = await Promise.all(componentIds.map(getComponentDocumentData));
|
|
4666
|
-
const draftIds = componentDocumentData.filter((document) => !!document).filter(
|
|
4696
|
+
const draftIds = componentDocumentData.filter((document) => !!document).filter(import_editor_documents12.isDocumentDirty).map((document) => document.id);
|
|
4667
4697
|
if (draftIds.length === 0) {
|
|
4668
4698
|
return;
|
|
4669
4699
|
}
|
|
@@ -4693,7 +4723,7 @@ function init() {
|
|
|
4693
4723
|
(options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
|
|
4694
4724
|
);
|
|
4695
4725
|
(0, import_editor_v1_adapters10.registerDataHook)("dependency", "editor/documents/close", (args) => {
|
|
4696
|
-
const document = (0,
|
|
4726
|
+
const document = (0, import_editor_documents13.getV1CurrentDocument)();
|
|
4697
4727
|
if (document.config.type === COMPONENT_DOCUMENT_TYPE) {
|
|
4698
4728
|
args.mode = "autosave";
|
|
4699
4729
|
}
|
|
@@ -4723,7 +4753,7 @@ function init() {
|
|
|
4723
4753
|
component: ComponentPanelHeader
|
|
4724
4754
|
});
|
|
4725
4755
|
(0, import_editor_v1_adapters10.registerDataHook)("after", "editor/documents/attach-preview", async () => {
|
|
4726
|
-
const { id: id2, config } = (0,
|
|
4756
|
+
const { id: id2, config } = (0, import_editor_documents13.getV1CurrentDocument)();
|
|
4727
4757
|
if (id2) {
|
|
4728
4758
|
removeComponentStyles(id2);
|
|
4729
4759
|
}
|