@bikdotai/bik-component-library 0.0.833 → 0.0.834

package/dist/esm/components/bik-layout/BikSidebarV2/BikSidebarV2.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { Menu } from './SidebarV2.model';
+export interface MenuItemV2 {
+    key: string | number;
+    displayName: string;
+    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    activeIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    hoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    isLastSticky?: boolean;
+    is2ndLastSticky?: boolean;
+    children?: Menu[];
+    showAccessUpgradePanel?: boolean;
+    path?: string;
+    layout?: 'fullScreen' | 'popup' | string | undefined;
+    isNew?: boolean;
+    isLocked?: boolean;
+}
+export interface BikSidebarV2Props {
+    logoSvg?: JSX.Element;
+    allMenuList: MenuItemV2[];
+    activeMainMenu: MenuItemV2;
+    activeSubMenu: Menu;
+    router: any;
+    onClickingMainMenu: (menu: MenuItemV2) => void;
+    onClickingSubMenu: (subMenu: Menu) => void;
+    onClickingAccessUpgradePanel?: () => void;
+    onClickingPopupMenuItem?: (menu: Menu) => void;
+    popupMinHeight?: number;
+    isNewSidebar?: boolean;
+    onboardingPercentage?: number;
+    menuStyle?: React.CSSProperties;
+}
+export declare const BikSidebarV2: React.FC<BikSidebarV2Props>;

package/dist/esm/components/bik-layout/BikSidebarV2/BikSidebarV2.js

