sevago-sso-fe 1.0.56 → 1.0.58

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/index.d.ts

@@ -1,2 +1,5 @@
-export { TypographyOneLine } from './typography-limit-one-line.component';
 export { TypographyContentCaption } from './typography-content-caption.component';
+export { TypographyGridInfoRow } from './typography-grid-info-row.component';
+export { TypographyInfoRow } from './typography-info-row.component';
+export { TypographyInfoUser } from './typography-info-user.component';
+export { TypographyOneLine } from './typography-limit-one-line.component';

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>;
+};
+export declare const TypographyGridInfoRow: React.FC<TypographyGridInfoRowProps>;
+export {};

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;
+}
+export declare const TypographyInfoUser: React.FC<TypographyInfoGridProps>;
+export {};

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

@@ -0,0 +1 @@
+export { UserInfo } from './user-info.element';

package/dist/components/elements/user/user-info.element.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface UserInfoProps {
+    name: string;
+    department?: string;
+    icon?: string;
+    sx?: SxProps<Theme>;
+}
+export declare const UserInfo: React.FC<UserInfoProps>;

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/empty/empty.component.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export interface EmptyComponentProps {
+}
+export declare const EmptyComponent: React.FC<EmptyComponentProps>;

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

@@ -0,0 +1 @@
+export { EmptyComponent } from './empty.component';

package/dist/components/index.d.ts

@@ -2,8 +2,14 @@ export * from './app-grid';
 export * from './banner';
 export * from './bread-cumbs';
 export * from './elements';
+export * from './empty';
+export * from './layouts';
 export * from './loading';
+export * from './logo';
 export * from './motion';
+export * from './note';
+export * from './price';
+export * from './review';
 export * from './sidebar';
 export * from './styles';
 export * from './system-monitor';

package/dist/components/layouts/default.layout.d.ts

@@ -0,0 +1,5 @@
+import { default as React, ReactNode } from 'react';
+export interface DefaultLayoutProps {
+    children?: ReactNode;
+}
+export declare const DefaultLayout: React.FC<DefaultLayoutProps>;

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

@@ -0,0 +1 @@
+export { DefaultLayout } from './default.layout';

package/dist/components/loading/loading.component.d.ts

@@ -1,7 +1,7 @@
 import { SxProps, Theme } from '@mui/material';
 export interface LoadingComponentProps {
     color?: string;
-    size?: "large" | "small" | "medium";
+    size?: 'large' | 'small' | 'medium';
     sx?: SxProps<Theme>;
 }
 export declare const LoadingComponent: React.FC<LoadingComponentProps>;

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

@@ -0,0 +1 @@
+export { LogoComponent } from './logo.component';

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

@@ -0,0 +1,9 @@
+import { Theme } from '@emotion/react';
+import { SxProps } from '@mui/system';
+import { default as React } from 'react';
+export interface LogoComponentProps {
+    url: string;
+    height?: number;
+    sx?: SxProps<Theme>;
+}
+export declare const LogoComponent: React.FC<LogoComponentProps>;

package/dist/components/motion/motion-box.component.d.ts

@@ -1,7 +1,7 @@
 import { MotionProps } from 'framer-motion';
 import { default as React } from 'react';
-type AnimationPreset = "fadeInUp" | "fadeInDown" | "fadeInLeft" | "fadeInRight" | "scaleIn" | "slideInUp" | "staggerItem" | "tabContent" | "tabUnderline";
-interface MotionBoxProps extends Omit<MotionProps, "initial" | "animate" | "transition"> {
+type AnimationPreset = 'fadeInUp' | 'fadeInDown' | 'fadeInLeft' | 'fadeInRight' | 'scaleIn' | 'slideInUp' | 'staggerItem' | 'tabContent' | 'tabUnderline';
+interface MotionBoxProps extends Omit<MotionProps, 'initial' | 'animate' | 'transition'> {
     children: React.ReactNode;
     sx?: React.CSSProperties;
     onClick?: () => void;

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

@@ -0,0 +1 @@
+export { NoteComponent } from './note.component';

package/dist/components/note/note.component.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface NoteComponentProps {
+    content: string;
+    contentHref?: string;
+    href?: string;
+    type?: 'info' | 'recommend' | 'warning' | 'error';
+}
+export declare const NoteComponent: React.FC<NoteComponentProps>;

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

@@ -0,0 +1 @@
+export { PriceComponent } from './price.component';

package/dist/components/price/price.component.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface PriceComponentProps {
+    isLineHeight1?: boolean;
+    price: number;
+    originalPrice?: number;
+    discountPercent?: number;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    size?: 'small' | 'medium' | 'large';
+    sameSize?: boolean;
+    color?: string;
+    sx?: SxProps<Theme>;
+}
+export declare const PriceComponent: React.FC<PriceComponentProps>;

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

@@ -0,0 +1 @@
+export { ReviewComponent } from './review.component';

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

package/dist/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/components/styles/index.d.ts

@@ -1,2 +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/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" | "disabled" | "color" | "margin" | "filled" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "size" | "focused" | "required" | "disableAnimation" | "shrink"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/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/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>, "className" | "style" | "classes" | "children" | "elevation" | "square" | "sx" | "variant"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & PaperSelectProps, {}, {}>;
+export {};

package/dist/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/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>;