prometeo-design-system 1.0.0

package/dist/Icons/Icons.d.ts

@@ -0,0 +1,162 @@
+export declare const Icons: {
+    readonly Ticket: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Home: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Boards: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Notifications: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Help: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Settings: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly CrevronLeft: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly CrevronRight: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly ArrowLeft: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Shared: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly ChevronDown: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Collapse: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Calendar: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Close: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly UserPerson: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Logout: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly ArrowUpDown: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Filter: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Search: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Stars: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly MoreVert: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Add: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Edit: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Upload: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly Copy: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly FaLock: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly AccountCircle: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly UserAdd: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly AttachFile: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly HistoryActivity: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly MessageSquare: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly CloseNavBarDesktop: ({ size, className, ...props }: {
+        size: number;
+        className: string;
+        props?: React.SVGProps<SVGSVGElement>;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,24 @@
+export type ButtonVariant = "filled" | "outline" | "text";
+export type ButtonColor = "primary" | "secondary";
+export type ButtonSize = "small" | "medium" | "large";
+export type ButtonState = "enabled" | "hovered" | "focused" | "pressed" | "disabled";
+interface IButton {
+    label?: string;
+    onClick?: () => void;
+    icon?: React.ReactNode;
+    classButton?: string;
+    classButtonText?: string;
+    animate?: boolean;
+    animateIcon?: boolean;
+    isLoading?: boolean;
+    disabled?: boolean;
+    type?: "button" | "submit" | "reset";
+    variant?: ButtonVariant;
+    color?: ButtonColor;
+    size?: ButtonSize;
+    children?: React.ReactNode;
+    Spinner?: React.ReactNode;
+    forceState?: ButtonState;
+}
+export default function Button({ label, onClick, icon, classButton, classButtonText, animate, animateIcon, isLoading, disabled, type, variant, color, size, children, Spinner, forceState }: IButton): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+interface InputProps {
+    label: string;
+    icon?: React.ReactNode;
+    isFetching?: boolean;
+    onChange: (value: string) => void;
+    id?: string;
+    value?: string;
+    debounceMs?: number;
+    width?: string;
+    className?: string;
+    height?: string;
+    name: string;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    error?: string;
+    type?: 'text' | 'email' | 'password' | 'tel' | 'url';
+}
+declare const _default: React.MemoExoticComponent<({ label, icon, onChange, value, debounceMs, name, width, height, className, id: providedId, isFetching, placeholder, disabled, required, error, type, }: InputProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Layout/LayoutGeneric.d.ts

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

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,10 @@
+import { SessionLocalStorage } from '../../interfaces/User/SessionLocalStorage';
+interface MenuProps {
+    sessionsShow: SessionLocalStorage[];
+    handleTokenLogin: (token: string) => void;
+    onClickLogout: () => void;
+    menuRef: React.RefObject<HTMLDivElement | null>;
+    onProfileClick?: () => void;
+}
+declare const Menu: ({ sessionsShow, handleTokenLogin, onClickLogout, menuRef, onProfileClick }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

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

@@ -0,0 +1,17 @@
+import { SessionLocalStorage } from '../../interfaces/User/SessionLocalStorage';
+import { IUser } from 'shared-dependencies-tickets';
+import { INavLink } from './hooks/useNavLinks';
+interface SidebarProps {
+    isNotificationModalOpen: boolean;
+    user: IUser;
+    sessions: SessionLocalStorage[];
+    handleLogout: (user: IUser) => void;
+    handleTokenLogin: (token: string) => void;
+    links: Record<"pages" | "utils", INavLink[]>;
+    setIsActiveModalNotification: (isActiveModalNotification: boolean) => void;
+    isActiveModalNotification: boolean;
+    handleNotificationClick: () => void;
+    handleProfileClick?: () => void;
+}
+declare const Sidebar: ({ user, sessions, handleLogout, handleTokenLogin, links, isActiveModalNotification, handleNotificationClick, handleProfileClick }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+export default Sidebar;

package/dist/components/Sidebar/components/avatar-profile.d.ts

@@ -0,0 +1,5 @@
+export default function AvatarProfile({ profileImage, size, sizeImage, }: {
+    profileImage: string;
+    size: number;
+    sizeImage?: number;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+type BadgeProps = {
+    notificationsCount: number;
+};
+export declare const Badge: ({ notificationsCount }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Sidebar/components/changue-account.d.ts

@@ -0,0 +1,5 @@
+import { SessionLocalStorage } from '../../../interfaces/User/SessionLocalStorage';
+export default function ChangeAccount({ sessions, handleTokenLogin }: {
+    sessions?: SessionLocalStorage[];
+    handleTokenLogin?: (token: string) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/components/collapse-button.d.ts

@@ -0,0 +1,6 @@
+interface NavbarCollapseButtonProps {
+    isCollapsed: boolean;
+    onToggle: () => void;
+}
+export declare const NavbarCollapseButton: ({ isCollapsed, onToggle, }: NavbarCollapseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,20 @@
+import { JSX } from 'react';
+interface NavbarLinksProps {
+    links: Array<{
+        path: string;
+        icon: (props: {
+            size: number;
+            className: string;
+        }) => React.ReactNode;
+        title: string;
+        roles: string[];
+        isView?: boolean;
+        relatedPaths?: string[];
+    }>;
+    isLinkActive: (path: string) => boolean;
+    componentBadge?: () => JSX.Element;
+    onClick?: () => void;
+    activeModal?: boolean;
+}
+export declare const NavbarLinks: ({ links, isLinkActive, componentBadge, onClick, activeModal, }: NavbarLinksProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Sidebar/components/user-profile.d.ts

@@ -0,0 +1,14 @@
+import { IUser } from 'shared-dependencies-tickets';
+import { SessionLocalStorage } from '../../../interfaces/User/SessionLocalStorage';
+interface UserProfileProps {
+    user: IUser;
+    isExpanded?: boolean;
+    onClick?: () => void;
+    onProfileClick?: () => void;
+    showOptions?: boolean;
+    onClickLogout?: () => void;
+    sessions?: SessionLocalStorage[];
+    handleTokenLogin?: (token: string) => void;
+}
+export declare const UserProfile: ({ user, isExpanded, onClick, onProfileClick, showOptions, onClickLogout, sessions, handleTokenLogin, }: UserProfileProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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,20 @@
+import { IUser } from 'shared-dependencies-tickets';
+export type Role = "Developer" | "SuperAdmin" | "Admin" | "Regular";
+export interface INavLink {
+    path: string;
+    title: string;
+    icon: (props: {
+        size: number;
+        className: string;
+    }) => React.ReactNode;
+    roles: Role[];
+    discover: "render" | "none";
+    isView?: boolean;
+    relatedPaths?: string[];
+}
+export declare const useNavbarLinks: (user: IUser, links: Record<"pages" | "utils", INavLink[]>) => {
+    pageLinks: INavLink[];
+    utilLinks: INavLink[];
+    isLinkActive: (linkPath: string) => boolean;
+    pathname: string;
+};

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

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

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'react';
+/**
+ * Hook for detecting clicks outside of a specified element
+ * @param handler - Function to call when click outside is detected
+ * @param active - Whether the hook should be active (default: true)
+ * @returns ref - Ref to attach to the element you want to detect clicks outside of
+ */
+export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(handler: () => void, active?: boolean) => RefObject<T | null>;

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+export { default as Button } from './components/Button/Button';
+export { default as Input } from './components/Input/Input';
+export { default as Sidebar } from './components/Sidebar/Sidebar';
+export { default as Menu } from './components/Menu/Menu';
+export { LayoutGeneric } from './components/Layout/LayoutGeneric';
+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 { UserProfile } from './components/Sidebar/components/user-profile';
+export { useNavbarCollapse } from './components/Sidebar/hooks/useNavBarCollapse';
+export { useNavbarLinks } from './components/Sidebar/hooks/useNavLinks';
+export { useNavbarAnimations } from './components/Sidebar/ui/useNavbarAnimation';
+export { useClickOutside } from './hooks/useClickOutside';
+export type { ButtonVariant, ButtonColor, ButtonSize, ButtonState } from './components/Button/Button';
+export type { INavLink } from './components/Sidebar/hooks/useNavLinks';
+export type { SessionLocalStorage } from './interfaces/User/SessionLocalStorage';
+export { Icons } from './Icons/Icons';

package/dist/interfaces/User/SessionLocalStorage.d.ts

@@ -0,0 +1,11 @@
+import { ICompany } from 'shared-dependencies-tickets';
+export interface SessionLocalStorage {
+    _id: string;
+    name: string;
+    email: string;
+    username: string;
+    company_id: ICompany;
+    expires_at: string;
+    logoutDate: string;
+    token: string;
+}

package/dist/lib/cn.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;