@elementor/editor-elements 4.0.0-607 → 4.0.0-619

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { PropsSchema, PropValue, SizePropValue, Props, LinkPropValue } from '@elementor/editor-props';
+import { PropsSchema, PropValue, SizePropValue, AnyTransformable, Props, LinkPropValue } from '@elementor/editor-props';
 import { ClassState, StyleDefinitionID, StyleDefinition, StyleDefinitionVariant } from '@elementor/editor-styles';
 import * as _elementor_editor_v1_adapters from '@elementor/editor-v1-adapters';
 
@@ -219,18 +219,26 @@ declare function useElementChildren<T extends ElementChildren>(elementId: Elemen
 
 declare const useElementEditorSettings: (elementId: ElementID) => V1ElementEditorSettingsProps;
 
-declare const useElementSetting: <TValue>(elementId: ElementID, settingKey: string) => TValue | null;
-declare const useElementSettings: <TValue>(elementId: ElementID, settingKeys: string[]) => Record<string, TValue>;
-
 declare function useParentElement(elementId: string | null): any;
 
 declare function useSelectedElement(): {
+    element: Element;
+    elementType: ElementType;
+} | {
     element: null;
     elementType: null;
-} | {
+};
+
+type UseSelectedElementSettingsResult<TValue> = {
     element: Element;
     elementType: ElementType;
+    settings: Record<string, TValue | null>;
+} | {
+    element: null;
+    elementType: null;
+    settings: null;
 };
+declare function useSelectedElementSettings<TValue = AnyTransformable>(): UseSelectedElementSettingsResult<TValue>;
 
 type Options$4 = {
     useHistory?: boolean;
@@ -489,4 +497,4 @@ declare const updateElementInteractions: ({ elementId, interactions, }: {
 }) => void;
 declare const playElementInteractions: (elementId: string, interactionId: string) => void;
 
-export { type AnimationPresetPropValue, type BooleanPropValue, type ConfigPropValue, type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExcludedBreakpointsPropValue, type ExtendedWindow, type InteractionBreakpointsPropValue, type InteractionItemPropValue, type LinkInLinkRestriction, type ModelResult, type MoveElementParams, type NumberPropValue, type PseudoState, type StringPropValue, type TimingConfigPropValue, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, findChildRecursive, generateElementId, getAllDescendants, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementChildren as getElementChildrenWithFallback, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useElementSetting, useElementSettings, useParentElement, useSelectedElement };
+export { type AnimationPresetPropValue, type BooleanPropValue, type ConfigPropValue, type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExcludedBreakpointsPropValue, type ExtendedWindow, type InteractionBreakpointsPropValue, type InteractionItemPropValue, type LinkInLinkRestriction, type ModelResult, type MoveElementParams, type NumberPropValue, type PseudoState, type StringPropValue, type TimingConfigPropValue, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, findChildRecursive, generateElementId, getAllDescendants, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementChildren as getElementChildrenWithFallback, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useParentElement, useSelectedElement, useSelectedElementSettings };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsSchema, PropValue, SizePropValue, Props, LinkPropValue } from '@elementor/editor-props';
+import { PropsSchema, PropValue, SizePropValue, AnyTransformable, Props, LinkPropValue } from '@elementor/editor-props';
 import { ClassState, StyleDefinitionID, StyleDefinition, StyleDefinitionVariant } from '@elementor/editor-styles';
 import * as _elementor_editor_v1_adapters from '@elementor/editor-v1-adapters';
 
@@ -219,18 +219,26 @@ declare function useElementChildren<T extends ElementChildren>(elementId: Elemen
 
 declare const useElementEditorSettings: (elementId: ElementID) => V1ElementEditorSettingsProps;
 
-declare const useElementSetting: <TValue>(elementId: ElementID, settingKey: string) => TValue | null;
-declare const useElementSettings: <TValue>(elementId: ElementID, settingKeys: string[]) => Record<string, TValue>;
-
 declare function useParentElement(elementId: string | null): any;
 
 declare function useSelectedElement(): {
+    element: Element;
+    elementType: ElementType;
+} | {
     element: null;
     elementType: null;
-} | {
+};
+
+type UseSelectedElementSettingsResult<TValue> = {
     element: Element;
     elementType: ElementType;
+    settings: Record<string, TValue | null>;
+} | {
+    element: null;
+    elementType: null;
+    settings: null;
 };
+declare function useSelectedElementSettings<TValue = AnyTransformable>(): UseSelectedElementSettingsResult<TValue>;
 
 type Options$4 = {
     useHistory?: boolean;
@@ -489,4 +497,4 @@ declare const updateElementInteractions: ({ elementId, interactions, }: {
 }) => void;
 declare const playElementInteractions: (elementId: string, interactionId: string) => void;
 
-export { type AnimationPresetPropValue, type BooleanPropValue, type ConfigPropValue, type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExcludedBreakpointsPropValue, type ExtendedWindow, type InteractionBreakpointsPropValue, type InteractionItemPropValue, type LinkInLinkRestriction, type ModelResult, type MoveElementParams, type NumberPropValue, type PseudoState, type StringPropValue, type TimingConfigPropValue, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, findChildRecursive, generateElementId, getAllDescendants, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementChildren as getElementChildrenWithFallback, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useElementSetting, useElementSettings, useParentElement, useSelectedElement };
+export { type AnimationPresetPropValue, type BooleanPropValue, type ConfigPropValue, type Control, type ControlItem, type ControlLayout, type ControlsSection, type CreateElementParams, type CreateElementStyleArgs, type DropElementParams, type DuplicateElementParams, type DuplicateElementsParams, type DuplicatedElement, type DuplicatedElementsResult, ELEMENT_STYLE_CHANGE_EVENT, type Element, type ElementChildren, type ElementControl, type ElementID, type ElementInteractions, type ElementModel, type ElementType, type ExcludedBreakpointsPropValue, type ExtendedWindow, type InteractionBreakpointsPropValue, type InteractionItemPropValue, type LinkInLinkRestriction, type ModelResult, type MoveElementParams, type NumberPropValue, type PseudoState, type StringPropValue, type TimingConfigPropValue, type UpdateElementSettingsArgs, type UpdateElementStyleArgs, type V1Element, type V1ElementConfig, type V1ElementData, type V1ElementEditorSettingsProps, type V1ElementModelProps, type V1ElementSettingsProps, createElement, createElementStyle, createElements, deleteElement, deleteElementStyle, dropElement, duplicateElement, duplicateElements, findChildRecursive, generateElementId, getAllDescendants, getAnchoredAncestorId, getAnchoredDescendantId, getContainer, getCurrentDocumentContainer, getCurrentDocumentId, getElementChildren as getElementChildrenWithFallback, getElementEditorSettings, getElementInteractions, getElementLabel, getElementSetting, getElementSettings, getElementStyles, getElementType, getElements, getLinkInLinkRestriction, getSelectedElements, getWidgetsCache, isElementAnchored, moveElement, moveElements, playElementInteractions, removeElements, replaceElement, selectElement, shouldCreateNewLocalStyle, styleRerenderEvents, updateElementEditorSettings, updateElementInteractions, updateElementSettings, updateElementStyle, useElementChildren, useElementEditorSettings, useElementInteractions, useParentElement, useSelectedElement, useSelectedElementSettings };

package/dist/index.js

@@ -65,10 +65,9 @@ __export(index_exports, {
   useElementChildren: () => useElementChildren,
   useElementEditorSettings: () => useElementEditorSettings,
   useElementInteractions: () => useElementInteractions,
-  useElementSetting: () => useElementSetting,
-  useElementSettings: () => useElementSettings,
   useParentElement: () => useParentElement,
-  useSelectedElement: () => useSelectedElement
+  useSelectedElement: () => useSelectedElement,
+  useSelectedElementSettings: () => useSelectedElementSettings
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -165,45 +164,11 @@ var useElementEditorSettings = (elementId) => {
   );
 };
 
-// src/hooks/use-element-setting.ts
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
-
-// src/sync/get-element-setting.ts
-var getElementSetting = (elementId, settingKey) => {
-  const container = getContainer(elementId);
-  return container?.settings?.get(settingKey) ?? null;
-};
-var getElementSettings = (elementId, settingKey) => {
-  return Object.fromEntries(settingKey.map((key) => [key, getElementSetting(elementId, key)]));
-};
-
-// src/hooks/use-element-setting.ts
-var useElementSetting = (elementId, settingKey) => {
-  return (0, import_editor_v1_adapters4.__privateUseListenTo)(
-    (0, import_editor_v1_adapters4.commandEndEvent)("document/elements/set-settings"),
-    () => getElementSetting(elementId, settingKey),
-    [elementId, settingKey]
-  );
-};
-var useElementSettings = (elementId, settingKeys) => {
-  return (0, import_editor_v1_adapters4.__privateUseListenTo)(
-    (0, import_editor_v1_adapters4.commandEndEvent)("document/elements/set-settings"),
-    () => settingKeys.reduce((settings, key) => {
-      const value = getElementSetting(elementId, key);
-      if (value !== null) {
-        settings[key] = value;
-      }
-      return settings;
-    }, {}),
-    [elementId, settingKeys.join(",")]
-  );
-};
-
 // src/hooks/use-parent-element.ts
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 function useParentElement(elementId) {
-  return (0, import_editor_v1_adapters5.__privateUseListenTo)(
-    [(0, import_editor_v1_adapters5.commandEndEvent)("document/elements/create")],
+  return (0, import_editor_v1_adapters4.__privateUseListenTo)(
+    [(0, import_editor_v1_adapters4.commandEndEvent)("document/elements/create")],
     () => {
       if (!elementId) {
         return null;
@@ -220,7 +185,7 @@ function useParentElement(elementId) {
 }
 
 // src/hooks/use-selected-element.ts
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 
 // src/sync/get-widgets-cache.ts
 function getWidgetsCache() {
@@ -267,24 +232,64 @@ function getSelectedElements() {
     return acc;
   }, []);
 }
+function getSelectedElement() {
+  const elements = getSelectedElements();
+  const [element] = elements;
+  const elementType = getElementType(element?.type);
+  if (elements.length !== 1 || !elementType || !element) {
+    return { element: null, elementType: null };
+  }
+  return { element, elementType };
+}
 
 // src/hooks/use-selected-element.ts
 function useSelectedElement() {
-  const elements = (0, import_editor_v1_adapters6.__privateUseListenTo)(
+  return (0, import_editor_v1_adapters5.__privateUseListenTo)(
+    [
+      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/select"),
+      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/deselect"),
+      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/select-all"),
+      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/deselect-all")
+    ],
+    getSelectedElement
+  );
+}
+
+// src/hooks/use-selected-element-settings.ts
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+
+// src/sync/get-element-setting.ts
+var getElementSetting = (elementId, settingKey) => {
+  const container = getContainer(elementId);
+  return container?.settings?.get(settingKey) ?? null;
+};
+var getElementSettings = (elementId, settingKey) => {
+  return Object.fromEntries(settingKey.map((key) => [key, getElementSetting(elementId, key)]));
+};
+
+// src/hooks/use-selected-element-settings.ts
+function useSelectedElementSettings() {
+  return (0, import_editor_v1_adapters6.__privateUseListenTo)(
     [
       (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/select"),
       (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/deselect"),
       (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/select-all"),
-      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/deselect-all")
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/deselect-all"),
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/set-settings")
     ],
-    getSelectedElements
+    () => {
+      const { element, elementType } = getSelectedElement();
+      if (!element || !elementType) {
+        return { element: null, elementType: null, settings: null };
+      }
+      const settings = getElementSettings(element.id, Object.keys(elementType.propsSchema));
+      return {
+        element,
+        elementType,
+        settings
+      };
+    }
   );
-  const [element] = elements;
-  const elementType = getElementType(element?.type);
-  if (elements.length !== 1 || !elementType) {
-    return { element: null, elementType: null };
-  }
-  return { element, elementType };
 }
 
 // src/sync/create-element.ts
@@ -1191,9 +1196,8 @@ var playElementInteractions = (elementId, interactionId) => {
   useElementChildren,
   useElementEditorSettings,
   useElementInteractions,
-  useElementSetting,
-  useElementSettings,
   useParentElement,
-  useSelectedElement
+  useSelectedElement,
+  useSelectedElementSettings
 });
 //# sourceMappingURL=index.js.map