@abdellatifui/react 3.1.82 → 3.1.84

package/dist/nextgen.d.ts

@@ -504,10 +504,16 @@ export declare interface MenuButtonProps extends ButtonProps {
     }>;
 }
 
-export declare const Model: default_2.ForwardRefExoticComponent<ModelProps_2 & default_2.RefAttributes<HTMLDivElement>>;
+export declare const Model: default_2.ForwardRefExoticComponent<ModelProps_2 & default_2.RefAttributes<ModelHandle>>;
 
 export declare const ModelContext: Context<    {}>;
 
+declare interface ModelHandle {
+    open: () => void;
+    close: () => void;
+    readonly isOpen: boolean;
+}
+
 export declare interface ModelProps extends ContainerProps {
     isOpen: boolean;
     onClose: () => void;

package/dist/nextgen.js

@@ -14389,7 +14389,6 @@ const NetworkMapComponent = forwardRef((props, ref) => {
   } = props;
   const networkMapRef = useRef();
   const mapApi = useRef({});
-  const deckRef = useRef();
   const [currentCoordinates, setCurrentCoordinates] = useState([]);
   const [_conns, setConns] = useState([]);
   const [_nodes, setNodes] = useState(nodes);
@@ -14762,7 +14761,6 @@ const NetworkMapComponent = forwardRef((props, ref) => {
                 {
                   layers: [...paths],
                   onHover: handleHover,
-                  ref: deckRef,
                   onClick: (e) => {
                     if (!(e == null ? void 0 : e.layer)) {
                       setSelectedConn((prev2) => {
@@ -16333,29 +16331,33 @@ const Model = forwardRef((props, ref) => {
     hideOnContextMenu,
     blur = false
   } = props;
-  function handleClose() {
+  const handleClose = useCallback(() => {
     setOpen(false);
-  }
-  function hanldeOpen() {
+  }, []);
+  const hanldeOpen = useCallback(() => {
     setOpen(true);
-  }
+  }, []);
+  useImperativeHandle(ref, () => ({
+    open: hanldeOpen,
+    close: handleClose,
+    get isOpen() {
+      return open;
+    }
+  }), [handleClose, hanldeOpen, open]);
   useEffect(() => {
-    if (ref.current) {
-      ref.current.open = hanldeOpen;
-      ref.current.close = handleClose;
-      ref.open = hanldeOpen;
-      ref.close = handleClose;
-      ref.current.isOpen = open;
-      if (open == true && !inline) {
-        setTimeout(() => {
-          const element = $(`#${id}`);
-          const element2 = document.getElementById(id);
-          const boundires = element2.getBoundingClientRect();
-          element.css("top", -boundires.y + "px");
-        }, 10);
-      }
+    if (!open || inline) {
+      return;
     }
-  }, [open, ref, id]);
+    const element = document.getElementById(id);
+    if (!element) {
+      return;
+    }
+    const frame = window.requestAnimationFrame(() => {
+      const boundaries = element.getBoundingClientRect();
+      element.style.top = `${-boundaries.y}px`;
+    });
+    return () => window.cancelAnimationFrame(frame);
+  }, [id, inline, open]);
   function handleWrapperClose(e) {
     if (e.target.classList.contains("custom-click-away") && bodyClick) {
       setOpen(false);
@@ -26545,3 +26547,4 @@ export {
   useStore,
   useVariable
 };
+//# sourceMappingURL=nextgen.js.map