@ixo/ui 0.0.37 → 0.0.39

package/dist/{components-CzYIAVLV.js → components-HlNIe7CZ.js}

@@ -4,7 +4,7 @@ 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, d as ArrowLeftSolid, e as Canvas, H as HistorySolid, U as User, f as AngleLeftSolid, M as MinusCircleSolid, h as SettingsBarSolid, G as Globe, D as Dashboard, i as Groups, j as UserCircleSolid, k as Assets$1, l as Claims, m as Accounts, n as LinkedResources, o as Proposals, I as ImpactCredits, p as GoTo, q as Share, r as PiePiece, s as ImpactCertificates, t as CommentDotsSolid, u as CommentAltSolid, v as MicrophoneSolid, w as Command, x as ArrowCircleRightSolid, y as Protocols, z as Investments, O as Oracles, B as Projects, F as Daos, J as Star, K as AngleRightSolid, N as Expand, Q as LeafSolid, R as ArrowDownSolid, T as ArrowRightSolid, V as Play, W as CheckCircle, X as Events, Y as ThumbsUpSolid, Z as CommentsSolid, _ as CopySolid, $ as Hourglass, a0 as Act, a1 as Info$1, a2 as ClaimsW, a3 as TachometerAltSolid, a4 as UserCogSolid, a5 as UsersSolid, a6 as EllipsisHSolid } from "./UsersSolid-C6NkfomI.js";
 import { useState, useCallback, useRef, useEffect, Suspense, lazy, forwardRef, useMemo, useId, 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, Popover, Text as Text$1, Badge as Badge$1, Center, AppShell, Skeleton, Stack as Stack$1, Tooltip as Tooltip$4, Divider, ScrollArea } from "@mantine/core";
+import { Accordion as Accordion$1, Box, Image, Popover, Text as Text$1, Badge as Badge$1, Center, AppShell, Skeleton, Stack as Stack$1, Tooltip as Tooltip$4, Divider, ScrollArea, Space } from "@mantine/core";
 import { cx, css } from "@emotion/css";
 import { createPortal } from "react-dom";
 import DOMPurify from "dompurify";
@@ -774,8 +774,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = lazy(() => import("./index-F9Irhjcn.js"));
-const Footer = lazy(() => import("./index-CPagTbY2.js"));
+const Header$3 = lazy(() => import("./index-CHd1dAzt.js"));
+const Footer = lazy(() => import("./index-9UUyZZ-F.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-DQlyhNQS.js"));
+const Header$2 = lazy(() => import("./index-DBFKFDFv.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-vNRsVBzW.js"));
+const Badge = lazy(() => import("./index--70UT2n_.js"));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = useRef(null);
   const wrapperContentAreaRef = useRef(null);
@@ -2568,6 +2568,28 @@ function SpaceItem({ icon, id, name, selectedSpace, onClick }) {
     }
   );
 }
