@capillarytech/blaze-ui 6.1.5 → 6.1.6-beta.3

package/CapNavigationSPA/index.js

@@ -0,0 +1,436 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import { isEmpty, forOwn } from "lodash";
+import { useState, useRef, useEffect, useMemo } from "react";
+import { injectIntl } from "react-intl";
+import CapDropdown from "../CapDropdown/index.js";
+import CapIcon from "../CapIcon/index.js";
+import CapSecondaryTopBar from "../CapSecondaryTopBar/index.js";
+import WrappedCapUserProfile from "../CapUserProfile/index.js";
+import CapNavigationSPASidebar from "./CapNavigationSPASidebar/index.js";
+import CapNavigationSPATopBar from "./CapNavigationSPATopBar/index.js";
+import { USER_PROFILE_KEY } from "./constants.js";
+import messages from "./messages.js";
+import styles from "./styles.module.scss.js";
+const DEFAULT_MODULE = "campaign";
+const PRODUCT_MASTERS = "masters";
+const CapNavigationSPA = (allProps) => {
+  var _a, _b, _c, _d;
+  const { config, children, intl: injectedIntl } = allProps;
+  const {
+    className,
+    userData = {},
+    topbarMenuData,
+    topbarSelectedMenuData,
+    dropdownMenuProps,
+    topbarIcons,
+    sidebarMenuData = [],
+    sidebarMenuItemsPosition,
+    loadStorageItem,
+    selectProduct,
+    selectOrganization,
+    organization,
+    noResultText,
+    settingsLabel,
+    defaultSelectedProduct,
+    showSecondaryTopBar = false,
+    secondaryTopBarActionHandler,
+    fixedOrg = false,
+    showDocumentationBot: _showDocumentationBot,
+    isLatestLeftNavigationEnabled: _isLatestLeftNavigationEnabled = false,
+    setLeftNavbarExpandedProp: _setLeftNavbarExpandedProp = () => {
+    },
+    defaultActiveKey = "",
+    sidebarCollapsed = false,
+    onSidebarCollapseExpand,
+    disableSidebarNavigation = false,
+    headerOverideCss: _headerOverideCss = {},
+    request: _request = async () => ({}),
+    getAPICallObject: _getAPICallObject = () => ({}),
+    changeOrgEntity,
+    sidebarMenuItemClick,
+    insights,
+    connectPlus
+  } = config;
+  const intl = injectedIntl ?? config.intl;
+  const safeDropdownMenuProps = dropdownMenuProps || [];
+  const formatMessage = (intl == null ? void 0 : intl.formatMessage) || ((msg) => msg.defaultMessage || msg.id);
+  const [showUserProfile, setShowUserProfile] = useState(false);
+  const componentWrapperRef = useRef(null);
+  const renderUserProfile = () => /* @__PURE__ */ jsx(
+    WrappedCapUserProfile,
+    {
+      show: showUserProfile,
+      setShowUserProfile,
+      onClose: () => setShowUserProfile(false),
+      userData
+    }
+  );
+  if (!safeDropdownMenuProps.find((item) => item.key === USER_PROFILE_KEY)) {
+    safeDropdownMenuProps.unshift({
+      label: formatMessage(messages.userProfile),
+      key: USER_PROFILE_KEY,
+      onClickHandler: () => setShowUserProfile(true)
+    });
+  }
+  const handleProductChange = (product) => {
+    updateSelectedProduct(product.value || "");
+    if (product.url && product.url !== window.location.pathname) {
+      window.location.pathname = product.url;
+    }
+  };
+  const handleOrgEntityChange = (orgID, _entityItem, ouId) => {
+    changeOrgEntity == null ? void 0 : changeOrgEntity(orgID, ouId);
+  };
+  const handleTopbarMenuChange = (option) => {
+    if (option == null ? void 0 : option.onClickHandler) {
+      option.onClickHandler(option);
+    } else if (option == null ? void 0 : option.link) {
+      window.location.pathname = option.link;
+    }
+  };
+  const handleSideBarLinkClick = (item) => {
+    updateSelectedSidebarMenuItem(item.key || "");
+    sidebarMenuItemClick == null ? void 0 : sidebarMenuItemClick(item);
+  };
+  const getDefaultSidebarMenuItem = () => {
+    const { pathname } = window.location;
+    let selectedMenuItem = defaultActiveKey || "";
+    sidebarMenuData.forEach((obj) => {
+      var _a2;
+      if (obj.link === pathname && obj.key) {
+        selectedMenuItem = obj.key;
+      }
+      (_a2 = obj.children) == null ? void 0 : _a2.forEach((child) => {
+        if (child.link === pathname && child.key) {
+          selectedMenuItem = child.key;
+        }
+      });
+    });
+    return selectedMenuItem;
+  };
+  const getProxyOrgList = () => {
+    var _a2, _b2;
+    const proxyOrgList2 = [];
+    if (userData && userData.user && typeof userData.user === "object") {
+      const { orgDetails = {}, user = {} } = userData;
+      const { name: selectedOrgName } = orgDetails;
+      let { org_id: selectedOrgId } = orgDetails;
+      const orgList = user.proxyOrgList || [];
+      const accessibleOUList = user.accessibleOUList;
+      if (!isEmpty(selectedOrgId)) {
+        selectedOrgId = Number(selectedOrgId);
+        const selectedOrg2 = {
+          label: selectedOrgName,
+          value: selectedOrgId,
+          key: selectedOrgId
+        };
+        if (!isEmpty(accessibleOUList)) {
+          selectedOrg2.accessibleOus = [];
+          forOwn(accessibleOUList, (ouId, ouName) => {
+            selectedOrg2.accessibleOus.push({
+              label: ouName,
+              value: ouId,
+              key: ouId
+            });
+          });
+        }
+        proxyOrgList2.push(selectedOrg2);
+      } else {
+        const defaultOrgName = (_a2 = userData == null ? void 0 : userData.user) == null ? void 0 : _a2.orgName;
+        const defaultOrgId = (_b2 = userData == null ? void 0 : userData.user) == null ? void 0 : _b2.orgID;
+        proxyOrgList2.push({
+          label: defaultOrgName,
+          value: defaultOrgId ?? 0,
+          key: defaultOrgId ?? 0
+        });
+      }
+      if (orgList == null ? void 0 : orgList.length) {
+        orgList.forEach((item) => {
+          const itemOrgId = typeof item.orgID === "string" ? parseInt(item.orgID, 10) : item.orgID;
+          const selectedOrgIdNum = typeof selectedOrgId === "string" ? parseInt(selectedOrgId, 10) : selectedOrgId;
+          if (itemOrgId !== selectedOrgIdNum) {
+            const id = item.orgID;
+            const name = item.orgName;
+            const orgObj = { label: name, value: id, key: id };
+            if (item.ouList) {
+              orgObj.accessibleOus = getOuList(item);
+            }
+            proxyOrgList2.push(orgObj);
+          }
+        });
+      }
+    }
+    return proxyOrgList2;
+  };
+  const getOuList = (orgItem) => {
+    const { ouList = [] } = orgItem;
+    const accessibleOus = [];
+    if (ouList == null ? void 0 : ouList.length) {
+      ouList.forEach((item) => {
+        accessibleOus.push({ label: item.ouName, value: item.ouID, key: item.ouID });
+      });
+    }
+    return accessibleOus;
+  };
+  const getProductList = () => {
+    const { currentOrgDetails = {} } = userData;
+    const { module_details: moduleDetails = [] } = currentOrgDetails;
+    const productsList2 = [];
+    if (!isEmpty(currentOrgDetails)) {
+      const props = config;
+      moduleDetails.forEach((module) => {
+        var _a2, _b2;
+        if (((_a2 = module.name) == null ? void 0 : _a2.toLowerCase()) !== PRODUCT_MASTERS) {
+          const productName = module.namespace;
+          const intlProductName = productName ? props[productName] : void 0;
+          const moduleName = intlProductName || ((_b2 = module.name) == null ? void 0 : _b2.toLowerCase());
+          productsList2.push({
+            value: moduleName,
+            url: module.url,
+            key: module.code
+          });
+        }
+      });
+      if (insights) {
+        productsList2.push({
+          value: insights,
+          url: "analytics/v2/",
+          key: "insights"
+        });
+      }
+      if (!productsList2.find((product) => product.key === "connect-plus/ui") && connectPlus) {
+        productsList2.push({
+          value: connectPlus,
+          url: "connect/ui",
+          key: "connectPlus"
+        });
+      }
+    }
+    return productsList2;
+  };
+  const renderSecondaryTopbar = (proxyOrgList2) => {
+    const selectedOrg2 = (loadStorageItem == null ? void 0 : loadStorageItem("orgID")) || null;
+    const selectedOrgObj2 = proxyOrgList2.find((o) => o.value == selectedOrg2);
+    return /* @__PURE__ */ jsx(
+      CapSecondaryTopBar,
+      {
+        primaryMenuItem: {
+          key: "primaryMenu",
+          label: selectedProduct || ""
+        },
+        secondaryMenuItem: {
+          key: "secondaryMenu",
+          label: (selectedOrgObj2 == null ? void 0 : selectedOrgObj2.label) || ""
+        },
+        menuActions: [{ key: "close-icon", iconType: "close" }],
+        menuActionHandler: secondaryTopBarActionHandler
+      }
+    );
+  };
+  const proxyOrgList = getProxyOrgList();
+  const productsList = getProductList();
+  const [selectedProduct, updateSelectedProduct] = useState(defaultSelectedProduct || "");
+  const orgIdRaw = (loadStorageItem == null ? void 0 : loadStorageItem("orgID")) || void 0;
+  const ouIdRaw = (loadStorageItem == null ? void 0 : loadStorageItem("ouId")) || void 0;
+  const [selectedOrg] = useState(orgIdRaw);
+  const [selectedOu] = useState(ouIdRaw);
+  const [selectedSidebarMenuItem, updateSelectedSidebarMenuItem] = useState(
+    getDefaultSidebarMenuItem()
+  );
+  const [breadcrumbs] = useState([]);
+  const [_leftNavbarExpanded, _setLeftNavbarExpanded] = useState(true);
+  const showSidebar = sidebarMenuData.length > 0 && sidebarMenuItemsPosition === "left";
+  useEffect(() => {
+    if (defaultSelectedProduct) {
+      updateSelectedProduct(defaultSelectedProduct);
+    }
+  }, [defaultSelectedProduct]);
+  const handleProductChangeWrapper = useMemo(
+    () => (product) => {
+      handleProductChange(product);
+    },
+    [handleProductChange]
+  );
+  const handleOrgEntityChangeWrapper = useMemo(
+    () => (value, item, ouValue) => {
+      if (value !== void 0) {
+        handleOrgEntityChange(value, item, ouValue);
+      }
+    },
+    [handleOrgEntityChange]
+  );
+  const handleMenuItemClick = useMemo(
+    () => (item) => {
+      const menuItem = topbarMenuData == null ? void 0 : topbarMenuData.find((m) => m.key === item.key);
+      if (menuItem) {
+        handleTopbarMenuChange({
+          onClickHandler: menuItem.onClickHandler ? (opt) => {
+            var _a2;
+            return (_a2 = menuItem.onClickHandler) == null ? void 0 : _a2.call(menuItem, opt);
+          } : void 0,
+          link: menuItem.link
+        });
+      }
+    },
+    [topbarMenuData, handleTopbarMenuChange]
+  );
+  useMemo(
+    () => ({
+      productsList,
+      selectedProduct,
+      handleProductChange: handleProductChangeWrapper,
+      title: selectProduct,
+      closable: false,
+      placement: "left",
+      width: 320
+    }),
+    [productsList, selectedProduct, handleProductChangeWrapper, selectProduct]
+  );
+  useMemo(
+    () => ({
+      items: proxyOrgList,
+      selectedItem: selectedOrg,
+      selectedOuItem: selectedOu,
+      handleItemChange: handleOrgEntityChangeWrapper,
+      selectPlaceholder: selectOrganization || formatMessage(messages.selectOrganization),
+      showSearch: true,
+      showHeader: false,
+      title: formatMessage(messages.selectOrganization),
+      placeholder: organization,
+      noResultText,
+      fixedOrg: fixedOrg || !proxyOrgList.length
+    }),
+    [
+      proxyOrgList,
+      selectedOrg,
+      selectedOu,
+      handleOrgEntityChangeWrapper,
+      selectOrganization,
+      formatMessage,
+      organization,
+      noResultText,
+      fixedOrg
+    ]
+  );
+  useMemo(
+    () => topbarMenuData ? {
+      items: topbarMenuData.map((item) => ({
+        key: item.key || "",
+        label: item.label || ""
+      })),
+      defaultSelectedKeys: topbarSelectedMenuData || [DEFAULT_MODULE],
+      selectedKeys: topbarSelectedMenuData || [DEFAULT_MODULE],
+      onMenuItemClick: handleMenuItemClick
+    } : void 0,
+    [topbarMenuData, topbarSelectedMenuData, handleMenuItemClick]
+  );
+  const normalizedDropdownMenuProps = useMemo(
+    () => safeDropdownMenuProps.map((item) => ({
+      key: item.key || "",
+      label: item.label || "",
+      onClickHandler: item.onClickHandler
+    })),
+    [safeDropdownMenuProps]
+  );
+  const normalizedTopbarIcons = useMemo(
+    () => topbarIcons == null ? void 0 : topbarIcons.map((icon) => ({
+      ...icon,
+      iconType: icon.iconType || icon.type || "help"
+    })),
+    [topbarIcons]
+  );
+  useMemo(
+    () => breadcrumbs.length > 0 ? breadcrumbs.join(" / ") : void 0,
+    [breadcrumbs]
+  );
+  const selectedOrgObj = useMemo(
+    () => proxyOrgList.find((o) => o.value == ((loadStorageItem == null ? void 0 : loadStorageItem("orgID")) ?? selectedOrg)),
+    [proxyOrgList, loadStorageItem, selectedOrg]
+  );
+  const orgDisplayName = organization || (selectedOrgObj == null ? void 0 : selectedOrgObj.label) || ((_a = userData == null ? void 0 : userData.orgDetails) == null ? void 0 : _a.name) || "";
+  const sidebarItems = useMemo(
+    () => sidebarMenuData.map((item) => {
+      var _a2;
+      return {
+        key: item.key || "",
+        title: item.label || item.key || "",
+        link: item.link,
+        target: item.target,
+        iconType: item.iconType,
+        children: (_a2 = item.children) == null ? void 0 : _a2.map((child) => ({
+          key: child.key || "",
+          title: child.label || child.key || "",
+          link: child.link,
+          target: child.target,
+          iconType: child.iconType
+        }))
+      };
+    }),
+    [sidebarMenuData]
+  );
+  const userMenuOverlay = useMemo(
+    () => normalizedDropdownMenuProps.length > 0 ? {
+      items: normalizedDropdownMenuProps.map((item) => ({
+        key: item.key,
+        label: item.label,
+        onClick: item.onClickHandler
+      }))
+    } : void 0,
+    [normalizedDropdownMenuProps]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: classNames(styles["cap-navigation-spa"], className), ref: componentWrapperRef, children: [
+    showSidebar ? /* @__PURE__ */ jsx(
+      CapNavigationSPASidebar,
+      {
+        items: sidebarItems,
+        selectedKey: selectedSidebarMenuItem,
+        onItemClick: (item) => {
+          handleSideBarLinkClick({ key: item.key, label: item.title, link: item.link });
+        },
+        settingsLabel,
+        collapsed: sidebarCollapsed,
+        onCollapseExpand: onSidebarCollapseExpand,
+        navigateToLink: !disableSidebarNavigation
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs("div", { className: styles["cap-navigation-spa__right"], children: [
+      showSecondaryTopBar ? renderSecondaryTopbar(proxyOrgList) : /* @__PURE__ */ jsx(
+        CapNavigationSPATopBar,
+        {
+          orgName: orgDisplayName,
+          environmentLabel: config.environmentLabel ?? "Production",
+          onOrgEnvClick: () => {
+          },
+          onAiraClick: (_b = normalizedTopbarIcons == null ? void 0 : normalizedTopbarIcons.find((i) => i.iconType === "aira-nav")) == null ? void 0 : _b.onClickHandler,
+          onNotificationClick: (_c = normalizedTopbarIcons == null ? void 0 : normalizedTopbarIcons.find((i) => i.iconType === "bell")) == null ? void 0 : _c.onClickHandler,
+          showNotificationBadge: false,
+          onHelpClick: (_d = normalizedTopbarIcons == null ? void 0 : normalizedTopbarIcons.find((i) => i.iconType === "question-circle")) == null ? void 0 : _d.onClickHandler,
+          onUserClick: void 0,
+          userDisplay: userMenuOverlay ? /* @__PURE__ */ jsx(CapDropdown, { menu: userMenuOverlay, trigger: ["click"], placement: "bottomRight", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles["cap-navigation-spa__user-trigger"],
+              "aria-label": "User menu",
+              children: /* @__PURE__ */ jsx(CapIcon, { type: "user", size: "s" })
+            }
+          ) }) : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: styles["cap-navigation-spa__main"],
+          "data-testid": "cap-navigation-spa-nav-inner",
+          children
+        }
+      )
+    ] }),
+    showUserProfile && renderUserProfile()
+  ] });
+};
+const index = injectIntl(CapNavigationSPA);
+export {
+  index as default
+};

