@axos-web-dev/shared-components 2.0.0-dev.17-nav-1 → 2.0.0-dev.18

package/dist/NavigationMenu/AxosBank/DropwdownButton.js

@@ -1,109 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Button } from "../../Button/Button.js";
-import "../../Button/Button.css.js";
-import React from "react";
-import "react-use";
-import clsx from "clsx";
-import { Sign_in_btn, signin_subheader } from "./NavBar.css.js";
-import styles from "./NavBar.module.js";
-const DropwdownButton = ({ item }) => {
-  const [isOpenSignIn, setIsOpenSignIn] = React.useState(false);
-  const toggle = () => {
-    setIsOpenSignIn(!isOpenSignIn);
-  };
-  const withItems = item.subItems.filter((item2) => item2 && "menuItems" in item2);
-  const footerItems = item.subItems.filter(
-    (item2) => item2 && !("menuItems" in item2)
-  );
-  console.log(withItems, footerItems);
-  const renderSubItems = () => {
-    return [
-      withItems.map((subItem) => {
-        return subItem && /* @__PURE__ */ jsxs("li", { role: "heading", children: [
-          /* @__PURE__ */ jsx("a", { className: styles.signin_header, href: subItem?.url, children: subItem?.label }),
-          /* @__PURE__ */ jsx("ul", { className: "list_unstyled", children: "menuItems" in subItem && subItem?.menuItems?.subItems?.map(
-            (subSubItem) => subSubItem ? /* @__PURE__ */ jsx(
-              "li",
-              {
-                className: `${styles.signin_subheader} ${signin_subheader}`,
-                children: /* @__PURE__ */ jsx("a", { href: subSubItem?.url, children: subSubItem?.label })
-              },
-              subSubItem?.id
-            ) : null
-          ) })
-        ] }, subItem?.id);
-      }),
-      /* @__PURE__ */ jsx(
-        "li",
-        {
-          className: `${styles.signin_subheader} ${signin_subheader} ${styles.signin_footer} relative`,
-          children: footerItems.map(
-            (subItem) => subItem ? /* @__PURE__ */ jsx("a", { href: subItem?.url, children: subItem?.label }, subItem.id) : null
-          )
-        },
-        "footer-items"
-      )
-    ];
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      Button,
-      {
-        className: clsx(
-          styles.signin_btn,
-          "flex_row",
-          "center",
-          "middle",
-          isOpenSignIn ? styles.open : "",
-          Sign_in_btn
-        ),
-        as: "button",
-        type: "button",
-        color: "primary",
-        id: "signIn",
-        action: toggle,
-        size: "small",
-        "aria-controls": "signin-drop-menu",
-        role: "menuitem",
-        children: [
-          /* @__PURE__ */ jsx("span", { children: item.label }),
-          /* @__PURE__ */ jsx(
-            "svg",
-            {
-              width: "20",
-              height: "12",
-              viewBox: "0 0 20 12",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                  fill: "white"
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `${styles.signin_dropdown} ${styles.shadow} rounded bg_white`,
-        children: /* @__PURE__ */ jsx("div", { className: styles.opacity, children: /* @__PURE__ */ jsx(
-          "ul",
-          {
-            className: "list_unstyled",
-            "aria-expanded": isOpenSignIn,
-            id: "signin-drop-menu",
-            children: renderSubItems()
-          }
-        ) })
-      }
-    )
-  ] });
-};
-export {
-  DropwdownButton
-};

package/dist/NavigationMenu/AxosBank/Menu.d.ts

