beca-ui 2.1.0-beta.7 → 2.1.0-beta.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,6 +11,7 @@ export interface ApplicationsCardItem {
11
11
  id: string;
12
12
  name: string;
13
13
  image: string | React.ReactNode;
14
+ image2?: string | React.ReactNode;
14
15
  href?: string;
15
16
  iconBackgroundColor?: string;
16
17
  order?: number;
@@ -0,0 +1,2 @@
1
+ import { Carousel } from "antd";
2
+ export default Carousel;
@@ -0,0 +1,3 @@
1
+ import { CarouselProps as AntCarouselProps } from "antd";
2
+ export interface CarouselProps extends AntCarouselProps {
3
+ }
@@ -0,0 +1,3 @@
1
+ import { CarouselProps } from "./Carousel.types";
2
+ export { default as Carousel } from "./Carousel";
3
+ export type { CarouselProps };
@@ -1,9 +1,13 @@
1
1
  import { ApplicationsCardItem } from "../../ApplicationsCard";
2
+ import { LANGUAGE } from "../../../components";
2
3
  interface AppMenuProps {
3
4
  logoUrl: string;
4
5
  applicationsCardData: ApplicationsCardItem[];
5
6
  currentApp: string;
6
7
  totalDisplay?: number;
8
+ userTheme?: string;
9
+ onChangeTheme: (theme: string) => Promise<void>;
10
+ lang: LANGUAGE;
7
11
  }
8
12
  export declare const AppMenu: (props: AppMenuProps) => import("react/jsx-runtime").JSX.Element;
9
13
  export {};
@@ -1,14 +1,29 @@
1
1
  import React from "react";
2
2
  import { PersonalProfileModel, SupportContactModel } from "../../../models";
3
- import { ApplicationsCardProps } from "../../ApplicationsCard";
3
+ import { ApplicationsCardItem, ApplicationsCardProps } from "../../ApplicationsCard";
4
4
  import { MenuItemType } from "../../Menu";
5
5
  import { LANGUAGE } from "../../ConfigProvider";
6
6
  import { MainLayoutConfig } from "../MainLayout.types";
7
7
  export type NotiType = "All" | "Unseen";
8
8
  export type NotiStatus = "Read" | "Unread";
9
9
  export type Theme = "Light" | "Dark";
10
+ export interface AppTheme {
11
+ fontFamily?: string;
12
+ primaryColor1?: string;
13
+ primaryColor2?: string;
14
+ primaryColor3?: string;
15
+ primaryColor4?: string;
16
+ primaryColor5?: string;
17
+ primaryColor6?: string;
18
+ theme?: "default" | "new";
19
+ appMenu?: {
20
+ items: ApplicationsCardItem[];
21
+ totalDisplay?: number;
22
+ };
23
+ }
10
24
  export interface ExtraHeaderProps {
11
- onChangeTheme: (theme: any) => void;
25
+ appTheme?: string;
26
+ onChangeTheme?: (theme: AppTheme) => Promise<void>;
12
27
  }
13
28
  export interface HeaderProps extends ApplicationsCardProps {
14
29
  logoUrl: string;
@@ -17,8 +32,6 @@ export interface HeaderProps extends ApplicationsCardProps {
17
32
  avatarUrl?: string;
18
33
  avatarThumbnailUrl?: string;
19
34
  isMobile: boolean;
20
- isShowCollapseButton?: boolean;
21
- headerTitle?: string;
22
35
  profileMenuItems?: MenuItemType[];
23
36
  homePageUrl: string;
24
37
  customHeader?: React.ReactNode;
@@ -33,6 +46,8 @@ export interface HeaderProps extends ApplicationsCardProps {
33
46
  scrolled?: boolean;
34
47
  personalProfile: PersonalProfileModel;
35
48
  config?: MainLayoutConfig;
49
+ isShowCollapseButton?: boolean;
50
+ headerTitle?: string;
36
51
  }
37
52
  export type ThemeModel = {
38
53
  getApi?: string;
@@ -50,6 +65,7 @@ export interface NotificationType {
50
65
  onLoadData: (type: NotiType, page: number, pageSize: number) => Promise<void>;
51
66
  totalNumber: number;
52
67
  unseenTotal: number;
68
+ defaultIconUrl?: string;
53
69
  }
54
70
  export interface NotificationProps extends NotificationType {
55
71
  visible?: boolean;
@@ -1,12 +1,14 @@
1
1
  import { MainLayoutConfig, MainLayoutProps } from ".";
2
- import { MainTheme, UserConfig } from "../../main";
2
+ import { AppTheme, MainTheme, UserConfig } from "../../main";
3
3
  interface AppContextProps {
4
4
  LinkComponent?: any;
5
5
  mainLayoutConfig: MainLayoutConfig;
6
6
  userConfig: UserConfig;
7
7
  mainTheme?: MainTheme;
8
8
  isHomeApp?: boolean;
9
+ appTheme?: AppTheme;
9
10
  }
10
11
  export declare const AppContext: import("react").Context<AppContextProps>;
12
+ export declare const DefaultAppTheme: AppTheme;
11
13
  export declare const MainLayout: import("react").ForwardRefExoticComponent<MainLayoutProps & import("react").RefAttributes<import("./MainLayout.types").NotificationRef>>;
12
14
  export {};
@@ -15,6 +15,11 @@ export interface MainLayoutProps extends Omit<SideBarMenuProps, "sideBarMenus">,
15
15
  mainTheme?: MainTheme;
16
16
  isHomeApp?: boolean;
17
17
  appMenuTotalDisplay?: number;
18
+ appTheme: {
19
+ userTheme: string | undefined;
20
+ adminTheme: string | undefined;
21
+ onChangeTheme: (theme: string) => Promise<void>;
22
+ };
18
23
  }
19
24
  export interface UserConfig {
20
25
  showEventTheme?: boolean;
@@ -8,6 +8,8 @@ export interface SideBarMenuProps {
8
8
  isMobile: boolean;
9
9
  homePageUrl: string;
10
10
  showLargeMenu?: boolean;
11
+ isShowCollapseButton?: boolean;
12
+ headerTitle?: string;
11
13
  }
12
14
  export interface SideBarMenu2Props extends SideBarMenuProps {
13
15
  collapsed: boolean;
@@ -29,6 +29,7 @@ export interface VirtualListProps<T = any> extends React.DetailedHTMLProps<React
29
29
  bottom: number;
30
30
  } | undefined;
31
31
  totalListHeightChanged?: ((height: number) => void) | undefined;
32
+ reversed?: boolean;
32
33
  }
33
34
  export interface VirtualListRef {
34
35
  scrollToIndex: (index: number) => void;
@@ -33,6 +33,7 @@ export * from "./Tooltip";
33
33
  export * from "./Content";
34
34
  export * from "./DatePicker";
35
35
  export * from "./TimePicker";
36
+ export * from "./Carousel";
36
37
  export * from "./Upload";
37
38
  export * from "./Space";
38
39
  export * from "./Skeleton";
@@ -12,6 +12,7 @@ declare const _default: {
12
12
  justify: string;
13
13
  customTheme: string;
14
14
  font: string;
15
+ theme: string;
15
16
  enterLink: string;
16
17
  enterImageLink: string;
17
18
  pasteWithTextStylesConfirm: string;
@@ -34,5 +35,15 @@ declare const _default: {
34
35
  lightMode: string;
35
36
  english: string;
36
37
  vietnamese: string;
38
+ default: string;
39
+ new: string;
40
+ primaryColor: string;
41
+ save: string;
42
+ edit: string;
43
+ more: string;
44
+ customAppMenu: string;
45
+ totalDisplay: string;
46
+ sortAppMenuItems: string;
47
+ custom: string;
37
48
  };
38
49
  export default _default;
@@ -12,6 +12,7 @@ declare const _default: {
12
12
  justify: string;
13
13
  customTheme: string;
14
14
  font: string;
15
+ theme: string;
15
16
  enterLink: string;
16
17
  enterImageLink: string;
17
18
  pasteWithTextStylesConfirm: string;
@@ -34,5 +35,15 @@ declare const _default: {
34
35
  lightMode: string;
35
36
  english: string;
36
37
  vietnamese: string;
38
+ default: string;
39
+ new: string;
40
+ primaryColor: string;
41
+ save: string;
42
+ edit: string;
43
+ more: string;
44
+ customAppMenu: string;
45
+ totalDisplay: string;
46
+ sortAppMenuItems: string;
47
+ custom: string;
37
48
  };
38
49
  export default _default;
@@ -14,6 +14,7 @@ export declare function useTranslation(): {
14
14
  justify: string;
15
15
  customTheme: string;
16
16
  font: string;
17
+ theme: string;
17
18
  enterLink: string;
18
19
  enterImageLink: string;
19
20
  pasteWithTextStylesConfirm: string;
@@ -36,5 +37,15 @@ export declare function useTranslation(): {
36
37
  lightMode: string;
37
38
  english: string;
38
39
  vietnamese: string;
40
+ default: string;
41
+ new: string;
42
+ primaryColor: string;
43
+ save: string;
44
+ edit: string;
45
+ more: string;
46
+ customAppMenu: string;
47
+ totalDisplay: string;
48
+ sortAppMenuItems: string;
49
+ custom: string;
39
50
  };
40
51
  export {};