@elevasis/ui 2.33.2 → 2.35.0

package/dist/app/index.js

@@ -1,26 +1,42 @@
-import { ElevasisUIProvider } from '../chunk-OIBHQH5Q.js';
-import '../chunk-RQA2EVN3.js';
-import '../chunk-3FV6HBXS.js';
+import { AppErrorBoundary, ElevasisSystemsProvider, useElevasisSystems, SystemShell, ElevasisUIProvider } from '../chunk-26HFM4MH.js';
+import '../chunk-CXY7FMUM.js';
+import '../chunk-SIQ3P4OR.js';
+import '../chunk-3KMDHCAR.js';
+import '../chunk-AKW7KISS.js';
+import '../chunk-WF7CONXF.js';
+import '../chunk-ZTWA5H77.js';
+import '../chunk-AUDNF2Q7.js';
+import '../chunk-6M6OLGQY.js';
+import '../chunk-BRXELOHC.js';
+import { listAllSystems } from '../chunk-4U3XAWCN.js';
+import { SidebarProvider, AppShellContainer, Sidebar, AppShellRightSideContainer, AppShellRightSideOuterContainer } from '../chunk-LUYVRATI.js';
+import '../chunk-NYBEU5TE.js';
 import '../chunk-WLOQ4IBG.js';
-import '../chunk-GWGQI6V4.js';
-import '../chunk-SZHARWKU.js';
-import '../chunk-52K5RFDH.js';
-import '../chunk-ND5TDV2J.js';
-import '../chunk-HUJCU55S.js';
-import '../chunk-E565XMTQ.js';
-import '../chunk-2RJMVWFJ.js';
+import '../chunk-57OZ3AEG.js';
+import '../chunk-JBWJ6WHZ.js';
+import '../chunk-GX6XBRRF.js';
+import '../chunk-R3VCBZDC.js';
+import '../chunk-DT3QYZVU.js';
+import { TanStackRouterBridge, ScrollToTop } from '../chunk-2IFYDILW.js';
+import '../chunk-Q7DJKLEN.js';
+import '../chunk-HENXLGVD.js';
+import '../chunk-7FPLLSHN.js';
+import '../chunk-RNP5R5I3.js';
+import '../chunk-GEFWMU26.js';
 import '../chunk-KRWALB24.js';
+import { useSessionCheck } from '../chunk-VKIZUUPM.js';
 import { useInitialization } from '../chunk-533DUEQY.js';
 import '../chunk-DD3CCMCZ.js';
 import '../chunk-2Q2JQSQO.js';
 import '../chunk-KJ3QUBNU.js';
 import '../chunk-BRJ3QZ4E.js';
 import '../chunk-I2KLQ2HA.js';
-import { useCallback, useEffect } from 'react';
-import { RouterProvider } from '@tanstack/react-router';
+import { useMemo, useCallback, useEffect } from 'react';
+import { useLocation, Outlet, useNavigate, RouterProvider } from '@tanstack/react-router';
 import { Notifications } from '@mantine/notifications';
 import { useAuth } from '@workos-inc/authkit-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useComputedColorScheme } from '@mantine/core';
 
 var DEFAULT_PRESET = "default";
 var DEFAULT_COLOR_SCHEME = "dark";
@@ -98,5 +114,127 @@ function createElevasisApp(config) {
   ElevasisApp.displayName = "ElevasisApp";
   return ElevasisApp;
 }
