@digigov/ui 1.0.0-6b93ebf2 → 1.0.0-758a1807

package/src/navigation/NavList/NavListAuto/NavListContextAuto.tsx

@@ -1,112 +0,0 @@
-import React, { createContext, useEffect, useState } from 'react';
-import { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';
-import { NavListLayout } from '@digigov/ui/navigation/NavList/types';
-
-export interface NavLinkInterface {
-  name?: string;
-  label?: string;
-  href?: string;
-  children?: React.ReactNode;
-  subMenu?: NavLinkInterface[];
-}
-
-export interface NavListContextInterface {
-  layout?: NavListLayout;
-  border?: boolean;
-  fixed?: boolean;
-  openSubMenus?: boolean;
-  showDividers?: boolean;
-  links: NavLinkInterface[];
-  activeLink?: NavLinkInterface;
-  activeSubMenu?: NavLinkInterface[];
-  onSubMenuActive?: (name: string) => void;
-  container?: (key: string) => { active: boolean; id: string };
-  setRegisterButton?: (name: string) => any;
-  setRegisterLink?: (name: string) => any;
-}
-
-export const NavListContextAuto = createContext<NavListContextInterface>({
-  layout: 'horizontal',
-  border: true,
-  fixed: true,
-  openSubMenus: false,
-  links: [],
-  activeLink: {},
-  activeSubMenu: [],
-});
-
-const TRAILING_SLASH = /\/$/gm;
-export const NavListProviderAuto: React.FC<NavListContextInterface> = ({
-  children,
-  layout,
-  border,
-  fixed,
-  openSubMenus = false,
-  showDividers = false,
-  links = [],
-}) => {
-  const [activeSubMenu, setActiveSubMenu] = useState<NavLinkInterface[]>([]);
-  const [activeLink, setActiveLink] = useState<NavLinkInterface>({});
-  const { container, registerButton, registerLink } = useNavList();
-
-  const setRegisterButton = (name: string) => {
-    return { ...registerButton(name) };
-  };
-
-  const setRegisterLink = (name: string) => {
-    return { ...registerLink(name) };
-  };
-
-  // TODO: Cleanup unused props
-  useEffect(() => {
-    const currentActiveLink = links.find((link) => {
-      if (link.subMenu?.length) {
-        return !!~link.subMenu.findIndex(
-          (subMenuLink) =>
-            window?.location.pathname.replace(TRAILING_SLASH, '') ===
-            subMenuLink.href?.replace(TRAILING_SLASH, '')
-        );
-      } else {
-        return (
-          window?.location.pathname.replace(TRAILING_SLASH, '') ===
-            link.href?.replace(TRAILING_SLASH, '') || false
-        );
-      }
-    }) || { label: '', href: '' };
-    setActiveLink(currentActiveLink);
-  }, [links]);
-  const onSubMenuActive = (href: string): void => {
-    if (href === null) {
-      setActiveSubMenu([]);
-    }
-    const link = links.find(
-      (link) => link.href === href && link.subMenu && link.subMenu.length
-    );
-    if (link && link.subMenu) {
-      setActiveSubMenu(link.subMenu);
-    }
-  };
-
-  return (
-    <NavListContextAuto.Provider
-      value={{
-        openSubMenus,
-        layout,
-        border,
-        fixed,
-        showDividers,
-        links,
-        activeLink,
-        activeSubMenu,
-        onSubMenuActive,
-        container,
-        setRegisterButton,
-        setRegisterLink,
-      }}
-    >
-      {children}
-    </NavListContextAuto.Provider>
-  );
-};
-
-export default NavListContextAuto;

package/src/navigation/NavList/NavListAuto/NavListItemAnchorAuto.tsx

@@ -1,38 +0,0 @@
-import React, { useContext } from 'react';
-import NavListItem from '@digigov/react-core/NavListItem';
-import NavListContextAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto';
-import { NavListItemLink } from '@digigov/ui/navigation/NavList/NavListItemLink';
-
-interface NavListItemAnchorAutoProps {
-  name: string;
-  href?: string;
-  active?: boolean;
-  children?: React.ReactNode;
-}
-
-export const NavListItemAnchorAuto: React.FC<NavListItemAnchorAutoProps> = ({
-  name,
-  href,
-  active,
-  children,
-  ...props
-}) => {
-  const { container, setRegisterLink } = useContext(NavListContextAuto);
-
-  return (
-    <NavListItem>
-      {setRegisterLink && (
-        <NavListItemLink
-          href={href}
-          active={active || (container && container(name)?.active)}
-          {...props}
-          {...setRegisterLink(name)}
-        >
-          {children}
-        </NavListItemLink>
-      )}
-    </NavListItem>
-  );
-};
-
-export default NavListItemAnchorAuto;

package/src/navigation/NavList/NavListAuto/NavListItemAuto.tsx

@@ -1,49 +0,0 @@
-import React, { useContext } from 'react';
-import Divider from '@digigov/react-core/SectionBreak';
-import NavListContextAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto';
-import NavItemAnchorAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAnchorAuto';
-import NavItemButtonAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListItemButtonAuto';
-import { NavListItem } from '@digigov/ui/navigation/NavList/NavListItem';
-
-export interface NavListItemAutoProps {
-  item?: any;
-  children?: React.ReactNode;
-  role?: string;
-}
-
-export const NavListItemAuto: React.FC<NavListItemAutoProps> = ({
-  item,
-  children,
-  role,
-  ...props
-}) => {
-  const { layout, showDividers, container, setRegisterButton } = useContext(
-    NavListContextAuto
-  );
-  const itemName = item?.name ? item.name : item?.label;
-
-  return (
-    <React.Fragment>
-      {children ? (
-        <NavListItem {...props}>{children}</NavListItem>
-      ) : item?.menu || item?.subMenu ? (
-        <NavItemButtonAuto
-          item={item}
-          name={itemName}
-          active={container && container(itemName)?.active}
-          onSelect={setRegisterButton}
-          layout={layout}
-        >
-          {item?.label}
-        </NavItemButtonAuto>
-      ) : (
-        <NavItemAnchorAuto href={item?.href} name={itemName}>
-          {item?.label}
-        </NavItemAnchorAuto>
-      )}
-      {showDividers && <Divider />}
-    </React.Fragment>
-  );
-};
-
-export default NavListItemAuto;

package/src/navigation/NavList/NavListAuto/NavListItemButtonAuto.tsx

@@ -1,53 +0,0 @@
-import React from 'react';
-import NavItemMenuAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListMenuAuto';
-import NavItemSubMenuAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListSubMenuAuto';
-import NavListItem from '@digigov/ui/navigation/NavList/NavListItem';
-import NavListItemButton from '@digigov/ui/navigation/NavList/NavListItemButton';
-import { NavListLayout } from '@digigov/ui/navigation/NavList/types';
-
-interface NavListItemButtonAutoProps {
-  item?: any;
-  name: string;
-  active?: boolean;
-  onSelect?: (name: string) => any;
-  layout?: NavListLayout;
-  children?: React.ReactNode;
-}
-
-export const NavListItemButtonAuto: React.FC<NavListItemButtonAutoProps> = ({
-  item,
-  name,
-  active,
-  onSelect,
-  layout,
-  children,
-}) => {
-  return (
-    <React.Fragment>
-      {onSelect && (
-        <NavListItem>
-          <NavListItemButton active={active} {...onSelect(name)}>
-            {children}
-          </NavListItemButton>
-        </NavListItem>
-      )}
-      {item?.subMenu ? (
-        <NavItemSubMenuAuto
-          items={item?.subMenu}
-          open={active}
-          layout={layout}
-        />
-      ) : (
-        <NavItemMenuAuto
-          subMenu={item?.menu?.links}
-          title={item?.menu?.title}
-          active={active}
-          layout={layout}
-          id={name}
-        />
-      )}
-    </React.Fragment>
-  );
-};
-
-export default NavListItemButtonAuto;

package/src/navigation/NavList/NavListAuto/NavListMenuAuto.tsx

@@ -1,51 +0,0 @@
-import React from 'react';
-import { Link } from '@digigov/ui/navigation/Link';
-import NavMenu from '@digigov/ui/navigation/NavList/NavMenu';
-import NavMenuContainer from '@digigov/ui/navigation/NavList/NavMenuContainer';
-import NavMenuContainerContent from '@digigov/ui/navigation/NavList/NavMenuContainerContent';
-import NavMenuContainerContentList from '@digigov/ui/navigation/NavList/NavMenuContainerContentList';
-import NavMenuContainerContentListItem from '@digigov/ui/navigation/NavList/NavMenuContainerContentListItem';
-import NavMenuContainerTitle from '@digigov/ui/navigation/NavList/NavMenuContainerTitle';
-import { NavListLayout } from '@digigov/ui/navigation/NavList/types';
-
-interface NavListMenuAutoProps {
-  layout?: NavListLayout;
-  title?: string;
-  active?: boolean;
-  subMenu?: any[];
-  id?: string;
-}
-
-export const NavListMenuAuto: React.FC<NavListMenuAutoProps> = ({
-  layout,
-  active,
-  title,
-  subMenu,
-  id,
-}) => {
-  return (
-    <NavMenu layout={layout} active={active} id={id}>
-      <NavMenuContainer layout={layout} paddingLeft={5} paddingRight={5}>
-        <NavMenuContainerTitle>{title}</NavMenuContainerTitle>
-        <NavMenuContainerContent>
-          <NavMenuContainerContentList role="menu">
-            {subMenu?.map((item, index) => {
-              return (
-                <NavMenuContainerContentListItem
-                  role="presentation"
-                  key={index}
-                >
-                  <Link role="menuitem" id={item.name} href={item.href}>
-                    {item.label}
-                  </Link>
-                </NavMenuContainerContentListItem>
-              );
-            })}
-          </NavMenuContainerContentList>
-        </NavMenuContainerContent>
-      </NavMenuContainer>
-    </NavMenu>
-  );
-};
-
-export default NavListMenuAuto;

package/src/navigation/NavList/NavListAuto/NavListSubMenuAuto.tsx

@@ -1,32 +0,0 @@
-import React from 'react';
-import { Nav } from '@digigov/ui/navigation/NavList/Nav';
-import { NavList } from '@digigov/ui/navigation/NavList/NavList';
-import NavItemAuto from '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAuto';
-import { NavListLayout } from '@digigov/ui/navigation/NavList/types';
-
-export interface NavListSubMenuAutoProps {
-  items?: any[];
-  open?: boolean;
-  layout?: NavListLayout;
-}
-
-export const NavListSubMenuAuto: React.FC<NavListSubMenuAutoProps> = ({
-  items,
-  open,
-  layout,
-  ...props
-}) => {
-  return open ? (
-    <Nav hidden={!open} layout={layout} {...props} aria-orientation={layout}>
-      <NavList>
-        {items?.map((subMenuItem, index) => (
-          <NavItemAuto key={index} item={subMenuItem} />
-        ))}
-      </NavList>
-    </Nav>
-  ) : (
-    <></>
-  );
-};
-
-export default NavListSubMenuAuto;

package/src/navigation/NavList/NavListItem.tsx

@@ -1,46 +0,0 @@
-import React from 'react';
-import NavListItemContainer from '@digigov/react-core/NavListItem';
-import NavListItemButton from '@digigov/ui/navigation/NavList/NavListItemButton';
-import { NavListItemLink } from '@digigov/ui/navigation/NavList/NavListItemLink';
-import {
-  isNavListItemLinkInterface,
-  isNavListItemSubMenuInterface,
-  NavListItemProps,
-} from '@digigov/ui/navigation/NavList/types';
-
-export const NavListItem: React.FC<NavListItemProps> = ({
-  link,
-  setRegisterButton,
-  setRegisterLink,
-  active,
-  children,
-  ...props
-}) => {
-  return (
-    <NavListItemContainer>
-      {children ? (
-        children
-      ) : isNavListItemSubMenuInterface(link) && link?.subMenu ? (
-        <NavListItemButton
-          {...(setRegisterButton && setRegisterButton(link.name))}
-          {...props}
-        >
-          {link?.label}
-        </NavListItemButton>
-      ) : (
-        isNavListItemLinkInterface(link) && (
-          <NavListItemLink
-            href={link?.href}
-            {...(setRegisterLink && setRegisterLink(link.name))}
-            active={active}
-            {...props}
-          >
-            {link?.label}
-          </NavListItemLink>
-        )
-      )}
-    </NavListItemContainer>
-  );
-};
-
-export default NavListItem;

package/src/navigation/NavList/NavListItemBase.tsx

@@ -1,63 +0,0 @@
-import React from 'react';
-import Link from '@digigov/ui/navigation/Link';
-import NavListItem from '@digigov/ui/navigation/NavList/NavListItem';
-import NavMenu from '@digigov/ui/navigation/NavList/NavMenu';
-import NavMenuContainer from '@digigov/ui/navigation/NavList/NavMenuContainer';
-import NavMenuContainerContent from '@digigov/ui/navigation/NavList/NavMenuContainerContent';
-import NavMenuContainerContentList from '@digigov/ui/navigation/NavList/NavMenuContainerContentList';
-import NavMenuContainerContentListItem from '@digigov/ui/navigation/NavList/NavMenuContainerContentListItem';
-import NavMenuContainerTitle from '@digigov/ui/navigation/NavList/NavMenuContainerTitle';
-import {
-  isNavListItemLinkInterface,
-  NavListLayout,
-} from '@digigov/ui/navigation/NavList/types';
-
-export interface NavListItemBaseProps {
-  container?: (key: string) => { active: boolean; id: string };
-  setRegisterButton?: (name: string) => any;
-  children?: React.ReactNode;
-  item?: any;
-  layout?: NavListLayout;
-  role?: string;
-}
-
-export const NavListItemBase: React.FC<NavListItemBaseProps> = ({
-  container,
-  setRegisterButton,
-  children,
-  item,
-  layout = 'horizontal',
-  role,
-  ...props
-}) => {
-  return (
-    <>
-      <NavListItem
-        link={item}
-        setRegisterButton={setRegisterButton}
-        role="menuitem"
-        {...props}
-      />
-      <NavMenu layout={layout} {...(container && container(item.name))}>
-        <NavMenuContainer layout={layout} paddingLeft={5} paddingRight={5}>
-          <NavMenuContainerTitle>{item.label}</NavMenuContainerTitle>
-          <NavMenuContainerContent>
-            <NavMenuContainerContentList>
-              {item.subMenu?.map((subMenu, menuIndex) => {
-                return (
-                  isNavListItemLinkInterface(subMenu) && (
-                    <NavMenuContainerContentListItem key={menuIndex}>
-                      <Link href={subMenu.href}>{subMenu.label}</Link>
-                    </NavMenuContainerContentListItem>
-                  )
-                );
-              })}
-            </NavMenuContainerContentList>
-          </NavMenuContainerContent>
-        </NavMenuContainer>
-      </NavMenu>
-    </>
-  );
-};
-
-export default NavListItemBase;

package/src/navigation/NavList/NavListItemButton.tsx

@@ -1,3 +0,0 @@
-import NavListItemButton from '@digigov/react-core/NavListItemButton';
-export * from '@digigov/react-core/NavListItemButton';
-export default NavListItemButton;

package/src/navigation/NavList/NavListItemLink.tsx

@@ -1,3 +0,0 @@
-import NavListItemLink from '@digigov/react-core/NavListItemLink';
-export * from '@digigov/react-core/NavListItemLink';
-export default NavListItemLink;

package/src/navigation/NavList/NavMenu.tsx

@@ -1,3 +0,0 @@
-import NavMenu from '@digigov/react-core/NavMenu';
-export * from '@digigov/react-core/NavMenu';
-export default NavMenu;

package/src/navigation/NavList/NavMenuContainer.tsx

@@ -1,3 +0,0 @@
-import NavMenuContainer from '@digigov/react-core/NavMenuContainer';
-export * from '@digigov/react-core/NavMenuContainer';
-export default NavMenuContainer;

package/src/navigation/NavList/NavMenuContainerContent.tsx

@@ -1,3 +0,0 @@
-import NavMenuContainerContent from '@digigov/react-core/NavMenuContainerContent';
-export * from '@digigov/react-core/NavMenuContainerContent';
-export default NavMenuContainerContent;

package/src/navigation/NavList/NavMenuContainerContentListItem.tsx

@@ -1,3 +0,0 @@
-import NavMenuContainerContentListItem from '@digigov/react-core/NavMenuContainerContentListItem';
-export * from '@digigov/react-core/NavMenuContainerContentListItem';
-export default NavMenuContainerContentListItem;

package/src/navigation/NavList/NavMenuContainerTitle.tsx

@@ -1,3 +0,0 @@
-import NavMenuContainerTitle from '@digigov/react-core/NavMenuContainerTitle';
-export * from '@digigov/react-core/NavMenuContainerTitle';
-export default NavMenuContainerTitle;

package/src/navigation/NavList/NavVertical.tsx

@@ -1,3 +0,0 @@
-import NavVertical from '@digigov/react-core/NavVertical';
-export * from '@digigov/react-core/NavVertical';
-export default NavVertical;

package/src/navigation/NavList/NavVerticalItem.tsx

@@ -1,3 +0,0 @@
-import NavVerticalItem from '@digigov/react-core/NavVerticalItem';
-export * from '@digigov/react-core/NavVerticalItem';
-export default NavVerticalItem;