sevago-sso-fe 1.0.56 → 1.0.57

package/dist/common/constant/apps.data.d.ts

@@ -9,6 +9,7 @@ export declare enum AppGroup {
 }
 export interface AppInfo {
     path: {
+        local: string;
         develop: string;
         staging: string;
         production: string;
@@ -27,6 +28,7 @@ export declare const APP_GROUP_COLOR: {
     Khác: string;
 };
 export declare const SSO: {
+    local: string;
     develop: string;
     staging: string;
     production: string;
@@ -34,6 +36,7 @@ export declare const SSO: {
 export declare const APP_OBJ: {
     E_HIRING: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -45,6 +48,7 @@ export declare const APP_OBJ: {
     };
     HR: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -56,6 +60,7 @@ export declare const APP_OBJ: {
     };
     PAYROLL: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -67,6 +72,7 @@ export declare const APP_OBJ: {
     };
     ORG: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -78,6 +84,7 @@ export declare const APP_OBJ: {
     };
     CHECKIN: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -89,6 +96,7 @@ export declare const APP_OBJ: {
     };
     CHAT: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -100,6 +108,7 @@ export declare const APP_OBJ: {
     };
     TRAINING: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -111,6 +120,7 @@ export declare const APP_OBJ: {
     };
     FORM: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -122,6 +132,7 @@ export declare const APP_OBJ: {
     };
     INSIDE: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -133,6 +144,7 @@ export declare const APP_OBJ: {
     };
     BOOKING: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -144,6 +156,7 @@ export declare const APP_OBJ: {
     };
     PROJECT: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -155,6 +168,7 @@ export declare const APP_OBJ: {
     };
     REQUEST: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -166,6 +180,7 @@ export declare const APP_OBJ: {
     };
     TRACKING: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -177,6 +192,7 @@ export declare const APP_OBJ: {
     };
     PROCESS: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -188,6 +204,7 @@ export declare const APP_OBJ: {
     };
     FORMULA_PRICE: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -199,6 +216,7 @@ export declare const APP_OBJ: {
     };
     E_CATALOGUE: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;
@@ -210,6 +228,7 @@ export declare const APP_OBJ: {
     };
     LANDING_PAGE: {
         path: {
+            local: string;
             develop: string;
             staging: string;
             production: string;

package/dist/common/constant/hierarchical.constant.d.ts

@@ -0,0 +1,8 @@
+export declare const columnWidth = 250;
+export declare const columnHeight = 400;
+export declare const visibleCount = 3;
+export declare const rowHeight = 40;
+export declare const COLOR_HIERARCHIAL: {
+    COLOR_HIGHLIGHT_ROW: string;
+    COLOR_HIGHLIGHT_TEXT: string;
+};

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

@@ -1,5 +1,3 @@
 export * from './other';
-export * from './delay.utils';
-export * from './string.utils';
 export * from './time.utils';
 export * from './validator.utils';

package/dist/common/utils/other/hierarchical.utils.d.ts

@@ -0,0 +1 @@
+export declare const normalizeText: (text: string) => string;

package/dist/components/app-grid/app-grid.component.d.ts

@@ -1,19 +1,17 @@
 import { default as React } from 'react';
 import { AppInfo } from '../../common/constant/apps.data';
-import { Environment } from '../../common';
 export interface AppGridProps {
     apps: AppInfo[];
     columns?: number;
     rows?: number;
     iconSize?: number;
     iconRadius?: number;
-    iconShadow?: string;
     gap?: number | string;
     titleVariant?: "subtitle1" | "body1" | "caption";
     captionVariant?: "caption" | "body2";
     titleColor?: string;
     captionColor?: string;
     showPagination?: boolean;
-    env: Environment;
+    onClickApp: (appInfo: AppInfo) => void;
 }
 export declare const AppGrid: React.FC<AppGridProps>;

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

@@ -0,0 +1 @@
+export { PaginationElement } from './pagination.element';

package/dist/components/elements/pagination/pagination.element.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface PaginationElementProps {
+    total?: number;
+    page: number;
+    take: number;
+    openRowsPerPage?: boolean;
+    onChange: (pagination: {
+        page: number;
+        take: number;
+    }) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const PaginationElement: React.FC<PaginationElementProps>;

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

@@ -1 +1,2 @@
 export { RadioElement } from './radio.element';
+export { RadioGroupElement } from './radio-group.element';

package/dist/components/elements/radio/radio-group.element.d.ts

@@ -0,0 +1,16 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React, ReactNode } from 'react';
+export interface RadioGroupElementProps {
+    name?: string;
+    direction?: "row" | "column";
+    label?: string;
+    iconLabel?: string;
+    disabled?: boolean;
+    defaultValue?: any;
+    value?: any;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    children: ReactNode;
+    required?: boolean;
+    sx?: SxProps<Theme>;
+}
+export declare const RadioGroupElement: React.FC<RadioGroupElementProps>;

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

@@ -0,0 +1,2 @@
+export { SwitchElement } from './switch.element';
+export { SwitchContentElement } from './switch-content.element';

package/dist/components/elements/switch/switch-content.element.d.ts

@@ -0,0 +1,10 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface SwitchContentElementProps {
+    name?: string;
+    content: string;
+    value?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const SwitchContentElement: React.FC<SwitchContentElementProps>;

package/dist/components/elements/switch/switch.element.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface SwitchElementProps {
+    name?: string;
+    value: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+}
+export declare const SwitchElement: React.FC<SwitchElementProps>;

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

@@ -0,0 +1,2 @@
+export { TagElement } from './tag.element';
+export { TagOnClickElement } from './tag-on-click.element';

package/dist/components/elements/tag/tag-on-click.element.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface TagOnClickElementProps {
+    content: string;
+    active: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    size?: "small" | "medium";
+}
+export declare const TagOnClickElement: React.FC<TagOnClickElementProps>;

package/dist/components/elements/tag/tag.element.d.ts

@@ -0,0 +1,18 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export type TagType = "success" | "warning" | "info" | "secondary" | "primary" | "error";
+export type TagSize = "large" | "medium" | "small";
+export type TagVariant = "contained" | "outlined" | "outlined-border";
+export declare const lightenColor: (hex: string, percent: number) => string;
+export interface TagElementProps {
+    type: string;
+    content: string;
+    width?: number;
+    sx?: SxProps<Theme>;
+    variation?: "body1" | "caption";
+    variant?: TagVariant;
+    size?: TagSize;
+    color?: string;
+    iconProps?: React.ReactNode;
+}
+export declare const TagElement: React.FC<TagElementProps>;

package/dist/components/elements/text-field/index.d.ts

@@ -0,0 +1 @@
+export * from './text-highlight.element';

package/dist/components/elements/text-field/text-field-label.element.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface TextFieldLabelElementProps {
+    label?: string | React.ReactNode;
+    iconLabel?: string;
+    colorLabel?: string;
+    required?: boolean;
+}
+export declare const TextFieldLabelElement: React.FC<TextFieldLabelElementProps>;
+export {};

package/dist/components/elements/text-field/text-field-search-custom.element.d.ts

@@ -0,0 +1,9 @@
+import { BaseTextFieldProps } from '@mui/material';
+import { default as React } from 'react';
+export interface TextFieldSearchCustomElementProps extends BaseTextFieldProps {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    label?: string;
+    iconLabel?: string;
+    value?: string;
+}
+export declare const TextFieldSearchCustomElement: React.FC<TextFieldSearchCustomElementProps>;

package/dist/components/elements/text-field/text-field-search.element.d.ts

@@ -0,0 +1,9 @@
+import { BaseTextFieldProps } from '@mui/material';
+import { default as React } from 'react';
+export interface TextFieldSearchElementProps extends BaseTextFieldProps {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    label?: string;
+    iconLabel?: string;
+    searchIcon?: string;
+}
+export declare const TextFieldSearchElement: React.FC<TextFieldSearchElementProps>;

package/dist/components/elements/text-field/text-field.element.d.ts

@@ -0,0 +1,13 @@
+import { TextFieldProps } from '@mui/material';
+import { default as React } from 'react';
+export interface TextFieldElementProps extends Omit<TextFieldProps, ""> {
+    iconLabel?: string;
+    error?: any;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    InputProps?: TextFieldProps["InputProps"];
+    colorLabel?: string;
+    description?: string | null;
+    showResetButton?: boolean;
+    onReset?: () => void;
+}
+export declare const TextFieldElement: React.FC<TextFieldElementProps>;

package/dist/components/elements/text-field/text-highlight.element.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const highlightText: (text: string, searchTerm: string) => React.ReactNode;
+export declare const highlightYellow: (text: string | React.ReactNode, highlightQuery: string, showEmptyAsDots: boolean) => string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { TooltipOnClickElement } from './tooltip-on-click.element';
+export { TooltipOnHoverElement } from './tooltip-on-hover.element';

package/dist/components/elements/tooltip/tooltip-on-click.element.d.ts

@@ -0,0 +1,7 @@
+import { TooltipProps } from '@mui/material';
+import { default as React, ReactElement } from 'react';
+export interface TooltipOnClickElementProps extends Partial<Omit<TooltipProps, "content">> {
+    content: ReactElement | string;
+    onClickAway: () => void;
+}
+export declare const TooltipOnClickElement: React.FC<TooltipOnClickElementProps>;

package/dist/components/elements/tooltip/tooltip-on-hover.element.d.ts

@@ -0,0 +1,9 @@
+import { TooltipProps } from '@mui/material';
+import { default as React, ReactElement } from 'react';
+export interface TooltipOnHoverElementProps extends Partial<Omit<TooltipProps, 'content'>> {
+    openTest?: boolean;
+    content: ReactElement | string;
+    showCloseIcon?: boolean;
+    onCloseClick?: () => void;
+}
+export declare const TooltipOnHoverElement: React.FC<TooltipOnHoverElementProps>;

package/dist/components/elements/typography/typography-grid-info-row.component.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+type TypographyGridInfoRowProps = {
+    label: string;
+    value: React.ReactNode;
+    sx?: SxProps<Theme>;
+    lineLimit?: number;
+    columns?: string;
+    layout?: "horizontal" | "vertical";
+    sxValue?: SxProps<Theme>;
+    sxLabel?: SxProps<Theme>;
+};
+declare const TypographyGridInfoRow: React.FC<TypographyGridInfoRowProps>;
+export default TypographyGridInfoRow;

package/dist/components/elements/typography/typography-info-row.component.d.ts

@@ -0,0 +1,11 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface TypographyInfoRowProps {
+    label: React.ReactNode;
+    value?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    lineLimit?: number;
+    labelSx?: SxProps<Theme>;
+    isColumn?: boolean;
+}
+export declare const TypographyInfoRow: React.FC<TypographyInfoRowProps>;

package/dist/components/elements/typography/typography-info-user.component.d.ts

@@ -0,0 +1,19 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface InfoItem {
+    label: string;
+    value: string | React.ReactNode;
+    sxValue?: SxProps<Theme>;
+}
+interface TypographyInfoGridProps {
+    items: InfoItem[];
+    columns?: number;
+    sx?: SxProps<Theme>;
+    columnGap?: number;
+    showEmptyAsDots?: boolean;
+    gridTemplateColumns?: string;
+    gap?: number;
+    highlightQuery?: string;
+}
+declare const TypographyInfoUser: React.FC<TypographyInfoGridProps>;
+export default TypographyInfoUser;

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

@@ -0,0 +1,3 @@
+export { WrapperChartElement } from './wrapper-chart.element';
+export { WrapperContentElement } from './wrapper-content.element';
+export { WrapperElement } from './wrapper.element';

package/dist/components/elements/wrapper/wrapper-chart.element.d.ts

@@ -0,0 +1,9 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React, ReactNode } from 'react';
+export interface WrapperChartElementProps {
+    name: string;
+    loading: boolean;
+    chart: ReactNode;
+    sx?: SxProps<Theme>;
+}
+export declare const WrapperChartElement: React.FC<WrapperChartElementProps>;

package/dist/components/elements/wrapper/wrapper-content.element.d.ts

@@ -0,0 +1,18 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React, ReactNode } from 'react';
+export interface WrapperContentElementProps {
+    iconLabel?: string;
+    label?: string;
+    nodeLabel?: ReactNode;
+    labelSize?: 'large' | 'small' | 'medium';
+    flex?: number;
+    height?: string | number | 'fit-content';
+    width?: string | number | 'fit-content';
+    direction?: 'column' | 'row';
+    directionNodeLabel?: 'column' | 'row';
+    loading?: boolean;
+    sx?: SxProps<Theme>;
+    children?: ReactNode;
+    sxChildren?: SxProps<Theme>;
+}
+export declare const WrapperContentElement: React.FC<WrapperContentElementProps>;

package/dist/components/elements/wrapper/wrapper.element.d.ts

@@ -0,0 +1,23 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React, ReactNode } from 'react';
+export interface WrapperElementProps {
+    iconLabel?: string;
+    labelId?: string;
+    label?: string;
+    nodeAction?: ReactNode;
+    nodeLabel?: ReactNode;
+    labelSize?: 'large' | 'small' | 'medium';
+    flex?: number;
+    height?: string | number | 'fit-content';
+    width?: string | number | 'fit-content';
+    direction?: 'column' | 'row';
+    directionNodeLabel?: 'column' | 'row';
+    loading?: boolean;
+    sx?: SxProps<Theme>;
+    children?: ReactNode;
+    sxChildren?: SxProps<Theme>;
+    sxLabel?: SxProps<Theme>;
+    divider?: ReactNode;
+    isTopLabel?: boolean;
+}
+export declare const WrapperElement: React.FC<WrapperElementProps>;

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

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

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

@@ -1,7 +1,9 @@
+import { AppInfo } from '../../common';
 import { Environment } from '../../common/utils/other/app.utils';
 export interface SystemMonitorSidebarPartProps {
     position?: "left" | "right";
     blacklist?: string[];
     env: Environment;
+    onClickApp: (appInfo: AppInfo) => void;
 }
 export declare const SystemMonitorSidebarPart: React.FC<SystemMonitorSidebarPartProps>;

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

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
+import { AppInfo } from '../../common/constant/apps.data';
 import { Environment } from '../../common/utils/other/app.utils';
 export interface SystemMonitorScreenProps {
     blacklist?: string[];
     env: Environment;
+    onClickApp: (appInfo: AppInfo) => void;
 }
 export declare const SystemMonitorScreen: React.FC<SystemMonitorScreenProps>;