sevago-library 1.0.2

package/dist/src/components/review/review.component.d.ts

@@ -0,0 +1,9 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface ReviewComponentProps {
+    averageRating: number;
+    reviewCount: number;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const ReviewComponent: React.FC<ReviewComponentProps>;

package/dist/src/components/review/review.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ReviewComponent } from './review.component';
+declare const meta: Meta<typeof ReviewComponent>;
+export default meta;
+type Story = StoryObj<typeof ReviewComponent>;
+export declare const Default: Story;
+export declare const Examples: Story;

package/dist/src/components/search-dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './search-dropdown.component';

package/dist/src/components/search-dropdown/search-dropdown.component.d.ts

@@ -0,0 +1,32 @@
+import { SxProps, Theme } from '@mui/material';
+import { ReactNode } from 'react';
+interface SearchDropdownOption {
+    label: string;
+    value: string | number;
+    [key: string]: any;
+}
+interface SearchDropdownProps {
+    borderRadius?: number | 'max';
+    placeholder?: string;
+    value?: (string | number | SearchDropdownOption)[] | string | number | SearchDropdownOption | null;
+    onClear?: () => void;
+    onChange?: (value: SearchDropdownOption | SearchDropdownOption[] | null) => void;
+    onInputChange?: (inputValue: string) => void;
+    onSearch?: (searchText: string) => Promise<SearchDropdownOption[]>;
+    disabled?: boolean;
+    multiple?: boolean;
+    limitTags?: number;
+    label?: string;
+    error?: boolean;
+    errorMessage?: ReactNode;
+    success?: boolean;
+    successMessage?: ReactNode;
+    helperText?: string;
+    options?: SearchDropdownOption[];
+    loading?: boolean;
+    iconBefore?: ReactNode;
+    required?: boolean;
+    sx?: SxProps<Theme>;
+}
+export declare const SearchDropdownComponent: ({ value, onChange, onClear, onInputChange, onSearch, borderRadius, disabled, multiple, limitTags, label, placeholder, error, errorMessage, success, successMessage, helperText, options, loading, iconBefore, required, sx, }: SearchDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/sidebar/apps-sidebar.component.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { AppInfo, Environment } from '../../common';
+export interface AppsSidebarProps {
+    isOpen: boolean;
+    onClose: () => void;
+    position?: 'left' | 'right';
+    blacklist?: string[];
+    env: Environment;
+    onClickApp: (appInfo: AppInfo) => void;
+}
+export declare const AppsSidebar: React.FC<AppsSidebarProps>;

package/dist/src/components/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './apps-sidebar.component';
+export * from './system-monitor-sidebar.part';

package/dist/src/components/sidebar/system-monitor-sidebar.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { SystemMonitorSidebarPartProps } from './system-monitor-sidebar.part';
+export declare const systemMonitorSidebarArgTypes: Partial<ArgTypes<SystemMonitorSidebarPartProps>>;

package/dist/src/components/sidebar/system-monitor-sidebar.part.d.ts

@@ -0,0 +1,11 @@
+import { AppInfo, Environment } from '../../common';
+export interface SystemMonitorSidebarPartProps {
+    position?: 'left' | 'right';
+    blacklist?: string[];
+    env: Environment;
+    onClickApp: (appInfo: AppInfo) => void;
+    showNameApps?: boolean;
+    showIconApps?: boolean;
+    direction?: 'row' | 'column';
+}
+export declare const SystemMonitorSidebarPart: React.FC<SystemMonitorSidebarPartProps>;

package/dist/src/components/sidebar/system-monitor-sidebar.part.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SystemMonitorSidebarPart } from './system-monitor-sidebar.part';
+declare const meta: Meta<typeof SystemMonitorSidebarPart>;
+export default meta;
+type Story = StoryObj<typeof SystemMonitorSidebarPart>;
+export declare const Default: Story;

package/dist/src/components/styles/image.style.d.ts

@@ -0,0 +1,3 @@
+export declare const ImageBrand: import('@emotion/styled').StyledComponent<import('../elements/image/image.element').ImageElementProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const ImageBorderDashboard: import('@emotion/styled').StyledComponent<import('../elements/image/image.element').ImageElementProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const ImageEmpty: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/src/components/styles/index.d.ts

@@ -0,0 +1,7 @@
+export * from './image.style';
+export * from './input.style';
+export * from './link.style';
+export * from './paper.style';
+export * from './picker.style';
+export * from './stack.style';
+export * from './typography.style';

