beca-ui 2.1.3 → 3.0.0-beta.2

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.
Files changed (34) hide show
  1. package/dist/beca-ui.js +99711 -87982
  2. package/dist/components/Button/Button.d.ts +2 -1
  3. package/dist/components/Carousel/Carousel.d.ts +6 -1
  4. package/dist/components/ConfigProvider/ConfigProvider.types.d.ts +1 -1
  5. package/dist/components/Dropdown/Dropdown.d.ts +4 -1
  6. package/dist/components/Dropdown/Dropdown.types.d.ts +3 -1
  7. package/dist/components/Dropdown/index.d.ts +2 -2
  8. package/dist/components/Empty/Empty.d.ts +8 -1
  9. package/dist/components/Empty/Empty.types.d.ts +3 -0
  10. package/dist/components/Empty/EmptyIllustrationDark.d.ts +8 -0
  11. package/dist/components/Empty/index.d.ts +1 -0
  12. package/dist/components/Form/Form.d.ts +1 -1
  13. package/dist/components/Icons/Icons.d.ts +118 -3
  14. package/dist/components/Image/Image.types.d.ts +2 -2
  15. package/dist/components/MainLayout/Header/Header.types.d.ts +24 -1
  16. package/dist/components/MainLayout/MainLayout.types.d.ts +1 -1
  17. package/dist/components/MainLayout/SideBarMenu/SideBarFooterToolbar.d.ts +29 -0
  18. package/dist/components/MainLayout/SideBarMenu/SideBarMenu.d.ts +2 -2
  19. package/dist/components/MainLayout/SideBarMenu/SideBarMenu.types.d.ts +24 -1
  20. package/dist/components/Pagination/Pagination.d.ts +1 -1
  21. package/dist/components/Progress/Progress.d.ts +6 -1
  22. package/dist/components/Select/Select.types.d.ts +5 -7
  23. package/dist/components/Space/Space.d.ts +9 -1
  24. package/dist/components/Steps/Steps.d.ts +5 -1
  25. package/dist/components/Steps/Steps.types.d.ts +1 -2
  26. package/dist/components/Table/Table.d.ts +13 -1
  27. package/dist/components/TextEditor/extensions/table.d.ts +1 -1
  28. package/dist/components/Timeline/Timeline.d.ts +3 -1
  29. package/dist/components/Timeline/Timeline.types.d.ts +2 -4
  30. package/dist/components/Upload/Upload.d.ts +3 -3
  31. package/dist/components/index.d.ts +1 -0
  32. package/dist/main.css +1 -1
  33. package/dist/theme/styles.d.ts +26 -10
  34. package/package.json +46 -35
@@ -1,2 +1,3 @@
1
+ import React from "react";
1
2
  import { ButtonProps } from "..";
2
- export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
@@ -1,2 +1,7 @@
1
- import { Carousel } from "antd";
1
+ import React from "react";
2
+ import { CarouselProps as AntCarouselProps } from "antd";
3
+ export interface CarouselProps extends AntCarouselProps {
4
+ dotPosition?: AntCarouselProps["dotPlacement"];
5
+ }
6
+ export declare const Carousel: React.FC<CarouselProps>;
2
7
  export default Carousel;
@@ -1,4 +1,4 @@
1
- import { ConfigProviderProps as AntConfigProviderProps } from "antd/lib/config-provider";
1
+ import { ConfigProviderProps as AntConfigProviderProps } from "antd";
2
2
  export type LANGUAGE = "vi" | "en";
