sixseconds-modules 2.0.4 → 3.0.3

package/dist/main.d.ts

@@ -1 +0,0 @@
-export {};

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "sixseconds-modules",
-  "version": "2.0.4",
+  "version": "3.0.3",
+  "description": "SixSeconds common Header and UI, styled with raw namespaced CSS (no MUI) so it never collides with or inherits the host application's styles.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -9,37 +10,29 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.es.js",
       "require": "./dist/index.cjs.js"
-    },
-    "./styles": "./dist/styles.css"
+    }
   },
   "files": [
     "dist"
   ],
   "sideEffects": [
-    "./dist/styles.css"
+    "**/*.css"
   ],
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "dev": "vite",
-    "build:clean": "rimraf dist && tsc --p ./tsconfig.build.json && vite build --mode production",
-    "build-qa:clean": "rimraf dist && tsc --p ./tsconfig.build.json && vite build --mode qa",
-    "build-local:clean": "rimraf dist && tsc --p ./tsconfig.build.json && vite build --mode localhost",
-    "build-dev:clean": "rimraf dist && tsc --p ./tsconfig.build.json && vite build --mode development",
+    "build:clean": "rimraf dist && tsc -p ./tsconfig.build.json && vite build --mode production",
+    "build-qa:clean": "rimraf dist && tsc -p ./tsconfig.build.json && vite build --mode qa",
+    "build-dev:clean": "rimraf dist && tsc -p ./tsconfig.build.json && vite build --mode development",
     "lint": "eslint .",
     "format": "prettier --write .",
     "prepare": "husky install",
-    "dev:stop": "npx kill-port 2000 -y",
-    "type:check": "tsc --noEmit -p ./tsconfig.json",
+    "type:check": "tsc --noEmit -p ./tsconfig.app.json",
     "deps:check": "yarn knip --config ./knip.json"
   },
   "peerDependencies": {
-    "@emotion/cache": "^11.14.0",
-    "@emotion/react": "^11.0.0 || ^11.14.1",
-    "@emotion/styled": "^11.0.0 || ^11.14.0",
-    "@mui/icons-material": "^5.0.0 || ^6.4.5",
-    "@mui/material": "^5.0.0 || ^6.0.0 || ^7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
@@ -57,24 +50,20 @@
     "axios": "^1.12.0",
     "formik": "^2.4.6",
     "js-cookie": "3.0.5",
-    "kill-port": "^2.0.1",
     "moment": "^2.30.1",
     "react-hot-toast": "^2.5.2",
     "react-infinite-scroll-component": "^6.1.1",
     "urlcat": "2",
-    "vite-plugin-css-injected-by-js": "^3.5.2",
     "yup": "^1.6.1",
     "zod": "^3.24.4"
   },
+  "config": {
+    "commitizen": {
+      "path": "cz-git"
+    }
+  },
   "devDependencies": {
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@emotion/cache": "^11.14.0",
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
     "@eslint/js": "^9.21.0",
-    "@mui/icons-material": "^6.4.5",
-    "@mui/material": "6.4.8",
     "@types/node": "^24.0.3",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
@@ -84,16 +73,21 @@
     "eslint-plugin-prettier": "^5.4.1",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.19",
+    "@commitlint/cli": "^21.2.1",
+    "@commitlint/config-conventional": "^21.2.0",
+    "commitizen": "^4.3.1",
+    "cz-git": "^1.12.0",
     "globals": "^15.15.0",
-    "husky": "^9.1.7",
-    "knip": "^5.61.0",
     "prettier": "^3.5.3",
     "react": "^19.0.0",
+    "husky": "^9.1.7",
+    "knip": "^5.61.0",
     "react-dom": "^19.0.0",
     "rimraf": "^5.0.1",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.4.1",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-svgr": "^4.3.0"
   }

package/README.md

@@ -1 +0,0 @@
-this is repo

package/dist/components/buttons/button.d.ts