package/CapNavigationSPA/messages.d.ts

@@ -0,0 +1,13 @@
+export declare const scope = "app.commonUtils.capUiLibrary.CapNavigationSPA.selectOrganization";
+declare const _default: {
+    selectOrganization: {
+        id: string;
+        defaultMessage: string;
+    };
+    userProfile: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=messages.d.ts.map

package/CapNavigationSPA/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../components/CapNavigationSPA/messages.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,qEAAqE,CAAC;;;;;;;;;;;AAExF,wBASG"}

package/CapNavigationSPA/messages.js

@@ -0,0 +1,16 @@
+import { defineMessages } from "react-intl";
+const scope = "app.commonUtils.capUiLibrary.CapNavigationSPA.selectOrganization";
+const messages = defineMessages({
+  selectOrganization: {
+    id: `${scope}.selectOrganization`,
+    defaultMessage: "Select Organization"
+  },
+  userProfile: {
+    id: `${scope}.userProfile`,
+    defaultMessage: "User Profile"
+  }
+});
+export {
+  messages as default,
+  scope
+};

package/CapNavigationSPA/mockdata.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Re-use CapNavigation mock data for Storybook and demos.
+ * Same userData/org structure as CapNavigation for API consistency.
+ */
+export { userData } from '../CapNavigation/mockdata';
+//# sourceMappingURL=mockdata.d.ts.map

package/CapNavigationSPA/mockdata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockdata.d.ts","sourceRoot":"","sources":["../../components/CapNavigationSPA/mockdata.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC"}

package/CapNavigationSPA/mockdata.js

@@ -0,0 +1,4 @@
+import { userData } from "../CapNavigation/mockdata.js";
+export {
+  userData
+};

package/CapNavigationSPA/styles.css

@@ -0,0 +1,48 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-navigation-spa {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  min-height: 100vh;
+  height: 100vh;
+  background-color: #ffffff;
+}
+.cap-navigation-spa__right {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+}
+.cap-navigation-spa__main {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+  background-color: #fafbfc;
+}
+.cap-navigation-spa__user-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.286rem;
+  height: 2.286rem;
+  min-width: 2.286rem;
+  min-height: 2.286rem;
+  padding: 0;
+  border: none;
+  background-color: #dfe2e7;
+  border-radius: 0.714rem;
+  cursor: pointer;
+  color: #091e42;
+}
+.cap-navigation-spa__user-trigger:hover {
+  background-color: #ebecf0;
+}

