@elementor/editor-components 3.35.0-360 → 3.35.0-362

package/dist/index.mjs

@@ -25,7 +25,8 @@ import { __getState as getState } from "@elementor/store";
 // src/store/store.ts
 import {
   __createSelector as createSelector,
-  __createSlice as createSlice
+  __createSlice as createSlice,
+  __useSelector as useSelector
 } from "@elementor/store";
 
 // src/store/thunks.ts
@@ -221,6 +222,9 @@ var selectCurrentComponentId = createSelector(
   getCurrentComponentId,
   (currentComponentId) => currentComponentId
 );
+var useCurrentComponentId = () => {
+  return useSelector(selectCurrentComponentId);
+};
 var selectArchivedComponents = createSelector(
   selectArchivedData,
   (archivedData) => archivedData
@@ -315,14 +319,13 @@ var componentOverrideTransformer = createTransformer3((override) => {
 import * as React2 from "react";
 import { getV1DocumentsManager as getV1DocumentsManager3 } from "@elementor/editor-documents";
 import { ArrowLeftIcon, ComponentsFilledIcon } from "@elementor/icons";
-import { __useSelector as useSelector3 } from "@elementor/store";
 import { Box as Box2, Divider, IconButton, Stack, Tooltip, Typography } from "@elementor/ui";
 import { __ as __2 } from "@wordpress/i18n";
 
 // src/hooks/use-navigate-back.ts
 import { useCallback } from "react";
 import { getV1DocumentsManager as getV1DocumentsManager2 } from "@elementor/editor-documents";
-import { __useSelector as useSelector } from "@elementor/store";
+import { __useSelector as useSelector2 } from "@elementor/store";
 
 // src/utils/switch-to-component.ts
 import { __privateRunCommand as runCommand } from "@elementor/editor-v1-adapters";
@@ -338,7 +341,7 @@ function switchToComponent(componentId, componentInstanceId) {
 
 // src/hooks/use-navigate-back.ts
 function useNavigateBack() {
-  const path = useSelector(selectPath);
+  const path = useSelector2(selectPath);
   const documentsManager = getV1DocumentsManager2();
   return useCallback(() => {
     const { componentId: prevComponentId, instanceId: prevComponentInstanceId } = path.at(-2) ?? {};
@@ -402,9 +405,9 @@ var slideUp = keyframes`
 `;
 
 // src/components/component-panel-header/use-overridable-props.ts
-import { __useSelector as useSelector2 } from "@elementor/store";
+import { __useSelector as useSelector3 } from "@elementor/store";
 function useOverridableProps(componentId) {
-  return useSelector2((state) => {
+  return useSelector3((state) => {
     if (!componentId) {
       return void 0;
     }
@@ -414,7 +417,7 @@ function useOverridableProps(componentId) {
 
 // src/components/component-panel-header/component-panel-header.tsx
 var ComponentPanelHeader = () => {
-  const currentComponentId = useSelector3(selectCurrentComponentId);
+  const currentComponentId = useCurrentComponentId();
   const overridableProps = useOverridableProps(currentComponentId);
   const onBack = useNavigateBack();
   const componentName = getComponentName();
@@ -1441,6 +1444,7 @@ import { useEffect as useEffect5 } from "react";
 import { getV1DocumentsManager as getV1DocumentsManager4 } from "@elementor/editor-documents";
 import { __privateListenTo as listenTo, commandEndEvent as commandEndEvent2 } from "@elementor/editor-v1-adapters";
 import { __useSelector as useSelector5 } from "@elementor/store";
+import { throttle as throttle2 } from "@elementor/utils";
 
 // src/store/actions/update-current-component.ts
 import { setDocumentModifiedStatus as setDocumentModifiedStatus3 } from "@elementor/editor-documents";
@@ -1638,21 +1642,22 @@ function BlockEditPage() {
 
 // src/components/edit-component/edit-component.tsx
 function EditComponent() {
-  const currentComponentId = useSelector5(selectCurrentComponentId);
+  const currentComponentId = useCurrentComponentId();
   useHandleDocumentSwitches();
-  const onBack = useNavigateBack();
+  const navigateBack = useNavigateBack();
+  const onClose = throttle2(navigateBack, 100);
   const elementDom = getComponentDOMElement(currentComponentId ?? void 0);
   if (!elementDom) {
     return null;
   }
-  return /* @__PURE__ */ React11.createElement(ComponentModal, { element: elementDom, onClose: onBack });
+  return /* @__PURE__ */ React11.createElement(ComponentModal, { element: elementDom, onClose });
 }
 function useHandleDocumentSwitches() {
   const documentsManager = getV1DocumentsManager4();
-  const currentComponentId = useSelector5(selectCurrentComponentId);
+  const currentComponentId = useCurrentComponentId();
   const path = useSelector5(selectPath);
   useEffect5(() => {
-    return listenTo(commandEndEvent2("editor/documents/attach-preview"), () => {
+    return listenTo(commandEndEvent2("editor/documents/open"), () => {
       const nextDocument = documentsManager.getCurrent();
       if (nextDocument.id === currentComponentId) {
         return;
@@ -1854,7 +1859,6 @@ function InstanceEditingPanel() {
 import * as React17 from "react";
 import { ControlReplacementsProvider, PropKeyProvider, PropProvider, useBoundProp } from "@elementor/editor-controls";
 import { createTopLevelObjectType, useElement as useElement2 } from "@elementor/editor-editing-panel";
-import { __getState as getState7 } from "@elementor/store";
 
 // src/prop-types/component-overridable-prop-type.ts
 import { createPropUtils as createPropUtils4 } from "@elementor/editor-props";
@@ -1915,9 +1919,9 @@ function OverridablePropControl({
 }) {
   const { elementType } = useElement2();
   const { value, bind, setValue, placeholder, ...propContext } = useBoundProp(componentOverridablePropTypeUtil);
-  const componentId = selectCurrentComponentId(getState7());
+  const componentId = useCurrentComponentId();
   if (!componentId) {
-    throw new Error("Component ID is required");
+    return null;
   }
   if (!value?.override_key) {
     throw new Error("Override key is required");
@@ -1954,12 +1958,12 @@ import * as React20 from "react";
 import { useBoundProp as useBoundProp2 } from "@elementor/editor-controls";
 import { useElement as useElement3 } from "@elementor/editor-editing-panel";
 import { getWidgetsCache } from "@elementor/editor-elements";
-import { __getState as getState10 } from "@elementor/store";
+import { __getState as getState9 } from "@elementor/store";
 import { bindPopover, bindTrigger as bindTrigger2, Popover as Popover2, Tooltip as Tooltip3, usePopupState as usePopupState2 } from "@elementor/ui";
 import { __ as __16 } from "@wordpress/i18n";
 
 // src/store/actions/set-overridable-prop.ts
-import { __dispatch as dispatch5, __getState as getState8 } from "@elementor/store";
+import { __dispatch as dispatch5, __getState as getState7 } from "@elementor/store";
 import { generateUniqueId as generateUniqueId2 } from "@elementor/utils";
 import { __ as __13 } from "@wordpress/i18n";
 function setOverridableProp({
@@ -1973,7 +1977,7 @@ function setOverridableProp({
   widgetType,
   originValue
 }) {
-  const overridableProps = selectOverridableProps(getState8(), componentId);
+  const overridableProps = selectOverridableProps(getState7(), componentId);
   if (!overridableProps) {
     return;
   }
@@ -2228,12 +2232,12 @@ function OverridablePropForm({ onSubmit, groups, currentValue }) {
 }
 
 // src/components/overridable-props/utils/get-overridable-prop.ts
-import { __getState as getState9 } from "@elementor/store";
+import { __getState as getState8 } from "@elementor/store";
 function getOverridableProp({
   componentId,
   overrideKey
 }) {
-  const overridableProps = selectOverridableProps(getState9(), componentId);
+  const overridableProps = selectOverridableProps(getState8(), componentId);
   if (!overridableProps) {
     return void 0;
   }
@@ -2244,11 +2248,11 @@ function getOverridableProp({
 var FORBIDDEN_KEYS = ["_cssid", "attributes"];
 function OverridablePropIndicator() {
   const { bind } = useBoundProp2();
-  const componentId = selectCurrentComponentId(getState10());
+  const componentId = useCurrentComponentId();
   if (!isPropAllowed(bind) || !componentId) {
     return null;
   }
-  const overridableProps = selectOverridableProps(getState10(), componentId);
+  const overridableProps = selectOverridableProps(getState9(), componentId);
   return /* @__PURE__ */ React20.createElement(Content2, { componentId, overridableProps });
 }
 function Content2({ componentId, overridableProps }) {
@@ -2675,7 +2679,7 @@ function removeComponentStyles(id) {
 
 // src/store/components-styles-provider.ts
 import { createStylesProvider } from "@elementor/editor-styles-repository";
-import { __getState as getState11, __subscribeWithSelector as subscribeWithSelector } from "@elementor/store";
+import { __getState as getState10, __subscribeWithSelector as subscribeWithSelector } from "@elementor/store";
 var componentsStylesProvider = createStylesProvider({
   key: "components-styles",
   priority: 100,
@@ -2687,22 +2691,22 @@ var componentsStylesProvider = createStylesProvider({
   ),
   actions: {
     all: () => {
-      return selectFlatStyles(getState11());
+      return selectFlatStyles(getState10());
     },
     get: (id) => {
-      return selectFlatStyles(getState11()).find((style) => style.id === id) ?? null;
+      return selectFlatStyles(getState10()).find((style) => style.id === id) ?? null;
     }
   }
 });
 
 // src/sync/create-components-before-save.ts
 import { updateElementSettings } from "@elementor/editor-elements";
-import { __dispatch as dispatch8, __getState as getState12 } from "@elementor/store";
+import { __dispatch as dispatch8, __getState as getState11 } from "@elementor/store";
 async function createComponentsBeforeSave({
   elements,
   status
 }) {
-  const unpublishedComponents = selectUnpublishedComponents(getState12());
+  const unpublishedComponents = selectUnpublishedComponents(getState11());
   if (!unpublishedComponents.length) {
     return;
   }
@@ -2776,7 +2780,7 @@ function updateElementComponentId(elementId, componentId) {
 }
 
 // src/sync/set-component-overridable-props-settings-before-save.ts
-import { __getState as getState13 } from "@elementor/store";
+import { __getState as getState12 } from "@elementor/store";
 var setComponentOverridablePropsSettingsBeforeSave = ({
   container
 }) => {
@@ -2784,7 +2788,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
   if (!currentDocument || currentDocument.config.type !== COMPONENT_DOCUMENT_TYPE) {
     return;
   }
-  const overridableProps = selectOverridableProps(getState13(), currentDocument.id);
+  const overridableProps = selectOverridableProps(getState12(), currentDocument.id);
   if (overridableProps) {
     container.settings.set("overridable_props", overridableProps);
   }
@@ -2792,7 +2796,7 @@ var setComponentOverridablePropsSettingsBeforeSave = ({
 
 // src/sync/update-archived-component-before-save.ts
 import { notify } from "@elementor/editor-notifications";
-import { __getState as getState14 } from "@elementor/store";
+import { __getState as getState13 } from "@elementor/store";
 var failedNotification = (message) => ({
   type: "error",
   message: `Failed to archive components: ${message}`,
@@ -2805,7 +2809,7 @@ var successNotification = (message) => ({
 });
 var updateArchivedComponentBeforeSave = async () => {
   try {
-    const archivedComponents = selectArchivedComponents(getState14());
+    const archivedComponents = selectArchivedComponents(getState13());
     if (!archivedComponents.length) {
       return;
     }