@ixo/ui 0.0.21 → 0.0.23

package/dist/.vite/manifest.json

@@ -29,16 +29,16 @@
       "_useUITheme-7i8NJ2FG.js"
     ]
   },
-  "_components-BNly6Y-x.cjs": {
-    "file": "components-BNly6Y-x.cjs",
+  "_components-BVa_RzKb.js": {
+    "file": "components-BVa_RzKb.js",
     "name": "components",
     "imports": [
-      "_UsersSolid-3ru3TJi-.cjs",
-      "_constants-DFJRYpE2.cjs",
-      "_useUITheme-DqgAb7n1.cjs",
-      "_Blank-DapEucFF.cjs",
-      "_useEventSubscribe-BTFTMdWH.cjs",
-      "_themes-BwGjuKnC.cjs"
+      "_UsersSolid-DaQkEA44.js",
+      "_constants-B7xlU8b8.js",
+      "_useUITheme-7i8NJ2FG.js",
+      "_Blank-CElsicB7.js",
+      "_useEventSubscribe-16wxaghO.js",
+      "_themes-ZDjULHjG.js"
     ],
     "dynamicImports": [
       "src/components/ActionCard/components/Header/index.tsx",
@@ -55,16 +55,16 @@
       "src/components/SodaCard/components/Actions/index.tsx"
     ]
   },
-  "_components-DiauxYoY.js": {
-    "file": "components-DiauxYoY.js",
+  "_components-_MkU3jTT.cjs": {
+    "file": "components-_MkU3jTT.cjs",
     "name": "components",
     "imports": [
-      "_UsersSolid-DaQkEA44.js",
-      "_constants-B7xlU8b8.js",
-      "_useUITheme-7i8NJ2FG.js",
-      "_Blank-CElsicB7.js",
-      "_useEventSubscribe-16wxaghO.js",
-      "_themes-ZDjULHjG.js"
+      "_UsersSolid-3ru3TJi-.cjs",
+      "_constants-DFJRYpE2.cjs",
+      "_useUITheme-DqgAb7n1.cjs",
+      "_Blank-DapEucFF.cjs",
+      "_useEventSubscribe-BTFTMdWH.cjs",
+      "_themes-BwGjuKnC.cjs"
     ],
     "dynamicImports": [
       "src/components/ActionCard/components/Header/index.tsx",
@@ -103,18 +103,18 @@
       "_constants-B7xlU8b8.js"
     ]
   },
-  "_index-CgJoa5CY.js": {
-    "file": "index-CgJoa5CY.js",
+  "_index-BcQO39Nm.js": {
+    "file": "index-BcQO39Nm.js",
     "name": "index",
     "imports": [
-      "_components-DiauxYoY.js"
+      "_components-BVa_RzKb.js"
     ]
   },
-  "_index-DWhpg1N7.cjs": {
-    "file": "index-DWhpg1N7.cjs",
+  "_index-CLUVUEvd.cjs": {
+    "file": "index-CLUVUEvd.cjs",
     "name": "index",
     "imports": [
-      "_components-BNly6Y-x.cjs"
+      "_components-_MkU3jTT.cjs"
     ]
   },
   "_themes-BwGjuKnC.cjs": {
@@ -158,41 +158,41 @@
     "name": "utils"
   },
   "src/components/ActionCard/components/Footer/index.tsx": {
-    "file": "index-B-OdChcI.cjs",
+    "file": "index-BkHXIaln.cjs",
     "name": "index",
     "src": "src/components/ActionCard/components/Footer/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_index-DWhpg1N7.cjs",
-      "_components-BNly6Y-x.cjs"
+      "_index-CLUVUEvd.cjs",
+      "_components-_MkU3jTT.cjs"
     ]
   },
   "src/components/ActionCard/components/Header/index.tsx": {
-    "file": "index-DkxiMwu0.cjs",
+    "file": "index-BdurzkQE.cjs",
     "name": "index",
     "src": "src/components/ActionCard/components/Header/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-BNly6Y-x.cjs",
+      "_components-_MkU3jTT.cjs",
       "_UsersSolid-3ru3TJi-.cjs"
     ]
   },
   "src/components/ActionSheet/components/Badge/index.tsx": {
-    "file": "index-tbar1igU.cjs",
+    "file": "index-Cbh2O8ES.cjs",
     "name": "index",
     "src": "src/components/ActionSheet/components/Badge/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-BNly6Y-x.cjs"
+      "_components-_MkU3jTT.cjs"
     ]
   },
   "src/components/Card/components/Header/index.tsx": {
-    "file": "index-CyALadsH.cjs",
+    "file": "index-DFEKL4SE.cjs",
     "name": "index",
     "src": "src/components/Card/components/Header/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-BNly6Y-x.cjs"
+      "_components-_MkU3jTT.cjs"
     ]
   },
   "src/components/Chart/components/LazyChart/index.tsx": {
@@ -202,31 +202,31 @@
     "isDynamicEntry": true
   },
   "src/components/SodaCard/components/Actions/index.tsx": {
-    "file": "index-BRD5ffg_.cjs",
+    "file": "index-Cjc9U9We.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Actions/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_index-DWhpg1N7.cjs",
-      "_components-BNly6Y-x.cjs"
+      "_index-CLUVUEvd.cjs",
+      "_components-_MkU3jTT.cjs"
     ]
   },
   "src/components/SodaCard/components/Assets/index.tsx": {
-    "file": "index-Dg7GVuRa.cjs",
+    "file": "index-B67PPfoW.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Assets/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-BNly6Y-x.cjs"
+      "_components-_MkU3jTT.cjs"
     ]
   },
   "src/components/SodaCard/components/Content/index.tsx": {
-    "file": "index-C6QZLB5t.cjs",
+    "file": "index-DtDKdj1b.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Content/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-BNly6Y-x.cjs",
+      "_components-_MkU3jTT.cjs",
       "_utils-BmyeZmSR.cjs"
     ]
   },