package/CapNavigationSPA/styles.module.scss.js

@@ -0,0 +1,9 @@
+import './styles.css';const styles = {
+  "cap-navigation-spa": "cap-navigation-spa",
+  "cap-navigation-spa__right": "cap-navigation-spa__right",
+  "cap-navigation-spa__main": "cap-navigation-spa__main",
+  "cap-navigation-spa__user-trigger": "cap-navigation-spa__user-trigger"
+};
+export {
+  styles as default
+};

package/CapNavigationSPA/styles.scss

@@ -0,0 +1,49 @@
+@import '../styles/_variables.scss';
+
+// BEM: Block = cap-navigation-spa | Elements = __right, __main, __user-trigger, __user-avatar
+// New navigation Figma: sidebar full height left (240px), then top bar + content right
+.cap-navigation-spa {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  min-height: 100vh;
+  height: 100vh;
+  background-color: $CAP_WHITE;
+}
+
+.cap-navigation-spa__right {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.cap-navigation-spa__main {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+  background-color: $CAP_G10; // #fafbfc – content area bg from Figma
+}
+
+// Figma 1206-154664: 32px squircle, #DFE2E7 bg (Neutral/4), icon #091E42
+.cap-navigation-spa__user-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.286rem; // 32px
+  height: 2.286rem;
+  min-width: 2.286rem;
+  min-height: 2.286rem;
+  padding: 0;
+  border: none;
+  background-color: $CAP_G07; // #DFE2E7 – Figma Neutral/4
+  border-radius: 0.714rem; // 10px – squircle corners per Figma SVG path
+  cursor: pointer;
+  color: $CAP_G01; // #091E42
+
+  &:hover {
+    background-color: $CAP_G08;
+  }
+}