@@ -1,37 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface MenuProps {
-    id?: string;
-    header: ReactNode;
-    headerOnHover: ReactNode;
-    description: ReactNode;
-    image: {
-        src: string;
-        alt: string;
-        width: number;
-        height: number;
-    };
-    bannerCta?: {
-        id: string;
-        label: string;
-        url: string;
-        ariaLabel?: string;
-    };
-    subNavItems?: SubNavItemProps[];
-    helpUrl?: string;
-    onDownKeyContainer: (event: React.KeyboardEvent<HTMLDivElement>, id: string) => void;
-    onMouseLeave: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-}
-export declare const Menu: import('react').ForwardRefExoticComponent<MenuProps & import('react').RefAttributes<HTMLDivElement>>;
-export interface SubNavItemProps {
-    id: string;
-    icon: string;
-    label: string;
-    url: string;
-    items: {
-        id: string;
-        label: string;
-        url: string;
-    }[];
-}
-export declare const SubNavItem: ({ icon, label, url, items }: SubNavItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/NavigationMenu/AxosBank/Menu.js

@@ -1,119 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import Link from "next/link.js";
-import { forwardRef } from "react";
-import styles from "./NavBar.module.js";
-import { dd_media } from "./SubNavbar.css.js";
-const Menu = forwardRef(
-  ({
-    id,
-    header,
-    headerOnHover,
-    description,
-    image,
-    bannerCta,
-    subNavItems,
-    helpUrl,
-    onDownKeyContainer: handleKeyDownContainer,
-    onMouseLeave: handleMouseLeave
-  }, containerRef) => {
-    const renderNavItems = Array.isArray(subNavItems) ? subNavItems.map((item) => /* @__PURE__ */ jsx(SubNavItem, { ...item }, item.id)) : [];
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(`${styles.dd_wrapper} ${styles.desktop_only}`),
-        role: "menu",
-        onMouseLeave: handleMouseLeave,
-        ref: containerRef,
-        tabIndex: 0,
-        onKeyDown: (event) => handleKeyDownContainer(event, id ?? ""),
-        children: /* @__PURE__ */ jsx("div", { className: styles.wrapper, children: /* @__PURE__ */ jsxs("div", { className: `${styles.shadow} rounded flex_row`, children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `${styles.dd_media} ${styles.opacity} ${dd_media} w_auto text_center`,
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: styles.dd_media_header, children: [
-                  /* @__PURE__ */ jsx("p", { role: "heading", children: header }),
-                  /* @__PURE__ */ jsx("p", { className: styles.mt_8, children: description })
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_img}`, children: /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: image.src,
-                    alt: image.alt,
-                    width: image.width,
-                    height: image.height
-                  }
-                ) }),
-                /* @__PURE__ */ jsx("div", { className: `${styles.mt_8} ${styles.dd_media_cta}`, children: Array.isArray(bannerCta) && bannerCta?.map(
-                  (cta, index) => /* @__PURE__ */ jsx(
-                    Link,
-                    {
-                      href: cta.url ?? "",
-                      "aria-label": cta.ariaLabel,
-                      className: clsx(
-                        "text_center",
-                        index === 0 && "bg_white"
-                      ),
-                      children: cta.label
-                    },
-                    cta.id
-                  )
-                  // null
-                ) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `${styles.dd_site_navs} ${styles.opacity} bg_white`,
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: `${styles.headline} flex_row middle between`, children: [
-                  /* @__PURE__ */ jsx("span", { role: "heading", children: headerOnHover }),
-                  /* @__PURE__ */ jsxs("span", { className: "flex_row middle ml_24 w_auto", children: [
-                    /* @__PURE__ */ jsx(
-                      "img",
-                      {
-                        src: `https://images.axos.com/o9ov1v03uwqk/jK8YfsETu8QGn7Vpb7x10/3e07dd61bacd8cacb4d62650e88a5e0b/nav-submenu-help-icon.svg`,
-                        alt: "",
-                        width: 20,
-                        height: 20
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("div", { className: `${styles.headline_cta} ${styles.ml_8}`, children: /* @__PURE__ */ jsx(
-                      Link,
-                      {
-                        href: helpUrl ?? "{AXOSBANK}/partners/wholesale-correspondent-portfolio-lending/support",
-                        children: "Help & Support"
-                      }
-                    ) })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx("hr", {}),
-                /* @__PURE__ */ jsx("div", { className: `${styles.site_lists} flex_row`, children: renderNavItems })
-              ]
-            }
-          )
-        ] }) })
-      }
-    );
-  }
-);
-const SubNavItem = ({ icon, label, url, items }) => {
-  const renderItems = items?.map((item) => {
-    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: item.url, children: item.label }) }, item.id);
-  });
-  return /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
-    /* @__PURE__ */ jsx("img", { src: icon, alt: "", width: 20, height: 20 }),
-    /* @__PURE__ */ jsxs("ul", { className: `${styles.ml_8} list_unstyled`, children: [
-      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: url ?? "", role: "heading", children: label }) }),
-      renderItems
-    ] })
-  ] });
-};
-export {
-  Menu,
-  SubNavItem
-};

package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.d.ts

