@superdispatch/ui-lab 0.15.0 → 0.18.0

package/dist-types/index.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
-import { ReactNode, ForwardRefExoticComponent, RefAttributes, Ref, AriaAttributes, MouseEventHandler, FocusEventHandler, ReactChild, MouseEvent, ReactElement } from 'react';
+import { ReactNode, ForwardRefExoticComponent, RefAttributes, Ref, AriaAttributes, MouseEventHandler, FocusEventHandler, HTMLAttributes, ComponentType, ReactElement, MouseEvent, Key, CSSProperties, ReactChild } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { SpaceProp, NegativeSpaceProp, ResponsiveProp, ColorProp } from '@superdispatch/ui';
 import { Property } from 'csstype';
-import { ButtonBaseProps, TooltipProps } from '@material-ui/core';
+import { ButtonBaseProps, AvatarProps, TooltipProps } from '@material-ui/core';
 import { FileRejection } from 'react-dropzone';
+import { StyledComponent, DefaultTheme } from 'styled-components';
 
 declare type AlertSeverityProp = 'positive' | 'info' | 'caution' | 'critical';
 interface AlertProps {
@@ -117,6 +118,13 @@ interface AnchorButtonProps extends BaseButtonProps<HTMLAnchorElement> {
 }
 declare const AnchorButton: ForwardRefExoticComponent<AnchorButtonProps & RefAttributes<HTMLAnchorElement>>;
 
+declare type ContainerProps = HTMLAttributes<HTMLDivElement> & {
+    fullViewportHeight?: boolean;
+};
+declare const Container: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    fullViewportHeight?: boolean | undefined;
+} & RefAttributes<HTMLDivElement>>;
+
 interface DescriptionItemProps {
     id?: string;
     'aria-label'?: string;
@@ -155,6 +163,94 @@ interface FileListItemProps {
 }
 declare const FileListItem: ForwardRefExoticComponent<FileListItemProps & RefAttributes<HTMLDivElement>>;
 
+interface NavbarBottomBarItem {
+    active?: boolean;
+    value: string;
+    hasBadge?: boolean;
+    label: ReactNode;
+    icon: ReactNode;
+    onClick?: () => void;
+    component?: ComponentType<HTMLAttributes<HTMLElement>>;
+}
+interface NavbarBottomBarProps {
+    items: NavbarBottomBarItem[];
+    hasMenuBadge?: boolean;
+}
+declare function NavbarBottomBar({ items, hasMenuBadge, }: NavbarBottomBarProps): ReactElement;
+
+declare const NavbarBadge: StyledComponent<"span", DefaultTheme, {}, never>;
+declare const NavbarLabel: StyledComponent<"span", DefaultTheme, {}, never>;
+interface NavbarItemProps {
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    component?: ComponentType<HTMLAttributes<HTMLElement>>;
+    label: ReactNode;
+    icon?: ReactNode;
+    badge?: ReactNode;
+    ident?: number;
+    gutter?: boolean;
+    variant?: 'danger' | 'primary';
+}
+declare function NavbarItem({ label, gutter, badge, icon, component, onClick, variant, ident, }: NavbarItemProps): ReactElement;
+
+interface NavbarMenuItemProps {
+    icon?: ReactNode;
+    label: ReactNode;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    component?: ComponentType<HTMLAttributes<HTMLElement>>;
+}
+declare function NavbarMenuItem({ label, icon, onClick, component, }: NavbarMenuItemProps): ReactElement;
+interface NavbarItemOptions extends NavbarItemProps {
+    key: Key;
+    groupKey?: Key;
+    hide?: boolean;
+}
+interface NavbarListProps {
+    header: ReactNode;
+    items: NavbarItemOptions[];
+    footer?: ReactNode;
+}
+declare function NavbarList({ header, items, footer, }: NavbarListProps): ReactElement;
+
+interface NavbarProps {
+    containerStyle?: CSSProperties;
+    children: ReactNode;
+    header?: ReactNode;
+    items: NavbarItemOptions[];
+    bottomItems: NavbarBottomBarItem[];
+    footer?: ReactNode;
+    hasExtraBadge?: boolean;
+}
+declare function Navbar({ footer, items, header, bottomItems, children, containerStyle, hasExtraBadge, }: NavbarProps): ReactElement;
+
+interface NavbarAvatarProps extends Omit<AvatarProps, 'title'> {
+    title: ReactNode;
+    subtitle: ReactNode;
+    children: ReactNode;
+}
+declare function NavbarAvatar({ title, subtitle, children, ...props }: NavbarAvatarProps): ReactElement;
+
+
+interface NavbarContextType {
+    isDrawerOpen: boolean;
+    isExpanded: boolean;
+    setIsExpanded: (value: boolean) => void;
+    setDrawerOpen: (value: boolean) => void;
+}
+declare function useNavbarContext(): NavbarContextType;
+
+interface NavbarMenuItemOption {
+    key: Key;
+    icon: ReactNode;
+    label: ReactNode;
+    visible?: boolean;
+    onClick: () => void;
+}
+interface NavbarMenuProps {
+    children: ReactNode;
+    items: NavbarMenuItemOption[];
+}
+declare function NavbarMenu({ items, children }: NavbarMenuProps): ReactElement;
+
 interface SidebarProps {
     id?: string;
     title?: ReactNode;
@@ -226,4 +322,4 @@ interface TextBoxProps {
 }
 declare const TextBox: ForwardRefExoticComponent<TextBoxProps & RefAttributes<HTMLElement>>;
 
-export { Alert, AlertProps, AlertSeverityProp, AnchorButton, AnchorButtonProps, Banner, BorderRadiusProp, BorderWidthProp, Box, BoxProps, Button, ButtonArea, ButtonAreaProps, ButtonProps, ButtonSizeProp, ButtonVariantProp, DescriptionItem, DescriptionItemProps, FileDropZone, FileDropZoneProps, FileListItem, FileListItemProps, MarginProp, Sidebar, SidebarContainer, SidebarContainerProps, SidebarDivider, SidebarMenuItem, SidebarMenuItemAction, SidebarMenuItemActionProps, SidebarMenuItemAvatar, SidebarMenuItemAvatarProps, SidebarMenuItemProps, SidebarProps, SidebarSubheader, SidebarSubheaderProps, TextAlignProp, TextBox, TextBoxProps, TextColorProp, TextDisplayProp, TextVariantProp, formatBytes, toBytes };
+export { Alert, AlertProps, AlertSeverityProp, AnchorButton, AnchorButtonProps, Banner, BorderRadiusProp, BorderWidthProp, Box, BoxProps, Button, ButtonArea, ButtonAreaProps, ButtonProps, ButtonSizeProp, ButtonVariantProp, Container, ContainerProps, DescriptionItem, DescriptionItemProps, FileDropZone, FileDropZoneProps, FileListItem, FileListItemProps, MarginProp, Navbar, NavbarAvatar, NavbarBadge, NavbarBottomBar, NavbarBottomBarItem, NavbarItem, NavbarItemOptions, NavbarItemProps, NavbarLabel, NavbarList, NavbarMenu, NavbarMenuItem, NavbarMenuItemOption, Sidebar, SidebarContainer, SidebarContainerProps, SidebarDivider, SidebarMenuItem, SidebarMenuItemAction, SidebarMenuItemActionProps, SidebarMenuItemAvatar, SidebarMenuItemAvatarProps, SidebarMenuItemProps, SidebarProps, SidebarSubheader, SidebarSubheaderProps, TextAlignProp, TextBox, TextBoxProps, TextColorProp, TextDisplayProp, TextVariantProp, formatBytes, toBytes, useNavbarContext };