package/dist/src/components/styles/input.style.d.ts

@@ -0,0 +1 @@
+export declare const InputLabelCustom: import('@emotion/styled').StyledComponent<import('@mui/material').InputLabelOwnProps & Pick<import('@mui/material').FormLabelOwnProps, "color" | "filled"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "error" | "size" | "style" | "color" | "margin" | "className" | "classes" | "children" | "disabled" | "sx" | "variant" | "filled" | "focused" | "required" | "disableAnimation" | "shrink"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/src/components/styles/link.style.d.ts

@@ -0,0 +1 @@
+export declare const LinkWrapProductRow: import('@emotion/styled').StyledComponent<import('../elements/link/link.element').LinkElementProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/src/components/styles/paper.style.d.ts

@@ -0,0 +1,7 @@
+interface PaperSelectProps {
+    disableSelectedStyle?: boolean;
+    autoWidth?: boolean;
+    isTreeSelect?: boolean;
+}
+export declare const PaperSelect: import('@emotion/styled').StyledComponent<import('@mui/material').PaperOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "className" | "classes" | "children" | "sx" | "variant" | "elevation" | "square"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & PaperSelectProps, {}, {}>;
+export {};

package/dist/src/components/styles/picker.style.d.ts

@@ -0,0 +1,47 @@
+import { Palette, SxProps, Theme } from '@mui/material';
+export declare const getPickerSx: (palette: Palette, sx: SxProps<Theme>) => {
+    '& fieldset legend': {
+        maxWidth: string;
+    };
+    '& .MuiPickersInputBase-root': {
+        borderColor: string;
+        borderRadius: string;
+        height: string;
+    };
+    '&.MuiPickersTextField-root': any;
+};
+export declare const getPopperProps: () => {
+    sx: {
+        boxShadow: number;
+        overflow: string;
+    };
+    modifiers: {
+        name: string;
+        enabled: boolean;
+        phase: string;
+        fn: ({ state }: any) => void;
+    }[];
+};
+export declare const getActionBarSx: (palette: Palette) => {
+    '& button': {
+        textTransform: string;
+        width: number;
+    };
+    '& button:nth-of-type(1)': {
+        border: string;
+        color: string;
+        background: string;
+        borderRadius: string;
+        '&:hover': {
+            backgroundColor: string;
+        };
+    };
+    '& button:nth-of-type(2)': {
+        background: string;
+        color: string;
+        borderRadius: string;
+        '&:hover': {
+            backgroundColor: string;
+        };
+    };
+};

package/dist/src/components/styles/stack.style.d.ts