@@ -1,36 +0,0 @@
-export type MobileMenuState = {
-    direction: "forward" | "backward";
-    isMobileMenuOpen: boolean;
-    hasOpenedOnce: boolean;
-    loginDrawer: boolean;
-    prevLevel: any;
-    currentMenuData: any;
-    stack: any[];
-    quickLinks?: {
-        id: string;
-        icon: string;
-        label: string;
-        url: string;
-        ariaLabel: string;
-    }[];
-    loginData: any;
-};
-export declare enum MenuActions {
-    INIT = "INIT",
-    BACKWARD = "BACKWARD",
-    FORWARD = "FORWARD",
-    OPENMENU = "OPENMENU",
-    SET_HAS_OPENED_ONCE = "SET_HAS_OPENED_ONCE",
-    SET_MOBILE_MENU_OPEN = "SET_MOBILE_MENU_OPEN",
-    SET_MOBILE_MENU_CLOSED = "SET_MOBILE_MENU_CLOSED",
-    ADD_TO_STACK = "ADD_TO_STACK",
-    REMOVE_FROM_STACK = "REMOVE_FROM_STACK",
-    SET_QUICK_LINKS = "SET_QUICK_LINKS",
-    SET_LOGIN_MENU_OPEN = "SET_LOGIN_MENU_OPEN",
-    SET_LOGIN_MENU_CLOSED = "SET_LOGIN_MENU_CLOSED"
-}
-export interface MenuAction {
-    type: MenuActions;
-    payload: Record<string, unknown>;
-}
-export declare const reducer: (state: MobileMenuState, action: MenuAction) => MobileMenuState;

package/dist/NavigationMenu/AxosBank/MobileMenu/mobileReducer.js

@@ -1,105 +0,0 @@
-var MenuActions = /* @__PURE__ */ ((MenuActions2) => {
-  MenuActions2["INIT"] = "INIT";
-  MenuActions2["BACKWARD"] = "BACKWARD";
-  MenuActions2["FORWARD"] = "FORWARD";
-  MenuActions2["OPENMENU"] = "OPENMENU";
-  MenuActions2["SET_HAS_OPENED_ONCE"] = "SET_HAS_OPENED_ONCE";
-  MenuActions2["SET_MOBILE_MENU_OPEN"] = "SET_MOBILE_MENU_OPEN";
-  MenuActions2["SET_MOBILE_MENU_CLOSED"] = "SET_MOBILE_MENU_CLOSED";
-  MenuActions2["ADD_TO_STACK"] = "ADD_TO_STACK";
-  MenuActions2["REMOVE_FROM_STACK"] = "REMOVE_FROM_STACK";
-  MenuActions2["SET_QUICK_LINKS"] = "SET_QUICK_LINKS";
-  MenuActions2["SET_LOGIN_MENU_OPEN"] = "SET_LOGIN_MENU_OPEN";
-  MenuActions2["SET_LOGIN_MENU_CLOSED"] = "SET_LOGIN_MENU_CLOSED";
-  return MenuActions2;
-})(MenuActions || {});
-const reducer = (state, action) => {
-  switch (action.type) {
-    case "INIT":
-      return {
-        ...state,
-        currentMenuData: {
-          title: "Menu",
-          items: Array.isArray(action.payload?.currentMenuData) && action.payload.currentMenuData?.filter((item) => !item.dropdown)
-        },
-        stack: [action.payload.stack],
-        quickLinks: action.payload.quickLinks,
-        loginData: Array.isArray(action.payload?.currentMenuData) && action.payload.currentMenuData?.find((item) => item.dropdown)
-      };
-    case "SET_MOBILE_MENU_OPEN":
-      return {
-        ...state,
-        isMobileMenuOpen: !state.isMobileMenuOpen
-      };
-    case "SET_MOBILE_MENU_CLOSED":
-      return {
-        ...state,
-        isMobileMenuOpen: false
-      };
-    case "SET_HAS_OPENED_ONCE":
-      return {
-        ...state,
-        hasOpenedOnce: state.hasOpenedOnce ? state.hasOpenedOnce : Boolean(action.payload)
-      };
-    case "SET_LOGIN_MENU_OPEN":
-      return {
-        ...state,
-        loginDrawer: true
-      };
-    case "SET_LOGIN_MENU_CLOSED":
-      return {
-        ...state,
-        loginDrawer: false
-      };
-    case "FORWARD":
-      return {
-        ...state,
-        direction: "forward"
-        // currentLevel: state.currentLevel + 1,
-      };
-    case "BACKWARD":
-      return {
-        ...state,
-        direction: "backward"
-        // currentLevel: state.currentLevel - 1,
-      };
-    case "ADD_TO_STACK": {
-      const newItem = {
-        title: action.payload?.label,
-        url: action.payload?.url,
-        dropdown: action.payload?.dropdown,
-        items: action.payload.items
-      };
-      const lastItem = state.stack[state.stack.length - 1];
-      return {
-        ...state,
-        stack: [...state.stack, newItem],
-        currentMenuData: newItem,
-        prevLevel: Array.isArray(lastItem) ? lastItem[lastItem.length - 1] : lastItem
-      };
-    }
-    case "REMOVE_FROM_STACK": {
-      const newStack = [...state.stack];
-      newStack.pop();
-      const newCurrent = newStack[newStack.length - 1];
-      const lastStackItem = newStack[newStack.length - 1];
-      return {
-        ...state,
-        stack: newStack,
-        currentMenuData: Array.isArray(newCurrent) ? newCurrent[0] : newCurrent,
-        prevLevel: Array.isArray(lastStackItem) ? lastStackItem[lastStackItem.length - 1] : lastStackItem
-      };
-    }
-    case "SET_QUICK_LINKS":
-      return {
-        ...state,
-        quickLinks: action.payload.quickLinks
-      };
-    default:
-      return state;
-  }
-};
-export {
-  MenuActions,
-  reducer
-};