@@ -0,0 +1,272 @@
+import { jsxs as y, jsx as i, Fragment as x } from "react/jsx-runtime";
+import Z from "../../../assets/icons/Bik_logo.svg.js";
+import ee from "../../../assets/icons/locked.svg.js";
+import { useState as g, useRef as ne, useMemo as te, useEffect as H, useCallback as f, Fragment as ie } from "react";
+import re from "../../progress-bar/CircularProgressBar.js";
+import { COLORS as F } from "../../../constants/Theme.js";
+import { NavigationHyperlink as se } from "../../navigation-hyperlink/NavigationHyperlink.js";
+import { SidebarV2Popup as ce } from "./SidebarV2Popup.js";
+import { SideBarV2Container as oe, MainSideBarV2MenuWrapper as ae, SibeBarV2MenuItem as D, SidebarMainMenu as W, SidebarMenuItemInner as K, SidebarNewTag as de, SidebarLockedChannel as ue, SidebarMenuItemContainer as le, SidebarMenuItemText as he } from "./SidebarV2Styles.js";
+import { SimpleSidebarV2 as me } from "./SimpleSidebarV2.js";
+const Ce = (e) => {
+  const {
+    logoSvg: u,
+    allMenuList: l,
+    activeMainMenu: c,
+    activeSubMenu: v,
+    router: o,
+    onClickingMainMenu: k,
+    onClickingSubMenu: L,
+    onClickingAccessUpgradePanel: p,
+    onClickingPopupMenuItem: T,
+    popupMinHeight: $,
+    isNewSidebar: w,
+    menuStyle: q
+  } = e, [B, I] = g(c), [h, s] = g(), [G, S] = g(v), [N, A] = g(!1), [m, a] = g(), [J, P] = g(), [R, O] = g(), b = ne(null), _ = te(
+    () => l.filter((n) => n.is2ndLastSticky || n.isLastSticky).length,
+    [l]
+  );
+  H(() => {
+    I(c);
+  }, [c]), H(() => {
+    S(v);
+  }, [v]);
+  const j = f(
+    (n) => {
+      n?.layout !== "popup" && (a(void 0), s(void 0), A(!0), I(n), n.path || k(n), n?.children?.length ? S(n?.children[0]) : S({}), s(void 0), setTimeout(() => {
+        A(!1);
+      }, 1e3));
+    },
+    [k]
+  ), V = f((n) => {
+    if (M(), s(void 0), a(void 0), n?.layout == "popup") {
+      const t = z();
+      t && P(t), a(n);
+    } else {
+      const t = document.getElementById(
+        n.displayName?.split(" ")?.join("") || n.key.toString()
+      );
+      if (t) {
+        const r = Q(t, n);
+        O(r);
+      }
+      s(n);
+    }
+  }, []), Q = (n, t) => {
+    const r = n.getBoundingClientRect();
+    let d = r.top;
+    if (window.innerHeight <= 768)
+      return d;
+    if (t.isLastSticky || t.is2ndLastSticky) {
+      const Y = window.innerHeight - r.bottom;
+      d = r.top + Y - 200;
+    }
+    return d;
+  };
+  H(() => {
+    const n = () => {
+      const t = z();
+      t && P(t), X();
+    };
+    return window.addEventListener("resize", n), () => {
+      window.removeEventListener("resize", n);
+    };
+  }, []);
+  const X = () => {
+    const t = document.getElementById("_sub-menu")?.getBoundingClientRect().height;
+    t && O(window.innerHeight - t);
+  }, M = f(() => {
+    b.current && (clearTimeout(b.current), b.current = null);
+  }, []), C = f(() => {
+    M(), b.current = setTimeout(() => {
+      s(void 0), a(void 0);
+    }, 150);
+  }, [M]), z = () => {
+    if (m) {
+      const n = m.displayName?.split(" ")?.join("") + "_sub" || m.key.toString() + "_sub", t = document.getElementById(n);
+      if (t) {
+        const r = t.getBoundingClientRect();
+        let d = r.top;
+        const E = $ ?? 320;
+        return r.bottom + E > window.innerHeight && (d -= r.bottom + E - window.innerHeight), d;
+      }
+      return null;
+    }
+  };
+  return /* @__PURE__ */ y(oe, { children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: "bik-header-logo",
+        onClick: () => {
+        },
+        onKeyDown: () => {
+        },
+        "aria-hidden": "true",
+        children: u || /* @__PURE__ */ i(Z, {})
+      }
+    ),
+    /* @__PURE__ */ y(ae, { style: q, children: [
+      l?.map((n, t) => /* @__PURE__ */ y(ie, { children: [
+        n.path ? /* @__PURE__ */ i(se, { href: n.path, router: o, children: /* @__PURE__ */ i(
+          U,
+          {
+            option: n,
+            index: t,
+            onClickMainMenuLogic: j,
+            setHandleHoverForFullLayout: V,
+            isDisabled: N,
+            setHoveredComp: s,
+            setPopupMenu: a,
+            mainActiveMenu: B,
+            hoveredComp: h,
+            popupMenu: m,
+            onMouseLeaveMenuItem: C
+          }
+        ) }) : /* @__PURE__ */ i(
+          U,
+          {
+            option: n,
+            index: t,
+            onClickMainMenuLogic: j,
+            setHandleHoverForFullLayout: V,
+            isDisabled: N,
+            setHoveredComp: s,
+            setPopupMenu: a,
+            mainActiveMenu: B,
+            hoveredComp: h,
+            popupMenu: m,
+            onMouseLeaveMenuItem: C
+          }
+        ),
+        /* @__PURE__ */ y(x, { children: [
+          n.layout === "popup" && m?.children?.length && /* @__PURE__ */ i(
+            ce,
+            {
+              top: J ?? void 0,
+              menuList: m?.children,
+              onClickingPopupMenu: (r) => {
+                T && T(r), a(void 0);
+              },
+              onMouseEnterOnMenu: M,
+              onMouseLeaveOnMenu: C
+            }
+          ),
+          h?.children?.length && /* @__PURE__ */ i(
+            me,
+            {
+              menuList: h?.children,
+              width: 200,
+              activeMenu: G,
+              onMouseEnterOnMenu: M,
+              onMouseLeaveOnMenu: () => s(void 0),
+              left: 78,
+              postion: "fixed",
+              header: h.displayName,
+              theme: "brand",
+              router: o,
+              showAccessUpgradePanel: h.showAccessUpgradePanel,
+              onMenuClick: (r, d) => {
+                S(r), I(h), s(void 0), a(void 0), d && L(r);
+              },
+              onUpgrade: p,
+              top: w && R || 0,
+              isNewSidebar: w
+            }
+          )
+        ] })
+      ] }, t)),
+      typeof e.onboardingPercentage == "number" && /* @__PURE__ */ i(D, { children: /* @__PURE__ */ i(W, { children: /* @__PURE__ */ i(
+        K,
+        {
+          id: "bik-onboarding__checklist",
+          stickyBottom: _ === 0 ? 0 : _ === 1 ? 64 : 128,
+          children: /* @__PURE__ */ i(
+            re,
+            {
+              percentage: e.onboardingPercentage,
+              width: 48
+            }
+          )
+        }
+      ) }) })
+    ] })
+  ] });
+}, ge = (e) => {
+  const { icon: u, isActive: l, activeStateIcon: c } = e;
+  return /* @__PURE__ */ i(x, { children: l ? /* @__PURE__ */ i(
+    c,
+    {
+      width: 16,
+      height: 16,
+      color: F.content.primaryInverse
+    }
+  ) : /* @__PURE__ */ i(u, { width: 16, height: 16, color: F.content.secondaryInverse }) });
+}, U = ({
+  option: e,
+  index: u,
+  onClickMainMenuLogic: l,
+  setHandleHoverForFullLayout: c,
+  isDisabled: v,
+  mainActiveMenu: o,
+  hoveredComp: k,
+  popupMenu: L,
+  onMouseLeaveMenuItem: p
+}) => /* @__PURE__ */ i(D, { children: /* @__PURE__ */ y(
+  W,
+  {
+    id: e.displayName?.split(" ")?.join("") || e.key.toString(),
+    onClick: () => !v && l(e),
+    onMouseEnter: () => {
+      c(e);
+    },
+    onMouseLeave: p,
+    onFocus: () => {
+    },
+    "aria-hidden": "true",
+    children: [
+      e.isNew && /* @__PURE__ */ i(de, { isLastSticky: e.isLastSticky, children: "NEW" }),
+      e.isLocked && /* @__PURE__ */ i(
+        ue,
+        {
+          isLastSticky: e.isLastSticky,
+          is2ndLastSticky: e.is2ndLastSticky,
+          children: /* @__PURE__ */ i(ee, { height: 16, width: 16 })
+        }
+      ),
+      /* @__PURE__ */ y(
+        K,
+        {
+          id: e.displayName?.split(" ")?.join("") + "_sub" || e.key.toString() + "_sub",
+          isActive: o?.key === e.key,
+          "data-active": o?.key === e.key ? "true" : void 0,
+          isLastSticky: e.isLastSticky,
+          is2ndLastSticky: e.is2ndLastSticky,
+          isHovered: e.key === k?.key,
+          isNew: e.isNew,
+          onMouseEnter: () => c(e),
+          onMouseLeave: p,
+          children: [
+            /* @__PURE__ */ i(
+              ge,
+              {
+                icon: e.icon,
+                isActive: e.key == o?.key,
+                activeStateIcon: e.activeIcon ?? {},
+                hoverStateIcon: e.hoverIcon ?? {},
+                isHovered: e.key == k?.key || e.key == L?.key
+              }
+            ),
+            /* @__PURE__ */ i(le, { children: /* @__PURE__ */ i(he, { isActive: e?.key === o?.key, children: e.displayName }) })
+          ]
+        },
+        u
+      )
+    ]
+  },
+  u
+) });
+export {
+  Ce as BikSidebarV2
+};
+//# sourceMappingURL=BikSidebarV2.js.map

