@elevasis/ui 2.36.0 → 2.38.0

package/dist/chunk-IIMU5YAJ.js

@@ -0,0 +1,53 @@
+import { sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize } from './chunk-DT3QYZVU.js';
+import { Box, Group, ThemeIcon } from '@mantine/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SubshellSidebarSection = ({
+  icon: Icon,
+  label,
+  rightSection,
+  withTopBorder = false
+}) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      p: "sm",
+      style: {
+        borderTop: withTopBorder ? "1px solid var(--color-border)" : void 0,
+        borderBottom: "1px solid var(--color-border)"
+      },
+      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(
+          ThemeIcon,
+          {
+            variant: "light",
+            size: sidebarIconSize,
+            style: {
+              backgroundColor: "var(--color-surface)",
+              color: "var(--color-primary)",
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, stroke: sidebarIconStroke })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            c: "var(--color-text)",
+            style: {
+              fontFamily: "var(--elevasis-font-family-subtitle)",
+              flex: 1,
+              fontSize: "var(--mantine-font-size-md)",
+              fontWeight: 500,
+              lineHeight: 1.2
+            },
+            children: label
+          }
+        ),
+        rightSection
+      ] })
+    }
+  );
+};
+
+export { SubshellSidebarSection };

package/dist/chunk-JXVNHVK7.js

@@ -0,0 +1,79 @@
+import { useElevasisServices } from './chunk-KJ3QUBNU.js';
+import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
+
+var PRIORITY_ORDER = {
+  urgent: 0,
+  high: 1,
+  normal: 2,
+  low: 3
+};
+function sortNotes(notes) {
+  return [...notes].sort((a, b) => {
+    if (a.pinned !== b.pinned) return a.pinned ? -1 : 1;
+    const pa = PRIORITY_ORDER[a.priority] ?? 2;
+    const pb = PRIORITY_ORDER[b.priority] ?? 2;
+    if (pa !== pb) return pa - pb;
+    return new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime();
+  });
+}
+var userNotesKeys = {
+  all: ["user-notes"],
+  list: (workOSOrgId) => [...userNotesKeys.all, "list", workOSOrgId]
+};
+function useUserNotes() {
+  const { apiRequest, isReady, workOSOrganizationId } = useElevasisServices();
+  return useQuery({
+    queryKey: userNotesKeys.list(workOSOrganizationId),
+    queryFn: async () => {
+      const response = await apiRequest("/user-notes");
+      return sortNotes(response.notes);
+    },
+    enabled: isReady
+  });
+}
+function useCreateUserNote() {
+  const queryClient = useQueryClient();
+  const { apiRequest, workOSOrganizationId } = useElevasisServices();
+  return useMutation({
+    mutationFn: (data) => apiRequest("/user-notes", {
+      method: "POST",
+      body: JSON.stringify(data)
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: userNotesKeys.list(workOSOrganizationId)
+      });
+    }
+  });
+}
+function useUpdateUserNote() {
+  const queryClient = useQueryClient();
+  const { apiRequest, workOSOrganizationId } = useElevasisServices();
+  return useMutation({
+    mutationFn: ({ id, ...data }) => apiRequest(`/user-notes/${id}`, {
+      method: "PATCH",
+      body: JSON.stringify(data)
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: userNotesKeys.list(workOSOrganizationId)
+      });
+    }
+  });
+}
+function useDeleteUserNote() {
+  const queryClient = useQueryClient();
+  const { apiRequest, workOSOrganizationId } = useElevasisServices();
+  return useMutation({
+    mutationFn: (id) => apiRequest(`/user-notes/${id}`, {
+      method: "DELETE"
+    }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: userNotesKeys.list(workOSOrganizationId)
+      });
+    }
+  });
+}
+
+export { useCreateUserNote, useDeleteUserNote, useUpdateUserNote, useUserNotes, userNotesKeys };

package/dist/chunk-M7Q4UBRY.js