@@ -237,22 +237,22 @@
     "isDynamicEntry": true
   },
   "src/components/SodaCard/components/Header/index.tsx": {
-    "file": "index-CvlLzI5F.cjs",
+    "file": "index-paAq-KH4.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Header/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-BNly6Y-x.cjs",
+      "_components-_MkU3jTT.cjs",
       "_constants-DFJRYpE2.cjs"
     ]
   },
   "src/components/SodaCard/components/MainAction/index.tsx": {
-    "file": "index-DSQZMIiq.cjs",
+    "file": "index-1_x_N7t0.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/MainAction/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-BNly6Y-x.cjs"
+      "_components-_MkU3jTT.cjs"
     ]
   },
   "src/components/SodaCard/components/Map/index.tsx": {
@@ -272,7 +272,7 @@
     "src": "src/export/components.ts",
     "isEntry": true,
     "imports": [
-      "_components-BNly6Y-x.cjs"
+      "_components-_MkU3jTT.cjs"
     ]
   },
   "src/export/hooks.ts": {

package/dist/components/AppShellNavigation/index.d.ts

@@ -65,7 +65,8 @@ type Props = {
     roomCategories?: IRoomCategory[];
     onAddSpaceClick?: () => void;
     onMinusSpaceClick?: () => void;
+    loading?: boolean;
 };
-export declare function AppShellNavigation({ spaces, pageItem, selectedSpace, temporarySpace, menuItems, companyIcon, onAddSpaceClick, onMinusSpaceClick, avatarIcon, onMenuItemClick, onSettingsIconClick, onBackClick, isBackButtonVisible, footerMenuItems, roomCategories, right, asideCollapsed, onAsideToggle, onMaxExpand, children }: PropsWithChildren<Props>): ReactElement;
+export declare function AppShellNavigation({ spaces, pageItem, selectedSpace, temporarySpace, menuItems, companyIcon, onAddSpaceClick, onMinusSpaceClick, avatarIcon, onMenuItemClick, onSettingsIconClick, onBackClick, isBackButtonVisible, footerMenuItems, roomCategories, right, asideCollapsed, onAsideToggle, onMaxExpand, loading, children }: PropsWithChildren<Props>): ReactElement;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/AppShellNavigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppShellNavigation/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppShellNavigation/index.tsx"],"names":[],"mappings":"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"}

package/dist/{components-DiauxYoY.js → components-BVa_RzKb.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, U as User, M as MinusCircleSolid, d as SettingsBarSolid, e as AngleRightSolid, f as ArrowLeftSolid, G as Globe, h as PanelLeftSolid, i as AngleLeftSolid, D as Dashboard, j as Groups, k as UserCircleSolid, l as Assets$1, m as Claims, n as Accounts, H as HistorySolid, o as LinkedResources, p as Proposals, I as ImpactCredits, q as GoTo, r as Share, s as PiePiece, t as ImpactCertificates, u as CommentDotsSolid, v as CommentAltSolid, w as MicrophoneSolid, x as Command, y as ArrowCircleRightSolid, z as Protocols, B as Investments, O as Oracles, F as Projects, J as Daos, K as Star, 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-DaQkEA44.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, Popover, Text as Text$1, AppShell, Stack as Stack$1, Center, Divider, Badge as Badge$1 } from "@mantine/core";
+import { Accordion as Accordion$1, Box, Image, Popover, Text as Text$1, AppShell, Stack as Stack$1, Center, Divider, Skeleton, Badge as Badge$1 } 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-BEPf-oww.js"));
-const Footer = lazy(() => import("./index-D1qxMoa7.js"));
+const Header$3 = lazy(() => import("./index--LjJTdzu.js"));
+const Footer = lazy(() => import("./index-CXPbR4SM.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-DiaEMA08.js"));
+const Header$2 = lazy(() => import("./index-BOTqKAb1.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-BSnZaaec.js"));
+const Badge = lazy(() => import("./index-DYBoPRXQ.js"));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = useRef(null);
   const wrapperContentAreaRef = useRef(null);
@@ -2247,6 +2247,50 @@ function SelectedIndicator() {
     }
   );
 }
