@pablo2410/shared-ui 0.3.2

package/dist/hierarchy/index.d.ts

@@ -0,0 +1,179 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+/**
+ * @oplytics/shared-ui/hierarchy — Org Hierarchy Types & Utilities
+ *
+ * Hierarchy: Enterprise > Business Unit > Site > Area > Asset
+ *
+ * Single source of truth for org-hierarchy types used by:
+ *   - Portal (direct DB via tRPC)
+ *   - All subdomains (via Portal Service API)
+ *
+ * The canonical data shape matches the Portal Service API response:
+ *   GET /api/service/hierarchy
+ */
+interface OrgHierarchyNode {
+    id: number;
+    name: string;
+    code?: string;
+}
+interface OrgHierarchyEnterprise extends OrgHierarchyNode {
+}
+interface OrgHierarchyBusinessUnit extends OrgHierarchyNode {
+    enterpriseId: number;
+}
+interface OrgHierarchySite extends OrgHierarchyNode {
+    enterpriseId: number;
+    businessUnitId: number;
+    location?: string | null;
+}
+interface OrgHierarchyArea extends OrgHierarchyNode {
+    siteId: number;
+}
+interface OrgHierarchyAsset extends OrgHierarchyNode {
+    siteId: number;
+    areaId: number;
+    assetType?: string;
+}
+/**
+ * Canonical flat hierarchy payload.
+ * Every consumer (Portal tRPC, Service API REST) must return this shape.
+ */
+interface OrgHierarchyData {
+    enterprises: OrgHierarchyEnterprise[];
+    businessUnits: OrgHierarchyBusinessUnit[];
+    sites: OrgHierarchySite[];
+    areas: OrgHierarchyArea[];
+    assets: OrgHierarchyAsset[];
+}
+interface OrgHierarchySelection {
+    enterprise: OrgHierarchyNode | null;
+    businessUnit: OrgHierarchyNode | null;
+    site: OrgHierarchyNode | null;
+    area: OrgHierarchyNode | null;
+    asset: OrgHierarchyNode | null;
+}
+declare const ORG_HIERARCHY_EMPTY: OrgHierarchySelection;
+interface OrgHierarchyContextValue {
+    /** Current selection at each level */
+    selection: OrgHierarchySelection;
+    /** Flat lists filtered by current selection */
+    enterprises: OrgHierarchyNode[];
+    businessUnits: OrgHierarchyNode[];
+    sites: OrgHierarchyNode[];
+    areas: OrgHierarchyNode[];
+    assets: OrgHierarchyNode[];
+    /** Setters — selecting a level clears all levels below it */
+    selectEnterprise: (node: OrgHierarchyNode | null) => void;
+    selectBusinessUnit: (node: OrgHierarchyNode | null) => void;
+    selectSite: (node: OrgHierarchyNode | null) => void;
+    selectArea: (node: OrgHierarchyNode | null) => void;
+    selectAsset: (node: OrgHierarchyNode | null) => void;
+    /** Whether the user can switch enterprises (platform_admin only) */
+    canSwitchEnterprise: boolean;
+    /** Loading state */
+    loading: boolean;
+    /** Breadcrumb trail as an array of { level, node } */
+    breadcrumbs: {
+        level: string;
+        node: OrgHierarchyNode;
+    }[];
+}
+declare const ORG_HIERARCHY_LEVELS: readonly ["enterprise", "businessUnit", "site", "area", "asset"];
+type OrgHierarchyLevel = (typeof ORG_HIERARCHY_LEVELS)[number];
+/** Human-readable labels for each level */
+declare const ORG_HIERARCHY_LABELS: Record<OrgHierarchyLevel, string>;
+
+/**
+ * Enterprise Override — shared helper for platform_admin enterprise switching.
+ *
+ * When a platform_admin switches enterprise in the Portal UI, a cookie
+ * `oplytics-active-enterprise` is set with the selected enterprise ID.
+ * This cookie is shared across all *.oplytics.digital subdomains.
+ *
+ * Each subdomain's createContext should call applyEnterpriseOverride()
+ * to override the user's DB-stored enterpriseId with the cookie value.
+ *
+ * Used by: Portal, SQDCP, OEE Manager, Action Manager, Business Hub, Connect
+ */
+/**
+ * Cookie name for the platform_admin active enterprise override.
+ * Shared across all *.oplytics.digital subdomains via the .oplytics.digital domain.
+ */
+declare const ACTIVE_ENTERPRISE_COOKIE = "oplytics-active-enterprise";
+/**
+ * Apply the enterprise override for platform_admin users.
+ *
+ * If the user is a platform_admin and has the active enterprise cookie set,
+ * returns a shallow copy of the user with the overridden enterpriseId.
+ * Otherwise returns the user unchanged.
+ *
+ * @param user - The authenticated user (or null)
+ * @param cookieHeader - The raw Cookie header string from the request
+ * @returns The user with potentially overridden enterpriseId
+ */
+declare function applyEnterpriseOverride<T extends {
+    role: string;
+    enterpriseId?: number | null;
+}>(user: T | null, cookieHeader: string): T | null;
+
+interface CreateOrgHierarchyContextOptions {
+    /**
+     * Unique sessionStorage key for this subdomain's selection persistence.
+     * e.g. "oplytics-portal-org-hierarchy", "oplytics-sqdcp-org-hierarchy"
+     */
+    storageKey: string;
+    /**
+     * React hook that fetches the flat hierarchy data.
+     * Must return { data, isLoading } where data is OrgHierarchyData | null.
+     */
+    useHierarchyData: () => {
+        data: OrgHierarchyData | null;
+        isLoading: boolean;
+    };
+}
+declare function createOrgHierarchyContext(options: CreateOrgHierarchyContextOptions): {
+    OrgHierarchyProvider: ({ children, canSwitchEnterprise, onEnterpriseSwitched, }: {
+        children: ReactNode;
+        canSwitchEnterprise?: boolean;
+        /**
+         * Callback fired when a platform_admin switches enterprise.
+         * Used to persist the switch to the backend (e.g. via auth.switchEnterprise mutation).
+         * Only called when canSwitchEnterprise is true and the user explicitly changes enterprise.
+         */
+        onEnterpriseSwitched?: (enterpriseId: number | null) => void;
+    }) => react_jsx_runtime.JSX.Element;
+    useOrgHierarchy: () => OrgHierarchyContextValue;
+};
+
+interface DropdownRenderProps {
+    trigger: ReactNode;
+    items: Array<{
+        key: number;
+        label: string;
+        code?: string;
+        icon: React.ElementType;
+        isActive: boolean;
+        onClick: () => void;
+    }>;
+    align?: "start" | "end";
+}
+interface HierarchyNavigatorProps {
+    /** The hierarchy context value — pass from useOrgHierarchy() */
+    hierarchy: OrgHierarchyContextValue;
+    /** Show in compact mode (smaller text, tighter spacing) */
+    compact?: boolean;
+    /** Maximum depth to show (default: all 5 levels) */
+    maxDepth?: number;
+    /** CSS class for the container */
+    className?: string;
+    /**
+     * Render prop for dropdown menus. If not provided, dropdowns won't open.
+     * Consuming apps should pass a function that renders their shadcn/ui DropdownMenu.
+     */
+    renderDropdown?: (props: DropdownRenderProps) => ReactNode;
+}
+declare function HierarchyNavigator({ hierarchy: ctx, compact, maxDepth, className, renderDropdown, }: HierarchyNavigatorProps): react_jsx_runtime.JSX.Element;
+
+export { ACTIVE_ENTERPRISE_COOKIE, type CreateOrgHierarchyContextOptions, type DropdownRenderProps, HierarchyNavigator, type HierarchyNavigatorProps, ORG_HIERARCHY_EMPTY, ORG_HIERARCHY_LABELS, ORG_HIERARCHY_LEVELS, type OrgHierarchyArea, type OrgHierarchyAsset, type OrgHierarchyBusinessUnit, type OrgHierarchyContextValue, type OrgHierarchyData, type OrgHierarchyEnterprise, type OrgHierarchyLevel, type OrgHierarchyNode, type OrgHierarchySelection, type OrgHierarchySite, applyEnterpriseOverride, createOrgHierarchyContext };

