@elementor/editor-editing-panel 4.1.0-746 → 4.1.0-748

package/dist/index.js

@@ -1744,7 +1744,7 @@ var hasInheritedCustomCss = (style, meta) => {
 // src/components/editing-panel.tsx
 var React81 = __toESM(require("react"));
 var import_editor_controls49 = require("@elementor/editor-controls");
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 var import_editor_panels = require("@elementor/editor-panels");
 var import_editor_ui7 = require("@elementor/editor-ui");
 var import_icons21 = require("@elementor/icons");
@@ -1776,6 +1776,7 @@ function EditorPanelErrorFallback() {
 // src/components/editing-panel-tabs.tsx
 var import_react35 = require("react");
 var React80 = __toESM(require("react"));
+var import_editor_elements12 = require("@elementor/editor-elements");
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_ui35 = require("@elementor/ui");
 var import_i18n54 = require("@wordpress/i18n");
@@ -4786,10 +4787,13 @@ var EditingPanelTabs = () => {
   );
 };
 var PanelTabContent = () => {
+  const { element } = useElement();
   const editorDefaults = useDefaultPanelSettings();
   const defaultComponentTab = editorDefaults.defaultTab;
   const isInteractionsActive = (0, import_editor_v1_adapters7.isExperimentActive)("e_interactions");
-  const [currentTab, setCurrentTab] = useStateByElement("tab", defaultComponentTab);
+  const isPromotedElement = !!(0, import_editor_elements12.getWidgetsCache)()?.[element.type]?.meta?.is_pro_promotion;
+  const [storedTab, setCurrentTab] = useStateByElement("tab", defaultComponentTab);
+  const currentTab = isPromotedElement && storedTab === "settings" ? "style" : storedTab;
   const { getTabProps, getTabPanelProps, getTabsProps } = (0, import_ui35.useTabs)(currentTab);
   return /* @__PURE__ */ React80.createElement(ScrollProvider, null, /* @__PURE__ */ React80.createElement(import_ui35.Stack, { direction: "column", sx: { width: "100%" } }, /* @__PURE__ */ React80.createElement(import_ui35.Stack, { sx: { ...stickyHeaderStyles, top: 0 } }, /* @__PURE__ */ React80.createElement(
     import_ui35.Tabs,
@@ -4803,17 +4807,17 @@ var PanelTabContent = () => {
         setCurrentTab(newValue);
       }
     },
-    /* @__PURE__ */ React80.createElement(import_ui35.Tab, { label: (0, import_i18n54.__)("General", "elementor"), ...getTabProps("settings") }),
+    !isPromotedElement && /* @__PURE__ */ React80.createElement(import_ui35.Tab, { label: (0, import_i18n54.__)("General", "elementor"), ...getTabProps("settings") }),
     /* @__PURE__ */ React80.createElement(import_ui35.Tab, { label: (0, import_i18n54.__)("Style", "elementor"), ...getTabProps("style") }),
     isInteractionsActive && /* @__PURE__ */ React80.createElement(import_ui35.Tab, { label: (0, import_i18n54.__)("Interactions", "elementor"), ...getTabProps("interactions") })
-  ), /* @__PURE__ */ React80.createElement(import_ui35.Divider, null)), /* @__PURE__ */ React80.createElement(import_ui35.TabPanel, { ...getTabPanelProps("settings"), disablePadding: true }, /* @__PURE__ */ React80.createElement(SettingsTab, null)), /* @__PURE__ */ React80.createElement(import_ui35.TabPanel, { ...getTabPanelProps("style"), disablePadding: true }, /* @__PURE__ */ React80.createElement(StyleTab, null)), isInteractionsActive && /* @__PURE__ */ React80.createElement(import_ui35.TabPanel, { ...getTabPanelProps("interactions"), disablePadding: true }, /* @__PURE__ */ React80.createElement(InteractionsTab, null))));
+  ), /* @__PURE__ */ React80.createElement(import_ui35.Divider, null)), !isPromotedElement && /* @__PURE__ */ React80.createElement(import_ui35.TabPanel, { ...getTabPanelProps("settings"), disablePadding: true }, /* @__PURE__ */ React80.createElement(SettingsTab, null)), /* @__PURE__ */ React80.createElement(import_ui35.TabPanel, { ...getTabPanelProps("style"), disablePadding: true }, /* @__PURE__ */ React80.createElement(StyleTab, null)), isInteractionsActive && /* @__PURE__ */ React80.createElement(import_ui35.TabPanel, { ...getTabPanelProps("interactions"), disablePadding: true }, /* @__PURE__ */ React80.createElement(InteractionsTab, null))));
 };
 
 // src/components/editing-panel.tsx
 var { Slot: PanelHeaderTopSlot, inject: injectIntoPanelHeaderTop } = (0, import_locations4.createLocation)();
 var { useMenuItems } = import_menus.controlActionsMenu;
 var EditingPanel = () => {
-  const { element, elementType, settings } = (0, import_editor_elements12.useSelectedElementSettings)();
+  const { element, elementType, settings } = (0, import_editor_elements13.useSelectedElementSettings)();
   const controlReplacements = (0, import_editor_controls49.getControlReplacements)();
   const menuItems = useMenuItems().default;
   if (!element || !elementType) {
@@ -4845,10 +4849,10 @@ var { panel, usePanelActions, usePanelStatus } = (0, import_editor_panels2.__cre
 });
 
 // src/sync/is-atomic-widget-selected.ts
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements14 = require("@elementor/editor-elements");
 var isAtomicWidgetSelected = () => {
-  const selectedElements = (0, import_editor_elements13.getSelectedElements)();
-  const widgetCache = (0, import_editor_elements13.getWidgetsCache)();
+  const selectedElements = (0, import_editor_elements14.getSelectedElements)();
+  const widgetCache = (0, import_editor_elements14.getWidgetsCache)();
   if (selectedElements.length !== 1) {
     return false;
   }
@@ -4915,16 +4919,16 @@ var init = () => {
 // src/controls-registry/element-controls/tabs-control/tabs-control.tsx
 var React83 = __toESM(require("react"));
 var import_editor_controls53 = require("@elementor/editor-controls");
-var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_props17 = require("@elementor/editor-props");
 var import_icons22 = require("@elementor/icons");
 var import_ui37 = require("@elementor/ui");
 var import_i18n58 = require("@wordpress/i18n");
 
 // src/controls-registry/element-controls/get-element-by-type.ts
-var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_elements15 = require("@elementor/editor-elements");
 var getElementByType = (elementId, type) => {
-  const currentElement = (0, import_editor_elements14.getContainer)(elementId);
+  const currentElement = (0, import_editor_elements15.getContainer)(elementId);
   if (!currentElement) {
     return null;
   }
@@ -4936,7 +4940,7 @@ var getElementByType = (elementId, type) => {
 
 // src/controls-registry/element-controls/tabs-control/use-actions.ts
 var import_editor_controls52 = require("@elementor/editor-controls");
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_props16 = require("@elementor/editor-props");
 var import_i18n57 = require("@wordpress/i18n");
 var TAB_ELEMENT_TYPE = "e-tab";
@@ -4954,12 +4958,12 @@ var useActions = () => {
     });
     items3.forEach(({ item, index }) => {
       const tabId = item.id;
-      const tabContentAreaContainer = (0, import_editor_elements15.getContainer)(tabContentAreaId);
+      const tabContentAreaContainer = (0, import_editor_elements16.getContainer)(tabContentAreaId);
       const tabContentId = tabContentAreaContainer?.children?.[index]?.id;
       if (!tabContentId) {
         throw new Error("Original content ID is required for duplication");
       }
-      (0, import_editor_elements15.duplicateElements)({
+      (0, import_editor_elements16.duplicateElements)({
         elementIds: [tabId, tabContentId],
         title: (0, import_i18n57.__)("Duplicate Tab", "elementor"),
         onDuplicateElements: () => {
@@ -4982,10 +4986,10 @@ var useActions = () => {
     movedElementId,
     movedElementIndex
   }) => {
-    const tabContentContainer = (0, import_editor_elements15.getContainer)(tabContentAreaId);
+    const tabContentContainer = (0, import_editor_elements16.getContainer)(tabContentAreaId);
     const tabContent = tabContentContainer?.children?.[movedElementIndex];
-    const movedElement = (0, import_editor_elements15.getContainer)(movedElementId);
-    const tabsMenu = (0, import_editor_elements15.getContainer)(tabsMenuId);
+    const movedElement = (0, import_editor_elements16.getContainer)(movedElementId);
+    const tabsMenu = (0, import_editor_elements16.getContainer)(tabsMenuId);
     if (!tabContent) {
       throw new Error("Content element is required");
     }
@@ -4997,7 +5001,7 @@ var useActions = () => {
       to: toIndex,
       defaultActiveTab
     });
-    (0, import_editor_elements15.moveElements)({
+    (0, import_editor_elements16.moveElements)({
       title: (0, import_i18n57.__)("Reorder Tabs", "elementor"),
       moves: [
         {
@@ -5031,11 +5035,11 @@ var useActions = () => {
       items: items3,
       defaultActiveTab
     });
-    (0, import_editor_elements15.removeElements)({
+    (0, import_editor_elements16.removeElements)({
       title: (0, import_i18n57.__)("Tabs", "elementor"),
       elementIds: items3.flatMap(({ item, index }) => {
         const tabId = item.id;
-        const tabContentContainer = (0, import_editor_elements15.getContainer)(tabContentAreaId);
+        const tabContentContainer = (0, import_editor_elements16.getContainer)(tabContentAreaId);
         const tabContentId = tabContentContainer?.children?.[index]?.id;
         if (!tabContentId) {
           throw new Error("Content ID is required");
@@ -5059,14 +5063,14 @@ var useActions = () => {
     tabsMenuId,
     items: items3
   }) => {
-    const tabContentArea = (0, import_editor_elements15.getContainer)(tabContentAreaId);
-    const tabsMenu = (0, import_editor_elements15.getContainer)(tabsMenuId);
+    const tabContentArea = (0, import_editor_elements16.getContainer)(tabContentAreaId);
+    const tabsMenu = (0, import_editor_elements16.getContainer)(tabsMenuId);
     if (!tabContentArea || !tabsMenu) {
       throw new Error("Tab containers not found");
     }
     items3.forEach(({ index }) => {
       const position = index + 1;
-      (0, import_editor_elements15.createElements)({
+      (0, import_editor_elements16.createElements)({
         title: (0, import_i18n57.__)("Tabs", "elementor"),
         elements: [
           {
@@ -5141,7 +5145,7 @@ var TabsControl = ({ label }) => {
 var TabsControlContent = ({ label }) => {
   const { element } = useElement();
   const { addItem, duplicateItem, moveItem, removeItem } = useActions();
-  const { [TAB_ELEMENT_TYPE]: tabLinks } = (0, import_editor_elements16.useElementChildren)(element.id, {
+  const { [TAB_ELEMENT_TYPE]: tabLinks } = (0, import_editor_elements17.useElementChildren)(element.id, {
     [TAB_MENU_ELEMENT_TYPE]: TAB_ELEMENT_TYPE
   });
   const tabList = getElementByType(element.id, TAB_MENU_ELEMENT_TYPE);
@@ -5235,7 +5239,7 @@ var DefaultTabControl = ({ tabIndex }) => {
   )));
 };
 var TabLabelControl = ({ elementId }) => {
-  const editorSettings = (0, import_editor_elements16.useElementEditorSettings)(elementId);
+  const editorSettings = (0, import_editor_elements17.useElementEditorSettings)(elementId);
   const label = editorSettings?.title ?? "";
   return /* @__PURE__ */ React83.createElement(import_ui37.Stack, { gap: 1 }, /* @__PURE__ */ React83.createElement(import_editor_controls53.ControlFormLabel, null, (0, import_i18n58.__)("Tab name", "elementor")), /* @__PURE__ */ React83.createElement(
     import_ui37.TextField,
@@ -5243,7 +5247,7 @@ var TabLabelControl = ({ elementId }) => {
       size: "tiny",
       value: label,
       onChange: ({ target }) => {
-        (0, import_editor_elements16.updateElementEditorSettings)({
+        (0, import_editor_elements17.updateElementEditorSettings)({
           elementId,
           settings: { title: target.value }
         });