@@ -1,12 +0,0 @@
-import { default as React, ReactNode } from 'react';
-import { ButtonProps } from '@mui/material/Button';
-interface ICostumeButton extends ButtonProps {
-    icon?: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    btnTitle?: string | ReactNode;
-    isLoading?: boolean;
-    [key: string]: any;
-}
-export declare function Button({ isLoading, btnTitle, className, disabled, ...rest }: ICostumeButton): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/buttons/buttonStyled.d.ts

@@ -1,2 +0,0 @@
-declare const ButtonStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export default ButtonStyled;

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

@@ -1 +0,0 @@
-export * from './button';

package/dist/components/change-password/changePasswordStyled.d.ts

@@ -1,2 +0,0 @@
-declare const ChangePasswordStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export default ChangePasswordStyled;

package/dist/components/change-password/index.d.ts

@@ -1,8 +0,0 @@
-import { t } from '../../types';
-interface IProps {
-    onClose: () => void;
-    email: string;
-    t: t;
-}
-export default function ChangePassword({ onClose, email, t }: IProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,3 +0,0 @@
-export declare const ChangePasswordStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ProfileStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export default ProfileStyled;

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

@@ -1,7 +0,0 @@
-import { SxProps } from '@mui/material';
-interface IProps {
-    sx?: SxProps;
-    isBack?: boolean;
-}
-declare function BackArrow({ sx, isBack }: IProps): import("react/jsx-runtime").JSX.Element;
-export default BackArrow;

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

@@ -1,6 +0,0 @@
-interface IProps {
-    fieldName: string;
-    formik: any;
-}
-declare const ErrorMessage: ({ fieldName, formik }: IProps) => import("react/jsx-runtime").JSX.Element | null;
-export default ErrorMessage;

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

@@ -1,6 +0,0 @@
-import { SxProps } from '@mui/material/styles';
-interface IProps {
-    sx?: SxProps;
-}
-declare function Logo({ sx }: IProps): import("react/jsx-runtime").JSX.Element;
-export default Logo;

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

@@ -1,5 +0,0 @@
-declare const Warning: ({ message, type }: {
-    message: string;
-    type?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default Warning;

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

@@ -1,8 +0,0 @@
-import { t } from '../../types';
-interface IProps {
-    t: t;
-    router?: any;
-    sx?: any;
-}
-export declare const PreviousLoginBanner: (props: IProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,12 +0,0 @@
-import { SetStateAction, t } from '../../types';
-import { default as React } from 'react';
-import { IState } from './type';
-interface HeaderMenuProps {
-    menuItems?: any;
-    setInitialState: SetStateAction<IState>;
-    t: t;
-    appName: string;
-    router: any;
-}
-declare const AppMenus: React.FC<HeaderMenuProps>;
-export default AppMenus;

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

@@ -1,9 +0,0 @@
-import { IState } from './type';
-import { SetStateAction } from '../../types';
-interface IProps {
-    headerMenuArray: any[];
-    initialState: IState;
-    setInitialState?: SetStateAction<IState>;
-}
-declare const DropdownMenu: ({ headerMenuArray, initialState }: IProps) => import("react/jsx-runtime").JSX.Element;
-export default DropdownMenu;

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

@@ -1,13 +0,0 @@
-import { SetStateAction, t } from '../../types';
-import { IState } from './type';
-interface IProps {
-    setState?: any;
-    interFaceLangList?: any;
-    userData?: any;
-    updateInterfaceLang?: any;
-    selectedInterFaceLang?: any;
-    setInitialState: SetStateAction<IState>;
-    t: t;
-}
-export default function Language({ interFaceLangList, updateInterfaceLang, selectedInterFaceLang, setInitialState, t, }: IProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,10 +0,0 @@
-import { SetStateAction, t } from '../../types';
-import { IHeaderProps, IState } from './type';
-interface IProps {
-    setInitialState: SetStateAction<IState>;
-    initialState: IState;
-    notificationAccessApps?: IHeaderProps["notificationAccessApps"];
-    t: t;
-}
-declare const Notification: ({ setInitialState, notificationAccessApps, initialState, t }: IProps) => import("react/jsx-runtime").JSX.Element;
-export default Notification;

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

@@ -1,2 +0,0 @@
-declare const SubHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/material').AppBarOwnProps & Omit<import('@mui/material').PaperOwnProps, "color" | "position" | "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, "style" | "color" | "position" | "sx" | "classes" | "className" | "children" | "square" | "elevation" | "variant" | "enableColorOnDark"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
-export default SubHeaderStyled;

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

@@ -1,93 +0,0 @@
-import { APP_NAMES } from '../../constants';
-import { t } from '../../types';
-import { SxProps } from '@mui/material';
-export interface IState {
-  languages: string[]
-  menuData: []
-  isMenuIconsShow: boolean
-  isLoading: boolean
-  toggles: {
-    appMenus: boolean
-    notification: boolean
-    logout: boolean
-    lang: boolean
-    dropDownMenu: boolean
-    changePassword: boolean
-    viewProfile: boolean
-  }
-}
-
-export interface INotificationState {
-  notificationData: Notification[]
-  page: number
-  currentPage: number
-  lastPage: number
-  requestAcceptedDialog?: boolean
-  userRequest?: any
-}
-
-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[]
-  toggleSiderMenu?: any
-  updateInterfaceLang?: any
-  logoutHandler?: any
-  selectedInterFaceLang?: IInterFaceLang
-  isNotification?: boolean
-  isMenu?: boolean
-  isAccessAppMenu?: boolean
-  extraMenuOptions?: {
-    components: React.ReactNode
-    isViewProfile: boolean
-    isChangePassword: boolean
-    isEditProfile: boolean
-  }
-  sx?: SxProps
-  logo?: React.ReactNode
-  frontCustomComponent?: React.ReactNode
-  centerCustomComponents?: React.ReactNode
-  endCustomComponents?: React.ReactNode
-  totallyEndCustomComponent?: React.ReactNode
-  isMainLogo?: boolean
-  isLang?: boolean
-  handleSideToggle?: any
-}

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

@@ -1,12 +0,0 @@
-import { SetStateAction, t } from '../../types';
-import { IState, IUserDataProps } from './type';
-interface IProps {
-    userData?: IUserDataProps;
-    initialState: IState;
-    setInitialState: SetStateAction<IState>;
-    extraMenuOptions?: any;
-    t: t;
-    router?: any;
-}
-declare const UserProfile: ({ t, userData, setInitialState, extraMenuOptions, router }: IProps) => import("react/jsx-runtime").JSX.Element;
-export default UserProfile;

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

@@ -1 +0,0 @@
-export * from './labeledInput';

package/dist/components/inputFields/labeledInput.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-import { StandardTextFieldProps } from '@mui/material/TextField';
-import { SxProps } from '@mui/material/styles';
-interface IInput extends StandardTextFieldProps {
-    label?: React.ReactNode;
-    Placeholder?: string;
-    name?: string;
-    required?: boolean;
-    disabled?: boolean;
-    classname?: string;
-    type?: string;
-    sx?: SxProps;
-    handleInput?: (val: any) => void;
-    [key: string]: any;
-}
-export declare function LabeledInput({ label, sx, type, name, value, Placeholder, required, handleInput, disabled, ...rest }: IInput): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/providers/index.d.ts

@@ -1,2 +0,0 @@
-export * from './mui';
-export * from './shadowIsland';

package/dist/providers/mui.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-interface MuiProviderProps {
-    children: ReactNode;
-}
-export declare function MuiProvider({ children }: MuiProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/providers/shadowIsland.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Renders `children` inside an open Shadow DOM so the host application's CSS
- * physically cannot cross into the component — it always renders with only its
- * own styling, in every app it is embedded in.
- *
- * Why a nested React root (instead of `createPortal`): React attaches its native
- * event listeners to the root container. If we portalled into the shadow root
- * from the host's (light-DOM) React root, the shadow boundary would retarget
- * `event.target` to the host element and the header's clicks would never reach
- * their handlers. Creating a dedicated root INSIDE the shadow root keeps React's
- * listeners within the boundary, so interactivity works normally.
- *
- * Client-only by design: shadow roots cannot be created during SSR, and every
- * real consumer already loads the header via `dynamic({ ssr: false })`.
- */
-export declare function ShadowIsland({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;