@@ -0,0 +1,83 @@
+import { LinearProgress, Stack, TableCell } from '@mui/material';
+export declare const StackRow: typeof Stack;
+export declare const StackRowWrap: typeof Stack;
+export declare const StackWrap: typeof Stack;
+export declare const StackAlignStart: typeof Stack;
+export declare const StackAlignCenter: typeof Stack;
+export declare const StackAlignEnd: typeof Stack;
+export declare const StackRowAlignStart: typeof Stack;
+export declare const StackRowAlignCenter: typeof Stack;
+export declare const StackRowAlignEnd: typeof Stack;
+export declare const StackJustCenter: typeof Stack;
+export declare const StackJustEnd: typeof Stack;
+export declare const StackJustBetween: typeof Stack;
+export declare const StackJustAround: typeof Stack;
+export declare const StackJustEvenly: typeof Stack;
+export declare const StackRowJustCenter: typeof Stack;
+export declare const StackRowJustEnd: typeof Stack;
+export declare const StackRowJustBetween: typeof Stack;
+export declare const StackRowJustAround: typeof Stack;
+export declare const StackRowJustEvenly: typeof Stack;
+export declare const StackAlignStartJustCenter: typeof Stack;
+export declare const StackAlignStartJustEnd: typeof Stack;
+export declare const StackAlignStartJustBetween: typeof Stack;
+export declare const StackAlignStartJustAround: typeof Stack;
+export declare const StackAlignStartJustEvenly: typeof Stack;
+export declare const StackRowAlignStartJustCenter: typeof Stack;
+export declare const StackRowAlignStartJustEnd: typeof Stack;
+export declare const StackRowAlignStartJustBetween: typeof Stack;
+export declare const StackRowAlignStartJustAround: typeof Stack;
+export declare const StackRowAlignStartJustEvenly: typeof Stack;
+export declare const StackAlignJustCenter: typeof Stack;
+export declare const StackAlignCenterJustCenter: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').StackTypeMap<{}, "div">>;
+export declare const StackAlignCenterJustEnd: typeof Stack;
+export declare const StackAlignCenterJustBetween: typeof Stack;
+export declare const StackAlignCenterJustAround: typeof Stack;
+export declare const StackAlignCenterJustEvenly: typeof Stack;
+export declare const StackRowAlignJustCenter: typeof Stack;
+export declare const StackRowAlignCenterJustCenter: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').StackTypeMap<{}, "div">>;
+export declare const StackRowAlignCenterJustEnd: typeof Stack;
+export declare const StackRowAlignCenterJustBetween: typeof Stack;
+export declare const StackRowAlignCenterJustAround: typeof Stack;
+export declare const StackRowAlignCenterJustEvenly: typeof Stack;
+export declare const StackAlignEndJustCenter: typeof Stack;
+export declare const StackAlignEndJustEnd: typeof Stack;
+export declare const StackAlignEndJustBetween: typeof Stack;
+export declare const StackAlignEndJustAround: typeof Stack;
+export declare const StackAlignEndJustEvenly: typeof Stack;
+export declare const StackRowAlignEndJustCenter: typeof Stack;
+export declare const StackRowAlignEndJustEnd: typeof Stack;
+export declare const StackRowAlignEndJustBetween: typeof Stack;
+export declare const StackRowAlignEndJustAround: typeof Stack;
+export declare const StackRowAlignEndJustEvenly: typeof Stack;
+export declare const StackRowWrapAlignStart: typeof Stack;
+export declare const StackRowWrapAlignCenter: typeof Stack;
+export declare const StackRowWrapAlignEnd: typeof Stack;
+export declare const StackRowWrapJustCenter: typeof Stack;
+export declare const StackRowWrapJustEnd: typeof Stack;
+export declare const StackRowWrapJustBetween: typeof Stack;
+export declare const StackRowWrapJustAround: typeof Stack;
+export declare const StackRowWrapJustEvenly: typeof Stack;
+export declare const StackRowWrapAlignStartJustCenter: typeof Stack;
+export declare const StackRowWrapAlignStartJustEnd: typeof Stack;
+export declare const StackRowWrapAlignStartJustBetween: typeof Stack;
+export declare const StackRowWrapAlignStartJustAround: typeof Stack;
+export declare const StackRowWrapAlignStartJustEvenly: typeof Stack;
+export declare const StackRowWrapAlignJustCenter: typeof Stack;
+export declare const StackRowWrapAlignCenterJustCenter: import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').StackTypeMap<{}, "div">>;
+export declare const StackRowWrapAlignCenterJustEnd: typeof Stack;
+export declare const StackRowWrapAlignCenterJustBetween: typeof Stack;
+export declare const StackRowWrapAlignCenterJustAround: typeof Stack;
+export declare const StackRowWrapAlignCenterJustEvenly: typeof Stack;
+export declare const StackRowWrapAlignEndJustCenter: typeof Stack;
+export declare const StackRowWrapAlignEndJustEnd: typeof Stack;
+export declare const StackRowWrapAlignEndJustBetween: typeof Stack;
+export declare const StackRowWrapAlignEndJustAround: typeof Stack;
+export declare const StackRowWrapAlignEndJustEvenly: typeof Stack;
+export declare const StackBgDefaultBorRadLayCol: typeof Stack;
+export declare const StackBgPaperBorRadLayCol: typeof Stack;
+export declare const StackLabel: typeof Stack;
+export declare const SmallIcon: typeof Stack;
+export declare const StackTabs: typeof Stack;
+export declare const StyledTableCell: typeof TableCell;
+export declare const BorderLinearProgress: typeof LinearProgress;

package/dist/src/components/styles/typography.style.d.ts

@@ -0,0 +1 @@
+export declare const TypographyFilter: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "zIndex" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "textTransform" | "left" | "right" | "p" | "style" | "color" | "border" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "className" | "classes" | "children" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/src/components/system-monitor/index.d.ts

@@ -0,0 +1 @@
+export * from './system-monitor.screen';

package/dist/src/components/system-monitor/system-monitor.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { SystemMonitorScreenProps } from './system-monitor.screen';
+export declare const systemMonitorArgTypes: Partial<ArgTypes<SystemMonitorScreenProps>>;

package/dist/src/components/system-monitor/system-monitor.screen.d.ts

