sixseconds-modules 2.0.3 → 3.0.3

package/dist/components/common/Avatar.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface Props {
+    src?: string;
+    alt?: string;
+    className?: string;
+    children?: ReactNode;
+}
+/** Circular avatar; renders the image when `src` is set, otherwise `children` (initials). */
+export declare function Avatar({ src, alt, className, children }: Props): import("react").JSX.Element;
+export default Avatar;

package/dist/components/common/Badge.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface Props {
+    count?: number;
+    children: ReactNode;
+    className?: string;
+}
+/** Notification-style count badge on the top-right of its child. */
+export declare function Badge({ count, children, className }: Props): import("react").JSX.Element;
+export default Badge;

package/dist/components/common/Btn.d.ts

@@ -0,0 +1,10 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+type Variant = "primary" | "outline" | "danger" | "ghost";
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: Variant;
+    btnTitle?: ReactNode;
+    isLoading?: boolean;
+    block?: boolean;
+}
+export declare function Btn({ variant, btnTitle, isLoading, block, disabled, className, children, type, ...rest }: Props): import("react").JSX.Element;
+export default Btn;

package/dist/components/common/Dialog.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+type Size = "xs" | "sm" | "md";
+interface Props {
+    open: boolean;
+    onClose: () => void;
+    size?: Size;
+    showClose?: boolean;
+    className?: string;
+    children: ReactNode;
+}
+/**
+ * Raw modal dialog. Renders in-tree (no portal), a fixed full-screen overlay.
+ * The overlay carries `ssh-scope` so content is style-isolated even if the
+ * dialog is used on its own. Clicking the backdrop closes it.
+ */
+export declare function Dialog({ open, onClose, size, showClose, className, children }: Props): import("react").JSX.Element | null;
+export default Dialog;

package/dist/components/common/Dropdown.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, ReactNode } from 'react';
+interface Props {
+    onClose: () => void;
+    className?: string;
+    style?: CSSProperties;
+    children: ReactNode;
+}
+/** Absolutely-positioned dropdown panel that closes on outside click. */
+export declare function Dropdown({ onClose, className, style, children }: Props): import("react").JSX.Element;
+export default Dropdown;

package/dist/components/common/IconBtn.d.ts

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+}
+/** Borderless icon trigger (grid/bell/language/avatar buttons in the header). */
+export declare function IconBtn({ className, children, type, ...rest }: Props): import("react").JSX.Element;
+export default IconBtn;

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

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    label?: ReactNode;
+    required?: boolean;
+    wrapClassName?: string;
+}
+/** Labeled text/password input. Spreads Formik's getFieldProps (name/value/onChange/onBlur). */
+export declare function LabeledInput({ label, required, type, wrapClassName, className, ...rest }: Props): import("react").JSX.Element;
+export default LabeledInput;

package/dist/components/common/icons.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+export declare const MenuIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const CloseIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const CheckIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const CaretDownIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const EyeOffIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ExitIcon: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

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

@@ -0,0 +1,8 @@
+export { Btn } from './Btn';
+export { IconBtn } from './IconBtn';
+export { Avatar } from './Avatar';
+export { Badge } from './Badge';
+export { LabeledInput } from './Input';
+export { Dropdown } from './Dropdown';
+export { Dialog } from './Dialog';
+export * from './icons';

package/dist/components/dialogs/{changePasswrod.d.ts → ChangePasswordDialog.d.ts}

@@ -1,10 +1,10 @@
 import { SetStateAction, t } from '../../types';
-import { IState } from '../header/type';
+import { IState } from '../header/types';
 interface IProps {
     email: string;
     t: t;
     setInitialState: SetStateAction<IState>;
     isOpen: boolean;
 }
-export default function ChangePasswordDialog({ isOpen, email, t, setInitialState }: IProps): import("react/jsx-runtime").JSX.Element;
+export default function ChangePasswordDialog({ isOpen, email, t, setInitialState }: IProps): import("react").JSX.Element;
 export {};

package/dist/components/dialogs/{dangerDialog.d.ts → DangerDialog.d.ts}

@@ -7,5 +7,5 @@ interface IProps {
     handleClick: () => void;
     isLoading?: boolean;
 }
-declare const DangerDialog: ({ open, setInitialState, title, description, buttonTitle, isLoading, handleClick, }: IProps) => import("react/jsx-runtime").JSX.Element;
+declare function DangerDialog({ open, setInitialState, title, description, buttonTitle, isLoading, handleClick, }: IProps): import("react").JSX.Element;
 export default DangerDialog;

package/dist/components/dialogs/{viewProfile.d.ts → ViewProfileDialog.d.ts}

@@ -1,9 +1,9 @@
 import { SetStateAction } from '../../types';
-import { IState, IUserDataProps } from '../header/type';
+import { IState, IUserDataProps } from '../header/types';
 interface IProps {
     userData?: IUserDataProps;
     setInitialState: SetStateAction<IState>;
     isOpen: boolean;
 }
-export default function ViewProfileDialog({ userData, setInitialState, isOpen }: IProps): import("react/jsx-runtime").JSX.Element;
+export default function ViewProfileDialog({ userData, setInitialState, isOpen }: IProps): import("react").JSX.Element;
 export {};

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

