@abdellatifui/react 3.1.92 → 3.1.94

package/dist/nextgen.d.ts

@@ -657,6 +657,7 @@ declare type NetworkMapProps_2 = {
     };
     hideLinks: boolean;
     mapProps: MapProps;
+    customControlButtons: default_2.ReactNode[];
     menuItems: {
         label: string;
         action?: (args: {

package/dist/nextgen.js

@@ -14300,7 +14300,7 @@ const CustomMarker = (props) => {
       latitude,
       anchor: "center",
       className: cn(
-        "group z-30 isolate hover:z-40",
+        "group z-30 isolate hover:z-40 w-fit h-fit",
         className
       ),
       style: {
@@ -14446,7 +14446,6 @@ const PortText = (props) => {
   var _a;
   const ref = useRef(null);
   const {
-    text,
     rotation,
     isVisible,
     data,
@@ -14455,9 +14454,6 @@ const PortText = (props) => {
     isSource,
     setSupressLinkHover
   } = props;
-  const vsConnectionHander = (data2) => {
-    console.log(data2);
-  };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -14490,12 +14486,11 @@ const PortText = (props) => {
               "flex gap-x-2 px-1 group/2 w-fit rounded-full relative hover:ring-[4px] outline-offset-1 outline-blue-600 transition-all duration-300 ease-in-out"
             ),
             id: `#sub-${item == null ? void 0 : item.u_id}`,
-            onMouseEnter: () => vsConnectionHander(item),
             style: {
               backgroundColor: data == null ? void 0 : data.linkColorHex
             },
             children: [
-              (item == null ? void 0 : item.isSource) ? item == null ? void 0 : item.sourcePort : item == null ? void 0 : item.destinationPort,
+              isSource ? item == null ? void 0 : item.sourcePort : item == null ? void 0 : item.destinationPort,
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[0px] group-hover/2:text-xs text-black/80 -translate-x-full group-hover/2:translate-x-0 transition-all duration-300 ease-in-out relative flex gap-x-2", children: isSource ? item == null ? void 0 : item.destinationPort : item == null ? void 0 : item.sourcePort })
             ]
           },
@@ -14716,7 +14711,8 @@ const SourcesPorts$1 = memo(SourcesPorts);
 const CustomNavigateButtons = (props) => {
   const {
     mapApi,
-    showGoNodeControlButton
+    showGoNodeControlButton,
+    customControlButtons = []
   } = props;
   const onMapPinClick = () => {
     var _a, _b, _c, _d;
@@ -14724,7 +14720,12 @@ const CustomNavigateButtons = (props) => {
       (_c = (_b = (_a = mapApi == null ? void 0 : mapApi.current) == null ? void 0 : _a.nodes) == null ? void 0 : _b[0]) == null ? void 0 : _c.elementId
     );
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-10 overflow-hidden right-3 z-50 min-h-[60px] w-[25px] gap-2 bg-white border rounded-full flex flex-wrap items-center justify-center py-1", children: showGoNodeControlButton && /* @__PURE__ */ jsxRuntimeExports.jsx(StyledTooltip, { title: "Go to first node", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MapPin, { onClick: onMapPinClick, className: "text-blue-600 hover:bg-accent rounded-full", size: 18 }) }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute bottom-10 overflow-hidden right-3 z-50 min-h-[60px] w-[25px] gap-2 bg-white border rounded-full flex flex-wrap items-center justify-center py-1", children: [
+    showGoNodeControlButton && /* @__PURE__ */ jsxRuntimeExports.jsx(StyledTooltip, { title: "Go to first node", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MapPin, { onClick: onMapPinClick, className: "text-blue-600 hover:bg-accent rounded-full", size: 18 }) }),
+    customControlButtons == null ? void 0 : customControlButtons.map((button, index) => {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: button }, "custom-control-button-" + qindex);
+    })
+  ] });
 };
 const CustomNavigateButtons$1 = memo(CustomNavigateButtons);
 const baseFont = 0.75;
@@ -14759,6 +14760,7 @@ const NetworkMapComponent = forwardRef((props, ref) => {
     MapLogoClassName,
     MapLogoStyle,
     linkAnimation = true,
+    customControlButtons = [],
     showGoNodeControlButton = true,
     onConnClick = () => {
     },
@@ -15161,7 +15163,7 @@ const NetworkMapComponent = forwardRef((props, ref) => {
     if ((e == null ? void 0 : e.picked) && ((_b = (_a = e == null ? void 0 : e.layer) == null ? void 0 : _a.props) == null ? void 0 : _b.main)) {
       mapApi.current.getCanvas().style.cursor = "default";
       setHoveredConnection({ ...e.object });
-      onLinkMouseOver({ event: e, data: e == null ? void 0 : e.object, type: "connection", id: (_c = e == null ? void 0 : e.object) == null ? void 0 : _c.id, mapApi });
+      onLinkMouseOver({ event: e, data: e == null ? void 0 : e.object, type: "connection", id: (_c = e == null ? void 0 : e.object) == null ? void 0 : _c.id, mapApi: ref || mapApi });
     }
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -15354,7 +15356,8 @@ const NetworkMapComponent = forwardRef((props, ref) => {
                     CustomNavigateButtons$1,
                     {
                       mapApi: ref,
-                      showGoNodeControlButton
+                      showGoNodeControlButton,
+                      customControlButtons
                     }
                   ),
                   MapLogo && /* @__PURE__ */ jsxRuntimeExports.jsx(