@ixo/ui 0.0.3 → 0.0.5

package/dist/{components-DwhQhLPm.js → components-nIVUDr7n.js}

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from "@emotion/react/jsx-runtime";
 import { isString, toggle, get, isFunction, assign } from "radash";
 import { useTheme, jsx as jsx$1, keyframes, ThemeProvider } from "@emotion/react";
-import { g as getElementColor, A as AngleDownSolid, a as CheckSolid, C as Close, L as Loading, P as PlusSolid, S as SearchSolid, b as Assistant, c as ArrowUpSolid, E as EllipsisVSolid, U as User, G as Globe, D as Dashboard, d as Groups, e as UserCircleSolid, f as Assets$1, h as Claims, i as Accounts, H as HistorySolid, j as LinkedResources, k as Proposals, I as ImpactCredits, l as GoTo, m as Share, n as PiePiece, o as ImpactCertificates, p as CommentDotsSolid, q as CommentAltSolid, M as MicrophoneSolid, r as Command, s as ArrowCircleRightSolid, t as Protocols, u as Investments, O as Oracles, v as Projects, w as Daos, x as Star, y as AngleLeftSolid, z as AngleRightSolid, B as Expand, F as LeafSolid, J as ArrowDownSolid, K as ArrowLeftSolid, N as ArrowRightSolid, Q as Play, R as CheckCircle, T as Events, V as ThumbsUpSolid, W as CommentsSolid, X as CopySolid, Y as Hourglass, Z as Act, _ as Info$1, $ as ClaimsW, a0 as TachometerAltSolid, a1 as UserCogSolid, a2 as UsersSolid, a3 as EllipsisHSolid, a4 as Resources, a5 as ShieldAltSolid } from "./UsersSolid-CEMcHCoD.js";
+import { g as getElementColor, A as AngleDownSolid, a as CheckSolid, C as Close, L as Loading, P as PlusSolid, S as SearchSolid, b as Assistant, c as ArrowUpSolid, E as EllipsisVSolid, U as User, G as Globe, D as Dashboard, d as Groups, e as UserCircleSolid, f as Assets$1, h as Claims, i as Accounts, H as HistorySolid, j as LinkedResources, k as Proposals, I as ImpactCredits, l as GoTo, m as Share, n as PiePiece, o as ImpactCertificates, p as CommentDotsSolid, q as CommentAltSolid, M as MicrophoneSolid, r as Command, s as ArrowCircleRightSolid, t as Protocols, u as Investments, O as Oracles, v as Projects, w as Daos, x as Star, y as AngleLeftSolid, z as AngleRightSolid, B as Expand, F as LeafSolid, J as ArrowDownSolid, K as ArrowLeftSolid, N as ArrowRightSolid, Q as Play, R as CheckCircle, T as Events, V as ThumbsUpSolid, W as CommentsSolid, X as CopySolid, Y as Hourglass, Z as Act, _ as Info$1, $ as ClaimsW, a0 as TachometerAltSolid, a1 as UserCogSolid, a2 as UsersSolid, a3 as EllipsisHSolid } from "./UsersSolid-CncjWLR_.js";
 import { useState, useCallback, useRef, useEffect, Suspense, lazy, forwardRef, useId, useMemo, Fragment as Fragment$1, useLayoutEffect, useImperativeHandle, memo } from "react";
 import { T as TAG_SMALL_HEIGHT, D as DEFAULT_ICON_SIZE } from "./constants-B7xlU8b8.js";
 import { Accordion as Accordion$1, Box, Image, Text as Text$1, Badge as Badge$1, Stack as Stack$1, Center } from "@mantine/core";