package/dist/NavigationMenu/AxosBank/SubNavItem.d.ts

@@ -1 +0,0 @@
-export declare const SubNavItem: () => import("react/jsx-runtime").JSX.Element;

package/dist/NavigationMenu/AxosBank/SubNavItem.js

@@ -1,185 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import styles from "./NavBar.module.js";
-const SubNavItem = () => {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "li",
-      {
-        className: styles.sub_nav_link,
-        role: "menuitem",
-        children: [
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "{AXOSBANK}/personal/bank",
-              id: "personalNav1",
-              "aria-label": "Press Enter to navigate to the Bank section home page, or press Tab again to focus on the down arrow and press Enter to open the Bank section sub-menu.",
-              children: "Bank"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "#",
-              id: "personalNav1",
-              "aria-label": "Press Enter to open the Bank section sub-menu.",
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  width: "15",
-                  height: "12",
-                  viewBox: "0 0 20 12",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  style: { marginLeft: "8px" },
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                      fill: "white"
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "li",
-      {
-        className: styles.sub_nav_link,
-        role: "menuitem",
-        children: [
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "{AXOSBANK}/personal/borrow",
-              id: "personalNav2",
-              "aria-label": "Press Enter to navigate to the Borrow section home page, or press Tab again to focus on the down arrow and press Enter to open the Borrow section sub-menu.",
-              children: "Borrow"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "#",
-              id: "personalNav2",
-              "aria-label": "Press Enter to open the Borrow section sub-menu.",
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  width: "15",
-                  height: "12",
-                  viewBox: "0 0 20 12",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  style: { marginLeft: "8px" },
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                      fill: "white"
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "li",
-      {
-        className: styles.sub_nav_link,
-        role: "menuitem",
-        children: [
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "{AXOS}/invest",
-              id: "personalNav3",
-              "aria-label": "Press Enter to navigate to the Invest section home page, or press Tab again to focus on the down arrow and press Enter to open the Invest section sub-menu.",
-              children: "Invest"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "#",
-              id: "personalNav3",
-              "aria-label": "Press Enter to open the Invest section sub-menu.",
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  width: "15",
-                  height: "12",
-                  viewBox: "0 0 20 12",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  style: { marginLeft: "8px" },
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                      fill: "white"
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "li",
-      {
-        className: styles.sub_nav_link,
-        role: "menuitem",
-        children: [
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "{AXOSBANK}/personal/plan",
-              id: "personalNav4",
-              "aria-label": "Press Enter to navigate to the Plan section home page, or press Tab again to focus on the down arrow and press Enter to open the Plan section sub-menu.",
-              children: "Plan"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: "#",
-              id: "personalNav4",
-              "aria-label": "Press Enter to open the Plan section sub-menu.",
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  width: "15",
-                  height: "12",
-                  viewBox: "0 0 20 12",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  style: { marginLeft: "8px" },
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      d: "M0.46875 1.76574L9.99908 11.2961L19.5294 1.76574L18.4687 0.705078L9.99908 9.17491L1.52941 0.705078L0.46875 1.76574Z",
-                      fill: "white"
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ]
-      }
-    )
-  ] }) });
-};
-export {
-  SubNavItem
-};