sevago-sso-fe 1.0.3 → 1.0.6

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

@@ -0,0 +1,457 @@
+export declare const TYPOGRAPHY_STYLES: {
+    '2xl': {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    xl: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    lg: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    md: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    sm: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    xs: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textXl: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textLg: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textMd: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textSm: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textXs: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+    };
+    textSmall: {
+        regular: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: number;
+            verticalAlign: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            verticalAlign: string;
+        };
+        semiBold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: number;
+            verticalAlign: string;
+        };
+        bold: {
+            fontFamily: string;
+            fontWeight: number;
+            fontStyle: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: number;
+            verticalAlign: string;
+        };
+    };
+};

package/dist/common/enums/app-category.enum.d.ts

@@ -0,0 +1,22 @@
+import { UserType } from '../../apis/user/user.enum';
+export declare enum AppCategory {
+    ALL = "all",
+    HRM = "hrm",
+    WORKFLOW = "workflow",
+    PLATFORM_INFO = "platform-info"
+}
+export declare enum AppType {
+    SUBMENU = "submenu",
+    EXPAND_MENU = "expand-menu"
+}
+export interface AppModule {
+    key: string;
+    title: string;
+    caption: string;
+    icon: string;
+    path?: string;
+    category: AppCategory;
+    allowUserTypes: UserType[];
+    type?: AppType;
+    children?: AppModule[];
+}

package/dist/common/enums/country.enum.d.ts

@@ -0,0 +1,7 @@
+export declare enum Country {
+    VIETNAM = "Vietnam",
+    USA = "USA",
+    KOREA = "Korea",
+    CHINA = "China",
+    TAIWAN = "Taiwan"
+}

package/dist/common/enums/file-type.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum FileTypeEnum {
+    IMAGE = "image",
+    DOCUMENT = "document"
+}

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

@@ -0,0 +1,6 @@
+export * from './app-category.enum';
+export * from './country.enum';
+export * from './file-type.enum';
+export * from './mode.enum';
+export * from './order-type.enum';
+export * from './payment-method.enum';

package/dist/common/enums/mode.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum Mode {
+    DARK = "dark",
+    LIGHT = "light"
+}

package/dist/common/enums/order-type.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum OrderType {
+    ASC = "asc",
+    DESC = "desc"
+}

package/dist/common/enums/payment-method.enum.d.ts

@@ -0,0 +1,7 @@
+export declare enum PaymentMethod {
+    CREDIT_CARD = "Credit Card",// Thanh toán bằng thẻ tín dụng
+    DEBIT_CARD = "Debit Card",// Thanh toán bằng thẻ ghi nợ
+    BANK_TRANSFER = "Bank Transfer",// Chuyển khoản ngân hàng
+    PAYPAL = "PayPal",// Thanh toán qua PayPal
+    COD = "Cash on Delivery"
+}

package/dist/common/index.d.ts

@@ -0,0 +1,5 @@
+export * from './config';
+export * from './constant';
+export * from './enums';
+export * from './interfaces';
+export * from './utils';

package/dist/common/interfaces/base-item.interface.d.ts

@@ -0,0 +1,8 @@
+import { User } from '../../apis/user/user.entities';
+export interface BaseEntity {
+    id: string;
+    createdAt: Date;
+    updatedAt: Date;
+    createdBy?: Partial<User>;
+    updatedBy?: Partial<User>;
+}

package/dist/common/interfaces/change-event-custom.interface.d.ts

@@ -0,0 +1,6 @@
+export interface ChangeEventCustom<T> {
+    target: {
+        name?: string;
+        value?: T;
+    };
+}

package/dist/common/interfaces/error.interface.d.ts

@@ -0,0 +1,5 @@
+import { HttpStatusCode } from 'axios';
+export interface Error {
+    message: string;
+    statusCode: HttpStatusCode | number;
+}

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

@@ -0,0 +1,6 @@
+export * from './base-item.interface';
+export * from './change-event-custom.interface';
+export * from './error.interface';
+export * from './page-options.interface';
+export * from './res-list.interface';
+export * from './route.interface';

package/dist/common/interfaces/page-options.interface.d.ts

@@ -0,0 +1,15 @@
+import { OrderType } from '../enums/order-type.enum';
+export interface PageOptionsDto {
+    order?: OrderType;
+    orderBy?: string;
+    page: number;
+    take: number;
+    search?: string;
+    isRelations?: boolean;
+    positionIds?: string[];
+    orgUnitIds?: string[];
+    isSearchPosition?: boolean;
+    isSearchOrgUnit?: boolean;
+    notType?: string;
+    currentOrgUnitId?: string;
+}

