@abdellatifui/react 3.1.81 → 3.1.83

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;
@@ -767,6 +773,7 @@ declare interface RadioItemProps_2 {
     onContextMenu?: (state: any) => void;
     labelProps?: React.LabelHTMLAttributes<HTMLLabelElement>;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    showRadio?: boolean;
 }
 
 export declare function range(start: any, end: any, step?: number): any[];

package/dist/nextgen.js

@@ -14633,7 +14633,7 @@ const NetworkMapComponent = forwardRef((props, ref) => {
     loadOptions,
     FlyToNodeApi,
     ...mapApi.current
-  }));
+  }), [mapApi.current]);
   const _menuItems = useMemo(() => {
     return (menuItems == null ? void 0 : menuItems.map((item) => ({
       ...item,
@@ -16333,29 +16333,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);
@@ -25469,7 +25473,8 @@ const RadioItem = (props) => {
     labelProps = {},
     className = {},
     inputProps = {},
-    defaultChecked = false
+    defaultChecked = false,
+    showRadio = true
   } = props;
   const checkChecked = (ev) => {
     const s = {
@@ -25543,7 +25548,7 @@ const RadioItem = (props) => {
       ...labelProps,
       htmlFor: id,
       ref,
-      className: cn("relative p-2 border-[2px] border-gray-300 rounded-sm min-w-[200px] min-h-[100px] bg-white", className),
+      className: cn("relative p-2 rounded-lg min-w-[200px] min-h-[100px] bg-white", className),
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center space-x-1", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -25554,7 +25559,7 @@ const RadioItem = (props) => {
               onChange: checkChecked,
               id,
               type: "radio",
-              className: "w-[20px] h-[20px]",
+              className: cn("w-[20px] h-[20px]", showRadio && "hidden"),
               name: name2
             }
           ),
@@ -26544,3 +26549,4 @@ export {
   useStore,
   useVariable
 };
+//# sourceMappingURL=nextgen.js.map