+function cutText(text, length, ending = "…") {
+  if (!length || text.length <= length) {
+    return text;
+  }
+  const words = text.split(" ");
+  const endingSize = ending.length;
+  let result = "";
+  for (const word of words) {
+    const newValue = result + word + " ";
+    if (newValue.length + endingSize - 1 > length) {
+      break;
+    }
+    result = newValue;
+  }
+  return result.trim() + ending;
+}
+function carbonToUSD(carbon) {
+  return (carbon * 0.03).toLocaleString(void 0, {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 6
+  });
+}
 const CANVAS_MIN_WIDTH = 350;
 const CONTENT_MIN_WIDTH = 350;
 function AppShellNavigation({
@@ -2595,6 +2617,7 @@ function AppShellNavigation({
   isAiBtnVisible,
   loading,
   children,
+  separator,
   aiNavbarContent,
   canvasContent,
   canvasMode = "hidden",
@@ -2634,6 +2657,7 @@ function AppShellNavigation({
     },
     [onSplitRatioChange]
   );
+  const isTitleOverflowing = (pageItem?.pageTitle?.length || 0) > 21;
   const handleSplitMouseUp = useCallback(() => {
     setIsSplitResizing(false);
     isSplitResizingRef.current = false;
@@ -2820,7 +2844,7 @@ function AppShellNavigation({
                 /* @__PURE__ */ jsxs(Flex, { mb: 24, style: { width: "100%" }, justify: "space-between", align: "center", children: [
                   /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "10px", children: [
                     isBackButtonVisible ? /* @__PURE__ */ jsx(Center, { onClick: onBackClick, sx: { borderRadius: 4, cursor: "pointer", padding: 2, background: theme.bg.navIconsBg }, children: /* @__PURE__ */ jsx(ArrowLeftSolid, { size: 18 }) }) : /* @__PURE__ */ jsx(Center, { sx: { borderRadius: 4, padding: 2, background: theme.bg.navIconsBg }, children: pageItem.pageIcon ? /* @__PURE__ */ jsx(pageItem.pageIcon, { size: 18 }) : /* @__PURE__ */ jsx(Globe, { size: 18 }) }),
-                    /* @__PURE__ */ jsx(Text$1, { lh: 1, c: theme.text.overPicture, children: pageItem.pageTitle || "Unknown" })
+                    /* @__PURE__ */ jsx(Tooltip$4, { label: pageItem.pageTitle || "Unknown", disabled: !isTitleOverflowing, position: "bottom", withArrow: true, children: /* @__PURE__ */ jsx(Text$1, { lh: 1, c: theme.text.overPicture, children: cutText(pageItem.pageTitle, 21) || "Unknown" }) })
                   ] }),
                   isAiBtnVisible && !isAiOpened && /* @__PURE__ */ jsx(
                     Center,
@@ -2840,7 +2864,15 @@ function AppShellNavigation({
                     }
                   )
                 ] }),
-                loading ? /* @__PURE__ */ jsx(Stack$1, { gap: 5, children: Array.from({ length: 6 }).map((_, idx) => /* @__PURE__ */ jsx(NavigationItemSkeleton, {}, idx)) }) : menuItems?.map((item) => /* @__PURE__ */ jsx(MenuItem, { onMenuItemClick, item }, item.id)),
+                loading ? /* @__PURE__ */ jsx(Stack$1, { gap: 5, children: Array.from({ length: 6 }).map((_, idx) => /* @__PURE__ */ jsx(NavigationItemSkeleton, {}, idx)) }) : menuItems?.map((item, index) => {
+                  if (index === separator) {
+                    return /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(Space, { h: 16 }),
+                      /* @__PURE__ */ jsx(MenuItem, { onMenuItemClick, item }, item.id)
+                    ] });
+                  }
+                  return /* @__PURE__ */ jsx(MenuItem, { onMenuItemClick, item }, item.id);
+                }),
                 roomCategories && roomCategories.length > 0 && /* @__PURE__ */ jsx(Stack$1, { gap: 8, mt: 16, children: roomCategories.map((category) => /* @__PURE__ */ jsx(RoomCategory, { category }, category.id)) })
               ] }),
               /* @__PURE__ */ jsx(Stack$1, { gap: 5, children: footerContent })
@@ -5941,13 +5973,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = lazy(() => import("./index-B3L8bASL.js"));
-const Header$1 = lazy(() => import("./index-Cjz-hgYn.js"));
-const Content = lazy(() => import("./index-CcmQ18nv.js"));
+const MainAction = lazy(() => import("./index-Cdq0xepm.js"));
+const Header$1 = lazy(() => import("./index-DhGqlduA.js"));
+const Content = lazy(() => import("./index-E541J7_X.js"));
 const Map = lazy(() => import("./index-D5Ufmf-s.js"));
 const CustomContent = lazy(() => import("./index-DsYjW_4y.js"));
-const Assets = lazy(() => import("./index-FtJpq2EO.js"));
-const Actions = lazy(() => import("./index-kDLY4FBs.js"));
+const Assets = lazy(() => import("./index-BmURKcEG.js"));
+const Actions = lazy(() => import("./index-BJlA64RQ.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);
@@ -6284,28 +6316,6 @@ function AssetInfo({
     }
   );
 }
-function cutText(text, length, ending = "…") {
-  if (!length || text.length <= length) {
-    return text;
-  }
-  const words = text.split(" ");
-  const endingSize = ending.length;
-  let result = "";
-  for (const word of words) {
-    const newValue = result + word + " ";
-    if (newValue.length + endingSize - 1 > length) {
-      break;
-    }
-    result = newValue;
-  }
-  return result.trim() + ending;
-}
-function carbonToUSD(carbon) {
-  return (carbon * 0.03).toLocaleString(void 0, {
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 6
-  });
-}
 const SHARED_ASSET_PROPS = {
   leftTitleColor: "text",
   rightTitleColor: "text",
@@ -11262,4 +11272,4 @@ export {
   CardHero as y,
   CardSelector as z
 };
-//# sourceMappingURL=components-CzYIAVLV.js.map
+//# sourceMappingURL=components-HlNIe7CZ.js.map