@elementor/editor-global-classes 4.2.0-871 → 4.2.0-872

package/dist/index.js

@@ -2044,8 +2044,9 @@ var useFilteredCssClasses = () => {
     [cssClasses]
   );
   const filteredClasses = (0, import_react8.useMemo)(() => {
-    if (searchValue.length > 1) {
-      return lowercaseLabels.filter((cssClass) => cssClass.lowerLabel.includes(searchValue.toLowerCase()));
+    const normalizedSearch = searchValue.replace(/[^a-zA-Z0-9_-]/g, "").toLowerCase();
+    if (normalizedSearch.length > 1) {
+      return lowercaseLabels.filter((cssClass) => cssClass.lowerLabel.includes(normalizedSearch));
     }
     return cssClasses;
   }, [searchValue, cssClasses, lowercaseLabels]);
@@ -2543,7 +2544,7 @@ async function fetchAndMergeClasses() {
 }
 
 // src/global-classes-styles-provider.ts
-var MAX_CLASSES = 5e3;
+var MAX_CLASSES = 1e3;
 var GLOBAL_CLASSES_PROVIDER_KEY = "global-classes";
 var PREGENERATED_LINK_PATTERN = /^global-([0-9]+-)?(preview|frontend)-[a-zA-Z_-]+-css$/;
 var globalClassesStylesProvider = (0, import_editor_styles_repository2.createStylesProvider)({
@@ -2857,16 +2858,29 @@ function GlobalStylesImportListener() {
   return null;
 }
 
-// src/components/open-panel-from-url.tsx
+// src/components/open-panel-from-event.tsx
 var import_react12 = require("react");
+var EVENT_OPEN_GLOBAL_CLASSES_MANAGER = "elementor/open-global-classes-manager";
+function OpenPanelFromEvent() {
+  const { open } = usePanelActions();
+  (0, import_react12.useEffect)(() => {
+    const handler2 = () => open();
+    window.addEventListener(EVENT_OPEN_GLOBAL_CLASSES_MANAGER, handler2);
+    return () => window.removeEventListener(EVENT_OPEN_GLOBAL_CLASSES_MANAGER, handler2);
+  }, [open]);
+  return null;
+}
+
+// src/components/open-panel-from-url.tsx
+var import_react13 = require("react");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var ACTIVE_PANEL_PARAM = "active-panel";
 var PANEL_ID = "global-classes-manager";
 var DEFAULT_PANEL_ROUTE = "panel/elements";
 function OpenPanelFromUrl() {
   const { open } = usePanelActions();
-  const hasOpened = (0, import_react12.useRef)(false);
-  (0, import_react12.useEffect)(() => {
+  const hasOpened = (0, import_react13.useRef)(false);
+  (0, import_react13.useEffect)(() => {
     const urlParams = new URLSearchParams(window.location.search);
     const activePanel = urlParams.get(ACTIVE_PANEL_PARAM);
     if (activePanel !== PANEL_ID) {
@@ -2887,10 +2901,10 @@ function OpenPanelFromUrl() {
 }
 
 // src/components/populate-store.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 function PopulateStore() {
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     loadCurrentDocumentClasses();
     (0, import_editor_v1_adapters5.registerDataHook)("after", "editor/documents/attach-preview", async () => {
       await loadCurrentDocumentClasses();
@@ -3326,7 +3340,7 @@ var initMcpIntegration = (reg, canvasMcpEntry) => {
 };
 
 // src/sync-with-document.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 
 // src/sync-with-document-save.ts
@@ -3391,7 +3405,7 @@ function isDirty() {
 // src/sync-with-document.tsx
 function SyncWithDocumentSave() {
   const { open: openClassPanel } = usePanelActions();
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const unsubscribe = (0, import_editor_v1_adapters7.__privateListenTo)((0, import_editor_v1_adapters7.v1ReadyEvent)(), () => {
       const open = (0, import_editor_v1_adapters7.isExperimentActive)("e_editor_design_system_panel") ? () => {
         window.dispatchEvent(new CustomEvent("elementor/open-global-classes-manager"));
@@ -3431,6 +3445,10 @@ function init() {
       id: "global-classes-open-panel-from-url",
       component: OpenPanelFromUrl
     });
+    (0, import_editor.injectIntoLogic)({
+      id: "global-classes-open-panel-from-event",
+      component: OpenPanelFromEvent
+    });
   }
   (0, import_editor_editing_panel2.injectIntoCssClassConvert)({
     id: "global-classes-convert-from-local-class",