package/dist/common/interfaces/res-list.interface.d.ts

@@ -0,0 +1,7 @@
+import { UserType } from '../../apis/user/user.enum';
+export interface ResList<T> {
+    total: number;
+    list: T[];
+    userType?: UserType;
+    isManager?: boolean;
+}

package/dist/common/interfaces/route.interface.d.ts

@@ -0,0 +1,12 @@
+import { ElementType } from 'react';
+import { UserType } from '../../apis/user/user.enum';
+import { RouteType } from '../../router/route.enum';
+export type Route = {
+    path: string;
+    element: ElementType;
+    layout?: ElementType;
+    children?: Route[];
+    allowUserTypes: UserType[];
+    type: RouteType;
+};
+export type RouteConstant = Omit<Route, 'element' | 'layout' | 'children'>;

package/dist/common/utils/find-current-access.helper.d.ts

@@ -0,0 +1 @@
+export declare const findCurrentAccessByPath: (pathname: string) => string | undefined;

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

@@ -0,0 +1,6 @@
+export * from './find-current-access.helper';
+export * from './string.utils';
+export * from './time.utils';
+export * from './other';
+import * as timeUtilsMethods from './time.utils';
+export declare const timeUtils: typeof timeUtilsMethods;

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

@@ -0,0 +1,2 @@
+import { AppCategory } from '../../enums/app-category.enum';
+export declare const getAppColor: (app: AppCategory) => string;

package/dist/common/utils/other/get-limit-line-css.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getLimitLineCss: (line: number) => any;
+export declare const truncateText: (text: string, maxLength?: number) => string;

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

@@ -0,0 +1,2 @@
+export * from './app.utils';
+export * from './get-limit-line-css.utils';

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

@@ -0,0 +1,10 @@
+export declare const stringToColor: (string: string) => string;
+/**
+ * Pha màu để làm nhạt màu gốc (blend với màu trắng)
+ * @param color Màu HEX gốc (VD: '#008a77')
+ * @param percentage Phần trăm nhạt đi (0-100)
+ */
+export declare const lightenColor: (color: string, percentage: number) => string;
+export declare const extractNumberAtStartString: (string: string) => number;
+export declare const stripHtml: (html: string) => string;
+export declare const getErrorMessage: (e: unknown) => string;

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

@@ -0,0 +1,13 @@
+import { default as dayjs } from 'dayjs';
+export declare const getTimeAgo: (time: Date | string) => any;
+export declare const getDateTime: (time?: Date | string, isGetDay?: boolean) => string;
+export declare const getDate: (time?: Date | string) => string;
+export declare const checkNowYear: (date?: Date, year?: number) => boolean;
+export declare const getMonthRangeForYear: (startDate: Date, endDate: Date, year: number) => {
+    start: number;
+    end: number;
+};
+export declare function getDayOffsetPx(date: dayjs.Dayjs, monthWidths: number[], dayWidth: number): number;
+export declare const isSameDateTime: (createdAt: Date | string, updatedAt: Date | string) => boolean;
+export declare const getTimeDate: (time?: Date | string) => string;
+export declare const isDateString: (value: any) => boolean;

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { AppModule } from '../../common/enums/app-category.enum';
+export interface AppGridProps {
+    apps: AppModule[];
+    onClickItem?: (app: AppModule) => void;
+    columns?: number;
+    rows?: number;
+    iconSize?: number;
+    iconRadius?: number;
+    iconShadow?: string;
+    gap?: number | string;
+    titleVariant?: 'subtitle1' | 'body1' | 'caption';
+    captionVariant?: 'caption' | 'body2';
+    titleColor?: string;
+    captionColor?: string;
+    selectedAppId?: string;
+    showPagination?: boolean;
+}
+export declare const AppGrid: React.FC<AppGridProps>;

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

@@ -0,0 +1 @@
+export { AppGrid } from './app-grid.component';

package/dist/components/avatar/avatar-enum.enum.d.ts

@@ -0,0 +1,10 @@
+export type SizeProps = 'extra_small' | 'small' | 'medium' | 'large';
+export declare const MAP_SIZE: Record<string, {
+    width: number;
+    height: number;
+}>;
+export declare enum StatusAvatar {
+    PENDING = "\u0110ang ch\u1EDD",
+    APPROVED = "\u0110\u00E3 ph\u00EA duy\u1EC7t",
+    REJECTED = "\u0110\u00E3 t\u1EEB ch\u1ED1i"
+}