@elementor/editor-components 3.35.0-485 → 3.35.0-487

package/dist/index.mjs

@@ -3236,23 +3236,18 @@ function countNestedElements(container) {
 }
 
 // src/components/create-component-form/create-component-form.tsx
+var MAX_COMPONENTS = 100;
 function CreateComponentForm() {
   const [element, setElement] = useState8(null);
   const [anchorPosition, setAnchorPosition] = useState8();
+  const { components } = useComponents();
   const eventData = useRef5(null);
   useEffect2(() => {
     const OPEN_SAVE_AS_COMPONENT_FORM_EVENT = "elementor/editor/open-save-as-component-form";
     const openPopup = (event) => {
-      const nonAtomicElements = findNonAtomicElementsInElement(event.detail.element);
-      if (nonAtomicElements.length > 0) {
-        notify3({
-          type: "default",
-          message: __22(
-            "Components require atomic elements only. Remove widgets to create this component.",
-            "elementor"
-          ),
-          id: "non-atomic-element-save-blocked"
-        });
+      const { shouldOpen, notification } = shouldOpenForm(event.detail.element, components?.length ?? 0);
+      if (!shouldOpen) {
+        notify3(notification);
         return;
       }
       setElement({ element: event.detail.element, elementLabel: getElementLabel(event.detail.element.id) });
@@ -3268,7 +3263,7 @@ function CreateComponentForm() {
     return () => {
       window.removeEventListener(OPEN_SAVE_AS_COMPONENT_FORM_EVENT, openPopup);
     };
-  }, []);
+  }, [components?.length]);
   const handleSave = async (values) => {
     try {
       if (!element) {
@@ -3331,6 +3326,37 @@ function CreateComponentForm() {
     )
   ));
 }
+function shouldOpenForm(element, componentsCount) {
+  const nonAtomicElements = findNonAtomicElementsInElement(element);
+  if (nonAtomicElements.length > 0) {
+    return {
+      shouldOpen: false,
+      notification: {
+        type: "default",
+        message: __22(
+          "Components require atomic elements only. Remove widgets to create this component.",
+          "elementor"
+        ),
+        id: "non-atomic-element-save-blocked"
+      }
+    };
+  }
+  if (componentsCount >= MAX_COMPONENTS) {
+    return {
+      shouldOpen: false,
+      notification: {
+        type: "default",
+        /* translators: %s is the maximum number of components */
+        message: __22(
+          `You've reached the limit of %s components. Please remove an existing one to create a new component.`,
+          "elementor"
+        ).replace("%s", MAX_COMPONENTS.toString()),
+        id: "maximum-number-of-components-exceeded"
+      }
+    };
+  }
+  return { shouldOpen: true, notification: null };
+}
 var FONT_SIZE = "tiny";
 var Form2 = ({
   initialValues,