@ck-ui/component-library 2.0.0 → 2.0.1

package/dist/components/Sidebar/Sidebar.utils.d.ts

@@ -0,0 +1,7 @@
+import { SidebarMenuItem } from './Sidebar.types';
+export declare function normalizeUrl(url: string | undefined): string;
+export declare function isItemActive(item: SidebarMenuItem, currentPath: string, allItems: SidebarMenuItem[]): boolean;
+export declare function isTreeActive(item: SidebarMenuItem, currentPath: string, allItems: SidebarMenuItem[]): boolean;
+export declare function capitalizeFirstLetter(str: string): string;
+export declare function addBreakOpportunities(text: string | undefined): string;
+//# sourceMappingURL=Sidebar.utils.d.ts.map

package/dist/components/Sidebar/Sidebar.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.utils.d.ts","sourceRoot":"","sources":["../../../lib/components/Sidebar/Sidebar.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAQ5D;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GACtE,OAAO,CAqBT;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GACtE,OAAO,CAGT;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAGzD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEtE"}

package/dist/components/Sidebar/Sidebar.utils.js

@@ -0,0 +1,48 @@
+function a(e) {
+  if (!e) return "";
+  let r = e.toLowerCase();
+  if (r.startsWith("http"))
+    try {
+      r = new URL(r).pathname.toLowerCase();
+    } catch {
+    }
+  return r = r.split("?")[0], r.endsWith("/") ? r.slice(0, -1) : r;
+}
+function l(e, r, n) {
+  if (e.name === "Customers" && e.dashboardServices?.length)
+    return r.toLowerCase().includes("dashboard/customers");
+  const t = a(e.url), s = a(r);
+  if (!t) return !1;
+  if (s === t) return !0;
+  if (!e.exactMatch && s.startsWith(`${t}/`)) {
+    let u = !1;
+    const c = (f) => {
+      for (const i of f) {
+        const o = a(i.url);
+        if (o && o !== t && s === o) {
+          u = !0;
+          return;
+        }
+        i.dashboardServices?.length && c(i.dashboardServices);
+      }
+    };
+    return c(n), !u;
+  }
+  return !1;
+}
+function d(e, r, n) {
+  return l(e, r, n) ? !0 : e.dashboardServices?.some((t) => d(t, r, n)) ?? !1;
+}
+function h(e) {
+  return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
+}
+function p(e) {
+  return e?.split(":")?.join(":​") ?? "";
+}
+export {
+  p as addBreakOpportunities,
+  h as capitalizeFirstLetter,
+  l as isItemActive,
+  d as isTreeActive,
+  a as normalizeUrl
+};

package/dist/components/Sidebar/components/CollapsedTooltip/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+interface CollapsedTooltipProps {
+    active: boolean;
+    icon: ReactNode;
+    label?: string | null;
+    children: ReactNode;
+    popupClassName?: string;
+    onClick?: () => void;
+}
+export declare function CollapsedTooltip({ active, icon, label, children, popupClassName, onClick }: CollapsedTooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/CollapsedTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/CollapsedTooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAY,EAAE,QAAQ,EAAE,cAAmB,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CA4B7H"}

package/dist/components/Sidebar/components/CollapsedTooltip/index.js

@@ -0,0 +1,35 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { useState as h, useRef as p } from "react";
+import { s as e } from "../../../../styles.module-BIdwTiuE.js";
+function $({ active: m, icon: d, label: r = null, children: f, popupClassName: v = "", onClick: a }) {
+  const [l, i] = h(!1), N = p(null), o = p(null), c = () => {
+    o.current && (clearTimeout(o.current), o.current = null), i(!0);
+  }, u = () => {
+    o.current = setTimeout(() => i(!1), 80);
+  };
+  return /* @__PURE__ */ t("div", { className: e["sidebar-popup"], ref: N, onMouseEnter: c, onMouseLeave: u, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: `${e["sidebar-menu-item"]} ${m || l ? e.active : ""}`,
+        onClick: a,
+        role: "menuitem",
+        tabIndex: 0,
+        onKeyDown: (n) => {
+          (n.key === "Enter" || n.key === " ") && (n.preventDefault(), a?.());
+        },
+        children: [
+          d,
+          r && /* @__PURE__ */ s("span", { className: e["menu-content"], children: r })
+        ]
+      }
+    ),
+    l && /* @__PURE__ */ t("div", { className: `${e["popover-container"]} ${v}`, onMouseEnter: c, onMouseLeave: u, role: "tooltip", children: [
+      /* @__PURE__ */ s("div", { className: e["popover-arrow"] }),
+      /* @__PURE__ */ s("div", { className: e["popover-content"], children: f })
+    ] })
+  ] });
+}
+export {
+  $ as CollapsedTooltip
+};