+function NavigationItemSkeleton() {
+  const theme = useUITheme();
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      align: "center",
+      gap: 8,
+      pl: 12,
+      pr: 12,
+      py: 6,
+      style: {
+        borderRadius: 8,
+        backgroundColor: theme.bg.navIconsBg
+      },
+      children: [
+        /* @__PURE__ */ jsx(Flex, { align: "center", gap: 4, style: { flex: 1 }, children: /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            height: "15px",
+            radius: "xl",
+            sx: {
+              "::before": { opacity: 0 },
+              "::after": { opacity: 1 }
+            },
+            style: { opacity: 0.2 }
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            height: 16,
+            width: 16,
+            radius: 4,
+            sx: {
+              "::before": { opacity: 0 },
+              "::after": { opacity: 1 }
+            },
+            style: { opacity: 0.3 }
+          }
+        )
+      ]
+    }
+  );
+}
 function SpaceItem({ icon, id, selectedSpace, onClick }) {
   const { hovered, ref } = useHover();
   const theme = useUITheme();
@@ -2433,6 +2477,7 @@ function AppShellNavigation({
   asideCollapsed = true,
   onAsideToggle,
   onMaxExpand,
+  loading,
   children
 }) {
   const [navbarCollapsed, { toggle: toggleNavbar }] = useDisclosure(true);
@@ -2524,10 +2569,10 @@ function AppShellNavigation({
                 ] }),
                 /* @__PURE__ */ jsx(Flex, { gap: 12, align: "center", children: /* @__PURE__ */ jsx(Center, { sx: { cursor: "pointer" }, onClick: toggleNavbar, children: /* @__PURE__ */ jsx(PanelLeftSolid, { size: 22, color: "secondary" }) }) })
               ] }),
-              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) => /* @__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: footerMenuItems?.map((item) => /* @__PURE__ */ jsx(MenuItem, { onMenuItemClick, item }, item.id)) })
+            /* @__PURE__ */ jsx(Stack$1, { gap: 5, children: loading ? Array.from({ length: 2 }).map((_, idx) => /* @__PURE__ */ jsx(NavigationItemSkeleton, {}, idx)) : footerMenuItems?.map((item) => /* @__PURE__ */ jsx(MenuItem, { onMenuItemClick, item }, item.id)) })
           ] })
         ] }) }),
         /* @__PURE__ */ jsx(AppShell.Main, { children }),
@@ -5509,13 +5554,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = lazy(() => import("./index-BYSvOzsh.js"));
-const Header$1 = lazy(() => import("./index-fNXZD1uS.js"));
-const Content = lazy(() => import("./index-V6nXvrtz.js"));
+const MainAction = lazy(() => import("./index-xNbZOX1W.js"));
+const Header$1 = lazy(() => import("./index-DgTFhRUq.js"));
+const Content = lazy(() => import("./index-BXJlwJE1.js"));
 const Map = lazy(() => import("./index-D5Ufmf-s.js"));
 const CustomContent = lazy(() => import("./index-DsYjW_4y.js"));
-const Assets = lazy(() => import("./index-CFSb7f2s.js"));
-const Actions = lazy(() => import("./index-yCF1_HyR.js"));
+const Assets = lazy(() => import("./index-C89NsxdP.js"));
+const Actions = lazy(() => import("./index-CjplLGYu.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);
@@ -10829,4 +10874,4 @@ export {
   CardSelector as y,
   CardOutput as z
 };
-//# sourceMappingURL=components-DiauxYoY.js.map
+//# sourceMappingURL=components-BVa_RzKb.js.map