@@ -0,0 +1,85 @@
+import { useRouterContext } from './chunk-Q7DJKLEN.js';
+import { useOptionalElevasisSystems } from './chunk-C6BDBZRO.js';
+import { useMemo } from 'react';
+
+var useBreadcrumbs = (options = {}) => {
+  const { currentPath } = useRouterContext();
+  const systemContext = useOptionalElevasisSystems();
+  const { labelsByPath = {} } = options;
+  return useMemo(() => {
+    const shellModel = systemContext?.shellModel;
+    const overriddenLabel = labelsByPath[currentPath];
+    if (overriddenLabel) {
+      return [{ label: overriddenLabel, isActive: true }];
+    }
+    if (shellModel) {
+      const matchedNode = shellModel.findByPath(currentPath);
+      if (matchedNode) {
+        return shellModel.ancestorsOf(matchedNode.id).map((node, index, items) => ({
+          label: labelsByPath[node.path ?? ""] ?? node.label,
+          path: index === items.length - 1 ? void 0 : node.path,
+          isActive: index === items.length - 1
+        }));
+      }
+    }
+    const segments = currentPath.split("/").filter(Boolean);
+    if (segments.length === 0) {
+      return [{ label: "Dashboard", isActive: true }];
+    }
+    const breadcrumbs = [{ label: "Dashboard", path: "/" }];
+    let currentSegmentPath = "";
+    for (let i = 0; i < segments.length; i++) {
+      currentSegmentPath += `/${segments[i]}`;
+      const isLast = i === segments.length - 1;
+      const label = labelsByPath[currentSegmentPath] ?? formatSegmentLabel(segments[i]);
+      breadcrumbs.push({
+        label,
+        path: isLast ? void 0 : currentSegmentPath,
+        isActive: isLast
+      });
+    }
+    return breadcrumbs;
+  }, [currentPath, systemContext, labelsByPath]);
+};
+function formatSegmentLabel(segment) {
+  const decodedSegment = safeDecodeURIComponent(segment);
+  const routeLabel = formatRouteIdLabel(decodedSegment);
+  if (routeLabel) return routeLabel;
+  return titleCaseSegment(decodedSegment);
+}
+function safeDecodeURIComponent(value) {
+  try {
+    return decodeURIComponent(value);
+  } catch {
+    return value;
+  }
+}
+function formatRouteIdLabel(segment) {
+  if (segment.startsWith("group:")) {
+    const groupKey = segment.slice("group:".length);
+    return groupKey === "graph" ? "Ontology" : titleCaseSegment(groupKey);
+  }
+  if (segment.startsWith("domain:")) {
+    return titleCaseSegment(segment.slice("domain:".length));
+  }
+  if (segment.startsWith("item:")) {
+    const rest = segment.slice("item:".length);
+    const separatorIndex = rest.indexOf(":");
+    const itemId = separatorIndex === -1 ? rest : rest.slice(separatorIndex + 1);
+    return formatOntologyOrIdLabel(itemId);
+  }
+  if (segment.startsWith("ontology:")) {
+    return formatOntologyOrIdLabel(segment);
+  }
+  return void 0;
+}
+function formatOntologyOrIdLabel(value) {
+  const localId = value.includes("/") ? value.slice(value.lastIndexOf("/") + 1) : value;
+  const suffix = localId.includes(":") ? localId.slice(localId.lastIndexOf(":") + 1) : localId;
+  return titleCaseSegment(suffix);
+}
+function titleCaseSegment(segment) {
+  return segment.split("-").flatMap((part) => part.split("_")).flatMap((part) => part.split(".")).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+
+export { useBreadcrumbs };

package/dist/{chunk-K4UZU3TU.js → chunk-P34FFSOX.js}

@@ -1,4 +1,4 @@
-import { buildOrganizationGraph, projectOrganizationSurfaces, compileOrganizationOntology, SemanticIcon, getSortedSidebarEntries, parseOntologyId, getSystem, resolveSystemConfig } from './chunk-O2Q4VMRN.js';
+import { buildOrganizationGraph, projectOrganizationSurfaces, compileOrganizationOntology, SemanticIcon, getSortedSidebarEntries, parseOntologyId, getSystem, resolveSystemConfig } from './chunk-566XWGPP.js';
 import { useMemo, useState, useRef, useEffect } from 'react';
 import { useTree, Text, Tree, UnstyledButton, Group, TextInput } from '@mantine/core';
 import { useClipboard } from '@mantine/hooks';

package/dist/chunk-PGWANFNE.js

@@ -0,0 +1,112 @@
+import { mantineThemeOverride, createCssVariablesResolver } from './chunk-7ZWXTH5J.js';
+import { PresetsProvider } from './chunk-6D4LCJ52.js';
+import { PRESETS, getPreset, generateShades } from './chunk-WF7CONXF.js';
+import { AppBackground } from './chunk-WLOQ4IBG.js';
+import { ElevasisCoreProvider } from './chunk-H2MEFUQD.js';
+import { ElevasisLoader } from './chunk-I53EX4VU.js';
+import { AppearanceProvider } from './chunk-A7IG36LB.js';
+import { getErrorInfo, formatErrorMessage, getErrorTitle } from './chunk-X66MVMZT.js';
+import { useElevasisSystems, ElevasisSystemsProvider } from './chunk-C6BDBZRO.js';
+import { resolveOrganizationModel } from './chunk-566XWGPP.js';
+import { useMemo, useEffect } from 'react';
+import { Loader, mergeThemeOverrides, MantineProvider } from '@mantine/core';
+import '@mantine/core/styles.css';
+import '@mantine/notifications/styles.css';
+import { notifications } from '@mantine/notifications';
+import { jsx } from 'react/jsx-runtime';
+
+var EMPTY_CANONICAL_MODEL = resolveOrganizationModel(void 0, { mergeDefaults: false });
+function useResolvedOrganizationModel() {
+  const { organizationModel } = useElevasisSystems();
+  return useMemo(() => organizationModel ?? EMPTY_CANONICAL_MODEL, [organizationModel]);
+}
+var mantineAdapter = {
+  success(title, message) {
+    notifications.show({ title, message, autoClose: 5e3, color: "green", position: "top-right" });
+  },
+  error(title, message) {
+    notifications.show({ title, message, autoClose: 5e3, color: "red", position: "top-right" });
+  },
+  info(title, message) {
+    notifications.show({ title, message, autoClose: 5e3, color: "blue", position: "top-right" });
+  },
+  warning(title, message) {
+    notifications.show({ title, message, autoClose: 5e3, color: "orange", position: "top-right" });
+  },
+  apiError(error) {
+    const { message, code, requestId, fields, retryAfter } = getErrorInfo(error);
+    const hasFields = fields && Object.keys(fields).length > 0;
+    notifications.show({
+      title: getErrorTitle(code),
+      message: formatErrorMessage(message, requestId, fields, retryAfter),
+      autoClose: retryAfter ? retryAfter * 1e3 : hasFields ? 8e3 : 5e3,
+      color: "red",
+      position: "top-right"
+    });
+  }
+};
+function ElevasisUIProvider({ theme, children, ...coreProps }) {
+  const resolvedColorScheme = theme?.colorScheme ?? "dark";
+  const activePresets = theme?.presets ?? PRESETS;
+  const preset = useMemo(() => getPreset(theme?.preset ?? "default", theme?.presets), [theme?.preset, theme?.presets]);
+  const resolvedAppearance = {
+    background: theme?.background ?? preset.background ?? /* @__PURE__ */ jsx(AppBackground, {}),
+    loader: theme?.loader ?? preset.loader ?? /* @__PURE__ */ jsx(Loader, { size: "xl", loaders: { elevasis: ElevasisLoader }, type: "elevasis" })
+  };
+  useEffect(() => {
+    if (!preset.fontImports?.length) return;
+    const links = [];
+    for (const href of preset.fontImports) {
+      if (document.querySelector(`link[href="${href}"]`)) continue;
+      const link = document.createElement("link");
+      link.rel = "stylesheet";
+      link.href = href;
+      document.head.appendChild(link);
+      links.push(link);
+    }
+    const subtitleFont = preset.subtitleFontFamily ?? preset.framework?.headings?.fontFamily ?? preset.framework?.fontFamily ?? "";
+    document.documentElement.style.setProperty("--elevasis-font-family-subtitle", subtitleFont);
+    return () => {
+      links.forEach((l) => l.remove());
+      document.documentElement.style.removeProperty("--elevasis-font-family-subtitle");
+    };
+  }, [
+    preset.fontImports,
+    preset.subtitleFontFamily,
+    preset.framework?.headings?.fontFamily,
+    preset.framework?.fontFamily
+  ]);
+  const resolvedTheme = useMemo(() => {
+    const primaryHex = theme?.tokens?.primary ?? preset.dark.primary;
+    const primaryOverride = {
+      primaryColor: "primary",
+      colors: { primary: generateShades(primaryHex) }
+    };
+    let base = mergeThemeOverrides(mantineThemeOverride, primaryOverride);
+    if (preset.framework) base = mergeThemeOverrides(base, preset.framework);
+    return theme?.mantine ? mergeThemeOverrides(base, theme.mantine) : base;
+  }, [theme?.mantine, preset, theme?.tokens?.primary]);
+  const cssVariablesResolver = useMemo(
+    () => createCssVariablesResolver(theme?.tokens, theme?.preset, theme?.presets),
+    [theme?.tokens, theme?.preset, theme?.presets]
+  );
+  return /* @__PURE__ */ jsx(
+    MantineProvider,
+    {
+      theme: resolvedTheme,
+      defaultColorScheme: resolvedColorScheme,
+      cssVariablesResolver,
+      children: /* @__PURE__ */ jsx(PresetsProvider, { value: activePresets, children: /* @__PURE__ */ jsx(AppearanceProvider, { value: resolvedAppearance, children: /* @__PURE__ */ jsx(ElevasisCoreProvider, { notifications: mantineAdapter, ...coreProps, children }) }) })
+    }
+  );
+}
+function createTestSystemsProvider({
+  organizationModel,
+  systems = []
+} = {}) {
+  return function TestSystemsProvider({ children }) {
+    return /* @__PURE__ */ jsx(ElevasisSystemsProvider, { systems, organizationModel, children });
+  };
+}
+
+export { ElevasisUIProvider, createTestSystemsProvider, useResolvedOrganizationModel };