@elementor/editor-editing-panel 4.1.0-747 → 4.1.0-749

package/dist/index.mjs

@@ -2072,16 +2072,13 @@ import { useMemo as useMemo7 } from "react";
 import { PropKeyProvider, PropProvider } from "@elementor/editor-controls";
 import { setDocumentModifiedStatus as setDocumentModifiedStatus2 } from "@elementor/editor-documents";
 import { getElementLabel as getElementLabel3, getElementSettings, updateElementSettings as updateElementSettings3 } from "@elementor/editor-elements";
-import {
-  isDependency,
-  isDependencyMet as isDependencyMet2
-} from "@elementor/editor-props";
 import { undoable as undoable4 } from "@elementor/editor-v1-adapters";
 import { __ as __7 } from "@wordpress/i18n";
 
 // src/utils/prop-dependency-utils.ts
 import {
   extractValue,
+  isDependency,
   isDependencyMet
 } from "@elementor/editor-props";
 import { getSessionStorageItem as getSessionStorageItem2, removeSessionStorageItem, setSessionStorageItem as setSessionStorageItem2 } from "@elementor/session";
@@ -2094,6 +2091,17 @@ function getElementSettingsWithDefaults(propsSchema, elementSettings) {
   });
   return elementSettingsWithDefaults;
 }
+function extractDependencyEffect(bind, propsSchema, settings) {
+  const settingsWithDefaults = getElementSettingsWithDefaults(propsSchema, settings);
+  const propType = propsSchema[bind];
+  const depCheck = isDependencyMet(propType?.dependencies, settingsWithDefaults);
+  const failingTerm = !depCheck.isMet ? depCheck.failingDependencies[0] : void 0;
+  const isHidden = !!failingTerm && !isDependency(failingTerm) && failingTerm?.effect === "hide";
+  return {
+    isHidden,
+    isDisabled: (prop) => !isDependencyMet(prop?.dependencies, settingsWithDefaults).isMet
+  };
+}
 function extractOrderedDependencies(dependenciesPerTargetMapping) {
   return Object.values(dependenciesPerTargetMapping).flat().filter((dependent, index, self) => self.indexOf(dependent) === index);
 }
@@ -2239,20 +2247,6 @@ var createTopLevelObjectType = ({ schema }) => {
 
 // src/controls-registry/settings-field.tsx
 var HISTORY_DEBOUNCE_WAIT2 = 800;
-var extractDependencyEffect = (bind, propsSchema, currentElementSettings) => {
-  const elementSettingsForDepCheck = getElementSettingsWithDefaults(propsSchema, currentElementSettings);
-  const propType = propsSchema[bind];
-  const depCheck = isDependencyMet2(propType?.dependencies, elementSettingsForDepCheck);
-  const isHidden = !depCheck.isMet && !isDependency(depCheck.failingDependencies[0]) && depCheck.failingDependencies[0]?.effect === "hide";
-  return {
-    isDisabled: (prop) => {
-      const result = !isDependencyMet2(prop?.dependencies, elementSettingsForDepCheck).isMet;
-      return result;
-    },
-    isHidden,
-    settingsWithDefaults: elementSettingsForDepCheck
-  };
-};
 var SettingsField = ({ bind, children, propDisplayName }) => {
   const {
     element: { id: elementId },
@@ -2265,17 +2259,14 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
     elementId,
     propDisplayName
   });
-  const { isDisabled, isHidden, settingsWithDefaults } = extractDependencyEffect(
-    bind,
-    propsSchema,
-    currentElementSettings
-  );
+  const { isDisabled, isHidden } = extractDependencyEffect(bind, propsSchema, currentElementSettings);
   if (isHidden) {
     return null;
   }
   const setValue = (newValue, _ = {}, meta) => {
     const { withHistory = true } = meta ?? {};
     const dependents = extractOrderedDependencies(dependenciesPerTargetMapping);
+    const settingsWithDefaults = getElementSettingsWithDefaults(propsSchema, currentElementSettings);
     const settings = getUpdatedValues(newValue, dependents, propsSchema, settingsWithDefaults, elementId);
     if (withHistory) {
       undoableUpdateElementProp(settings);
@@ -2759,12 +2750,12 @@ function useStylesField(propName, meta) {
 
 // src/controls-registry/conditional-field.tsx
 import { useBoundProp } from "@elementor/editor-controls";
-import { isDependency as isDependency2, isDependencyMet as isDependencyMet3 } from "@elementor/editor-props";
+import { isDependency as isDependency2, isDependencyMet as isDependencyMet2 } from "@elementor/editor-props";
 var ConditionalField = ({ children }) => {
   const { propType } = useBoundProp();
   const depList = getDependencies(propType);
   const { values: depValues } = useStylesFields(depList);
-  const isHidden = !isDependencyMet3(propType?.dependencies, depValues).isMet;
+  const isHidden = !isDependencyMet2(propType?.dependencies, depValues).isMet;
   return isHidden ? null : children;
 };
 function getDependencies(propType) {
@@ -5584,7 +5575,7 @@ import { PropKeyProvider as PropKeyProvider5, PropProvider as PropProvider5, use
 // src/dynamics/components/dynamic-conditional-control.tsx
 import * as React85 from "react";
 import { useMemo as useMemo12 } from "react";
-import { isDependencyMet as isDependencyMet4 } from "@elementor/editor-props";
+import { isDependencyMet as isDependencyMet3 } from "@elementor/editor-props";
 var DynamicConditionalControl = ({
   children,
   propType,
@@ -5626,7 +5617,7 @@ var DynamicConditionalControl = ({
   if (!propType?.dependencies?.terms.length) {
     return /* @__PURE__ */ React85.createElement(React85.Fragment, null, children);
   }
-  const isHidden = !isDependencyMet4(propType?.dependencies, effectiveSettings).isMet;
+  const isHidden = !isDependencyMet3(propType?.dependencies, effectiveSettings).isMet;
   return isHidden ? null : /* @__PURE__ */ React85.createElement(React85.Fragment, null, children);
 };
 
@@ -6856,9 +6847,13 @@ export {
   doApplyClasses,
   doGetAppliedClasses,
   doUnapplyClass,
+  extractDependencyEffect,
+  extractOrderedDependencies,
+  getElementSettingsWithDefaults,
   getFieldIndicators,
   getSubtitle,
   getTitle,
+  getUpdatedValues,
   init4 as init,
   injectIntoClassSelectorActions,
   injectIntoCssClassConvert,