package/dist/esm/components/bik-layout/BikSidebarV2/BikSidebarV2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BikSidebarV2.js","sources":["../../../../../src/components/bik-layout/BikSidebarV2/BikSidebarV2.tsx"],"sourcesContent":["import BikIcon from '@src/assets/icons/Bik_logo.svg';\nimport LockedIcon from '@src/assets/icons/locked.svg';\nimport {\n\tFragment,\n\tuseCallback,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport React from 'react';\nimport CircularProgressBar from '@src/components/progress-bar/CircularProgressBar';\nimport { COLORS } from '@src/constants/Theme';\nimport { NavigationHyperlink } from '../../navigation-hyperlink/NavigationHyperlink';\nimport { Menu } from './SidebarV2.model';\nimport { SidebarV2Popup } from './SidebarV2Popup';\nimport {\n\tMainSideBarV2MenuWrapper,\n\tSibeBarV2MenuItem,\n\tSidebarLockedChannel,\n\tSidebarMainMenu,\n\tSidebarMenuItemContainer,\n\tSidebarMenuItemInner,\n\tSidebarMenuItemText,\n\tSidebarNewTag,\n\tSideBarV2Container,\n} from './SidebarV2Styles';\nimport { SimpleSidebarV2 } from './SimpleSidebarV2';\n\nexport interface MenuItemV2 {\n\tkey: string | number;\n\tdisplayName: string;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Main Icon element that is to display\n\tactiveIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Icon element to pass when the menu is active\n\thoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; //Icon element to pass when the menu is hovered upon\n\tisLastSticky?: boolean; // to stick any menu at the end of the list\n\tis2ndLastSticky?: boolean; // to stick any menu at 2nd last end of list\n\tchildren?: Menu[];\n\tshowAccessUpgradePanel?: boolean;\n\tpath?: string;\n\tlayout?: 'fullScreen' | 'popup' | string | undefined;\n\tisNew?: boolean;\n\tisLocked?: boolean;\n}\n\nexport interface BikSidebarV2Props {\n\tlogoSvg?: JSX.Element;\n\tallMenuList: MenuItemV2[];\n\tactiveMainMenu: MenuItemV2;\n\tactiveSubMenu: Menu;\n\trouter: any;\n\tonClickingMainMenu: (menu: MenuItemV2) => void;\n\tonClickingSubMenu: (subMenu: Menu) => void;\n\tonClickingAccessUpgradePanel?: () => void;\n\tonClickingPopupMenuItem?: (menu: Menu) => void;\n\tpopupMinHeight?: number;\n\tisNewSidebar?: boolean;\n\tonboardingPercentage?: number;\n\tmenuStyle?: React.CSSProperties;\n}\n\ninterface GetSideBarV2MenuItemProps {\n\toption: MenuItemV2;\n\tindex: number;\n\tonClickMainMenuLogic: (option: MenuItemV2) => void;\n\tsetHandleHoverForFullLayout: (option: MenuItemV2) => void;\n\tisDisabled: boolean;\n\tsetHoveredComp: (comp: any) => void;\n\tsetPopupMenu: (menu: any) => void;\n\tmainActiveMenu: MenuItemV2 | undefined;\n\thoveredComp: MenuItemV2 | undefined;\n\tpopupMenu: MenuItemV2 | undefined;\n\tonMouseLeaveMenuItem: () => void;\n}\n\nexport const BikSidebarV2: React.FC<BikSidebarV2Props> = (\n\tbikSidebarV2Props,\n) => {\n\tconst {\n\t\tlogoSvg,\n\t\tallMenuList,\n\t\tactiveMainMenu,\n\t\tactiveSubMenu,\n\t\trouter,\n\t\tonClickingMainMenu,\n\t\tonClickingSubMenu,\n\t\tonClickingAccessUpgradePanel,\n\t\tonClickingPopupMenuItem,\n\t\tpopupMinHeight,\n\t\tisNewSidebar,\n\t\tmenuStyle,\n\t} = bikSidebarV2Props;\n\tconst [mainActiveMenu, setMainActiveMenu] =\n\t\tuseState<MenuItemV2>(activeMainMenu);\n\tconst [hoveredComp, setHoveredComp] = useState<MenuItemV2>();\n\tconst [subActiveMenu, setSubActiveMenu] = useState<Menu>(activeSubMenu);\n\tconst [isDisabled, setIsDisabled] = useState(false);\n\tconst [popupMenu, setPopupMenu] = useState<MenuItemV2>();\n\tconst [popupMenuTop, setPopupMenuTop] = useState<number>();\n\tconst [sidebarEachMenuTop, setSidebarEachMenuTop] = useState<number>();\n\tconst hoverLeaveTimerRef = useRef<NodeJS.Timeout | null>(null);\n\tconst numberOfStickyOptions = useMemo(\n\t\t() =>\n\t\t\tallMenuList.filter((menu) => menu.is2ndLastSticky || menu.isLastSticky)\n\t\t\t\t.length,\n\t\t[allMenuList],\n\t);\n\n\tuseEffect(() => {\n\t\tsetMainActiveMenu(activeMainMenu);\n\t}, [activeMainMenu]);\n\n\tuseEffect(() => {\n\t\tsetSubActiveMenu(activeSubMenu);\n\t}, [activeSubMenu]);\n\n\tconst onClickMainMenuLogic = useCallback(\n\t\t(option: MenuItemV2) => {\n\t\t\tif (option?.layout === 'popup') {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetPopupMenu(undefined);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetIsDisabled(true);\n\t\t\tsetMainActiveMenu(option);\n\t\t\tif (!option.path) {\n\t\t\t\tonClickingMainMenu(option);\n\t\t\t}\n\t\t\toption?.children?.length\n\t\t\t\t? setSubActiveMenu(option?.children[0])\n\t\t\t\t: setSubActiveMenu({} as Menu);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsDisabled(false);\n\t\t\t}, 1000);\n\t\t},\n\t\t[onClickingMainMenu],\n\t);\n\n\tconst setHandleHoverForFullLayout = useCallback((option: MenuItemV2) => {\n\t\tcancelHoverLeaveTimer();\n\t\tsetHoveredComp(undefined);\n\t\tsetPopupMenu(undefined);\n\t\tif (option?.layout == 'popup') {\n\t\t\tconst top = determineElementTop();\n\t\t\ttop && setPopupMenuTop(top);\n\t\t\tsetPopupMenu(option);\n\t\t} else {\n\t\t\tconst targetElement = document.getElementById(\n\t\t\t\toption.displayName?.split(' ')?.join('') || option.key.toString(),\n\t\t\t);\n\t\t\tif (targetElement) {\n\t\t\t\tconst topValue = calculateTopSideBarPosition(targetElement, option);\n\t\t\t\tsetSidebarEachMenuTop(topValue);\n\t\t\t}\n\t\t\tsetHoveredComp(option);\n\t\t}\n\t}, []);\n\tconst calculateTopSideBarPosition = (\n\t\ttargetElement: HTMLElement,\n\t\toption: MenuItemV2,\n\t) => {\n\t\tconst targetRect = targetElement.getBoundingClientRect();\n\t\tlet topValue = targetRect.top;\n\t\tconst innerHeight = window.innerHeight;\n\t\tif (innerHeight <= 768) {\n\t\t\treturn topValue;\n\t\t}\n\t\tif (option.isLastSticky || option.is2ndLastSticky) {\n\t\t\tconst windowHeight = window.innerHeight;\n\t\t\tconst distanceToBottom = windowHeight - targetRect.bottom;\n\t\t\ttopValue = targetRect.top + distanceToBottom - 200; // sample height for lower elements\n\t\t}\n\t\treturn topValue;\n\t};\n\n\tuseEffect(() => {\n\t\tconst handleResize = () => {\n\t\t\tconst newTop = determineElementTop();\n\t\t\tnewTop && setPopupMenuTop(newTop);\n\t\t\tdetermineSideMenuTopWhileResize();\n\t\t};\n\t\twindow.addEventListener('resize', handleResize);\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', handleResize);\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\tconst determineSideMenuTopWhileResize = () => {\n\t\tconst openSideMenuElement = document.getElementById('_sub-menu');\n\t\tconst openSideMenuElementHeight =\n\t\t\topenSideMenuElement?.getBoundingClientRect().height;\n\t\tif (openSideMenuElementHeight) {\n\t\t\tsetSidebarEachMenuTop(window.innerHeight - openSideMenuElementHeight);\n\t\t}\n\t};\n\tconst cancelHoverLeaveTimer = useCallback(() => {\n\t\tif (hoverLeaveTimerRef.current) {\n\t\t\tclearTimeout(hoverLeaveTimerRef.current);\n\t\t\thoverLeaveTimerRef.current = null;\n\t\t}\n\t}, []);\n\n\tconst startHoverLeaveTimer = useCallback(() => {\n\t\tcancelHoverLeaveTimer();\n\t\thoverLeaveTimerRef.current = setTimeout(() => {\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetPopupMenu(undefined);\n\t\t}, 150);\n\t}, [cancelHoverLeaveTimer]);\n\n\tconst determineElementTop = () => {\n\t\tif (popupMenu) {\n\t\t\tconst currentId =\n\t\t\t\tpopupMenu.displayName?.split(' ')?.join('') + '_sub' ||\n\t\t\t\tpopupMenu.key.toString() + '_sub';\n\n\t\t\tconst targetElement = document.getElementById(currentId);\n\t\t\tif (targetElement) {\n\t\t\t\tconst sideMenuRect = targetElement.getBoundingClientRect();\n\t\t\t\tlet divBoxTop = sideMenuRect.top;\n\t\t\t\tconst popupHeight = popupMinHeight ?? 320;\n\t\t\t\tif (sideMenuRect.bottom + popupHeight > window.innerHeight) {\n\t\t\t\t\tdivBoxTop -= sideMenuRect.bottom + popupHeight - window.innerHeight;\n\t\t\t\t}\n\t\t\t\treturn divBoxTop;\n\t\t\t}\n\t\t\treturn null;\n\t\t}\n\t};\n\n\treturn (\n\t\t<SideBarV2Container>\n\t\t\t<div\n\t\t\t\tclassName=\"bik-header-logo\"\n\t\t\t\tonClick={() => undefined}\n\t\t\t\tonKeyDown={() => undefined}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{logoSvg ? logoSvg : <BikIcon />}\n\t\t\t</div>\n\t\t\t<MainSideBarV2MenuWrapper style={menuStyle}>\n\t\t\t\t{allMenuList?.map((option, index) => (\n\t\t\t\t\t<Fragment key={index}>\n\t\t\t\t\t\t{option.path ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={option.path} router={router}>\n\t\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t\t\tonMouseLeaveMenuItem={startHoverLeaveTimer}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t\tonMouseLeaveMenuItem={startHoverLeaveTimer}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{option.layout === 'popup' && popupMenu?.children?.length && (\n\t\t\t\t\t\t\t\t<SidebarV2Popup\n\t\t\t\t\t\t\t\t\ttop={popupMenuTop ?? undefined}\n\t\t\t\t\t\t\t\t\tmenuList={popupMenu?.children}\n\t\t\t\t\t\t\t\t\tonClickingPopupMenu={(popupMenuSelected) => {\n\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem &&\n\t\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem(popupMenuSelected);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={cancelHoverLeaveTimer}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={startHoverLeaveTimer}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{hoveredComp?.children?.length && (\n\t\t\t\t\t\t\t\t<SimpleSidebarV2\n\t\t\t\t\t\t\t\t\tmenuList={hoveredComp?.children}\n\t\t\t\t\t\t\t\t\twidth={200}\n\t\t\t\t\t\t\t\t\tactiveMenu={subActiveMenu}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={cancelHoverLeaveTimer}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => setHoveredComp(undefined)}\n\t\t\t\t\t\t\t\t\tleft={isNewSidebar ? 78 : 78}\n\t\t\t\t\t\t\t\t\tpostion={'fixed'}\n\t\t\t\t\t\t\t\t\theader={hoveredComp.displayName}\n\t\t\t\t\t\t\t\t\ttheme={'brand'}\n\t\t\t\t\t\t\t\t\trouter={router}\n\t\t\t\t\t\t\t\t\tshowAccessUpgradePanel={hoveredComp.showAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\tonMenuClick={(menuSelected, reDirect) => {\n\t\t\t\t\t\t\t\t\t\tsetSubActiveMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t\tsetMainActiveMenu(hoveredComp);\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t\treDirect && onClickingSubMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonUpgrade={onClickingAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\ttop={\n\t\t\t\t\t\t\t\t\t\tisNewSidebar\n\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tisNewSidebar={isNewSidebar}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t\t{typeof bikSidebarV2Props.onboardingPercentage === 'number' && (\n\t\t\t\t\t<SibeBarV2MenuItem>\n\t\t\t\t\t\t<SidebarMainMenu>\n\t\t\t\t\t\t\t<SidebarMenuItemInner\n\t\t\t\t\t\t\t\tid={'bik-onboarding__checklist'}\n\t\t\t\t\t\t\t\tstickyBottom={\n\t\t\t\t\t\t\t\t\tnumberOfStickyOptions === 0\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: numberOfStickyOptions === 1\n\t\t\t\t\t\t\t\t\t\t? 64\n\t\t\t\t\t\t\t\t\t\t: 128\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CircularProgressBar\n\t\t\t\t\t\t\t\t\tpercentage={bikSidebarV2Props.onboardingPercentage}\n\t\t\t\t\t\t\t\t\twidth={48}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</SidebarMenuItemInner>\n\t\t\t\t\t\t</SidebarMainMenu>\n\t\t\t\t\t</SibeBarV2MenuItem>\n\t\t\t\t)}\n\t\t\t</MainSideBarV2MenuWrapper>\n\t\t</SideBarV2Container>\n\t);\n};\n\nconst IconComponent: React.FC<{\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisActive: boolean;\n\tactiveStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\thoverStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisHovered: boolean;\n}> = (iconComponentProps) => {\n\tconst { icon, isActive, activeStateIcon } = iconComponentProps;\n\tconst Icon = icon;\n\tconst ActiveIcon = activeStateIcon;\n\treturn (\n\t\t<>\n\t\t\t{isActive ? (\n\t\t\t\t<ActiveIcon\n\t\t\t\t\twidth={16}\n\t\t\t\t\theight={16}\n\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Icon width={16} height={16} color={COLORS.content.secondaryInverse} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSidebarMenuItem: React.FC<GetSideBarV2MenuItemProps> = ({\n\toption,\n\tindex,\n\tonClickMainMenuLogic,\n\tsetHandleHoverForFullLayout,\n\tisDisabled,\n\tmainActiveMenu,\n\thoveredComp,\n\tpopupMenu,\n\tonMouseLeaveMenuItem,\n}) => {\n\treturn (\n\t\t<SibeBarV2MenuItem>\n\t\t\t<SidebarMainMenu\n\t\t\t\tid={option.displayName?.split(' ')?.join('') || option.key.toString()}\n\t\t\t\tkey={index}\n\t\t\t\tonClick={() => !isDisabled && onClickMainMenuLogic(option)}\n\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\tsetHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseLeave={onMouseLeaveMenuItem}\n\t\t\t\tonFocus={() => {\n\t\t\t\t\t// do nothing\n\t\t\t\t}}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{option.isNew && (\n\t\t\t\t\t<SidebarNewTag isLastSticky={option.isLastSticky}>NEW</SidebarNewTag>\n\t\t\t\t)}\n\t\t\t\t{option.isLocked && (\n\t\t\t\t\t<SidebarLockedChannel\n\t\t\t\t\t\tisLastSticky={option.isLastSticky}\n\t\t\t\t\t\tis2ndLastSticky={option.is2ndLastSticky}\n\t\t\t\t\t>\n\t\t\t\t\t\t<LockedIcon height={16} width={16} />\n\t\t\t\t\t</SidebarLockedChannel>\n\t\t\t\t)}\n\t\t\t\t<SidebarMenuItemInner\n\t\t\t\t\tkey={index}\n\t\t\t\t\tid={\n\t\t\t\t\t\toption.displayName?.split(' ')?.join('') + '_sub' ||\n\t\t\t\t\t\toption.key.toString() + '_sub'\n\t\t\t\t\t}\n\t\t\t\t\tisActive={mainActiveMenu?.key === option.key}\n\t\t\t\t\tdata-active={mainActiveMenu?.key === option.key ? 'true' : undefined}\n\t\t\t\t\tisLastSticky={option.isLastSticky}\n\t\t\t\t\tis2ndLastSticky={option.is2ndLastSticky}\n\t\t\t\t\tisHovered={option.key === hoveredComp?.key}\n\t\t\t\t\tisNew={option.isNew}\n\t\t\t\t\tonMouseEnter={() => setHandleHoverForFullLayout(option)}\n\t\t\t\t\tonMouseLeave={onMouseLeaveMenuItem}\n\t\t\t\t>\n\t\t\t\t\t<IconComponent\n\t\t\t\t\t\ticon={option.icon}\n\t\t\t\t\t\tisActive={option.key == mainActiveMenu?.key}\n\t\t\t\t\t\tactiveStateIcon={\n\t\t\t\t\t\t\toption.activeIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\thoverStateIcon={\n\t\t\t\t\t\t\toption.hoverIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHovered={\n\t\t\t\t\t\t\toption.key == hoveredComp?.key || option.key == popupMenu?.key\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<SidebarMenuItemContainer>\n\t\t\t\t\t\t<SidebarMenuItemText isActive={option?.key === mainActiveMenu?.key}>\n\t\t\t\t\t\t\t{option.displayName}\n\t\t\t\t\t\t</SidebarMenuItemText>\n\t\t\t\t\t</SidebarMenuItemContainer>\n\t\t\t\t</SidebarMenuItemInner>\n\t\t\t</SidebarMainMenu>\n\t\t</SibeBarV2MenuItem>\n\t);\n};\n"],"names":["BikSidebarV2","bikSidebarV2Props","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","mainActiveMenu","setMainActiveMenu","useState","hoveredComp","setHoveredComp","subActiveMenu","setSubActiveMenu","isDisabled","setIsDisabled","popupMenu","setPopupMenu","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","hoverLeaveTimerRef","useRef","numberOfStickyOptions","useMemo","menu","useEffect","onClickMainMenuLogic","useCallback","option","setHandleHoverForFullLayout","cancelHoverLeaveTimer","top","determineElementTop","targetElement","topValue","calculateTopSideBarPosition","targetRect","distanceToBottom","handleResize","newTop","determineSideMenuTopWhileResize","openSideMenuElementHeight","startHoverLeaveTimer","currentId","sideMenuRect","divBoxTop","popupHeight","SideBarV2Container","jsx","BikIcon","jsxs","MainSideBarV2MenuWrapper","index","Fragment","NavigationHyperlink","EachSidebarMenuItem","SidebarV2Popup","popupMenuSelected","SimpleSidebarV2","menuSelected","reDirect","SibeBarV2MenuItem","SidebarMainMenu","SidebarMenuItemInner","CircularProgressBar","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","COLORS","onMouseLeaveMenuItem","SidebarNewTag","SidebarLockedChannel","LockedIcon","SidebarMenuItemContainer","SidebarMenuItemText"],"mappings":"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"}

package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2.model.d.ts

@@ -0,0 +1,27 @@
+export interface Menu {
+    key: string | number;
+    displayName: string;
+    description?: string;
+    path?: string;
+    page?: string;
+    isNew?: string;
+}
+export type SidebarV2Theme = 'brand' | 'white';
+export interface SimpleSidebarV2Props {
+    menuList: Menu[];
+    activeMenu: Menu;
+    theme: SidebarV2Theme;
+    showAccessUpgradePanel?: boolean;
+    header?: string;
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    postion?: 'fixed' | 'sticky';
+    top?: number;
+    router: any;
+    onMouseLeaveOnMenu?: () => void;
+    onMouseEnterOnMenu?: () => void;
+    onMenuClick: (menuSelected: Menu, reDirect?: boolean) => void;
+    onUpgrade?: () => void;
+    isNewSidebar?: boolean;
+}

package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Popup.d.ts

@@ -0,0 +1,12 @@
+import { Menu } from './SidebarV2.model';
+export interface SidebarV2PopupI {
+    menuList: Menu[];
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    top?: number;
+    onMouseLeaveOnMenu?: () => void;
+    onMouseEnterOnMenu?: () => void;
+    onClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;
+}
+export declare const SidebarV2Popup: React.FC<SidebarV2PopupI>;

package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Popup.js

@@ -0,0 +1,53 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { TitleRegular as c, BodySecondary as p } from "../../TypographyStyle.js";
+import { SidebarV2PopupContainer as f } from "./SidebarV2Styles.js";
+const y = (i) => {
+  const {
+    top: r,
+    menuList: o,
+    zIndex: s,
+    left: a,
+    onMouseLeaveOnMenu: m,
+    onMouseEnterOnMenu: u,
+    onClickingPopupMenu: l
+  } = i;
+  return /* @__PURE__ */ e(
+    f,
+    {
+      top: r,
+      theme: "white",
+      zIndex: s,
+      left: a ?? 78,
+      postion: "fixed",
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          id: "_sub-menu",
+          className: "sidebar-right-menu transform-class",
+          onMouseEnter: u,
+          onMouseLeave: m,
+          children: o?.map((n, t) => /* @__PURE__ */ d(
+            "div",
+            {
+              className: "each-menu",
+              style: {
+                borderBottom: t == o.length - 1 ? "none" : void 0
+              },
+              onClick: () => l(n),
+              children: [
+                /* @__PURE__ */ e(c, { style: { fontSize: 14 }, children: n.displayName }),
+                /* @__PURE__ */ e(p, { style: { fontSize: 12 }, children: n.description })
+              ]
+            },
+            t
+          ))
+        },
+        "_sub-menu"
+      )
+    }
+  );
+};
+export {
+  y as SidebarV2Popup
+};
+//# sourceMappingURL=SidebarV2Popup.js.map