+function devOnlySubsectionPaths(organizationModel) {
+  return listAllSystems(organizationModel).filter(({ system }) => system.devOnly && (system.ui?.path ?? system.path)).flatMap(({ system }) => {
+    const path = system.ui?.path ?? system.path;
+    return path ? [path] : [];
+  });
+}
+function renderTopbar(topbar, context) {
+  return typeof topbar === "function" ? topbar(context) : topbar;
+}
+function ElevasisAuthenticatedShell({
+  systems,
+  organizationModel,
+  logos,
+  topbar,
+  children,
+  fullScreenPaths = ["/login", "/auth-redirect"],
+  readyMode = "organization",
+  accountPath = "/settings/account",
+  signOutReturnTo,
+  appVersion,
+  timeRange,
+  operationsApiUrl,
+  operationsSSEManager,
+  deliveryApiUrl,
+  deliverySSEManager,
+  disabledSubsectionPaths,
+  isDev = import.meta.env?.DEV ?? false,
+  errorFallback,
+  onError,
+  sidebarLinks
+}) {
+  const computedColorScheme = useComputedColorScheme("dark");
+  const { user, isLoading, signOut } = useAuth();
+  const initialization = useInitialization();
+  const location = useLocation();
+  const isDark = computedColorScheme === "dark";
+  useSessionCheck();
+  const resolvedDisabledSubsectionPaths = useMemo(() => {
+    if (isDev) return [...disabledSubsectionPaths ?? []];
+    return [.../* @__PURE__ */ new Set([...devOnlySubsectionPaths(organizationModel), ...disabledSubsectionPaths ?? []])];
+  }, [disabledSubsectionPaths, isDev, organizationModel]);
+  const isFullScreenPage = fullScreenPaths.includes(location.pathname);
+  const isReady = readyMode === "user" ? initialization.userReady : initialization.allReady;
+  const shouldShowSidebar = Boolean(user && !isLoading && !isFullScreenPage && isReady);
+  if (!shouldShowSidebar) {
+    return /* @__PURE__ */ jsx(TanStackRouterBridge, { children: children ?? /* @__PURE__ */ jsx(Outlet, {}) });
+  }
+  return /* @__PURE__ */ jsx(TanStackRouterBridge, { children: /* @__PURE__ */ jsx(AppErrorBoundary, { fallback: errorFallback, onError, appVersion, children: /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsx(
+    ElevasisSystemsProvider,
+    {
+      systems,
+      organizationModel,
+      timeRange,
+      operationsApiUrl,
+      operationsSSEManager,
+      deliveryApiUrl,
+      deliverySSEManager,
+      disabledSubsectionPaths: resolvedDisabledSubsectionPaths,
+      children: /* @__PURE__ */ jsx(
+        AuthenticatedShellLayout,
+        {
+          accountPath,
+          children,
+          initialization,
+          isDark,
+          isDev,
+          logos,
+          sidebarLinks,
+          signOutReturnTo,
+          signOut,
+          topbar,
+          user
+        }
+      )
+    }
+  ) }) }) });
+}
+function AuthenticatedShellLayout({
+  accountPath,
+  children,
+  initialization,
+  isDark,
+  isDev,
+  logos,
+  sidebarLinks,
+  signOutReturnTo,
+  signOut,
+  topbar,
+  user
+}) {
+  const navigate = useNavigate();
+  const { getSidebarLinks } = useElevasisSystems();
+  const isPlatformAdmin = Boolean(initialization.profile?.is_platform_admin);
+  const projectedLinks = getSidebarLinks({ isPlatformAdmin, isDev });
+  const visibleNavItems = sidebarLinks ? sidebarLinks(projectedLinks) : projectedLinks;
+  const handleLogout = () => {
+    if (signOutReturnTo) {
+      signOut({ returnTo: signOutReturnTo });
+    } else {
+      signOut();
+    }
+  };
+  return /* @__PURE__ */ jsxs(AppShellContainer, { children: [
+    /* @__PURE__ */ jsx(
+      Sidebar,
+      {
+        user: user ?? void 0,
+        links: visibleNavItems,
+        onLogout: handleLogout,
+        onAccountClick: () => navigate({ to: accountPath }),
+        logo: isDark ? logos?.dark : logos?.light
+      }
+    ),
+    /* @__PURE__ */ jsxs(AppShellRightSideContainer, { children: [
+      renderTopbar(topbar, { isDark, user, initialization }),
+      /* @__PURE__ */ jsxs(AppShellRightSideOuterContainer, { children: [
+        /* @__PURE__ */ jsx(ScrollToTop, {}),
+        /* @__PURE__ */ jsx(SystemShell, { children: children ?? /* @__PURE__ */ jsx(Outlet, {}) })
+      ] })
+    ] })
+  ] });
+}
 
-export { createElevasisApp };
+export { ElevasisAuthenticatedShell, createElevasisApp };

package/dist/charts/index.js

@@ -1,13 +1,10 @@
-export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-4DYOXEH6.js';
-import '../chunk-VNAZTCHA.js';
-import '../chunk-EPTHX4VZ.js';
+export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-SIQ3P4OR.js';
 import '../chunk-3KMDHCAR.js';
-import '../chunk-SZHARWKU.js';
 import '../chunk-NYBEU5TE.js';
+import '../chunk-DT3QYZVU.js';
 import '../chunk-2IFYDILW.js';
 import '../chunk-Q7DJKLEN.js';
-import '../chunk-DT3QYZVU.js';
-import '../chunk-2RJMVWFJ.js';
+import '../chunk-GEFWMU26.js';
 import '../chunk-KRWALB24.js';
 import '../chunk-VKIZUUPM.js';
 import '../chunk-533DUEQY.js';