@@ -1,2 +1,3 @@
-export { default as DangerDialog } from './dangerDialog';
-export { default as ViewProfileDialog } from './viewProfile';
+export { default as DangerDialog } from './DangerDialog';
+export { default as ViewProfileDialog } from './ViewProfileDialog';
+export { default as ChangePasswordDialog } from './ChangePasswordDialog';

package/dist/components/elements/BackArrow.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+interface IProps {
+    style?: CSSProperties;
+    isBack?: boolean;
+    title?: string;
+}
+declare function BackArrow({ style, isBack, title }: IProps): import("react").JSX.Element;
+export default BackArrow;

package/dist/components/elements/FormikErrorMsg.d.ts

@@ -0,0 +1,6 @@
+interface IProps {
+    fieldName: string;
+    formik: any;
+}
+declare function FormikErrorMsg({ fieldName, formik }: IProps): import("react").JSX.Element | null;
+export default FormikErrorMsg;

package/dist/components/elements/Warning.d.ts

@@ -0,0 +1,6 @@
+interface IProps {
+    message: string;
+    type?: "warning" | "error";
+}
+declare function Warning({ message }: IProps): import("react").JSX.Element;
+export default Warning;

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

@@ -1,4 +1,3 @@
-export { default as BackArrow } from './backArrow';
-export { default as Warning } from './warning';
-export { default as FormikErrorMsg } from './formikMsg';
-export { default as Logo } from './logo';
+export { default as BackArrow } from './BackArrow';
+export { default as Warning } from './Warning';
+export { default as FormikErrorMsg } from './FormikErrorMsg';

package/dist/components/features/PreviousLoginBanner.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { t } from '../../types';
+interface IProps {
+    t: t;
+    router?: any;
+    style?: CSSProperties;
+}
+export declare function PreviousLoginBanner({ t, router, style }: IProps): import("react").JSX.Element | null;
+export default PreviousLoginBanner;

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

@@ -1 +1 @@
-export * from './previousLoginBanner';
+export { PreviousLoginBanner } from './PreviousLoginBanner';

package/dist/components/header/AppMenus.d.ts

@@ -0,0 +1,17 @@
+import { SetStateAction, t } from '../../types';
+import { IState } from './types';
+interface Props {
+    menuItems?: {
+        name: string;
+        icon: string;
+        link: string;
+        type: "tab" | "app";
+    }[];
+    setInitialState: SetStateAction<IState>;
+    t: t;
+    appName: string;
+    router: any;
+}
+/** Grid of cross-app shortcuts (the "waffle" menu). */
+declare function AppMenus({ menuItems, setInitialState, t, appName, router }: Props): import("react").JSX.Element;
+export default AppMenus;

package/dist/components/header/Header.d.ts

@@ -0,0 +1,8 @@
+import { IHeaderProps } from './types';
+/**
+ * SixSeconds common Header — raw HTML + namespaced CSS (no MUI). Every rendered
+ * node lives under `.ssh-scope`, so the host application's styles can neither
+ * bleed in nor be overridden.
+ */
+export declare function Header({ router, frontCustomComponent, endCustomComponents, totallyEndCustomComponent, userData, interFaceLangList, centerCustomComponents, updateInterfaceLang, selectedInterFaceLang, logoutHandler, logo, isNotification, extraMenuOptions, isMenu, isAccessAppMenu, notificationAccessApps, style, className, isMainLogo, isLang, handleSideToggle, t, }: IHeaderProps): import("react").JSX.Element;
+export default Header;

package/dist/components/header/Language.d.ts

@@ -0,0 +1,11 @@
+import { SetStateAction, t } from '../../types';
+import { IInterFaceLang, IState } from './types';
+interface Props {
+    interFaceLangList?: IInterFaceLang[];
+    updateInterfaceLang?: any;
+    selectedInterFaceLang?: IInterFaceLang;
+    setInitialState: SetStateAction<IState>;
+    t: t;
+}
+declare function Language({ interFaceLangList, updateInterfaceLang, selectedInterFaceLang, setInitialState, t }: Props): import("react").JSX.Element;
+export default Language;

package/dist/components/header/Logo.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+interface IProps {
+    style?: CSSProperties;
+}
+declare function Logo({ style }: IProps): import("react").JSX.Element;
+export default Logo;

package/dist/components/header/MainMenu.d.ts

@@ -0,0 +1,8 @@
+import { IState } from './types';
+interface IProps {
+    headerMenuArray: any[];
+    initialState: IState;
+}
+/** Desktop horizontal nav with hover submenus; collapses to a mobile list. */
+declare function MainMenu({ headerMenuArray, initialState }: IProps): import("react").JSX.Element | null;
+export default MainMenu;

package/dist/components/header/Notification.d.ts

@@ -0,0 +1,12 @@
+import { SetStateAction, t } from '../../types';
+import { IState } from './types';
+interface Props {
+    setInitialState: SetStateAction<IState>;
+    initialState: IState;
+    notificationAccessApps?: {
+        name: string;
+    }[];
+    t: t;
+}
+declare function Notification({ setInitialState, notificationAccessApps, initialState, t }: Props): import("react").JSX.Element;
+export default Notification;

