@elementor/editor-editing-panel 3.33.0-267 → 3.33.0-269

package/dist/index.js

@@ -5275,7 +5275,7 @@ var EditingPanelHooks = () => {
 var React91 = __toESM(require("react"));
 var import_editor_controls53 = require("@elementor/editor-controls");
 var import_editor_elements17 = require("@elementor/editor-elements");
-var import_editor_props16 = require("@elementor/editor-props");
+var import_editor_props17 = require("@elementor/editor-props");
 var import_icons25 = require("@elementor/icons");
 var import_ui46 = require("@elementor/ui");
 var import_i18n63 = require("@wordpress/i18n");
@@ -5299,6 +5299,7 @@ var getElementByType = (elementId, type) => {
 
 // src/controls-registry/element-controls/tabs-control/actions.ts
 var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_props16 = require("@elementor/editor-props");
 var import_i18n62 = require("@wordpress/i18n");
 var TAB_ELEMENT_TYPE = "e-tab";
 var TAB_CONTENT_ELEMENT_TYPE = "e-tab-content";
@@ -5349,8 +5350,11 @@ var moveItem = ({
 };
 var removeItem = ({
   items: items3,
-  tabContentAreaId
+  tabContentAreaId,
+  tabsContainerId
 }) => {
+  const defaultActiveTab = (0, import_editor_elements16.getElementSetting)(tabsContainerId, "default-active-tab");
+  const isDefault = items3.some(({ index }) => index === defaultActiveTab?.value);
   (0, import_editor_elements16.removeElements)({
     title: (0, import_i18n62.__)("Tabs", "elementor"),
     elementIds: items3.flatMap(({ item, index }) => {
@@ -5361,7 +5365,25 @@ var removeItem = ({
         throw new Error("Content ID is required");
       }
       return [tabId, tabContentId];
-    })
+    }),
+    onRemoveElements: () => {
+      if (isDefault) {
+        (0, import_editor_elements16.updateElementSettings)({
+          id: tabsContainerId,
+          props: { "default-active-tab": import_editor_props16.numberPropTypeUtil.create(0) },
+          withHistory: false
+        });
+      }
+    },
+    onRestoreElements: () => {
+      if (isDefault) {
+        (0, import_editor_elements16.updateElementSettings)({
+          id: tabsContainerId,
+          props: { "default-active-tab": defaultActiveTab },
+          withHistory: false
+        });
+      }
+    }
   });
 };
 var addItem = ({
@@ -5418,7 +5440,11 @@ var TabsControl = ({ label }) => {
     }
     if (meta?.action?.type === "remove") {
       const items3 = meta.action.payload;
-      return removeItem({ items: items3, tabContentAreaId: tabContentArea.id });
+      return removeItem({
+        items: items3,
+        tabContentAreaId: tabContentArea.id,
+        tabsContainerId: element.id
+      });
     }
     if (meta?.action?.type === "duplicate") {
       const items3 = meta.action.payload;
@@ -5438,14 +5464,14 @@ var TabsControl = ({ label }) => {
   return /* @__PURE__ */ React91.createElement(
     import_editor_controls53.Repeater,
     {
-      addToBottom: true,
       showToggle: false,
-      openOnAdd: false,
       values: repeaterValues,
       setValues: setValue,
+      showRemove: repeaterValues.length > 1,
       label,
       itemSettings: {
-        initialValues: { title: "Tab" },
+        getId: ({ item }) => item.id,
+        initialValues: { id: "", title: "Tab" },
         Label: ItemLabel,
         Content: ItemContent,
         Icon: () => null
@@ -5460,7 +5486,7 @@ var ItemLabel = ({ value, index }) => {
   return /* @__PURE__ */ React91.createElement(import_ui46.Stack, { sx: { minHeight: 20 }, direction: "row", alignItems: "center", gap: 1.5 }, /* @__PURE__ */ React91.createElement("span", null, elementTitle), /* @__PURE__ */ React91.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: (0, import_i18n63.__)("Tabs", "elementor") }, /* @__PURE__ */ React91.createElement(ItemDefaultTab, { index })));
 };
 var ItemDefaultTab = ({ index }) => {
-  const { value: defaultItem } = (0, import_editor_controls53.useBoundProp)(import_editor_props16.numberPropTypeUtil);
+  const { value: defaultItem } = (0, import_editor_controls53.useBoundProp)(import_editor_props17.numberPropTypeUtil);
   const isDefault = defaultItem === index;
   if (!isDefault) {
     return null;
@@ -5474,7 +5500,7 @@ var ItemContent = ({ value, index }) => {
   return /* @__PURE__ */ React91.createElement(import_ui46.Stack, { p: 2, gap: 1.5 }, /* @__PURE__ */ React91.createElement(TabLabelControl, { elementId: value.id }), /* @__PURE__ */ React91.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: (0, import_i18n63.__)("Tabs", "elementor") }, /* @__PURE__ */ React91.createElement(DefaultTabControl, { tabIndex: index })));
 };
 var DefaultTabControl = ({ tabIndex }) => {
-  const { value, setValue } = (0, import_editor_controls53.useBoundProp)(import_editor_props16.numberPropTypeUtil);
+  const { value, setValue } = (0, import_editor_controls53.useBoundProp)(import_editor_props17.numberPropTypeUtil);
   const isDefault = value === tabIndex;
   return /* @__PURE__ */ React91.createElement(import_ui46.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React91.createElement(import_editor_controls53.ControlFormLabel, null, (0, import_i18n63.__)("Set as default tab", "elementor")), /* @__PURE__ */ React91.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React91.createElement(
     import_ui46.Switch,
@@ -5553,7 +5579,7 @@ var import_editor_controls60 = require("@elementor/editor-controls");
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var React92 = __toESM(require("react"));
 var import_editor_controls55 = require("@elementor/editor-controls");
-var import_editor_props18 = require("@elementor/editor-props");
+var import_editor_props19 = require("@elementor/editor-props");
 var import_icons26 = require("@elementor/icons");
 
 // src/dynamics/hooks/use-dynamic-tag.ts
@@ -5582,7 +5608,7 @@ var getAtomicDynamicTags = () => {
 };
 
 // src/dynamics/utils.ts
-var import_editor_props17 = require("@elementor/editor-props");
+var import_editor_props18 = require("@elementor/editor-props");
 var import_schema = require("@elementor/schema");
 var DYNAMIC_PROP_TYPE_KEY = "dynamic";
 var isDynamicPropType = (prop) => prop.key === DYNAMIC_PROP_TYPE_KEY;
@@ -5591,12 +5617,12 @@ var getDynamicPropType = (propType) => {
   return dynamicPropType && isDynamicPropType(dynamicPropType) ? dynamicPropType : null;
 };
 var isDynamicPropValue = (prop) => {
-  return (0, import_editor_props17.isTransformable)(prop) && prop.$$type === DYNAMIC_PROP_TYPE_KEY;
+  return (0, import_editor_props18.isTransformable)(prop) && prop.$$type === DYNAMIC_PROP_TYPE_KEY;
 };
 var supportsDynamic = (propType) => {
   return !!getDynamicPropType(propType);
 };
-var dynamicPropTypeUtil = (0, import_editor_props17.createPropUtils)(
+var dynamicPropTypeUtil = (0, import_editor_props18.createPropUtils)(
   DYNAMIC_PROP_TYPE_KEY,
   import_schema.z.strictObject({
     name: import_schema.z.string(),
@@ -5648,7 +5674,7 @@ var useDynamicTag = (tagName) => {
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var BackgroundControlDynamicTagIcon = () => /* @__PURE__ */ React92.createElement(import_icons26.DatabaseIcon, { fontSize: "tiny" });
 var BackgroundControlDynamicTagLabel = ({ value }) => {
-  const context = (0, import_editor_controls55.useBoundProp)(import_editor_props18.backgroundImageOverlayPropTypeUtil);
+  const context = (0, import_editor_controls55.useBoundProp)(import_editor_props19.backgroundImageOverlayPropTypeUtil);
   return /* @__PURE__ */ React92.createElement(import_editor_controls55.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React92.createElement(import_editor_controls55.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React92.createElement(Wrapper, { rawValue: value.value })));
 };
 var Wrapper = ({ rawValue }) => {
@@ -5684,7 +5710,7 @@ var import_editor_controls56 = require("@elementor/editor-controls");
 
 // src/dynamics/components/dynamic-conditional-control.tsx
 var React93 = __toESM(require("react"));
-var import_editor_props19 = require("@elementor/editor-props");
+var import_editor_props20 = require("@elementor/editor-props");
 var DynamicConditionalControl = ({
   children,
   propType,
@@ -5726,7 +5752,7 @@ var DynamicConditionalControl = ({
   if (!propType?.dependencies?.terms.length) {
     return /* @__PURE__ */ React93.createElement(React93.Fragment, null, children);
   }
-  const isHidden = !(0, import_editor_props19.isDependencyMet)(propType?.dependencies, effectiveSettings).isMet;
+  const isHidden = !(0, import_editor_props20.isDependencyMet)(propType?.dependencies, effectiveSettings).isMet;
   return isHidden ? null : /* @__PURE__ */ React93.createElement(React93.Fragment, null, children);
 };
 
@@ -6039,7 +6065,7 @@ function ControlsItemsStack({ items: items3 }) {
 
 // src/dynamics/dynamic-transformer.ts
 var import_editor_canvas4 = require("@elementor/editor-canvas");
-var import_editor_props20 = require("@elementor/editor-props");
+var import_editor_props21 = require("@elementor/editor-props");
 
 // src/dynamics/errors.ts
 var import_utils10 = require("@elementor/utils");
@@ -6057,7 +6083,7 @@ var dynamicTransformer = (0, import_editor_canvas4.createTransformer)((value) =>
 });
 function simpleTransform(props) {
   const transformed = Object.entries(props).map(([settingKey, settingValue]) => {
-    const value = (0, import_editor_props20.isTransformable)(settingValue) ? settingValue.value : settingValue;
+    const value = (0, import_editor_props21.isTransformable)(settingValue) ? settingValue.value : settingValue;
     return [settingKey, value];
   });
   return Object.fromEntries(transformed);