@@ -774,8 +774,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = lazy(() => import("./index-BxPBL9YF.js"));
-const Footer = lazy(() => import("./index-DA1mgDGF.js"));
+const Header$3 = lazy(() => import("./index-CePcVUdl.js"));
+const Footer = lazy(() => import("./index-AdmtrdOj.js"));
 function ActionCard({ header, content, footer, useHoverMode = false }) {
   const hasContent = !!content || !!footer;
   const initialVisibility = footer?.startHidden !== true;
@@ -859,7 +859,7 @@ function Loader({ size, color = "primary" }) {
 }
 const CARD_WIDTH$1 = 350;
 const CARD_HEADER_HEIGHT = 158;
-const Header$2 = lazy(() => import("./index-BBel7Xdj.js"));
+const Header$2 = lazy(() => import("./index-BqTxDhWH.js"));
 function Card({ children, className, contentClassName, roundedBottom, noPadding = false, fullWidth = false, header, wrapperSx, onClick }) {
   const wrapperRef = useRef(null);
   const handleOnClick = useCallback(
@@ -1294,7 +1294,7 @@ function ModalSheet({ isOpen, children, hideHandler, zIndex, onRequestHide, onRe
     document.body
   );
 }
-const Badge = lazy(() => import("./index-CcZKqfw0.js"));
+const Badge = lazy(() => import("./index-Ch58_nVL.js"));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = useRef(null);
   const wrapperContentAreaRef = useRef(null);
@@ -5059,13 +5059,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = lazy(() => import("./index-DoQULSJZ.js"));
-const Header$1 = lazy(() => import("./index-CmspLyTv.js"));
-const Content = lazy(() => import("./index-CWXtlI-e.js"));
+const MainAction = lazy(() => import("./index-Dw39BM_E.js"));
+const Header$1 = lazy(() => import("./index-BLQvGCp1.js"));
+const Content = lazy(() => import("./index-B0nV3hVq.js"));
 const Map = lazy(() => import("./index-D5Ufmf-s.js"));
 const CustomContent = lazy(() => import("./index-DsYjW_4y.js"));
-const Assets = lazy(() => import("./index-BIFVgSxH.js"));
-const Actions = lazy(() => import("./index-jDvFGrHn.js"));
+const Assets = lazy(() => import("./index-w29Yeaab.js"));
+const Actions = lazy(() => import("./index-CJQwQd4A.js"));
 const HOVER_BORDER_WIDTH = 1;
 function SodaCardCmp({ numSelected = 0, expanded = true, mainAction, header, content, map, customContent, customFooter, actions, assets, onClick }, ref) {
   const wrapperRef = useRef(null);
@@ -8714,7 +8714,7 @@ function UserNav({ workspaces, user, onWorkspaceChange, onItemHover, onItemLeave
         isActive: true,
         showNotification: activeWorkspace.notification !== void 0 && activeWorkspace.notification > 0,
         notificationContent: activeWorkspace.notification,
-        onHover: (e) => handleItemHover("workspace", e),
+        onHover: (e) => handleItemHover("workspaces", e),
         onLeave: handleItemLeave,
         onClick: () => onWorkspaceChange?.(activeWorkspace)
       }
@@ -9448,22 +9448,6 @@ function NavigationActionSelector({ action, onClick }) {
     color: "rgba(255, 255, 255, 0.5)",
     margin: 0
   };
-  const premiumTagStyle = {
-    display: "flex",
-    alignItems: "center",
-    padding: "0 8px",
-    height: "20px",
-    background: "rgba(0, 210, 255, 0.2)",
-    borderRadius: "16px",
-    fontSize: "12px",
-    fontWeight: "400",
-    color: "#00D2FF",
-    fontFamily: theme.font.main,
-    position: "absolute",
-    right: "16px",
-    top: "50%",
-    transform: "translateY(-50%)"
-  };
   const handleClick = () => {
     onClick?.(action);
   };
@@ -9477,53 +9461,12 @@ function NavigationActionSelector({ action, onClick }) {
   return /* @__PURE__ */ jsxs("button", { style: containerStyle, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
     /* @__PURE__ */ jsx("div", { style: iconContainerStyle, children: /* @__PURE__ */ jsx(IconComponent, {}) }),
     /* @__PURE__ */ jsxs("div", { style: textContentStyle, children: [
-      /* @__PURE__ */ jsx("div", { style: titleStyle, children: action.title }),
-      /* @__PURE__ */ jsx("div", { style: descriptionStyle, children: action.description })
-    ] }),
-    action.isPremium && /* @__PURE__ */ jsx("div", { style: premiumTagStyle, children: "Premium" })
+      /* @__PURE__ */ jsx("div", { style: titleStyle, children: action.label }),
+      /* @__PURE__ */ jsx("div", { style: descriptionStyle, children: action.label })
+    ] })
   ] });
 }
-function MoreModal({ position, onMouseEnter, onMouseLeave, additionalItems }) {
-  const defaultNavigationActions = [
-    {
-      id: "resources",
-      title: "Resources",
-      description: "Linked Resources of the Domain",
-      Icon: Resources
-    },
-    {
-      id: "activity",
-      title: "Activity",
-      description: "Show the past activity of the Domain",
-      Icon: HistorySolid
-    },
-    {
-      id: "credentials",
-      title: "Credentials",
-      description: "Shows the Credentials of the Domain",
-      Icon: ShieldAltSolid
-    },
-    {
-      id: "impacts",
-      title: "Impacts",
-      description: "Verify the impacts of your Domain",
-      Icon: Resources,
-      // Using Resources as placeholder for impacts icon
-      isPremium: true
-    }
-  ];
-  const convertNavItemsToActions = (items) => {
-    return items.map((item) => ({
-      id: item.id,
-      title: item.label,
-      description: `Navigate to ${item.label}`,
-      // Generic description
-      Icon: item.Icon,
-      isPremium: false
-      // NavItems don't have premium flag
-    }));
-  };
-  const navigationActions = additionalItems.length > 0 ? convertNavItemsToActions(additionalItems) : defaultNavigationActions;
+function MoreModal({ onItemClick, position, onMouseEnter, onMouseLeave, items }) {
   const modalStyle = {
     position: "fixed",
     left: `${position.x}px`,
@@ -9561,12 +9504,9 @@ function MoreModal({ position, onMouseEnter, onMouseLeave, additionalItems }) {
     scrollbarWidth: "thin",
     scrollbarColor: "rgba(255, 255, 255, 0.3) transparent"
   };
-  const handleActionClick = (action) => {
-    console.log("Clicked navigation action:", action);
-  };
   return /* @__PURE__ */ jsxs("div", { style: modalStyle, onMouseEnter, onMouseLeave, children: [
     /* @__PURE__ */ jsx("div", { style: headerStyle, children: /* @__PURE__ */ jsx(Typography.Text, { size: "xs", color: "overPicture", children: "More" }) }),
-    /* @__PURE__ */ jsx("div", { style: navigationActionsContainerStyle, children: navigationActions.map((action) => /* @__PURE__ */ jsx(NavigationActionSelector, { action, onClick: handleActionClick }, action.id)) })
+    /* @__PURE__ */ jsx("div", { style: navigationActionsContainerStyle, children: onItemClick && items.map((action) => /* @__PURE__ */ jsx(NavigationActionSelector, { action, onClick: () => onItemClick(action) }, action.id)) })
   ] });
 }
 function SpaceSelector({ space, onClick, className }) {
@@ -10200,18 +10140,15 @@ function NavigationBar({
             if (estimatedModalHeight <= dynamicNavHeight) {
               maxHeight = dynamicNavHeight;
               yPosition = dynamicRect.bottom - estimatedModalHeight;
-              console.log(`Small modal: positioning at Y=${yPosition} (DynamicNav bottom - modal height)`);
             } else if (estimatedModalHeight <= navBarRect.height) {
               maxHeight = navBarRect.height;
               yPosition = navBarRect.top;
-              console.log(`Medium modal: positioning at Y=${yPosition} (NavigationBar top)`);
             } else {
               maxHeight = navBarRect.height;
               yPosition = navBarRect.top;
-              console.log(`Large modal: positioning at Y=${yPosition} (NavigationBar top, will be scrollable)`);
             }
           }
-        } else if (itemId === "workspace") {
+        } else if (itemId === "workspaces") {
           maxHeight = navBarRect.height;
           yPosition = navBarRect.bottom;
         } else if (itemId === "user") {
@@ -10219,7 +10156,6 @@ function NavigationBar({
           yPosition = navBarRect.bottom;
         }
       } else {
-        console.warn("NavigationBar rect not found, using fallback positioning");
         xPosition = rect.right + 8;
         yPosition = rect.top;
         maxHeight = Math.min(400, window.innerHeight - rect.top - 20);
@@ -10227,7 +10163,7 @@ function NavigationBar({
       clearAllTimeouts();
       hoverEnterTimeoutRef.current = window.setTimeout(() => {
         let useBottomPositioning = false;
-        if (itemId === "workspace") {
+        if (itemId === "workspaces") {
           useBottomPositioning = true;
         } else if (itemId === "more") {
           useBottomPositioning = false;
@@ -10323,8 +10259,18 @@ function NavigationBar({
         onEcosystemClick
       }
     ),
-    hoveredItem === "more" && /* @__PURE__ */ jsx(MoreModal, { position: modalPosition, onClose: handleModalLeave, onMouseEnter: handleModalEnter, onMouseLeave: handleModalLeave, additionalItems: getMoreItems() }),
-    hoveredItem === "workspace" && /* @__PURE__ */ jsx(
+    hoveredItem === "more" && /* @__PURE__ */ jsx(
+      MoreModal,
+      {
+        position: modalPosition,
+        onClose: handleModalLeave,
+        onItemClick: onNavigate,
+        onMouseEnter: handleModalEnter,
+        onMouseLeave: handleModalLeave,
+        items: getMoreItems()
+      }
+    ),
+    hoveredItem === "workspaces" && /* @__PURE__ */ jsx(
       WorkspaceModal,
       {
         position: modalPosition,
@@ -10432,4 +10378,4 @@ export {
   CardOutput as y,
   CardUserFollowUp as z
 };
-//# sourceMappingURL=components-DwhQhLPm.js.map
+//# sourceMappingURL=components-nIVUDr7n.js.map