@elementor/editor-editing-panel 1.21.0 → 1.22.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Change Log
 
+## 1.22.0
+
+### Minor Changes
+
+- 202ff33: Set max global classes creation limit.
+
+### Patch Changes
+
+- 3e108d9: update elementor/ui
+- 700303b: Prevent creation attempt to invalid css class.
+- Updated dependencies [3e108d9]
+- Updated dependencies [202ff33]
+- Updated dependencies [593f222]
+  - @elementor/editor-controls@0.19.1
+  - @elementor/editor-panels@0.13.1
+  - @elementor/editor-ui@0.4.3
+  - @elementor/locations@0.7.7
+  - @elementor/editor@0.18.4
+  - @elementor/menus@0.1.4
+  - @elementor/editor-styles-repository@0.8.0
+  - @elementor/editor-elements@0.6.6
+
 ## 1.21.0
 
 ### Minor Changes

package/dist/index.js

@@ -163,7 +163,7 @@ function MultiCombobox({
         const optionsAndActions = selectedOrInputValue.filter((option) => typeof option !== "string");
         if (reason === "createOption") {
           const [firstAction] = filterActions(actions, { options: options13, inputValue: inputValue ?? "" });
-          if (firstAction.value) {
+          if (firstAction?.value) {
             return run(firstAction.apply, firstAction.value);
           }
         }
@@ -590,6 +590,9 @@ function useCreateActions({
     return {
       // translators: %s is the label of the new class.
       label: (value) => (0, import_i18n3.__)('Create new "%s"', "elementor").replace("%s", value),
+      // translators: %s is the singular label of css class provider (e.g "Global CSS Class").
+      group: (0, import_i18n3.__)("Create New %s", "elementor").replace("%s", provider.labels?.singular ?? ""),
+      condition: (_, inputValue) => isLabelValid(inputValue) && !hasReachedLimit(provider),
       apply: (label) => {
         const createdId = create(label);
         if (!createdId) {
@@ -597,13 +600,19 @@ function useCreateActions({
         }
         pushAppliedId(createdId);
         setActiveId(createdId);
-      },
-      condition: (_, inputValue) => import_editor_styles_repository4.stylesRepository.isLabelValid(inputValue) && !import_editor_styles_repository4.stylesRepository.isLabelExist(inputValue),
-      // translators: %s is the singular label of css class provider (e.g "Global CSS Class").
-      group: (0, import_i18n3.__)("Create New %s", "elementor").replace("%s", provider.labels?.singular ?? "")
+      }
     };
   });
 }
+function hasReachedLimit(provider) {
+  if (provider.limit === void 0) {
+    return false;
+  }
+  return provider.actions.get().length >= provider.limit;
+}
+function isLabelValid(newLabel) {
+  return import_editor_styles_repository4.stylesRepository.isLabelValid(newLabel) && !import_editor_styles_repository4.stylesRepository.isLabelExist(newLabel);
+}
 function useAppliedOptions(options13, appliedIds) {
   const applied = options13.filter((option) => option.value && appliedIds.includes(option.value));
   const hasElementsProviderStyleApplied = applied.some(