3
3
  export interface ConfigProviderProps extends AntConfigProviderProps {
4
4
  language?: LANGUAGE;
@@ -1,3 +1,6 @@
1
1
  import React from "react";
2
2
  import { DropdownProps } from ".";
3
- export declare const Dropdown: React.FunctionComponent<DropdownProps>;
3
+ import { Dropdown as AntDropdown } from "antd";
4
+ export declare const Dropdown: React.FunctionComponent<DropdownProps> & {
5
+ Button: typeof AntDropdown.Button;
6
+ };
@@ -1,5 +1,7 @@
1
- import { DropdownProps as AntDropdownProps } from "antd";
1
+ import type { DropdownProps as AntDropdownProps } from "antd";
2
+ import type { DropdownButtonProps as AntDropdownButtonProps } from "antd/es/dropdown";
2
3
  import { PopupPosition } from "..";
3
4
  export interface DropdownProps extends AntDropdownProps {
4
5
  position?: PopupPosition;
5
6
  }
7
+ export type DropdownButtonProps = AntDropdownButtonProps;
@@ -1,3 +1,3 @@
1
- import { DropdownProps } from "./Dropdown.types";
1
+ import { DropdownProps, DropdownButtonProps } from "./Dropdown.types";
2
2
  export * from "./Dropdown";
3
- export type { DropdownProps };
3
+ export type { DropdownProps, DropdownButtonProps };
@@ -1,2 +1,9 @@
1
- import { Empty } from "antd";
1
+ import React from "react";
2
+ import type { EmptyProps } from "./Empty.types";
3
+ interface CompoundedComponent extends React.FC<EmptyProps> {
4
+ PRESENTED_IMAGE_DEFAULT: React.ReactNode;
5
+ PRESENTED_IMAGE_SIMPLE: React.ReactNode;
6
+ PRESENTED_IMAGE_DARK: React.ReactNode;
7
+ }
8
+ declare const Empty: CompoundedComponent;
2
9
  export default Empty;
@@ -1,3 +1,6 @@
1
+ import React from "react";
1
2
  import { EmptyProps as AntEmptyProps } from "antd";
2
3
  export interface EmptyProps extends AntEmptyProps {
4
+ /** Hiển thị hình minh họa dark mode khi ở theme tối (nếu không cung cấp image tùy biến) */
5
+ darkModeImage?: React.ReactNode;
3
6
  }
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ export interface EmptyIllustrationDarkProps extends React.SVGProps<SVGSVGElement> {
3
+ width?: number | string;
4
+ height?: number | string;
5
+ className?: string;
6
+ }
7
+ export declare const EmptyIllustrationDark: React.FC<EmptyIllustrationDarkProps>;
8
+ export default EmptyIllustrationDark;
@@ -1,3 +1,4 @@
1
1
  import { EmptyProps } from "./Empty.types";
2
2
  export { default as Empty } from "./Empty";
3
+ export { default as EmptyIllustrationDark } from "./EmptyIllustrationDark";
3
4
  export type { EmptyProps };
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import { FormItemProps, FormProps } from ".";
3
3
  import { FormListProps } from "antd/lib/form";
4
4
  declare const antUseForm: typeof import("antd/es/form/Form").useForm;
5
- declare const antUseWatch: typeof import("rc-field-form").useWatch;
5
+ declare const antUseWatch: typeof import("@rc-component/form").useWatch;
6
6
  declare const antUseFormInstance: typeof import("antd/es/form/hooks/useFormInstance").default;
7
7
  export declare const Item: React.FunctionComponent<FormItemProps>;
8
8
  declare const Form: React.FunctionComponent<FormProps> & {
@@ -1,5 +1,9 @@
1
- interface IconProps {
2
- size?: number;
1
+ import React from "react";
2
+ export interface IconProps extends React.SVGProps<SVGSVGElement> {
3
+ size?: number | string;
4
+ title?: string;
5
+ className?: string;
6
+ style?: React.CSSProperties;
3
7
  }
4
8
  export declare const MinusSquareIcon: () => import("react/jsx-runtime").JSX.Element;
5
9
  export declare const AddSquareIcon: () => import("react/jsx-runtime").JSX.Element;
@@ -16,4 +20,115 @@ export declare const Image404: () => import("react/jsx-runtime").JSX.Element;
16
20
  export declare const DefaultAvatar: () => import("react/jsx-runtime").JSX.Element;
17
21
  export declare const VolumeLow1OutlinedSVG: () => import("react/jsx-runtime").JSX.Element;
18
22
  export declare const VolumeHighOutlinedSVG: () => import("react/jsx-runtime").JSX.Element;
19
- export {};
23
+ export declare const DownloadIcon: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
24
+ export declare const ShareIcon: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
25
+ export declare const RefreshIcon: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
26
+ export declare const SearchIcon: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
27
+ export declare const SunIcon: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
28
+ export declare const MoonIcon: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
29
+ export declare const FeedbackIcon: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
30
+ export declare const ActivityOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
31
+ export declare const AddBottomRowOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
32
+ export declare const AddLeftColumnOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
33
+ export declare const AddOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
34
+ export declare const AddRightColumnOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
35
+ export declare const AddTopRowOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
36
+ export declare const ArrowDown1Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
37
+ export declare const ArrowDown2Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
38
+ export declare const ArrowDownOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
39
+ export declare const ArrowLeft1Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
40
+ export declare const ArrowLeft3Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
41
+ export declare const ArrowLeftOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
42
+ export declare const ArrowRight1Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
43
+ export declare const ArrowRight3Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
44
+ export declare const ArrowRightOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
45
+ export declare const ArrowUp1Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
46
+ export declare const ArrowUpOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
47
+ export declare const Brush2Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
48
+ export declare const CalendarOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
49
+ export declare const CallOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
50
+ export declare const CategoryOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
51
+ export declare const CdOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
52
+ export declare const CheckOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
53
+ export declare const Clock1Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
54
+ export declare const ClockOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
55
+ export declare const CloseCircleBold: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
56
+ export declare const CloseCircleOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
57
+ export declare const CloseOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
58
+ export declare const ColorSwatchOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
59
+ export declare const CopyOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
60
+ export declare const CopyrightOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
61
+ export declare const DocumentTextOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
62
+ export declare const DoubleArrowLeftOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
63
+ export declare const DoubleArrowRightOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
64
+ export declare const EditOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
65
+ export declare const FilterOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
66
+ export declare const GalleryOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
67
+ export declare const Grid1Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
68
+ export declare const Grid9Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
69
+ export declare const GridEraserOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
70
+ export declare const HappyemojiOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
71
+ export declare const Home1Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
72
+ export declare const HomeOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
73
+ export declare const InfoCircleOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
74
+ export declare const LinkOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
75
+ export declare const LogoutOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
76
+ export declare const MagicpenOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
77
+ export declare const Maximize21Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
78
+ export declare const Maximize3Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
79
+ export declare const MenuOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
80
+ export declare const MergeColumnsOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
81
+ export declare const MessageNotifOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
82
+ export declare const MessageOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
83
+ export declare const Messages3Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
84
+ export declare const MoonBold: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
85
+ export declare const MoonOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
86
+ export declare const MoreOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
87
+ export declare const NextOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
88
+ export declare const NotificationCircleOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
89
+ export declare const NotificationOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
90
+ export declare const OrderedListOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
91
+ export declare const Paperclip2Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
92
+ export declare const PauseOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
93
+ export declare const PlayOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
94
+ export declare const PreviousOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
95
+ export declare const RadarOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
96
+ export declare const RedoOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
97
+ export declare const Refresh2Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
98
+ export declare const RemoveColumnOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
99
+ export declare const RemoveRowOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
100
+ export declare const RepeateMusicOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
101
+ export declare const SearchNormal1Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
102
+ export declare const SearchNormalOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
103
+ export declare const SettingOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
104
+ export declare const ShareOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
105
+ export declare const SidebarLeftOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
106
+ export declare const SidebarRightOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
107
+ export declare const SplitColumnsOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
108
+ export declare const SquareOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
109
+ export declare const StatusOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
110
+ export declare const Sun1Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
111
+ export declare const SunBold: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
112
+ export declare const TaskOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
113
+ export declare const TextBoldOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
114
+ export declare const TextItalicOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
115
+ export declare const TextalignCenterOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
116
+ export declare const TextalignJustifycenterOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
117
+ export declare const TextalignJustifyleftOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
118
+ export declare const TextalignJustifyrightOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
119
+ export declare const TextalignLeftOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
120
+ export declare const TextalignRightOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
121
+ export declare const TickCircleOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
122
+ export declare const TickOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
123
+ export declare const TrashOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
124
+ export declare const UndoOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
125
+ export declare const UnorderedListOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
126
+ export declare const UserOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
127
+ export declare const VerticalAlignBottomOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
128
+ export declare const VerticalAlignMiddleOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
129
+ export declare const VerticalAlignTopOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
130
+ export declare const VolumeCrossOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
131
+ export declare const VolumeHighOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
132
+ export declare const VolumeMuteOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
133
+ export declare const VolumeSlashOutlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
134
+ export declare const Warning2Outlined: ({ size, className, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import { ImageProps as AntImageProps } from "antd";
2
- import type { GroupConsumerProps } from "rc-image/lib/PreviewGroup";
3
2
  export interface ImageProps extends AntImageProps {
4
3
  }
5
- export interface PreviewGroupProps extends GroupConsumerProps {
4
+ export interface PreviewGroupProps {
5
+ [key: string]: any;
6
6
  }
@@ -16,7 +16,6 @@ export interface AppTheme {
16
16
  primaryColor5?: string;
17
17
  primaryColor6?: string;
18
18
  theme?: "default" | "new";
19
- version?: "v2" | "v3" | string;
20
19
  appMenu?: {
21
20
  items: ApplicationsCardItem[];
22
21
  totalDisplay?: number;
@@ -52,6 +51,30 @@ export interface HeaderProps extends ApplicationsCardProps {
52
51
  isShowCollapseButton?: boolean;
53
52
  headerTitle?: string;
54
53
  isTopHeader?: boolean;
54
+ tabs?: string[];
55
+ activeTab?: string;
56
+ onTabClick?: (tab: string) => void;
57
+ urlText?: string;
58
+ onReloadUrl?: () => void;
59
+ onShareClick?: () => void;
60
+ onAddClick?: () => void;
61
+ onTabsClick?: () => void;
62
+ brandName?: React.ReactNode;
63
+ logoIcon?: React.ReactNode;
64
+ searchPlaceholder?: string;
65
+ searchValue?: string;
66
+ onSearchChange?: (value: string) => void;
67
+ onRefreshClick?: () => void;
68
+ onDownloadClick?: () => void;
69
+ workspaces?: {
70
+ key: string;
71
+ label: string;
72
+ }[];
73
+ currentWorkspace?: string;
74
+ onWorkspaceChange?: (key: string) => void;
75
+ onClearWorkspace?: () => void;
76
+ headerQuickActions?: React.ReactNode;
77
+ headerUtilityIcons?: React.ReactNode;
55
78
  }
56
79
  export type ThemeModel = {
57
80
  getApi?: string;
@@ -4,7 +4,7 @@ import { HeaderProps, NotificationRef } from "./Header";
4
4
  import { SideBarMenuModel } from "../../models";
5
5
  import { ThemeConfig } from "antd";
6
6
  export type MainTheme = "Beca" | "Office" | "SHE";
7
- export interface MainLayoutProps extends Omit<SideBarMenuProps, "sideBarMenus">, HeaderProps {
7
+ export interface MainLayoutProps extends Omit<SideBarMenuProps, "sideBarMenus" | keyof HeaderProps>, HeaderProps {
8
8
  children?: React.ReactNode;
9
9
  onChangeCollapse?: (collapsed: boolean) => void;
10
10
  sideBarMenus: SideBarMenuModel[] | (() => SideBarMenuModel[]);
@@ -0,0 +1,29 @@
1
+ import React from "react";
2
+ import { MenuItemType } from "../..";
3
+ import { PersonalProfileModel, SupportContactModel } from "../../../models";
4
+ import { ApplicationsCardItem } from "../../ApplicationsCard/ApplicationsCard.types";
5
+ import { NotiRef } from "../Header/Notification";
6
+ import { AppTheme, MainLayoutConfig, ThemeModel } from "../MainLayout.types";
7
+ import { NotificationProps, Theme } from "../Header/Header.types";
8
+ import { LANGUAGE } from "../../ConfigProvider";
9
+ export interface SideBarFooterToolbarProps {
10
+ collapsed: boolean;
11
+ isMobile: boolean;
12
+ config?: MainLayoutConfig;
13
+ notification?: NotificationProps;
14
+ personalProfile?: PersonalProfileModel;
15
+ profileMenuItems?: MenuItemType[];
16
+ isSwitchTheme?: boolean;
17
+ theme?: ThemeModel;
18
+ onSwitchedTheme?: (theme: Theme) => void;
19
+ onChangeTheme?: (theme: AppTheme) => Promise<void>;
20
+ supportContactData?: SupportContactModel[];
21
+ lang?: LANGUAGE;
22
+ onChangeLocale?: (lang: LANGUAGE) => void;
23
+ applicationsCardData?: ApplicationsCardItem[];
24
+ avatarUrl?: string;
25
+ avatarThumbnailUrl?: string;
26
+ LinkComponent?: any;
27
+ notiRef?: React.RefObject<NotiRef>;
28
+ }
29
+ export declare const SideBarFooterToolbar: React.FC<SideBarFooterToolbarProps>;
@@ -1,10 +1,10 @@
1
1
  import React from "react";
2
- import { SideBarMenu2Props } from "./SideBarMenu.types";
2
+ import { SideBarMenu2Props, SideBarMenuRef } from "./SideBarMenu.types";
3
3
  interface LinkProps {
4
4
  LinkComponent: any;
5
5
  to: string;
6
6
  children: React.ReactNode;
7
7
  }
8
8
  export declare const Link: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;
9
- export declare const SideBarMenu: React.FunctionComponent<SideBarMenu2Props>;
9
+ export declare const SideBarMenu: React.ForwardRefExoticComponent<SideBarMenu2Props & React.RefAttributes<SideBarMenuRef>>;
10
10
  export {};
@@ -1,5 +1,10 @@
1
1
  import React from "react";
2
- import { SideBarMenuModel } from "../../../models";
2
+ import { PersonalProfileModel, SideBarMenuModel, SupportContactModel } from "../../../models";
3
+ import { ApplicationsCardItem } from "../../ApplicationsCard/ApplicationsCard.types";
4
+ import { MenuItemType } from "../../Menu";
5
+ import { NotificationProps, Theme } from "../Header/Header.types";
6
+ import { AppTheme, MainLayoutConfig, ThemeModel } from "../MainLayout.types";
7
+ import { LANGUAGE } from "../../ConfigProvider";
3
8
  export interface SideBarMenuProps {
4
9
  sideBarMenus: SideBarMenuModel[];
5
10
  activeMenu?: string;
@@ -10,6 +15,21 @@ export interface SideBarMenuProps {
10
15
  showLargeMenu?: boolean;
11
16
  isShowCollapseButton?: boolean;
12
17
  headerTitle?: string;
18
+ avatarUrl?: string;
19
+ avatarThumbnailUrl?: string;
20
+ config?: MainLayoutConfig;
21
+ notification?: NotificationProps;
22
+ personalProfile?: PersonalProfileModel;
23
+ profileMenuItems?: MenuItemType[];
24
+ isSwitchTheme?: boolean;
25
+ theme?: ThemeModel;
26
+ onSwitchedTheme?: (theme: Theme) => void;
27
+ onChangeTheme?: (theme: AppTheme) => Promise<void>;
28
+ supportContactData?: SupportContactModel[];
29
+ lang?: LANGUAGE;
30
+ onChangeLocale?: (lang: LANGUAGE) => void;
31
+ applicationsCardData?: ApplicationsCardItem[];
32
+ currentApp?: string;
13
33
  }
14
34
  export interface SideBarMenu2Props extends SideBarMenuProps {
15
35
  collapsed: boolean;
@@ -26,3 +46,6 @@ export interface SideBarMenuItemProps {
26
46
  icon: React.ReactNode;
27
47
  label: string;
28
48
  }
49
+ export interface SideBarMenuRef {
50
+ fetchNotifications?: (type?: any, isReload?: boolean) => void;
51
+ }
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { PaginationProps } from ".";
3
- export declare const paginationItemRender: (page: number, type: "page" | "prev" | "next" | "jump-prev" | "jump-next", originalElement: React.ReactNode, size?: "default" | "small" | undefined) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
3
+ export declare const paginationItemRender: (page: number, type: "page" | "prev" | "next" | "jump-prev" | "jump-next", originalElement: React.ReactNode, size?: any) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
4
4
  export declare const Pagination: React.FunctionComponent<PaginationProps>;
@@ -1,2 +1,7 @@
1
- import { Progress } from "antd";
1
+ import React from "react";
2
+ import { ProgressProps as AntProgressProps } from "antd";
3
+ export interface ProgressProps extends AntProgressProps {
4
+ width?: number;
5
+ }
6
+ export declare const Progress: React.FC<ProgressProps>;
2
7
  export default Progress;
@@ -1,8 +1,6 @@
1
- import { SelectProps as AntSelectProps } from "antd";
2
- import { OptionProps as AntOptionProps } from "rc-select/lib/Option";
3
- import type { ScrollTo } from "rc-virtual-list/lib/List";
4
- import type { BaseSelectRef } from "rc-select";
5
- export interface OptionProps extends AntOptionProps {
1
+ import { SelectProps as AntSelectProps, RefSelectProps } from "antd";
2
+ export interface OptionProps {
3
+ [key: string]: any;
6
4
  }
7
5
  export type PopupPosition = "relative" | "fixed";
8
6
  export interface SelectProps<T = any> extends Omit<AntSelectProps<T>, "children"> {
@@ -14,6 +12,6 @@ export interface SelectProps<T = any> extends Omit<AntSelectProps<T>, "children"
14
12
  export interface SelectRefs {
15
13
  focus: () => void;
16
14
  blur: () => void;
17
- scrollTo: ScrollTo;
15
+ scrollTo: (arg: any) => void;
18
16
  }
19
- export { BaseSelectRef };
17
+ export type BaseSelectRef = RefSelectProps;
@@ -1,2 +1,10 @@
1
- import { Space } from "antd";
1
+ import React from "react";
2
+ import { Space as AntSpace, SpaceProps as AntSpaceProps } from "antd";
3
+ export interface SpaceProps extends AntSpaceProps {
4
+ split?: React.ReactNode;
5
+ direction?: "horizontal" | "vertical";
6
+ }
7
+ export declare const Space: React.FC<SpaceProps> & {
8
+ Compact: typeof AntSpace.Compact;
9
+ };
2
10
  export default Space;
@@ -1,2 +1,6 @@
1
- import { Steps } from "antd";
1
+ import React from "react";
2
+ import { StepsProps } from "./Steps.types";
3
+ export declare const Steps: React.FC<StepsProps> & {
4
+ Step?: any;
5
+ };
2
6
  export default Steps;
@@ -1,5 +1,4 @@
1
1
  import { StepsProps as AntStepsProps } from "antd";
2
- import { StepProps } from "antd/lib";
3
2
  export interface StepsProps extends AntStepsProps {
4
3
  }
5
- export type { StepProps };
4
+ export type StepProps = NonNullable<AntStepsProps["items"]>[number];
@@ -1,4 +1,16 @@
1
1
  import React from "react";
2
2
  import { TableProps, TableRef } from ".";
3
+ export interface RenderExpandIconProps<RecordType = any> {
4
+ prefixCls?: string;
5
+ expanded: boolean;
6
+ record: RecordType;
7
+ needIndentSpaced?: boolean;
8
+ expandable: boolean;
9
+ onExpand: (record: RecordType, event: React.MouseEvent<HTMLElement>) => void;
10
+ [key: string]: any;
11
+ }
3
12
  export declare const Table: React.ForwardRefExoticComponent<TableProps<unknown> & React.RefAttributes<TableRef>>;
4
- export declare const TableSummary: typeof import("rc-table/lib/Footer/Summary").default;
13
+ export declare const TableSummary: React.FC<React.PropsWithChildren<import("@rc-component/table/es/Footer/Summary").SummaryProps>> & {
14
+ Row: React.FC<React.PropsWithChildren<import("@rc-component/table/es/Footer/Row").FooterRowProps>>;
15
+ Cell: React.FC<React.PropsWithChildren<import("@rc-component/table/es/Footer/Cell").SummaryCellProps>>;
16
+ };
@@ -1,5 +1,5 @@
1
1
  import { TableRow } from "@tiptap/extension-table";
2
2
  export declare const CustomTableHeader: import("@tiptap/core").Node<import("@tiptap/extension-table").TableHeaderOptions, any>;
3
3
  export declare const CustomTableCell: import("@tiptap/core").Node<import("@tiptap/extension-table").TableCellOptions, any>;
4
- export declare const CustomTable: import("@tiptap/core").Extension<import("@tiptap/extension-table").TableKitOptions, any>;
4
+ export declare const CustomTable: import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any>;
5
5
  export { TableRow };
@@ -1,2 +1,4 @@
1
- import { Timeline } from "antd";
1
+ import React from "react";
2
+ import { TimelineProps } from "./Timeline.types";
3
+ export declare const Timeline: React.FC<TimelineProps>;
2
4
  export default Timeline;
@@ -1,6 +1,4 @@
1
- import { TimelineProps as AntTimelineProps } from "antd";
2
- import { TimeLineItemProps as AntTimeLineItemProps } from "antd/lib/timeline/TimelineItem";
1
+ import { TimelineProps as AntTimelineProps, TimelineItemProps as AntTimelineItemProps } from "antd";
3
2
  export interface TimelineProps extends AntTimelineProps {
4
3
  }
5
- export interface TimeLineItemProps extends AntTimeLineItemProps {
6
- }
4
+ export type TimeLineItemProps = AntTimelineItemProps;
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
2
  import { UploadProps } from ".";
3
- export declare const Dragger: React.ForwardRefExoticComponent<import("antd").UploadProps<any> & {
4
- height?: number;
5
- } & React.RefAttributes<import("antd/es/upload/Upload").UploadRef<any>>>;
3
+ export declare const Dragger: (<T = any>(props: import("antd").DraggerProps<T> & React.RefAttributes<import("antd").UploadRef<T>>) => React.ReactElement | null) & {
4
+ displayName?: string;
5
+ };
6
6
  declare const Upload: React.FunctionComponent<UploadProps> & {
7
7
  Dragger: typeof Dragger;
8
8
  LIST_IGNORE: string;
@@ -80,3 +80,4 @@ export * from "./TreeSelect";
80
80
  export * from "./TreeSelectField";
81
81
  export * from "./BecaChatBox";
82
82
  export * from "./AIChat";
83
+ export * from "./Icons";