@@ -0,0 +1,10 @@
+import { SxProps } from '@mui/material/styles';
+import { Theme } from '@mui/system';
+import { default as React } from 'react';
+import { AppInfo } from '../../common';
+export interface SystemMonitorScreenProps {
+    blacklist?: string[];
+    onClickApp: (appInfo: AppInfo) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const SystemMonitorScreen: React.FC<SystemMonitorScreenProps>;

package/dist/src/components/system-monitor/system-monitor.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SystemMonitorScreen } from './system-monitor.screen';
+declare const meta: Meta<typeof SystemMonitorScreen>;
+export default meta;
+type Story = StoryObj<typeof SystemMonitorScreen>;
+export declare const Default: Story;
+export declare const WithBlacklist: Story;

package/dist/src/index.d.ts

@@ -0,0 +1,3 @@
+export {} from './App';
+export * from './common';
+export * from './components';

package/package.json

@@ -0,0 +1,109 @@
+{
+  "name": "sevago-library",
+  "version": "1.0.2",
+  "description": "Sevago SSO Frontend Library - A comprehensive SSO solution with React components",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build --mode library",
+    "prepare": "npm run build",
+    "build:lib": "vite build --mode library",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "dev": "storybook dev -p 6006 --disable-telemetry",
+    "build-storybook": "storybook build -o docs && touch docs/.nojekyll",
+    "storybook:test": "test-storybook --url http://127.0.0.1:6006",
+    "storybook:test:ci": "start-server-and-test storybook http://127.0.0.1:6006 storybook:test",
+    "chromatic": "chromatic --project-token=$CHROMATIC_PROJECT_TOKEN --exit-zero-on-changes --only-changed",
+    "prepublishOnly": "npm run build:lib",
+    "format": "prettier --write src/**/*.{js,jsx,ts,tsx,json,css,md}",
+    "version:patch": "npm version patch",
+    "version:publish": "npm version patch && npm publish --access public"
+  },
+  "keywords": [
+    "sso",
+    "authentication",
+    "react",
+    "typescript",
+    "sevago"
+  ],
+  "author": "Sevago Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dev1-gmail2025/sevago-sso-fe"
+  },
+  "bugs": {
+    "url": "https://github.com/dev1-gmail2025/sevago-sso-fe"
+  },
+  "homepage": "https://github.com/dev1-gmail2025/sevago-sso-fe",
+  "peerDependencies": {
+    "@emotion/react": ">=11",
+    "@emotion/styled": ">=11",
+    "@mui/material": ">=5",
+    "@mui/system": ">=5",
+    "@mui/x-date-pickers": "^8.2.0",
+    "@reduxjs/toolkit": "^2.9.2",
+    "@types/react-router-dom": "^5.3.3",
+    "axios": "^1.12.2",
+    "dayjs": "^1.11.18",
+    "formik": "^2.4.6",
+    "framer-motion": "^12.23.22",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-number-format": "^5.4.3",
+    "react-redux": "^9.2.0",
+    "react-router-dom": "^7.9.5",
+    "redux-persist": "^6.0.0",
+    "socket.io-client": "^4.8.1",
+    "yup": "^1.7.1"
+  },
+  "dependencies": {
+    "@storybook/core-events": "^8.6.14",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
+    "exceljs": "^4.4.0",
+    "file-saver": "^2.0.5",
+    "prettier": "^3.8.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.36.0",
+    "@mui/x-date-pickers": "^8.2.0",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-interactions": "^8.6.18",
+    "@storybook/addon-links": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@storybook/test": "^8.6.18",
+    "@storybook/test-runner": "^0.22.0",
+    "@types/file-saver": "^2.0.7",
+    "@types/node": "^24.7.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@types/react-router-dom": "^5.3.3",
+    "@vitejs/plugin-react": "^5.0.4",
+    "axios": "^1.12.2",
+    "chromatic": "^11.29.0",
+    "dayjs": "^1.11.18",
+    "eslint": "^9.36.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.22",
+    "formik": "^2.4.6",
+    "framer-motion": "^12.23.22",
+    "globals": "^16.4.0",
+    "msw": "^2.11.1",
+    "msw-storybook-addon": "^2.0.4",
+    "react-number-format": "^5.4.3",
+    "socket.io-client": "^4.8.1",
+    "start-server-and-test": "^2.1.1",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.45.0",
+    "vite": "^6.4.1",
+    "vite-plugin-dts": "^4.5.4",
+    "yup": "^1.7.1"
+  }
+}