package/CapNavigationSPA/tests/CapNavigationSPA.mockData.d.ts

@@ -0,0 +1,31 @@
+import type { CapNavigationSPAConfig, UserData } from '../types';
+export declare const mockLoadStorageItem: jest.Mock<string, [key: string], any>;
+export declare const mockChangeOrgEntity: jest.Mock<any, any, any>;
+export declare const mockSidebarMenuItemClick: jest.Mock<any, any, any>;
+export declare const mockSecondaryTopBarActionHandler: jest.Mock<any, any, any>;
+export declare const mockSetLeftNavbarExpandedProp: jest.Mock<any, any, any>;
+export declare const mockHandleGTMDataPush: jest.Mock<any, any, any>;
+export declare const mockRequest: jest.Mock<any, any, any>;
+export declare const mockGetAPICallObject: jest.Mock<any, any, any>;
+export declare const defaultConfig: Partial<CapNavigationSPAConfig>;
+export declare const topbarMenuData: {
+    key: string;
+    label: string;
+    link: string;
+}[];
+export declare const sidebarMenuData: {
+    key: string;
+    label: string;
+    link: string;
+}[];
+export declare const dropdownMenuProps: {
+    key: string;
+    label: string;
+    onClickHandler: jest.Mock<any, any, any>;
+}[];
+export declare const userDataWithPreferredOrg: UserData;
+export declare const userDataWithoutProxyOrg: UserData;
+export declare const userDataWithConnectPlus: UserData;
+/** UserData with proxyOrgList containing another org that has ouList (for getProxyOrgList + getOuList coverage) */
+export declare const userDataWithProxyOrgAndOuList: UserData;
+//# sourceMappingURL=CapNavigationSPA.mockData.d.ts.map