package/dist/hierarchy/index.js

@@ -0,0 +1,475 @@
+import {
+  cn
+} from "../chunk-JT3XLKKD.js";
+
+// src/hierarchy/orgHierarchy.ts
+var ORG_HIERARCHY_EMPTY = {
+  enterprise: null,
+  businessUnit: null,
+  site: null,
+  area: null,
+  asset: null
+};
+var ORG_HIERARCHY_LEVELS = [
+  "enterprise",
+  "businessUnit",
+  "site",
+  "area",
+  "asset"
+];
+var ORG_HIERARCHY_LABELS = {
+  enterprise: "Enterprise",
+  businessUnit: "Business Unit",
+  site: "Site",
+  area: "Area",
+  asset: "Asset"
+};
+
+// src/hierarchy/enterpriseOverride.ts
+var ACTIVE_ENTERPRISE_COOKIE = "oplytics-active-enterprise";
+function parseCookieValue(cookieHeader, name) {
+  const match = cookieHeader.split(";").map((c) => c.trim()).find((c) => c.startsWith(`${name}=`));
+  if (!match) return null;
+  return decodeURIComponent(match.slice(name.length + 1));
+}
+function applyEnterpriseOverride(user, cookieHeader) {
+  if (!user || user.role !== "platform_admin") return user;
+  const activeEnterprise = parseCookieValue(
+    cookieHeader,
+    ACTIVE_ENTERPRISE_COOKIE
+  );
+  if (!activeEnterprise) return user;
+  const parsedId = parseInt(activeEnterprise, 10);
+  if (isNaN(parsedId) || parsedId <= 0) return user;
+  return { ...user, enterpriseId: parsedId };
+}
+
+// src/hierarchy/OrgHierarchyContext.tsx
+import {
+  createContext,
+  useContext,
+  useCallback,
+  useMemo,
+  useState,
+  useEffect
+} from "react";
+import { jsx } from "react/jsx-runtime";
+function loadPersistedSelection(key) {
+  try {
+    const raw = sessionStorage.getItem(key);
+    if (!raw) return null;
+    return JSON.parse(raw);
+  } catch {
+    return null;
+  }
+}
+function persistSelection(key, sel) {
+  try {
+    sessionStorage.setItem(key, JSON.stringify(sel));
+  } catch {
+  }
+}
+function createOrgHierarchyContext(options) {
+  const { storageKey, useHierarchyData } = options;
+  const OrgHierarchyCtx = createContext({
+    selection: ORG_HIERARCHY_EMPTY,
+    enterprises: [],
+    businessUnits: [],
+    sites: [],
+    areas: [],
+    assets: [],
+    selectEnterprise: () => {
+    },
+    selectBusinessUnit: () => {
+    },
+    selectSite: () => {
+    },
+    selectArea: () => {
+    },
+    selectAsset: () => {
+    },
+    canSwitchEnterprise: false,
+    loading: true,
+    breadcrumbs: []
+  });
+  function OrgHierarchyProvider({
+    children,
+    canSwitchEnterprise = false,
+    onEnterpriseSwitched
+  }) {
+    const [selection, setSelection] = useState(
+      () => loadPersistedSelection(storageKey) || ORG_HIERARCHY_EMPTY
+    );
+    useEffect(() => {
+      persistSelection(storageKey, selection);
+    }, [selection]);
+    const { data: hierarchy, isLoading } = useHierarchyData();
+    const enterprises = useMemo(() => {
+      if (!hierarchy?.enterprises) return [];
+      return hierarchy.enterprises.map((e) => ({
+        id: e.id,
+        name: e.name,
+        code: e.code
+      }));
+    }, [hierarchy]);
+    const businessUnits = useMemo(() => {
+      if (!hierarchy?.businessUnits || !selection.enterprise) return [];
+      return hierarchy.businessUnits.filter((bu) => bu.enterpriseId === selection.enterprise.id).map((bu) => ({ id: bu.id, name: bu.name, code: bu.code }));
+    }, [hierarchy, selection.enterprise]);
+    const sites = useMemo(() => {
+      if (!hierarchy?.sites || !selection.enterprise) return [];
+      let filtered = hierarchy.sites.filter(
+        (s) => s.enterpriseId === selection.enterprise.id
+      );
+      if (selection.businessUnit) {
+        filtered = filtered.filter(
+          (s) => s.businessUnitId === selection.businessUnit.id
+        );
+      }
+      return filtered.map((s) => ({ id: s.id, name: s.name, code: s.code }));
+    }, [hierarchy, selection.enterprise, selection.businessUnit]);
+    const areas = useMemo(() => {
+      if (!hierarchy?.areas || !selection.site) return [];
+      return hierarchy.areas.filter((a) => a.siteId === selection.site.id).map((a) => ({ id: a.id, name: a.name, code: a.code }));
+    }, [hierarchy, selection.site]);
+    const assets = useMemo(() => {
+      if (!hierarchy?.assets || !selection.area) return [];
+      return hierarchy.assets.filter((a) => a.areaId === selection.area.id).map((a) => ({ id: a.id, name: a.name, code: a.code }));
+    }, [hierarchy, selection.area]);
+    useEffect(() => {
+      if (isLoading || enterprises.length === 0) return;
+      if (!selection.enterprise) {
+        if (!canSwitchEnterprise || enterprises.length === 1) {
+          setSelection((prev) => ({ ...prev, enterprise: enterprises[0] }));
+        }
+      }
+    }, [isLoading, enterprises, selection.enterprise, canSwitchEnterprise]);
+    const selectEnterprise = useCallback((node) => {
+      setSelection({
+        enterprise: node,
+        businessUnit: null,
+        site: null,
+        area: null,
+        asset: null
+      });
+      if (canSwitchEnterprise && onEnterpriseSwitched) {
+        onEnterpriseSwitched(node?.id ?? null);
+      }
+    }, [canSwitchEnterprise, onEnterpriseSwitched]);
+    const selectBusinessUnit = useCallback((node) => {
+      setSelection((prev) => ({
+        ...prev,
+        businessUnit: node,
+        site: null,
+        area: null,
+        asset: null
+      }));
+    }, []);
+    const selectSite = useCallback((node) => {
+      setSelection((prev) => ({
+        ...prev,
+        site: node,
+        area: null,
+        asset: null
+      }));
+    }, []);
+    const selectArea = useCallback((node) => {
+      setSelection((prev) => ({
+        ...prev,
+        area: node,
+        asset: null
+      }));
+    }, []);
+    const selectAsset = useCallback((node) => {
+      setSelection((prev) => ({
+        ...prev,
+        asset: node
+      }));
+    }, []);
+    const breadcrumbs = useMemo(() => {
+      const crumbs = [];
+      if (selection.enterprise)
+        crumbs.push({ level: "Enterprise", node: selection.enterprise });
+      if (selection.businessUnit)
+        crumbs.push({ level: "Business Unit", node: selection.businessUnit });
+      if (selection.site)
+        crumbs.push({ level: "Site", node: selection.site });
+      if (selection.area)
+        crumbs.push({ level: "Area", node: selection.area });
+      if (selection.asset)
+        crumbs.push({ level: "Asset", node: selection.asset });
+      return crumbs;
+    }, [selection]);
+    const value = useMemo(
+      () => ({
+        selection,
+        enterprises,
+        businessUnits,
+        sites,
+        areas,
+        assets,
+        selectEnterprise,
+        selectBusinessUnit,
+        selectSite,
+        selectArea,
+        selectAsset,
+        canSwitchEnterprise,
+        loading: isLoading,
+        breadcrumbs
+      }),
+      [
+        selection,
+        enterprises,
+        businessUnits,
+        sites,
+        areas,
+        assets,
+        selectEnterprise,
+        selectBusinessUnit,
+        selectSite,
+        selectArea,
+        selectAsset,
+        canSwitchEnterprise,
+        isLoading,
+        breadcrumbs
+      ]
+    );
+    return /* @__PURE__ */ jsx(OrgHierarchyCtx.Provider, { value, children });
+  }
+  function useOrgHierarchy() {
+    return useContext(OrgHierarchyCtx);
+  }
+  return { OrgHierarchyProvider, useOrgHierarchy };
+}
+
+// src/hierarchy/HierarchyNavigator.tsx
+import { ChevronRight, ChevronDown, Building2, Network, MapPin, LayoutGrid, Box } from "lucide-react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function BreadcrumbLevel({
+  config,
+  isLast,
+  compact,
+  renderDropdown
+}) {
+  const nodes = config.getNodes();
+  const selected = config.getSelected();
+  const Icon = config.icon;
+  const canSwitch = config.canSwitch !== false;
+  const hasMultiple = nodes.length > 1;
+  if (!selected) return null;
+  if (!hasMultiple || !canSwitch) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center gap-1.5 px-2 py-1 rounded-md text-sm",
+            "text-[#E2E8F0]",
+            compact && "px-1.5 py-0.5 text-xs"
+          ),
+          children: [
+            /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0 text-[#8890A0]", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
+            /* @__PURE__ */ jsx2("span", { className: "truncate max-w-[120px]", children: selected.name })
+          ]
+        }
+      ),
+      !isLast && /* @__PURE__ */ jsx2(ChevronRight, { className: cn("shrink-0 text-[#596475]", compact ? "h-3 w-3" : "h-3.5 w-3.5") })
+    ] });
+  }
+  const trigger = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: cn(
+        "flex items-center gap-1.5 px-2 py-1 rounded-md text-sm",
+        "text-[#E2E8F0] hover:bg-[#1E2738] hover:text-white",
+        "transition-colors cursor-pointer outline-none",
+        "focus-visible:ring-1 focus-visible:ring-[#8C34E9]",
+        compact && "px-1.5 py-0.5 text-xs"
+      ),
+      children: [
+        /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0 text-[#8890A0]", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
+        /* @__PURE__ */ jsx2("span", { className: "truncate max-w-[120px]", children: selected.name }),
+        /* @__PURE__ */ jsx2(ChevronDown, { className: cn("shrink-0 text-[#596475]", compact ? "h-2.5 w-2.5" : "h-3 w-3") })
+      ]
+    }
+  );
+  const items = nodes.map((node) => ({
+    key: node.id,
+    label: node.name,
+    code: node.code,
+    icon: Icon,
+    isActive: selected.id === node.id,
+    onClick: () => config.onSelect(node)
+  }));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+    renderDropdown ? renderDropdown({ trigger, items, align: "start" }) : (
+      // Fallback: simple select-style rendering
+      /* @__PURE__ */ jsx2("div", { className: "relative group", children: trigger })
+    ),
+    !isLast && /* @__PURE__ */ jsx2(ChevronRight, { className: cn("shrink-0 text-[#596475]", compact ? "h-3 w-3" : "h-3.5 w-3.5") })
+  ] });
+}
+function DrillDownPrompt({
+  label,
+  icon: Icon,
+  nodes,
+  onSelect,
+  compact,
+  renderDropdown
+}) {
+  if (nodes.length === 0) return null;
+  if (nodes.length === 1) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx2(ChevronRight, { className: cn("shrink-0 text-[#596475]", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => onSelect(nodes[0]),
+          className: cn(
+            "flex items-center gap-1.5 px-2 py-1 rounded-md text-sm",
+            "text-[#596475] hover:bg-[#1E2738] hover:text-[#8890A0]",
+            "transition-colors cursor-pointer",
+            compact && "px-1.5 py-0.5 text-xs"
+          ),
+          children: [
+            /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
+            /* @__PURE__ */ jsx2("span", { className: "truncate", children: nodes[0].name })
+          ]
+        }
+      )
+    ] });
+  }
+  const trigger = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: cn(
+        "flex items-center gap-1.5 px-2 py-1 rounded-md text-sm",
+        "text-[#596475] hover:bg-[#1E2738] hover:text-[#8890A0]",
+        "transition-colors cursor-pointer outline-none",
+        "border border-dashed border-[#2A2A3E] hover:border-[#596475]",
+        compact && "px-1.5 py-0.5 text-xs"
+      ),
+      children: [
+        /* @__PURE__ */ jsx2(Icon, { className: cn("shrink-0", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
+        /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+          "Select ",
+          label
+        ] }),
+        /* @__PURE__ */ jsx2(ChevronDown, { className: cn("shrink-0", compact ? "h-2.5 w-2.5" : "h-3 w-3") })
+      ]
+    }
+  );
+  const items = nodes.map((node) => ({
+    key: node.id,
+    label: node.name,
+    code: node.code,
+    icon: Icon,
+    isActive: false,
+    onClick: () => onSelect(node)
+  }));
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx2(ChevronRight, { className: cn("shrink-0 text-[#596475]", compact ? "h-3 w-3" : "h-3.5 w-3.5") }),
+    renderDropdown ? renderDropdown({ trigger, items, align: "start" }) : /* @__PURE__ */ jsx2("div", { className: "relative group", children: trigger })
+  ] });
+}
+function HierarchyNavigator({
+  hierarchy: ctx,
+  compact = false,
+  maxDepth = 5,
+  className,
+  renderDropdown
+}) {
+  if (ctx.loading) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 animate-pulse", className), children: [
+      /* @__PURE__ */ jsx2("div", { className: "h-6 w-24 rounded bg-[#1E2738]" }),
+      /* @__PURE__ */ jsx2(ChevronRight, { className: "h-3.5 w-3.5 text-[#596475]" }),
+      /* @__PURE__ */ jsx2("div", { className: "h-6 w-20 rounded bg-[#1E2738]" })
+    ] });
+  }
+  const levels = [
+    {
+      key: "enterprise",
+      label: "Enterprise",
+      icon: Building2,
+      getNodes: () => ctx.enterprises,
+      getSelected: () => ctx.selection.enterprise,
+      onSelect: ctx.selectEnterprise,
+      canSwitch: ctx.canSwitchEnterprise
+    },
+    {
+      key: "businessUnit",
+      label: "Business Unit",
+      icon: Network,
+      getNodes: () => ctx.businessUnits,
+      getSelected: () => ctx.selection.businessUnit,
+      onSelect: ctx.selectBusinessUnit
+    },
+    {
+      key: "site",
+      label: "Site",
+      icon: MapPin,
+      getNodes: () => ctx.sites,
+      getSelected: () => ctx.selection.site,
+      onSelect: ctx.selectSite
+    },
+    {
+      key: "area",
+      label: "Area",
+      icon: LayoutGrid,
+      getNodes: () => ctx.areas,
+      getSelected: () => ctx.selection.area,
+      onSelect: ctx.selectArea
+    },
+    {
+      key: "asset",
+      label: "Asset",
+      icon: Box,
+      getNodes: () => ctx.assets,
+      getSelected: () => ctx.selection.asset,
+      onSelect: ctx.selectAsset
+    }
+  ].slice(0, maxDepth);
+  const selectedLevels = levels.filter((l) => l.getSelected() !== null);
+  const nextLevel = levels.find((l) => l.getSelected() === null && l.getNodes().length > 0);
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      className: cn("flex items-center flex-wrap gap-0.5", className),
+      "aria-label": "Hierarchy navigation",
+      children: [
+        selectedLevels.map((level, idx) => /* @__PURE__ */ jsx2(
+          BreadcrumbLevel,
+          {
+            config: level,
+            isLast: idx === selectedLevels.length - 1 && !nextLevel,
+            compact,
+            renderDropdown
+          },
+          level.key
+        )),
+        nextLevel && /* @__PURE__ */ jsx2(
+          DrillDownPrompt,
+          {
+            label: nextLevel.label,
+            icon: nextLevel.icon,
+            nodes: nextLevel.getNodes(),
+            onSelect: nextLevel.onSelect,
+            compact,
+            renderDropdown
+          }
+        ),
+        selectedLevels.length === 0 && !nextLevel && /* @__PURE__ */ jsx2("span", { className: "text-sm text-[#596475] italic", children: "No hierarchy data available" })
+      ]
+    }
+  );
+}
+export {
+  ACTIVE_ENTERPRISE_COOKIE,
+  HierarchyNavigator,
+  ORG_HIERARCHY_EMPTY,
+  ORG_HIERARCHY_LABELS,
+  ORG_HIERARCHY_LEVELS,
+  applyEnterpriseOverride,
+  createOrgHierarchyContext
+};
+//# sourceMappingURL=index.js.map