package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarV2Popup.js","sources":["../../../../../src/components/bik-layout/BikSidebarV2/SidebarV2Popup.tsx"],"sourcesContent":["import { BodySecondary, TitleRegular } from '../../TypographyStyle';\nimport { Menu } from './SidebarV2.model';\nimport { SidebarV2PopupContainer } from './SidebarV2Styles';\n\nexport interface SidebarV2PopupI {\n\tmenuList: Menu[];\n\twidth?: number;\n\tzIndex?: number;\n\tleft?: number;\n\ttop?: number;\n\tonMouseLeaveOnMenu?: () => void;\n\tonMouseEnterOnMenu?: () => void;\n\tonClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;\n}\n\nexport const SidebarV2Popup: React.FC<SidebarV2PopupI> = (sideBarProps) => {\n\tconst {\n\t\ttop,\n\t\tmenuList,\n\t\tzIndex,\n\t\tleft,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonClickingPopupMenu,\n\t} = sideBarProps;\n\treturn (\n\t\t<SidebarV2PopupContainer\n\t\t\ttop={top}\n\t\t\ttheme={'white'}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left ?? 78}\n\t\t\tpostion={'fixed'}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t>\n\t\t\t\t{menuList?.map((child, popupIndex) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"each-menu\"\n\t\t\t\t\t\tkey={popupIndex}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderBottom:\n\t\t\t\t\t\t\t\tpopupIndex == menuList.length - 1 ? 'none' : undefined,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={() => onClickingPopupMenu(child)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleRegular style={{ fontSize: 14 }}>\n\t\t\t\t\t\t\t{child.displayName}\n\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t<BodySecondary style={{ fontSize: 12 }}>\n\t\t\t\t\t\t\t{child.description}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</SidebarV2PopupContainer>\n\t);\n};\n"],"names":["SidebarV2Popup","sideBarProps","top","menuList","zIndex","left","onMouseLeaveOnMenu","onMouseEnterOnMenu","onClickingPopupMenu","jsx","SidebarV2PopupContainer","child","popupIndex","jsxs","TitleRegular","BodySecondary"],"mappings":";;;AAeO,MAAMA,IAA4C,CAACC,MAAiB;AAC1E,QAAM;AAAA,IACL,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACGP;AACJ,SACC,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,KAAAR;AAAA,MACA,OAAO;AAAA,MACP,QAAAE;AAAA,MACA,MAAMC,KAAQ;AAAA,MACd,SAAS;AAAA,MAET,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,IAAI;AAAA,UAEJ,WAAW;AAAA,UACX,cAAcF;AAAA,UACd,cAAcD;AAAA,UAEb,UAAAH,GAAU,IAAI,CAACQ,GAAOC,MACtB,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,WAAU;AAAA,cAEV,OAAO;AAAA,gBACN,cACCD,KAAcT,EAAS,SAAS,IAAI,SAAS;AAAA,cAAA;AAAA,cAE/C,SAAS,MAAMK,EAAoBG,CAAK;AAAA,cAExC,UAAA;AAAA,gBAAA,gBAAAF,EAACK,KAAa,OAAO,EAAE,UAAU,GAAA,GAC/B,YAAM,aACR;AAAA,gBACA,gBAAAL,EAACM,KAAc,OAAO,EAAE,UAAU,MAChC,YAAM,YAAA,CACR;AAAA,cAAA;AAAA,YAAA;AAAA,YAZKH;AAAA,UAAA,CAcN;AAAA,QAAA;AAAA,QAtBI;AAAA,MAAA;AAAA,IAuBN;AAAA,EAAA;AAGH;"}

package/dist/esm/components/bik-layout/BikSidebarV2/SidebarV2Styles.d.ts

@@ -0,0 +1,44 @@
+import { SidebarV2Theme } from './SidebarV2.model';
+export declare const SideBarV2Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MainSideBarV2MenuWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SibeBarV2MenuItem: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SidebarMainMenu: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SidebarNewTag: import('styled-components').StyledComponent<"div", any, {
+    isLastSticky?: boolean | undefined;
+}, never>;
+export declare const SidebarLockedChannel: import('styled-components').StyledComponent<"div", any, {
+    isLastSticky?: boolean | undefined;
+    is2ndLastSticky?: boolean | undefined;
+}, never>;
+export declare const SidebarMenuItemInner: import('styled-components').StyledComponent<"div", any, {
+    isActive?: boolean | undefined;
+    isHovered?: boolean | undefined;
+    isNew?: boolean | undefined;
+    isLastSticky?: boolean | undefined;
+    is2ndLastSticky?: boolean | undefined;
+    stickyBottom?: number | undefined;
+}, never>;
+export declare const SidebarMenuItemContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SidebarMenuItemText: import('styled-components').StyledComponent<"div", any, {
+    numberOfLines?: number | undefined;
+    color?: string | undefined;
+} & {
+    isActive?: boolean | undefined;
+}, never>;
+export declare const SimpleSidebarV2Container: import('styled-components').StyledComponent<"div", any, {
+    postion?: "fixed" | "sticky" | undefined;
+    top?: number | undefined;
+    theme: SidebarV2Theme;
+    width?: number | undefined;
+    zIndex?: number | undefined;
+    left?: number | undefined;
+    isNewSidebar?: boolean | undefined;
+}, never>;
+export declare const SidebarV2PopupContainer: import('styled-components').StyledComponent<"div", any, {
+    postion?: "fixed" | "sticky" | undefined;
+    top?: number | undefined;
+    theme: SidebarV2Theme;
+    zIndex?: number | undefined;
+    left?: number | undefined;
+    bottom?: number | undefined;
+}, never>;