package/CapNavigationSPA/tests/CapNavigationSPA.mockData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapNavigationSPA.mockData.d.ts","sourceRoot":"","sources":["../../../components/CapNavigationSPA/tests/CapNavigationSPA.mockData.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEjE,eAAO,MAAM,mBAAmB,uCAM9B,CAAC;AAEH,eAAO,MAAM,mBAAmB,0BAAY,CAAC;AAC7C,eAAO,MAAM,wBAAwB,0BAAY,CAAC;AAClD,eAAO,MAAM,gCAAgC,0BAAY,CAAC;AAC1D,eAAO,MAAM,6BAA6B,0BAAY,CAAC;AACvD,eAAO,MAAM,qBAAqB,0BAAY,CAAC;AAC/C,eAAO,MAAM,WAAW,0BAAY,CAAC;AACrC,eAAO,MAAM,oBAAoB,0BAAY,CAAC;AAE9C,eAAO,MAAM,aAAa,EAAE,OAAO,CAAC,sBAAsB,CAgBzD,CAAC;AAEF,eAAO,MAAM,cAAc;;;;GAI1B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;GAI3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;GAG7B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,QAUtC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAMrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAcrC,CAAC;AAEF,mHAAmH;AACnH,eAAO,MAAM,6BAA6B,EAAE,QAoB3C,CAAC"}

