agentic-ui-libs 1.2.0-beta.8 → 1.2.0-beta.9

package/dist/features/md-editor/components/VariableMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VariableMenu.d.ts","sourceRoot":"","sources":["../../../../src/features/md-editor/components/VariableMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,UAAU,CAAC;AAavD,UAAU,iBAAiB;IACzB,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAgBD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsYpD,CAAC"}
+{"version":3,"file":"VariableMenu.d.ts","sourceRoot":"","sources":["../../../../src/features/md-editor/components/VariableMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAgB,MAAM,UAAU,CAAC;AAavD,UAAU,iBAAiB;IACzB,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC9B,8EAA8E;IAC9E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAgBD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2ZpD,CAAC"}

package/dist/index.js

@@ -143207,13 +143207,21 @@ const VariableMenu = ({
     }
   }, [editorControlled]);
   useEffect(() => {
+    const isEventInsideMenu = (event) => {
+      if (!menuRef.current) return false;
+      const path = typeof event.composedPath === "function" ? event.composedPath() : [];
+      if (path.length > 0) {
+        return path.includes(menuRef.current);
+      }
+      return menuRef.current.contains(event.target);
+    };
     const handleClickOutside = (e3) => {
-      if (menuRef.current && !menuRef.current.contains(e3.target)) {
+      if (!isEventInsideMenu(e3)) {
         onClose();
       }
     };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
+    document.addEventListener("mousedown", handleClickOutside, true);
+    return () => document.removeEventListener("mousedown", handleClickOutside, true);
   }, [onClose]);
   useEffect(() => {
     const handleKeyDown2 = (e3) => {
@@ -143300,6 +143308,10 @@ const VariableMenu = ({
             "button",
             {
               type: "button",
+              onMouseDown: (e3) => {
+                e3.preventDefault();
+                e3.stopPropagation();
+              },
               onClick: handleBack,
               className: "flex items-center justify-center w-[24px] h-[24px] p-0 border-0 bg-[#F9FAFB] rounded-[4px] cursor-pointer text-[#667085] hover:bg-[#F2F4F7]",
               "aria-label": "Go back",
@@ -143334,7 +143346,11 @@ const VariableMenu = ({
             "button",
             {
               type: "button",
-              onClick: () => handleItemClick(item),
+              onMouseDown: (e3) => {
+                e3.preventDefault();
+                e3.stopPropagation();
+                handleItemClick(item);
+              },
               className: `flex items-center gap-[8px] w-full px-[12px] py-[8px] border-0 rounded-[4px] text-left cursor-pointer transition-colors duration-100 ${index === selectedIndex ? "bg-[#F9FAFB]" : "bg-transparent hover:bg-[#F9FAFB]"}`,
               onMouseEnter: () => setSelectedIndex(index),
               "data-test-id": `md-editor-variable-item-${isCategory ? item.id : item.id}`,

package/dist/ui-libs.umd.js

@@ -143247,13 +143247,21 @@ ${code2}
       }
     }, [editorControlled]);
     React.useEffect(() => {
+      const isEventInsideMenu = (event) => {
+        if (!menuRef.current) return false;
+        const path = typeof event.composedPath === "function" ? event.composedPath() : [];
+        if (path.length > 0) {
+          return path.includes(menuRef.current);
+        }
+        return menuRef.current.contains(event.target);
+      };
       const handleClickOutside = (e) => {
-        if (menuRef.current && !menuRef.current.contains(e.target)) {
+        if (!isEventInsideMenu(e)) {
           onClose();
         }
       };
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => document.removeEventListener("mousedown", handleClickOutside);
+      document.addEventListener("mousedown", handleClickOutside, true);
+      return () => document.removeEventListener("mousedown", handleClickOutside, true);
     }, [onClose]);
     React.useEffect(() => {
       const handleKeyDown2 = (e) => {
@@ -143340,6 +143348,10 @@ ${code2}
               "button",
               {
                 type: "button",
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                },
                 onClick: handleBack,
                 className: "flex items-center justify-center w-[24px] h-[24px] p-0 border-0 bg-[#F9FAFB] rounded-[4px] cursor-pointer text-[#667085] hover:bg-[#F2F4F7]",
                 "aria-label": "Go back",
@@ -143374,7 +143386,11 @@ ${code2}
               "button",
               {
                 type: "button",
-                onClick: () => handleItemClick(item),
+                onMouseDown: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  handleItemClick(item);
+                },
                 className: `flex items-center gap-[8px] w-full px-[12px] py-[8px] border-0 rounded-[4px] text-left cursor-pointer transition-colors duration-100 ${index === selectedIndex ? "bg-[#F9FAFB]" : "bg-transparent hover:bg-[#F9FAFB]"}`,
                 onMouseEnter: () => setSelectedIndex(index),
                 "data-test-id": `md-editor-variable-item-${isCategory ? item.id : item.id}`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentic-ui-libs",
-  "version": "1.2.0-beta.8",
+  "version": "1.2.0-beta.9",
   "type": "module",
   "description": "A modular, config-driven analytics library for React and Angular applications",
   "main": "dist/index.js",
@@ -93,6 +93,7 @@
     "@tiptap/suggestion": "^2.4.0",
     "ag-grid-community": "31.3.4",
     "ag-grid-react": "31.3.4",
+    "agentic-ui-libs": "^1.2.0-beta.8",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "date-fns": "^2.30.0",