package/dist/components/header/UserProfile.d.ts

@@ -0,0 +1,11 @@
+import { SetStateAction, t } from '../../types';
+import { IState, IUserDataProps } from './types';
+interface Props {
+    userData?: IUserDataProps;
+    setInitialState: SetStateAction<IState>;
+    extraMenuOptions?: any;
+    t: t;
+    router?: any;
+}
+declare function UserProfile({ t, userData, setInitialState, extraMenuOptions, router }: Props): import("react").JSX.Element;
+export default UserProfile;

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

@@ -1,13 +1,3 @@
-import { IHeaderProps } from './type';
-/**
- * Public Header export.
- *
- * Wraps HeaderInner in a Shadow DOM boundary (`ShadowIsland`) so that:
- *  1. The host application's CSS physically cannot cross into the header — it
- *     always renders with only its own styling, in every app it is embedded in.
- *  2. The header's own styles (Emotion + stylesheet) stay inside the shadow root
- *     and never leak out into the host document.
- *  3. MUI overlays (dialogs, tooltips) are portalled back into the shadow root,
- *     so they are isolated too.
- */
-export declare const Header: (props: IHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { Header } from './Header';
+export { default as Logo } from './Logo';
+export type { IHeaderProps, IUserDataProps, IInterFaceLang, IState } from './types';

package/dist/components/header/types.d.ts

@@ -0,0 +1,82 @@
+import { CSSProperties, ReactNode } from 'react';
+import { APP_NAMES } from '../../constants';
+import { t } from '../../types';
+export interface IState {
+    languages: string[];
+    menuData: never[];
+    isMenuIconsShow: boolean;
+    isLoading: boolean;
+    toggles: {
+        appMenus: boolean;
+        notification: boolean;
+        logout: boolean;
+        lang: boolean;
+        dropDownMenu: boolean;
+        changePassword: boolean;
+        viewProfile: boolean;
+    };
+}
+export interface IUserDataProps {
+    userprofile: string;
+    certId: string | number;
+    email: string;
+    role: string;
+    fullName: string;
+    appName: (typeof APP_NAMES)[keyof typeof APP_NAMES];
+    appAccess?: {
+        name: string;
+        icon: string;
+        link: string;
+        type: "tab" | "app";
+    }[];
+    bio: string;
+    title: string;
+    company: string;
+    certBio: string;
+    certProfileUrl: string;
+    certOfferToHelp: string;
+    certification: string[];
+    country: string;
+    languages: string[];
+    areaOfWork: string[];
+    linkedInUrl: string;
+    notificationCount: number;
+}
+export interface IInterFaceLang {
+    id: number;
+    label: string;
+    value: string | number;
+    flag: string;
+}
+export interface IHeaderProps {
+    t: t;
+    router?: any;
+    notificationAccessApps?: {
+        name: string;
+    }[];
+    userData?: IUserDataProps;
+    interFaceLangList?: IInterFaceLang[];
+    updateInterfaceLang?: any;
+    logoutHandler?: any;
+    selectedInterFaceLang?: IInterFaceLang;
+    isNotification?: boolean;
+    isMenu?: boolean;
+    isAccessAppMenu?: boolean;
+    extraMenuOptions?: {
+        components: ReactNode;
+        isViewProfile: boolean;
+        isChangePassword: boolean;
+        isEditProfile: boolean;
+    };
+    /** Inline style applied to the fixed header bar (replaces the old MUI `sx`). */
+    style?: CSSProperties;
+    className?: string;
+    logo?: ReactNode;
+    frontCustomComponent?: ReactNode;
+    centerCustomComponents?: ReactNode;
+    endCustomComponents?: ReactNode;
+    totallyEndCustomComponent?: ReactNode;
+    isMainLogo?: boolean;
+    isLang?: boolean;
+    handleSideToggle?: () => void;
+}

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
-export * from './elements/';
-export * from './header/';
-export * from './inputFields/';
-export * from './buttons/';
-export * from './features/';
+export * from './common';
+export * from './header';
+export * from './elements';
+export * from './features';
+export * from './dialogs';

package/dist/hooks/index.d.ts

@@ -1 +1,3 @@
 export { default as useFormikWithDefaultsProps } from './useFormik';
+export { default as useMediaQuery } from './useMediaQuery';
+export { default as useClickAway } from './useClickAway';

package/dist/hooks/useClickAway.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+/**
+ * Raw replacement for MUI's ClickAwayListener. Calls `onAway` when a pointer
+ * event occurs outside `ref`. Only active while `active` is true.
+ */
+export declare function useClickAway<T extends HTMLElement>(ref: RefObject<T | null>, onAway: () => void, active?: boolean): void;
+export default useClickAway;

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1,3 @@
+/** Raw replacement for MUI's useMediaQuery. SSR-safe (returns false on server). */
+export declare function useMediaQuery(query: string): boolean;
+export default useMediaQuery;