package/dist/components/Sidebar/components/ContactUsButton/index.d.ts

@@ -0,0 +1,8 @@
+interface ContactUsButtonProps {
+    collapsed: boolean;
+    contactUsUrl?: string;
+    onContactUsClick?: () => void;
+}
+export declare function ContactUsButton({ collapsed, contactUsUrl, onContactUsClick }: ContactUsButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/ContactUsButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ContactUsButton/index.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAAG,SAAS,EAAE,OAAO,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAAE;AAQ5G,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,EAAE,EAAE,oBAAoB,2CAYlG"}

package/dist/components/Sidebar/components/ContactUsButton/index.js

@@ -0,0 +1,14 @@
+import { jsx as n, jsxs as s, Fragment as a } from "react/jsx-runtime";
+import { IconRenderer as i } from "../IconRenderer/index.js";
+import { s as t } from "../../../../styles.module-BIdwTiuE.js";
+const d = /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M13.34 10.903c-.87-.87-1.94-.87-2.8 0l-.7.7c-.06.06-.13.09-.21.09-.08 0-.15-.03-.21-.09-.89-.63-1.7-1.37-2.42-2.19-.72-.82-1.32-1.71-1.78-2.67-.03-.06-.04-.12-.03-.18.01-.06.04-.11.09-.15l.7-.7c.87-.87.87-1.94 0-2.8L4.63 1.49c-.87-.87-1.94-.87-2.8 0l-.7.7C.37 2.95-.1 3.94.02 4.97c.26 2.23 1.21 4.33 2.72 6.03 1.51 1.7 3.47 2.89 5.64 3.42.41.1.83.15 1.25.15 1.05 0 2.06-.4 2.82-1.13l.7-.7c.87-.87.87-1.94 0-2.8l-1.81-1.01z", fill: "currentColor" }) });
+function f({ collapsed: c, contactUsUrl: e, onContactUsClick: r }) {
+  const o = /* @__PURE__ */ n("span", { className: t["menu-icon"], children: /* @__PURE__ */ n(i, { icon: d }) }), l = /* @__PURE__ */ s(a, { children: [
+    o,
+    !c && /* @__PURE__ */ n("span", { children: "Contact Us" })
+  ] });
+  return e && !r ? /* @__PURE__ */ n("div", { className: t["contact-us-btn"], children: /* @__PURE__ */ n("a", { href: e, rel: "noreferrer", className: `${t["contact-us-link"]} ${c ? t["collapsed-link"] : ""}`, "aria-label": "Contact Us", children: l }) }) : /* @__PURE__ */ n("div", { className: t["contact-us-btn"], children: /* @__PURE__ */ n("button", { type: "button", onClick: r, className: `${t["contact-us-link"]} ${c ? t["collapsed-link"] : ""}`, "aria-label": "Contact Us", children: l }) });
+}
+export {
+  f as ContactUsButton
+};

package/dist/components/Sidebar/components/ExploreSection/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { ExploreItem } from '../../Sidebar.types';
+interface ExploreSectionProps {
+    exploreList: ExploreItem[];
+    collapsed: boolean;
+    userType?: string;
+    cloudProviderIcons?: Record<string, ReactNode>;
+}
+export declare function ExploreSection({ exploreList, collapsed, userType, cloudProviderIcons }: ExploreSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/ExploreSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ExploreSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAKvD,UAAU,mBAAmB;IAAG,WAAW,EAAE,WAAW,EAAE,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CAAE;AAEpJ,wBAAgB,cAAc,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,mBAAmB,kDAuB3G"}

package/dist/components/Sidebar/components/ExploreSection/index.js

@@ -0,0 +1,22 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { SectionLabel as h } from "../SectionLabel/index.js";
+import { IconRenderer as c } from "../IconRenderer/index.js";
+import { s as o } from "../../../../styles.module-BIdwTiuE.js";
+function u({ exploreList: l, collapsed: n, userType: t, cloudProviderIcons: d }) {
+  if (!l || l.length === 0) return null;
+  const i = t === "CLOUDONOMICS";
+  return /* @__PURE__ */ s("div", { className: `${o["explore-section"]} ${n ? o["explore-collapsed"] : ""}`, children: [
+    /* @__PURE__ */ r(h, { label: "Explore", collapsed: n }),
+    l.map((e) => {
+      const a = d?.[e.cloudProvider] || e.icon;
+      return /* @__PURE__ */ s("div", { className: o["explore-links"], children: [
+        !n && /* @__PURE__ */ r(c, { icon: a }),
+        !n && /* @__PURE__ */ r("span", { children: e.displayName }),
+        /* @__PURE__ */ r("div", { className: i ? o["cursor-not-allowed"] : "", children: /* @__PURE__ */ r("a", { href: `//${e.link}`, target: "_blank", rel: "noopener noreferrer", className: i ? o["pointer-events-none"] : "", "aria-label": `Open ${e.displayName}`, children: n ? /* @__PURE__ */ r(c, { icon: a }) : /* @__PURE__ */ r("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ r("path", { d: "M11.667 11.667H2.333V2.333H7V1H2.333C1.593 1 1 1.6 1 2.333v9.334C1 12.4 1.593 13 2.333 13h9.334C12.4 13 13 12.4 13 11.667V7h-1.333v4.667zM8.333 1v1.333h2.394L4.08 8.98l.94.94 6.647-6.647v2.394H13V1H8.333z", fill: "currentColor" }) }) }) })
+      ] }, e.cloudProvider);
+    })
+  ] });
+}
+export {
+  u as ExploreSection
+};

package/dist/components/Sidebar/components/GptCard/index.d.ts

@@ -0,0 +1,14 @@
+import { SidebarMenuItem, GptCardProps } from '../../Sidebar.types';
+import { ReactNode } from 'react';
+interface GptCardWrapperProps {
+    item: SidebarMenuItem;
+    collapsed: boolean;
+    currentPath: string;
+    onNavigate: (path: string) => void;
+    open: boolean;
+    onToggle: (open: boolean) => void;
+    renderGptCard?: (props: GptCardProps) => ReactNode;
+}
+export declare function GptCardWrapper({ item, collapsed, currentPath, onNavigate, open, onToggle, renderGptCard }: GptCardWrapperProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/GptCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/GptCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,mBAAmB;IAAG,IAAI,EAAE,eAAe,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,SAAS,CAAC;CAAE;AAE3O,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,mBAAmB,kDA2B9H"}

package/dist/components/Sidebar/components/GptCard/index.js

@@ -0,0 +1,22 @@
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { s as e } from "../../../../styles.module-BIdwTiuE.js";
+function b({ item: i, collapsed: c, currentPath: o, onNavigate: n, open: s, onToggle: l, renderGptCard: d }) {
+  if (c) return null;
+  const a = o.endsWith("ck-gpt"), h = () => {
+    i.url ? n(i.url) : i.journey?.length && n(`/dashboard/${i.journey[0]}`);
+  };
+  return d ? /* @__PURE__ */ t("div", { className: `${e["chat-bot-btn"]} ${a ? e["gpt-disabled"] : ""}`, children: /* @__PURE__ */ t("div", { className: e["gpt-container"], children: d({ item: i, onNavigate: n, disabled: a, open: s, onToggle: l }) }) }) : /* @__PURE__ */ t("div", { className: `${e["chat-bot-btn"]} ${a ? e["gpt-disabled"] : ""}`, children: /* @__PURE__ */ r("div", { className: e["gpt-container"], children: [
+    /* @__PURE__ */ r("div", { className: e["gpt-header"], children: [
+      /* @__PURE__ */ t("span", { className: e["gpt-new-tag"], children: "★ New" }),
+      /* @__PURE__ */ t("button", { type: "button", className: e["gpt-toggle-btn"], onClick: () => l(!s), "aria-expanded": s, "aria-label": "Toggle GPT card", children: s ? /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ t("path", { d: "M3 5L7 9L11 5", stroke: "#6B7280", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) : /* @__PURE__ */ t("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ t("path", { d: "M3 9L7 5L11 9", stroke: "#6B7280", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: e["gpt-body"], style: { maxHeight: s ? "140px" : "0", opacity: s ? 1 : 0, overflow: "hidden", transition: "max-height 300ms ease, opacity 300ms ease" }, children: [
+      /* @__PURE__ */ t("p", { className: e["gpt-title"], children: "Lens GPT" }),
+      /* @__PURE__ */ t("div", { className: e["gpt-icons-row"], children: /* @__PURE__ */ t("span", { className: e["gpt-subtitle"], children: "AI Powered Insights" }) })
+    ] }),
+    /* @__PURE__ */ t("button", { type: "button", className: e["gpt-start-btn"], onClick: h, disabled: a, children: "Start Chat" })
+  ] }) });
+}
+export {
+  b as GptCardWrapper
+};

package/dist/components/Sidebar/components/IconRenderer/index.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface IconRendererProps {
+    icon: string | ReactNode | undefined;
+}
+export declare function IconRenderer({ icon }: IconRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/IconRenderer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/IconRenderer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACtC;AAWD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CAavD"}

package/dist/components/Sidebar/components/IconRenderer/index.js

@@ -0,0 +1,16 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { s as t } from "../../../../styles.module-BIdwTiuE.js";
+const o = /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+  /* @__PURE__ */ r("rect", { x: "1", y: "1", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" }),
+  /* @__PURE__ */ r("rect", { x: "9", y: "1", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" }),
+  /* @__PURE__ */ r("rect", { x: "1", y: "9", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" }),
+  /* @__PURE__ */ r("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.4" })
+] });
+function l({ icon: e }) {
+  const [s, i] = h(!1);
+  return e ? typeof e == "string" ? s ? /* @__PURE__ */ r("span", { className: t["icon-node"], children: o }) : /* @__PURE__ */ r("img", { src: e, alt: "", className: t["icon-img"], "aria-hidden": "true", onError: () => i(!0) }) : /* @__PURE__ */ r("span", { className: t["icon-node"], children: e }) : /* @__PURE__ */ r("span", { className: t["icon-node"], children: o });
+}
+export {
+  l as IconRenderer
+};

package/dist/components/Sidebar/components/MenuItemWrapper/index.d.ts

@@ -0,0 +1,13 @@
+import { SidebarMenuItem } from '../../Sidebar.types';
+interface MenuItemWrapperProps {
+    item: SidebarMenuItem;
+    active: boolean;
+    collapsed: boolean;
+    icon?: boolean;
+    level?: number;
+    onNavigate: (path: string) => void;
+    onMenuItemClick?: (item: SidebarMenuItem) => void;
+}
+export declare function MenuItemWrapper({ item, active, collapsed, icon, level, onNavigate, onMenuItemClick, }: MenuItemWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/MenuItemWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/MenuItemWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAK3D,UAAU,oBAAoB;IAC5B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAW,EAAE,KAAS,EAAE,UAAU,EAAE,eAAe,GAC7E,EAAE,oBAAoB,2CAsCtB"}

package/dist/components/Sidebar/components/MenuItemWrapper/index.js

@@ -0,0 +1,44 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { IconRenderer as f } from "../IconRenderer/index.js";
+import { addBreakOpportunities as N } from "../../Sidebar.utils.js";
+import { s as e } from "../../../../styles.module-BIdwTiuE.js";
+function $({
+  item: n,
+  active: s,
+  collapsed: i,
+  icon: c = !0,
+  level: t = 0,
+  onNavigate: m,
+  onMenuItemClick: d
+}) {
+  const a = () => {
+    n.url && m(n.url), d?.(n);
+  }, p = t > 0 && s, l = t > 0 ? 15 + (t - 1) * 16 : 0;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: `${e["sidebar-menu-item"]} ${e["leaf-item"]} ${s ? e.active : ""}`,
+      onClick: a,
+      onKeyDown: (o) => {
+        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), a());
+      },
+      role: "menuitem",
+      tabIndex: 0,
+      "aria-current": s ? "page" : void 0,
+      children: [
+        p && /* @__PURE__ */ r(
+          "span",
+          {
+            className: e["active-indicator"],
+            style: { left: `-${l}px` }
+          }
+        ),
+        c && /* @__PURE__ */ r("span", { className: e["menu-icon"], children: /* @__PURE__ */ r(f, { icon: n.icon }) }),
+        !i && /* @__PURE__ */ r("span", { className: e["menu-content"], children: N(n.name) })
+      ]
+    }
+  );
+}
+export {
+  $ as MenuItemWrapper
+};

package/dist/components/Sidebar/components/MenuRenderer/index.d.ts

@@ -0,0 +1,12 @@
+import { SidebarMenuItem as MenuItem } from '../../Sidebar.types';
+interface MenuRendererProps {
+    menuItems: MenuItem[];
+    currentPath: string;
+    collapsed: boolean;
+    multicloudExploreList?: unknown[];
+    onNavigate: (path: string) => void;
+    onMenuItemClick?: (item: MenuItem) => void;
+}
+export declare function MenuRenderer({ menuItems, currentPath, collapsed, multicloudExploreList, onNavigate, onMenuItemClick }: MenuRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/MenuRenderer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/MenuRenderer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAYvE,UAAU,iBAAiB;IACzB,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,EAAE,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,iBAAiB,2CA4GxI"}

package/dist/components/Sidebar/components/MenuRenderer/index.js

@@ -0,0 +1,77 @@
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import { useMemo as W, useCallback as f } from "react";
+import { MenuItemWrapper as g } from "../MenuItemWrapper/index.js";
+import { SubMenuWrapper as A } from "../SubMenuWrapper/index.js";
+import { CollapsedTooltip as b } from "../CollapsedTooltip/index.js";
+import { IconRenderer as L } from "../IconRenderer/index.js";
+import { useActiveDetection as B } from "../../hooks/useActiveDetection.js";
+import { useMenuState as K } from "../../hooks/useMenuState.js";
+import { SectionLabel as O } from "../SectionLabel/index.js";
+import { MULTICLOUD_VIEW_KEY as N, CHAT_BOT_KEY as _ } from "../../Sidebar.constants.js";
+import { addBreakOpportunities as T } from "../../Sidebar.utils.js";
+import { s as o } from "../../../../styles.module-BIdwTiuE.js";
+function Q({ menuItems: d, currentPath: S, collapsed: t, multicloudExploreList: y, onNavigate: i, onMenuItemClick: l }) {
+  const { isActive: c, isTreeActive: p } = B({ currentPath: S, allItems: d }), { openByLevel: w, toggleMenu: C } = K({ menuItems: d, currentPath: S }), k = W(
+    () => d.filter((e) => e.dashboardServices && e.dashboardServices.length > 0),
+    [d]
+  ), u = f((e, a) => {
+    const r = e.dashboardServices && e.dashboardServices.length > 0, s = p(e);
+    return r ? /* @__PURE__ */ n(b, { active: s, icon: /* @__PURE__ */ n("span", { className: o["menu-icon"], children: /* @__PURE__ */ n(L, { icon: e.icon }) }), popupClassName: a <= 1 ? o["single-child-popover"] : "", children: /* @__PURE__ */ v("div", { className: o["popover-menu"], children: [
+      /* @__PURE__ */ n("div", { className: o["popover-title"], children: e.name }),
+      /* @__PURE__ */ n("div", { className: o["popover-children"], children: e.dashboardServices.map((m) => x(m)) })
+    ] }) }, e.name) : /* @__PURE__ */ n(b, { active: c(e), icon: /* @__PURE__ */ n("span", { className: o["menu-icon"], children: /* @__PURE__ */ n(L, { icon: e.icon }) }), onClick: () => {
+      e.url && i(e.url), l?.(e);
+    }, children: /* @__PURE__ */ n("div", { className: o["popover-title-single"], children: e.name }) }, e.name);
+  }, [c, p, i, l]), x = f((e) => e.dashboardServices && e.dashboardServices.length > 0 ? /* @__PURE__ */ v("div", { className: o["popover-child-with-sub"], children: [
+    /* @__PURE__ */ n(b, { active: p(e), icon: null, label: e.name, popupClassName: o["nested-popover"], children: /* @__PURE__ */ v("div", { className: o["popover-menu"], children: [
+      /* @__PURE__ */ n("div", { className: o["popover-title"], children: e.name }),
+      /* @__PURE__ */ n("div", { className: o["popover-children"], children: e.dashboardServices.map((r) => /* @__PURE__ */ n(
+        "div",
+        {
+          className: `${o["popover-child-item"]} ${c(r) ? o.active : ""}`,
+          onClick: () => {
+            r.url && i(r.url), l?.(r);
+          },
+          onKeyDown: (s) => {
+            (s.key === "Enter" || s.key === " ") && (s.preventDefault(), r.url && i(r.url), l?.(r));
+          },
+          role: "menuitem",
+          tabIndex: 0,
+          children: T(r.name)
+        },
+        r.name
+      )) })
+    ] }) }),
+    /* @__PURE__ */ n("span", { className: o["popover-child-arrow"], children: /* @__PURE__ */ n("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+  ] }, e.name) : /* @__PURE__ */ n(
+    "div",
+    {
+      className: `${o["popover-child-item"]} ${c(e) ? o.active : ""}`,
+      onClick: () => {
+        e.url && i(e.url), l?.(e);
+      },
+      onKeyDown: (r) => {
+        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.url && i(e.url), l?.(e));
+      },
+      role: "menuitem",
+      tabIndex: 0,
+      children: T(e.name)
+    },
+    e.name
+  ), [c, p, i, l]), h = f((e, a = 0) => {
+    const r = e.dashboardServices && e.dashboardServices.length > 0, s = `${a}-${e.name}`, m = !!w[s], D = p(e), $ = a === 0 && k.length === 1;
+    return r ? /* @__PURE__ */ n(A, { item: e, isOpen: m, active: D, collapsed: !1, level: a, isSingleTopLevel: $, onToggle: () => C(s, a, e), children: e.dashboardServices.map((E) => h(E, a + 1)) }, e.name) : /* @__PURE__ */ n(g, { item: e, active: c(e), collapsed: !1, level: a, onNavigate: i, onMenuItemClick: l }, e.name);
+  }, [w, c, p, C, i, l, k]);
+  if (y && y.length > 0 && d.length > 0) {
+    const e = d.filter((r) => r.key === N), a = d.filter((r) => r.key !== N);
+    return /* @__PURE__ */ v("nav", { className: o["menu-renderer"], role: "menu", "aria-label": "Sidebar navigation", children: [
+      e.map((r, s) => t ? u(r, s) : h(r, 0)),
+      /* @__PURE__ */ n(O, { label: "Services", collapsed: t }),
+      a.map((r, s) => t ? u(r, s) : h(r, 0))
+    ] });
+  }
+  return /* @__PURE__ */ n("nav", { className: o["menu-renderer"], role: "menu", "aria-label": "Sidebar navigation", children: d.map((e, a) => !t && e.key === _ ? null : t ? u(e, a) : h(e, 0)) });
+}
+export {
+  Q as MenuRenderer
+};

package/dist/components/Sidebar/components/ModuleSwitchButton/index.d.ts

@@ -0,0 +1,11 @@
+import { ModuleItem } from '../../Sidebar.types';
+interface ModuleSwitchButtonProps {
+    modules: ModuleItem[];
+    collapsed: boolean;
+    currentModuleId?: string;
+    userType?: string;
+    onModuleSwitch: (moduleName: string) => void;
+}
+export declare function ModuleSwitchButton({ modules, collapsed, currentModuleId, userType, onModuleSwitch }: ModuleSwitchButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/ModuleSwitchButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/ModuleSwitchButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAKtD,UAAU,uBAAuB;IAAG,OAAO,EAAE,UAAU,EAAE,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAAE;AAE3K,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,uBAAuB,kDAoB5H"}

package/dist/components/Sidebar/components/ModuleSwitchButton/index.js

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { capitalizeFirstLetter as u } from "../../Sidebar.utils.js";
+import { Tooltip as p } from "../../../Tooltip/index.js";
+import { s as r } from "../../../../styles.module-BIdwTiuE.js";
+function g({ modules: s, collapsed: i, currentModuleId: a, userType: d, onModuleSwitch: c }) {
+  if (d !== "CUSTOMER") return null;
+  const o = s.filter((t) => t.feEnabled && t.type === "CUSTOMER" && t.id !== a);
+  return o.length === 0 ? null : /* @__PURE__ */ e("div", { className: r.boxShadow, children: o.map((t) => {
+    const n = `Switch to ${u(t.displayName)}`, l = /* @__PURE__ */ h("button", { type: "button", className: `${r["switch-module-btn"]} ${i ? r["switch-module-collapsed"] : ""}`, onClick: () => c(t.name), "aria-label": n, children: [
+      !i && /* @__PURE__ */ e("span", { children: n }),
+      /* @__PURE__ */ e("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", style: { marginLeft: i ? 0 : "8px" }, children: /* @__PURE__ */ e("path", { d: "M1.5 1L6.5 6L1.5 11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+    ] });
+    return i ? /* @__PURE__ */ e("div", { className: r["switch-module-wrapper"], children: /* @__PURE__ */ e(p, { title: n, placement: "right", arrow: !0, children: /* @__PURE__ */ e("span", { children: l }) }) }, t.id) : /* @__PURE__ */ e("div", { className: r["switch-module-wrapper"], children: l }, t.id);
+  }) });
+}
+export {
+  g as ModuleSwitchButton
+};

package/dist/components/Sidebar/components/SectionLabel/index.d.ts

@@ -0,0 +1,5 @@
+export declare function SectionLabel({ label, collapsed }: {
+    label: string;
+    collapsed: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/SectionLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/SectionLabel/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,kDAGvF"}

package/dist/components/Sidebar/components/SectionLabel/index.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import { s } from "../../../../styles.module-BIdwTiuE.js";
+function o({ label: r, collapsed: e }) {
+  return e ? null : /* @__PURE__ */ t("p", { className: s["sidebar-tag"], children: r });
+}
+export {
+  o as SectionLabel
+};

package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { SidebarMenuItem } from '../../Sidebar.types';
+interface SubMenuWrapperProps {
+    item: SidebarMenuItem;
+    isOpen: boolean;
+    active: boolean;
+    collapsed: boolean;
+    level: number;
+    isSingleTopLevel?: boolean;
+    onToggle: () => void;
+    children: ReactNode;
+}
+export declare function SubMenuWrapper({ item, isOpen, active, collapsed, level, isSingleTopLevel, onToggle, children }: SubMenuWrapperProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Sidebar/components/SubMenuWrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Sidebar/components/SubMenuWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAI3D,UAAU,mBAAmB;IAC3B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAwB,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,kDAsC3I"}

package/dist/components/Sidebar/components/SubMenuWrapper/index.js

@@ -0,0 +1,35 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { IconRenderer as h } from "../IconRenderer/index.js";
+import { s as e } from "../../../../styles.module-BIdwTiuE.js";
+function p({ item: t, isOpen: r, active: o, collapsed: d, level: l, isSingleTopLevel: a = !1, onToggle: c, children: m }) {
+  if (d) return null;
+  const u = !(a && r);
+  return /* @__PURE__ */ i("div", { className: `${e.submenu} ${r ? e["with-child"] : ""}`, children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: `${e["sidebar-menu-item"]} ${o || r ? e.active : ""}`,
+        onClick: () => {
+          a && r || c();
+        },
+        onKeyDown: (s) => {
+          (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a && r || c());
+        },
+        role: "menuitem",
+        tabIndex: 0,
+        "aria-expanded": r,
+        children: [
+          l === 0 && /* @__PURE__ */ n("span", { className: e["menu-icon"], children: /* @__PURE__ */ n(h, { icon: t.icon }) }),
+          /* @__PURE__ */ n("span", { className: e["menu-content"], children: /* @__PURE__ */ i("span", { className: e["submenu-label"], children: [
+            /* @__PURE__ */ n("span", { children: t.name }),
+            u && /* @__PURE__ */ n("span", { className: `${e.arrow} ${r ? e.rotate : ""}`, children: /* @__PURE__ */ n("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ n("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ n("div", { className: `${e["submenu-children"]} ${r ? e.open : ""}`, children: /* @__PURE__ */ n("div", { className: e["submenu-children-inner"], children: m }) })
+  ] });
+}
+export {
+  p as SubMenuWrapper
+};

package/dist/components/Sidebar/hooks/useActiveDetection.d.ts

@@ -0,0 +1,11 @@
+import { SidebarMenuItem } from '../Sidebar.types';
+interface UseActiveDetectionOptions {
+    currentPath: string;
+    allItems: SidebarMenuItem[];
+}
+export declare function useActiveDetection({ currentPath, allItems }: UseActiveDetectionOptions): {
+    isActive: (item: SidebarMenuItem) => boolean;
+    isTreeActive: (item: SidebarMenuItem) => boolean;
+};
+export {};
+//# sourceMappingURL=useActiveDetection.d.ts.map

package/dist/components/Sidebar/hooks/useActiveDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveDetection.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/hooks/useActiveDetection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGxD,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,eAAe,EAAE,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,yBAAyB;qBAE5E,eAAe;yBAIf,eAAe;EAIzB"}

package/dist/components/Sidebar/hooks/useActiveDetection.js

@@ -0,0 +1,15 @@
+import { useCallback as c } from "react";
+import { isItemActive as v, isTreeActive as A } from "../Sidebar.utils.js";
+function n({ currentPath: i, allItems: e }) {
+  const t = c(
+    (o) => v(o, i, e),
+    [i, e]
+  ), s = c(
+    (o) => A(o, i, e),
+    [i, e]
+  );
+  return { isActive: t, isTreeActive: s };
+}
+export {
+  n as useActiveDetection
+};

package/dist/components/Sidebar/hooks/useMenuState.d.ts

@@ -0,0 +1,9 @@
+import { SidebarMenuItem } from '../Sidebar.types';
+export declare function useMenuState({ menuItems, currentPath }: {
+    menuItems: SidebarMenuItem[];
+    currentPath: string;
+}): {
+    openByLevel: Record<string, boolean>;
+    toggleMenu: (key: string, level: number, item: SidebarMenuItem) => void;
+};
+//# sourceMappingURL=useMenuState.d.ts.map

package/dist/components/Sidebar/hooks/useMenuState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuState.d.ts","sourceRoot":"","sources":["../../../../lib/components/Sidebar/hooks/useMenuState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGxD,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE;IAAE,SAAS,EAAE,eAAe,EAAE,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE;;sBAoCpG,MAAM,SAAS,MAAM,QAAQ,eAAe;EA0BrD"}