package/CapNavigationSPA/types.d.ts

@@ -0,0 +1,39 @@
+/**
+ * CapNavigationSPA reuses the same data and integration types as CapNavigation.
+ */
+import type React from 'react';
+export type { User, OrgDetails, ModuleDetail, CurrentOrgDetails, UserData, TopbarMenuItem, DropdownMenuItem, SidebarMenuItem, TopbarIcon, BreadcrumbItem, CSSOverrides, OuItem, RawProxyOrgItem, ProductListItem, FormatMessageArg, ProductChangeParam, TopbarMenuChangeParam, SidebarLinkClickParam, ProxyOrgListItem, OrgItemWithOuList, MenuItemClickParam, NormalizedTopbarIcon, } from '../CapNavigation/types';
+import type { CapNavigationProps, SidebarMenuItem } from '../CapNavigation/types';
+export type { CapNavigationProps } from '../CapNavigation/types';
+/**
+ * Sidebar menu item with optional nested children (L2 flyout).
+ * Defined in CapNavigationSPA only; CapNavigation uses base SidebarMenuItem.
+ */
+export interface CapNavigationSPASidebarMenuItem extends SidebarMenuItem {
+    children?: CapNavigationSPASidebarMenuItem[];
+}
+/**
+ * SPA-only props (not in CapNavigation).
+ */
+export interface CapNavigationSPAOnlyConfig {
+    /** When true, sidebar is collapsed (icons only). Used with onSidebarCollapseExpand for toggle. */
+    sidebarCollapsed?: boolean;
+    /** Callback when user clicks sidebar collapse/expand control. When provided, collapse button is shown. */
+    onSidebarCollapseExpand?: () => void;
+    /** When true, sidebar item click does not change window.location (e.g. for Storybook). Default false */
+    disableSidebarNavigation?: boolean;
+    /** Sidebar menu items (SPA type supports nested children). */
+    sidebarMenuData?: CapNavigationSPASidebarMenuItem[];
+}
+/**
+ * Single config object combining all navigation options (except children).
+ * Pass as the only data prop: <CapNavigationSPA config={...} />.
+ * Extends CapNavigation props with SPA-only options (sidebar collapse, nested sidebar items).
+ */
+export type CapNavigationSPAConfig = Omit<CapNavigationProps, 'children'> & CapNavigationSPAOnlyConfig;
+/** Props for CapNavigationSPA: single config object and optional children. */
+export interface CapNavigationSPAProps {
+    config: CapNavigationSPAConfig;
+    children?: React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/CapNavigationSPA/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapNavigationSPA/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,YAAY,EACV,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,cAAc,EACd,YAAY,EACZ,MAAM,EACN,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAElF,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE;;;GAGG;AACH,MAAM,WAAW,+BAAgC,SAAQ,eAAe;IACtE,QAAQ,CAAC,EAAE,+BAA+B,EAAE,CAAC;CAC9C;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0GAA0G;IAC1G,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;IACrC,wGAAwG;IACxG,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,8DAA8D;IAC9D,eAAe,CAAC,EAAE,+BAA+B,EAAE,CAAC;CACrD;AAED;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GACvE,0BAA0B,CAAC;AAE7B,8EAA8E;AAC9E,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,sBAAsB,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/CapNavigationSPA/types.js

@@ -0,0 +1 @@
+