prometeo-design-system 4.3.0 → 4.3.1

package/dist/components/Sidebar/SidebarComposable.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { TabSwitchElement } from '../TabSwitch/TabSwitch';
+interface SidebarRootProps {
+    children: ReactNode;
+    isCollapsed?: boolean;
+    className?: string;
+    tabs?: TabSwitchElement[];
+    currentTabName?: string;
+}
+interface CollapseButtonProps {
+    isCollapsed: boolean;
+    onToggleCollapse: () => void;
+}
+export declare const CollapseButton: ({ isCollapsed, onToggleCollapse }: CollapseButtonProps) => import("react/jsx-runtime").JSX.Element;
+interface HeaderProps {
+    children: ReactNode;
+    className: string;
+}
+interface DividerProps {
+    className?: string;
+}
+interface ContentProps {
+    children: ReactNode;
+    className: string;
+}
+interface SpacerProps {
+    size?: 'auto' | 'small' | 'medium' | 'large' | string;
+    className?: string;
+}
+interface FooterProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const Sidebar: import('react').ForwardRefExoticComponent<SidebarRootProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Root: import('react').ForwardRefExoticComponent<SidebarRootProps & import('react').RefAttributes<HTMLDivElement>>;
+    CollapseButton: ({ isCollapsed, onToggleCollapse }: CollapseButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, className }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Divider: ({ className }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+    Spacer: ({ className, size }: SpacerProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children, className }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/components/Sidebar/components/NavigationLink.d.ts

@@ -0,0 +1,11 @@
+interface NavigationLinkProps {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    label?: string;
+    href?: string;
+    onClick?: () => void;
+    isActive?: boolean;
+    className?: string;
+}
+export declare const NavigationLink: ({ children, icon, label, href, onClick, isActive, className }: NavigationLinkProps) => import("react/jsx-runtime").JSX.Element;
+export default NavigationLink;

package/dist/components/Sidebar/components/company-logo.d.ts

@@ -0,0 +1,5 @@
+export interface CompanyLogoProps {
+    logoUrl: string;
+    companyName?: string;
+}
+export declare const CompanyLogo: ({ logoUrl, companyName }: CompanyLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/components/nav-actions.d.ts

@@ -0,0 +1,7 @@
+import { INavAction } from '../hooks/useNavLinks';
+export interface INavbarActionsProps {
+    linkActions: INavAction[];
+    onClick?: (actionName: string) => void;
+    activeAction?: string;
+}
+export declare const NavBarActions: ({ linkActions, onClick, activeAction, }: INavbarActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/components/nav-links.d.ts

@@ -0,0 +1,7 @@
+import { INavLink } from '../hooks/useNavLinks';
+export interface NavbarLinksProps {
+    links: INavLink[];
+    isLinkActive: (path: string) => boolean;
+    onLinkClick?: (path: string) => void;
+}
+export declare const NavbarLinks: ({ links, isLinkActive, onLinkClick, }: NavbarLinksProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/context/SidebarContext.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, RefObject } from 'react';
+interface SidebarContextType {
+    primarySidebarRef: RefObject<HTMLDivElement | null>;
+    registerPrimarySidebar: (ref: RefObject<HTMLDivElement | null>) => void;
+    tabBarRef: RefObject<HTMLDivElement | null>;
+    registerTabBar: (ref: RefObject<HTMLDivElement | null>) => void;
+}
+interface SidebarProviderProps {
+    children: ReactNode;
+}
+export declare const SidebarProvider: ({ children }: SidebarProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useSidebarContext: () => SidebarContextType;
+export {};

package/dist/components/Sidebar/hooks/SidebarProvider.d.ts

@@ -0,0 +1,3 @@
+export declare const SidebarProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/hooks/useNavBarActions.d.ts

@@ -0,0 +1,9 @@
+interface IRootState {
+    isActiveModalNotification: boolean;
+    setIsActiveModalNotification: (isActiveModalNotification: boolean) => void;
+}
+export declare const useActionsNavbar: ({ isActiveModalNotification, setIsActiveModalNotification, }: IRootState) => {
+    handleNotificationClick: () => void;
+    isActiveModalNotification: boolean;
+};
+export {};

package/dist/components/Sidebar/hooks/useNavBarCollapse.d.ts

@@ -0,0 +1,4 @@
+export declare const useNavbarCollapse: (isCollapsed: boolean) => {
+    isCollapsed: boolean;
+    navbarRef: import('react').RefObject<HTMLDivElement | null>;
+};

package/dist/components/Sidebar/hooks/useNavLinks.d.ts

@@ -0,0 +1,32 @@
+export type Role = "Developer" | "SuperAdmin" | "Admin" | "Regular";
+export declare const Roles: {
+    levelOne: readonly ["Developer"];
+    levelTwo: Role[];
+    levelThree: Role[];
+    levelFour: Role[];
+};
+export type RoleLevels = typeof Roles;
+export interface INavLink {
+    path: string;
+    title: string;
+    icon?: (props: {
+        size: number;
+        className: string;
+    }) => React.ReactNode;
+    viewAccess?: () => boolean;
+    discover?: "render" | "none";
+    isView?: boolean | (() => boolean);
+    relatedPaths?: string[];
+    count?: number;
+}
+export interface INavAction {
+    actionName: string;
+    title: string;
+    icon: (props: {
+        size: number;
+        className: string;
+    }) => React.ReactNode;
+    viewAccess: () => boolean;
+    isView?: boolean | (() => boolean);
+    count?: number;
+}

package/dist/components/Sidebar/hooks/useSidebarHook.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+export interface SidebarContextValue {
+    isCollapsed: boolean;
+    setIsCollapsed: (collapsed: boolean) => void;
+    navbarRef: RefObject<HTMLDivElement | null>;
+    toggleCollapse: () => void;
+    activeSecondaryBar: string | null;
+    openSecondaryBar: (action: string) => void;
+    closeSecondaryBar: () => void;
+    toggleSecondaryBar: (action: string) => void;
+}
+export declare const SidebarContext: import('react').Context<SidebarContextValue | undefined>;
+export declare const useSidebar: () => SidebarContextValue;

package/dist/components/Sidebar/index.d.ts

@@ -0,0 +1,12 @@
+export { SecondaryBar } from './SecondaryBar/SecondaryBar';
+export { Sidebar } from './SidebarComposable';
+export { SidebarProvider } from './hooks/SidebarProvider';
+export { useSidebar } from './hooks/useSidebarHook';
+export { NavigationLink } from './components/NavigationLink';
+export { Badge } from './components/badge';
+export { NavBarActions } from './components/nav-actions';
+export { NavbarLinks } from './components/nav-links';
+export { useActionsNavbar } from './hooks/useNavBarActions';
+export { useNavbarCollapse } from './hooks/useNavBarCollapse';
+export type { BadgeProps } from './components/badge';
+export type { NavbarLinksProps } from './components/nav-links';

package/dist/components/Sidebar/ui/useNavbarAnimation.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useNavbarAnimations: (navbarRef: RefObject<HTMLDivElement | null>, isCollapsed: boolean, isSecondaryBarOpen?: boolean) => void;

package/dist/components/TabLinks/TabLinks.d.ts

@@ -30,22 +30,3 @@ declare namespace TabLinks {
 }
 declare const _default: import('react').MemoExoticComponent<typeof TabLinks>;
 export default _default;
-interface TabLinkItemProps {
-    id: string | number;
-    title: string;
-    iconPosition?: "left" | "right" | "top" | "bottom";
-    onClick: () => void;
-    disabled?: boolean;
-    className?: string;
-    isActive?: boolean;
-    activeClassName?: string;
-    icon?: IconComponent | React.ReactNode | (() => React.ReactNode);
-    animated?: boolean;
-    indicatorClassName?: string;
-    onIconHover?: () => void;
-    onIconClick?: () => void;
-    iconTooltipTitle?: string;
-    iconTooltipProps?: PlainTooltipProps;
-    iconSize?: number;
-}
-export declare const TabLinkItem: ({ id, title, icon, iconPosition, onClick, disabled, className, isActive, activeClassName, animated, onIconHover, onIconClick, iconTooltipTitle, iconTooltipProps, iconSize, indicatorClassName }: TabLinkItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toaster/Toaster.d.ts

@@ -1,10 +1,9 @@
-import { IconComponent } from '../../Icons/types';
 import { ColorMode } from '../Shared/types';
+import { IconComponent } from '../../Icons/types';
 type ToastElementsProps = {
     container: string;
     iconClass: string;
     icon: IconComponent;
-    loading: string;
 };
 type ToastVarians = 'success' | 'error' | 'warning' | 'info';
 type ToastVariantClassnames = {
@@ -31,18 +30,7 @@ export interface PyrionToastProps {
     colorMode?: ColorMode;
     showClose?: boolean;
     position?: ToastPosition;
-    loading?: boolean;
-    loadingTimeout?: number;
-    finishLoader?: boolean;
 }
 declare const PyrionToast: (props: PyrionToastProps) => import("react/jsx-runtime").JSX.Element;
 export default PyrionToast;
 export declare function toastpyrion(title: string, options?: Omit<PyrionToastProps, 'id'>): string | number;
-export declare const toastPyrionPromise: (promise: Promise<any>, options?: {
-    loading?: Omit<PyrionToastProps, "id">;
-    success?: Omit<PyrionToastProps, "id">;
-    error?: Omit<PyrionToastProps, "id">;
-    colorMode?: ColorMode;
-    position?: ToastPosition;
-    timeOut?: number;
-}) => Promise<any>;

package/dist/components/UserCard/UserCard.d.ts

@@ -1,4 +1,4 @@
-import { IAvatar, SizeVariant } from '../Avatar/Avatar';
+import { SizeVariant } from '../Avatar/Avatar';
 export interface UserCardProps {
     name: string;
     mainSlot?: string | React.ReactNode | (() => React.ReactNode);
@@ -7,7 +7,6 @@ export interface UserCardProps {
     subImageUrl?: string;
     avatarSize?: SizeVariant;
     className?: string;
-    avatarProps?: IAvatar;
 }
-declare const UserCard: import('react').MemoExoticComponent<({ name, imageUrl, avatarSize, subImageUrl, className, mainSlot, secondarySlot, avatarProps }: UserCardProps) => import("react/jsx-runtime").JSX.Element>;
+declare const UserCard: import('react').MemoExoticComponent<({ name, imageUrl, avatarSize, subImageUrl, className, mainSlot, secondarySlot }: UserCardProps) => import("react/jsx-runtime").JSX.Element>;
 export default UserCard;

package/dist/hooks/useLabelBackground.d.ts

@@ -2,6 +2,5 @@ interface UseLabelBackgroundResult<T extends HTMLElement> {
     ref: React.RefObject<T | null>;
 }
 export declare const getActualBackgroundColor: (element: HTMLElement) => string;
-export declare const rgbHueAlterate: (rgb: string, variation: number, opacity?: number) => string;
 export declare function useLabelBackground<T extends HTMLElement = HTMLElement>(): UseLabelBackgroundResult<T>;
 export {};

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export { default as Pagination } from './components/Pagination/Pagination';
 export { ProfilePictureUpload } from './components/ProfilePictureUpload/ProfilePictureUpload';
 export { default as ProgressBar } from './components/ProgressBar/ProgressBar';
 export { default as Select } from './components/Select/Select';
+export { default as ChangueAccount } from './components/Sidebar/components/changue-account';
 export { default as Spinner } from './components/Spinner/Spinner';
 export { default as Steps } from './components/Steps/Steps';
 export { default as Switch } from './components/Switch/Switch';
@@ -28,6 +29,7 @@ export { default as TextArea } from './components/TextArea/TextArea';
 export { default as Tooltip } from './components/Tooltip/Tootip';
 export { default as Skeleton } from './components/Skeleton/Skeleton';
 export { default as SegmentedButton } from './components/SegmentedButton/SegmentedButton';
+export { default as LayoutGeneric } from './components/Layout/LayoutGeneric';
 export { default as ImageGallery } from './components/Image/ImageGallery';
 export { default as Image } from './components/Image/Image';
 export { default as Toast } from './components/Toaster/Toaster';
@@ -36,11 +38,18 @@ export { toastpyrion } from './components/Toaster/Toaster';
 export { default as SelectSearch } from './components/SelectSearch/SelectSearch';
 export { default as FAButton } from './components/FAB/FAButton';
 export { default as RadioButton } from './components/RadioButton/RadioButton';
+export * from './components/Sidebar';
+export { SecondaryBar } from './components/Sidebar/SecondaryBar/SecondaryBar';
 export { Badge } from './components/Sidebar/components/badge';
 export { NavbarCollapseButton } from './components/Sidebar/components/collapse-button';
+export { CompanyLogo } from './components/Sidebar/components/company-logo';
+export { NavbarLinks } from './components/Sidebar/components/nav-links';
 export { default as OtpInput } from './components/OtpInput/OtpInput';
 export { useDialogControl } from './components/Dialog/useDialogControl';
 export { useFileDropzone } from './components/DropZone/useFileDropzone';
+export { SidebarProvider as SidebarRefProvider, useSidebarContext, } from './components/Sidebar/context/SidebarContext';
+export { SidebarProvider } from './components/Sidebar/hooks/SidebarProvider';
+export { useSidebar } from './components/Sidebar/hooks/useSidebarHook';
 export { useClickOutside } from './hooks/useClickOutside';
 export { useIsMobile } from './hooks/useDevice';
 export type { ButtonProps } from './components/Button/Button';
@@ -53,6 +62,12 @@ export type { IMenuItems, IMenuRoot } from './components/Menu/MenuComposable';
 export type { OtpInputProps } from './components/OtpInput/OtpInput';
 export type { BadgeProps } from './components/Sidebar/components/badge';
 export type { NavbarCollapseButtonProps } from './components/Sidebar/components/collapse-button';
+export type { CompanyLogoProps } from './components/Sidebar/components/company-logo';
+export type { INavbarActionsProps } from './components/Sidebar/components/nav-actions';
+export type { NavbarLinksProps } from './components/Sidebar/components/nav-links';
+export type { INavAction, INavLink, Role, RoleLevels, } from './components/Sidebar/hooks/useNavLinks';
+export type { ContentProps as SecondaryBarContentProps, FooterProps as SecondaryBarFooterProps, HeaderProps as SecondaryBarHeaderProps, SecondaryBarRootProps, SpacerProps as SecondaryBarSpacerProps, } from './components/Sidebar/SecondaryBar/SecondaryBar';
+export type { SidebarContextValue } from './components/Sidebar/hooks/useSidebarHook';
 export type { SpinnerProps } from './components/Spinner/Spinner';
 export type { PaginationProps } from './components/Pagination/Pagination';
 export type { ProfilePictureUploadProps } from './components/ProfilePictureUpload/ProfilePictureUpload';
@@ -61,6 +76,7 @@ export type { SelectProps } from './components/Select/Select';
 export type { DialogHandle } from './components/Dialog/Dialog';
 export { DropZone } from './components/DropZone/DropZone';
 export type { PyrionToastProps as ToasterPrometeo } from './components/Toaster/Toaster';
+export type { LayoutGenericProps } from './components/Layout/LayoutGeneric';
 export type { ProgressBarProps } from './components/ProgressBar/ProgressBar';
 export type { IToolTipProps } from './components/Tooltip/Tootip';
 export type { InputMultipleProps } from './components/InputMultiple/InputMultiple';