@pnkx-lib/ui 1.9.113 → 1.9.118
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.
- package/dist/style.css +2 -2
- package/es/chunks/{AntdIcon-CtaI55qk.js → AntdIcon-BS99Z6_t.js} +7203 -460
- package/es/chunks/{BreadcrumbHeading-CSKdtCYe.js → Card-CCVU-3bH.js} +73 -59
- package/es/chunks/{Switch-CigYj8FF.js → Switch-vaUhKEAu.js} +1 -1
- package/es/fields/index.js +2 -2
- package/es/index.js +3 -3
- package/es/ui/index.js +2 -2
- package/package.json +3 -2
- package/types/fields/CascaderField.d.ts +13 -0
- package/types/fields/Checkbox.d.ts +12 -0
- package/types/fields/DatePicker.d.ts +22 -0
- package/types/fields/DateRangePicker.d.ts +13 -0
- package/types/fields/Input.d.ts +32 -0
- package/types/fields/PnkxField.d.ts +12 -0
- package/types/fields/Radio.d.ts +19 -0
- package/types/fields/Select.d.ts +13 -0
- package/types/fields/Switch.d.ts +12 -0
- package/types/fields/Textarea.d.ts +13 -0
- package/types/fields/TinyMCE.d.ts +16 -0
- package/types/fields/Upload.d.ts +15 -0
- package/types/fields/index.d.ts +11 -0
- package/types/fields.d.ts +2 -198
- package/types/hooks/index.d.ts +2 -0
- package/types/hooks/useDebounce.d.ts +1 -0
- package/types/hooks/useMessage.d.ts +5 -0
- package/types/hooks/useToast.d.ts +12 -0
- package/types/hooks.d.ts +2 -23
- package/types/icons/ActivateIcon.d.ts +6 -0
- package/types/icons/AllowClearIcon.d.ts +2 -0
- package/types/icons/ApprovalIcon.d.ts +6 -0
- package/types/icons/CancelApprovalIcon.d.ts +6 -0
- package/types/icons/CancelSendApprovalIcon.d.ts +6 -0
- package/types/icons/DeleteIcon.d.ts +6 -0
- package/types/icons/DragIcon.d.ts +6 -0
- package/types/icons/EditIcon.d.ts +6 -0
- package/types/icons/ErrorConfirmIcon.d.ts +3 -0
- package/types/icons/InActivateIcon.d.ts +6 -0
- package/types/icons/InfoConfirmIcon.d.ts +3 -0
- package/types/icons/MoreIcon.d.ts +6 -0
- package/types/icons/PlusIcon.d.ts +6 -0
- package/types/icons/RefuseApprovalIcon.d.ts +6 -0
- package/types/icons/RestoreIcon.d.ts +6 -0
- package/types/icons/SearchAdvanceIcon.d.ts +6 -0
- package/types/icons/SearchIcon.d.ts +2 -0
- package/types/icons/SendApprovalIcon.d.ts +6 -0
- package/types/icons/SettingIcon.d.ts +1 -0
- package/types/icons/SuccessIcon.d.ts +3 -0
- package/types/icons/TrashCanIcon.d.ts +2 -0
- package/types/icons/WaitingApprovalIcon.d.ts +6 -0
- package/types/icons/WarningConfirmIcon.d.ts +3 -0
- package/types/icons/index.d.ts +18 -0
- package/types/index.d.ts +3 -922
- package/types/ui/Alert.d.ts +3 -0
- package/types/ui/Anchor.d.ts +11 -0
- package/types/ui/Appfix.d.ts +6 -0
- package/types/ui/AutoComplete.d.ts +3 -0
- package/types/ui/Badge.d.ts +8 -0
- package/types/ui/Breadcrumb.d.ts +16 -0
- package/types/ui/BreadcrumbHeading.d.ts +5 -0
- package/types/ui/BulkActions/BulkAction.d.ts +11 -0
- package/types/ui/BulkActions/DropListActions.d.ts +9 -0
- package/types/ui/BulkActions/index.d.ts +31 -0
- package/types/ui/Button.d.ts +4 -0
- package/types/ui/Card.d.ts +3 -0
- package/types/ui/Cascader.d.ts +14 -0
- package/types/ui/CategoryStatus.d.ts +4 -0
- package/types/ui/Col.d.ts +11 -0
- package/types/ui/Collapse.d.ts +3 -0
- package/types/ui/ColorPicker.d.ts +2 -0
- package/types/ui/ConfirmModal.d.ts +12 -0
- package/types/ui/Container.d.ts +8 -0
- package/types/ui/Divider.d.ts +6 -0
- package/types/ui/Drawer.d.ts +7 -0
- package/types/ui/Dropdown.d.ts +12 -0
- package/types/ui/Empty.d.ts +3 -0
- package/types/ui/ErrorBoundary.d.ts +18 -0
- package/types/ui/ErrorMessage.d.ts +7 -0
- package/types/ui/Flex.d.ts +9 -0
- package/types/ui/Footer.d.ts +2 -0
- package/types/ui/Heading.d.ts +10 -0
- package/types/ui/Image.d.ts +2 -0
- package/types/ui/Label.d.ts +5 -0
- package/types/ui/Layout.d.ts +14 -0
- package/types/ui/Menu.d.ts +22 -0
- package/types/ui/Modal.d.ts +6 -0
- package/types/ui/Page404.d.ts +2 -0
- package/types/ui/Pagination.d.ts +12 -0
- package/types/ui/Popconfirm.d.ts +6 -0
- package/types/ui/Popover.d.ts +9 -0
- package/types/ui/QRCode.d.ts +3 -0
- package/types/ui/Rate.d.ts +2 -0
- package/types/ui/Result.d.ts +6 -0
- package/types/ui/Row.d.ts +7 -0
- package/types/ui/SearchFilterForm.d.ts +18 -0
- package/types/ui/Segmented.d.ts +3 -0
- package/types/ui/Sidebar.d.ts +36 -0
- package/types/ui/Skeleton.d.ts +6 -0
- package/types/ui/Space.d.ts +8 -0
- package/types/ui/Spin.d.ts +6 -0
- package/types/ui/Splitter.d.ts +8 -0
- package/types/ui/Statistic.d.ts +3 -0
- package/types/ui/Steps.d.ts +12 -0
- package/types/ui/Table/ActionRowTable/index.d.ts +10 -0
- package/types/ui/Table/HeadingTable/components/GroupHeadingButton.d.ts +13 -0
- package/types/ui/Table/HeadingTable/index.d.ts +16 -0
- package/types/ui/Table/SettingTable/IconSettingTable.d.ts +6 -0
- package/types/ui/Table/SettingTable/SettingColumnItem.d.ts +7 -0
- package/types/ui/Table/SettingTable/SortableItem.d.ts +6 -0
- package/types/ui/Table/SettingTable/index.d.ts +11 -0
- package/types/ui/Table/index.d.ts +42 -0
- package/types/ui/Tabs.d.ts +14 -0
- package/types/ui/Tag.d.ts +5 -0
- package/types/ui/Timeline.d.ts +3 -0
- package/types/ui/Tooltip.d.ts +4 -0
- package/types/ui/Tour.d.ts +3 -0
- package/types/ui/Tree.d.ts +3 -0
- package/types/ui/Typography.d.ts +8 -0
- package/types/ui/Watermark.d.ts +2 -0
- package/types/ui/index.d.ts +58 -0
- package/types/ui.d.ts +2 -709
@@ -0,0 +1,11 @@
|
|
1
|
+
import { Anchor as AnchorAntd, AnchorProps as AnchorPropsAntd } from 'antd';
|
2
|
+
import { default as AnchorLink } from 'antd/es/anchor/AnchorLink';
|
3
|
+
type BaseProps = {
|
4
|
+
containerClassName?: string;
|
5
|
+
spaceClassName?: string;
|
6
|
+
};
|
7
|
+
export type AnchorPropsUnion = BaseProps & AnchorPropsAntd;
|
8
|
+
export declare const Anchor: typeof AnchorAntd & {
|
9
|
+
Link: typeof AnchorLink;
|
10
|
+
};
|
11
|
+
export {};
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { default as React } from 'react';
|
2
|
+
import { AffixProps as AntdAffixProps } from 'antd';
|
3
|
+
export interface AppfixProps extends AntdAffixProps {
|
4
|
+
children: React.ReactNode;
|
5
|
+
}
|
6
|
+
export declare const Appfix: ({ children, ...rest }: AppfixProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { BadgeProps as AntdBadgeProps } from 'antd';
|
2
|
+
export interface BadgeProps extends AntdBadgeProps {
|
3
|
+
type?: "error" | "info" | "success" | "warning";
|
4
|
+
children?: React.ReactNode;
|
5
|
+
customColor?: string;
|
6
|
+
}
|
7
|
+
export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
|
8
|
+
export declare const Badge: ({ type, children, customColor, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { BreadcrumbProps as BreadcrumbPropsAntd } from 'antd';
|
2
|
+
import { BreadcrumbItemType as BreadcrumbItemTypeAntd, BreadcrumbSeparatorType as BreadcrumbSeparatorTypeAntd } from 'antd/es/breadcrumb/Breadcrumb';
|
3
|
+
type BaseProps = {
|
4
|
+
containerClassName?: string;
|
5
|
+
breadcrumbClassName?: string;
|
6
|
+
};
|
7
|
+
export interface BreadcrumbItemType extends BreadcrumbItemTypeAntd {
|
8
|
+
children?: Omit<BreadcrumbItemType, "children">[];
|
9
|
+
}
|
10
|
+
export type BreadcrumbSeparatorType = BreadcrumbSeparatorTypeAntd;
|
11
|
+
export type BreadcrumbProps = BreadcrumbPropsAntd;
|
12
|
+
export type BreadcrumbPropsUnion = BaseProps & BreadcrumbProps;
|
13
|
+
export type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
|
14
|
+
export type InternalRouteType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
|
15
|
+
export declare const Breadcrumb: (props: BreadcrumbPropsUnion) => import("react/jsx-runtime").JSX.Element;
|
16
|
+
export {};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { ConfirmModalProps } from '../ConfirmModal';
|
2
|
+
import { TListIcon } from '.';
|
3
|
+
import { TypeStatusTable } from '../../../../../../../../../../../src/constants';
|
4
|
+
export interface BulkActionProps {
|
5
|
+
quantity?: number;
|
6
|
+
listIcon?: TListIcon[];
|
7
|
+
status?: TypeStatusTable;
|
8
|
+
setNotifyContent: React.Dispatch<React.SetStateAction<ConfirmModalProps>>;
|
9
|
+
toggle: () => void;
|
10
|
+
}
|
11
|
+
export declare const BulkAction: ({ quantity, listIcon, status, setNotifyContent, toggle, }: BulkActionProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { ConfirmModalProps } from '../ConfirmModal';
|
2
|
+
import { TListIcon } from '.';
|
3
|
+
export interface DropListActionsProps {
|
4
|
+
listIcon?: TListIcon[];
|
5
|
+
status?: number;
|
6
|
+
setNotifyContent: React.Dispatch<React.SetStateAction<ConfirmModalProps>>;
|
7
|
+
toggle: () => void;
|
8
|
+
}
|
9
|
+
export declare const DropListActions: ({ listIcon, status, setNotifyContent, toggle, }: DropListActionsProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import { CATEGORY_LIST_ENUM } from '../../../../../core/src/constants/enum';
|
2
|
+
import { ConfirmModalProps } from '../ConfirmModal';
|
3
|
+
import { TypeBulkActions, TypeStatusTable } from '../../../../../../../../../../../src/constants';
|
4
|
+
interface IBulkActionsProps {
|
5
|
+
quantity?: number;
|
6
|
+
handleRestore?: () => void;
|
7
|
+
handleSendApproval?: () => void;
|
8
|
+
handleCancelSendApproval?: () => void;
|
9
|
+
handleRefuseApproval?: () => void;
|
10
|
+
handleApproval?: () => void;
|
11
|
+
handleCancelApproval?: () => void;
|
12
|
+
handleDelete?: () => void;
|
13
|
+
handleActivate?: () => void;
|
14
|
+
handleInActivate?: () => void;
|
15
|
+
status?: TypeStatusTable;
|
16
|
+
type: TypeBulkActions;
|
17
|
+
}
|
18
|
+
export type TListIcon = {
|
19
|
+
icon: React.ReactNode;
|
20
|
+
iconDisable: React.ReactNode;
|
21
|
+
iconDropList: React.ReactNode;
|
22
|
+
action?: () => void;
|
23
|
+
showConfirmModal: boolean;
|
24
|
+
title: string;
|
25
|
+
arrShow: CATEGORY_LIST_ENUM[];
|
26
|
+
content?: string;
|
27
|
+
typeIcon?: ConfirmModalProps["typeIcon"];
|
28
|
+
name?: string;
|
29
|
+
};
|
30
|
+
export declare const BulkActions: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: IBulkActionsProps) => import("react/jsx-runtime").JSX.Element;
|
31
|
+
export {};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { CascaderProps, DefaultOptionType } from 'antd/es/cascader';
|
2
|
+
type BaseProps = {
|
3
|
+
customStyleContainer?: string;
|
4
|
+
customStyleCascader?: string;
|
5
|
+
};
|
6
|
+
type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
|
7
|
+
multiple?: false;
|
8
|
+
};
|
9
|
+
type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, true> & {
|
10
|
+
multiple: true;
|
11
|
+
};
|
12
|
+
export type CascaderFieldProps = BaseProps & (SingleCascaderProps | MultipleCascaderProps);
|
13
|
+
export declare const CascaderField: (props: CascaderFieldProps) => import("react/jsx-runtime").JSX.Element;
|
14
|
+
export {};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { Breakpoint, ColProps as ColPropsAntd } from 'antd';
|
2
|
+
import { ColSize as ColSizeAntd } from 'antd/es/grid';
|
3
|
+
type BaseProps = {
|
4
|
+
colClassName?: string;
|
5
|
+
};
|
6
|
+
export type ColSpanType = number | string;
|
7
|
+
export interface ColProps extends ColPropsAntd, Partial<Record<Breakpoint, ColSpanType | ColSizeAntd>> {
|
8
|
+
}
|
9
|
+
export type ColPropsUnion = BaseProps & ColProps;
|
10
|
+
export declare const Col: (props: ColPropsUnion) => import("react/jsx-runtime").JSX.Element;
|
11
|
+
export {};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { ModalProps } from './Modal';
|
2
|
+
export type ConfirmModalType = "success" | "error" | "warning" | "info";
|
3
|
+
export interface ConfirmModalProps extends ModalProps {
|
4
|
+
title: string;
|
5
|
+
content: string;
|
6
|
+
titleCancelBtn?: string;
|
7
|
+
titleSubmitBtn?: string;
|
8
|
+
typeIcon: ConfirmModalType;
|
9
|
+
handleCancel?: () => void;
|
10
|
+
handleSubmit?: () => void;
|
11
|
+
}
|
12
|
+
export declare const ConfirmModal: ({ title, content, typeIcon, titleCancelBtn, titleSubmitBtn, handleCancel, handleSubmit, ...restProps }: ConfirmModalProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { default as React } from 'react';
|
2
|
+
export type TailwindMaxWidth = "max-w-xs" | "max-w-sm" | "max-w-md" | "max-w-lg" | "max-w-xl" | "max-w-2xl" | "max-w-3xl" | "max-w-4xl" | "max-w-5xl" | "max-w-6xl" | "max-w-7xl" | "max-w-full" | "max-w-screen-sm" | "max-w-screen-md" | "max-w-screen-lg" | "max-w-screen-xl" | "max-w-screen-2xl";
|
3
|
+
export interface ContainerProps {
|
4
|
+
children: React.ReactNode;
|
5
|
+
size?: TailwindMaxWidth;
|
6
|
+
className?: string;
|
7
|
+
}
|
8
|
+
export declare const Container: React.FC<ContainerProps>;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { DividerProps as AntdDividerProps } from 'antd';
|
2
|
+
import { ReactNode } from 'react';
|
3
|
+
export interface DividerProps extends AntdDividerProps {
|
4
|
+
children?: ReactNode | string;
|
5
|
+
}
|
6
|
+
export declare const Divider: ({ children, ...rest }: DividerProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { DrawerProps as AntdDrawerProps } from 'antd';
|
3
|
+
export interface DrawerProps extends AntdDrawerProps {
|
4
|
+
children?: ReactNode;
|
5
|
+
onSubmit?: (values: any) => void;
|
6
|
+
}
|
7
|
+
export declare const Drawer: ({ onSubmit, children, ...rest }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { DropdownProps as DropdownPropsAntd } from 'antd';
|
2
|
+
import { DropdownButtonType as DropdownButtonTypeAntd, DropdownButtonProps as DropdownButtonPropsAntd } from 'antd/es/dropdown';
|
3
|
+
type BaseProps = {
|
4
|
+
containerClassName?: string;
|
5
|
+
dropdownClassName?: string;
|
6
|
+
};
|
7
|
+
export type DropdownButtonType = DropdownButtonTypeAntd;
|
8
|
+
export type DropdownButtonProps = DropdownButtonPropsAntd;
|
9
|
+
export type DropdownProps = DropdownPropsAntd;
|
10
|
+
export type DropdownPropsUnion = BaseProps & DropdownProps;
|
11
|
+
export declare const Dropdown: (props: DropdownPropsUnion) => import("react/jsx-runtime").JSX.Element;
|
12
|
+
export {};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { default as React, Component, ErrorInfo, ReactNode } from 'react';
|
2
|
+
export interface ErrorBoundaryProps {
|
3
|
+
children: ReactNode;
|
4
|
+
}
|
5
|
+
export interface ErrorBoundaryState {
|
6
|
+
hasError: boolean;
|
7
|
+
error: Error | null;
|
8
|
+
errorInfo: ErrorInfo | null;
|
9
|
+
}
|
10
|
+
declare class ErrorBoundaryClass extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
11
|
+
constructor(props: ErrorBoundaryProps);
|
12
|
+
static getDerivedStateFromError(error: Error): ErrorBoundaryState;
|
13
|
+
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
14
|
+
handleReload: () => void;
|
15
|
+
render(): React.ReactNode;
|
16
|
+
}
|
17
|
+
export declare const ErrorBoundary: typeof ErrorBoundaryClass;
|
18
|
+
export {};
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { default as React } from 'react';
|
2
|
+
export interface ErrorMessageProps {
|
3
|
+
errorMessage?: string;
|
4
|
+
isTouched?: boolean;
|
5
|
+
isSubmitted?: boolean;
|
6
|
+
}
|
7
|
+
export declare const ErrorMessage: React.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element | null>;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { FlexProps as FlexPropsAntd } from 'antd';
|
2
|
+
type BaseProps = {
|
3
|
+
containerClassName?: string;
|
4
|
+
flexClassName?: string;
|
5
|
+
};
|
6
|
+
export type FlexProps = FlexPropsAntd;
|
7
|
+
export type FlexPropsUnion = BaseProps & FlexProps;
|
8
|
+
export declare const Flex: (props: FlexPropsUnion) => import("react/jsx-runtime").JSX.Element;
|
9
|
+
export {};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { MenuType } from './Sidebar';
|
3
|
+
export interface HeadingProps {
|
4
|
+
rightContent?: ReactNode;
|
5
|
+
children?: ReactNode;
|
6
|
+
noBreadcum?: boolean;
|
7
|
+
classNameWrapHeading?: string;
|
8
|
+
menu: Array<MenuType>;
|
9
|
+
}
|
10
|
+
export declare const Heading: (props: HeadingProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { default as React } from 'react';
|
2
|
+
import { BasicProps as AntdBasicProps } from 'antd/es/layout/layout';
|
3
|
+
type BaseProps = {
|
4
|
+
layoutClassName?: string;
|
5
|
+
};
|
6
|
+
export type LayoutProps = BaseProps & AntdBasicProps;
|
7
|
+
export declare const Layout: React.FC<LayoutProps> & {
|
8
|
+
Header: React.ForwardRefExoticComponent<AntdBasicProps & React.RefAttributes<HTMLElement>>;
|
9
|
+
Footer: React.ForwardRefExoticComponent<AntdBasicProps & React.RefAttributes<HTMLElement>>;
|
10
|
+
Content: React.ForwardRefExoticComponent<AntdBasicProps & React.RefAttributes<HTMLElement>>;
|
11
|
+
Sider: React.ForwardRefExoticComponent<import('antd/es/layout/Sider').SiderProps & React.RefAttributes<HTMLDivElement>>;
|
12
|
+
_InternalSiderContext: React.Context<import('antd/es/layout/Sider').SiderContextProps>;
|
13
|
+
};
|
14
|
+
export {};
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import { FC } from 'react';
|
2
|
+
import { MenuProps as AntdMenuProps, MenuItemProps as AntdMenuItemProps, SubMenuProps as AntdSubMenuProps } from 'antd/es/menu';
|
3
|
+
type ExtraProps = {
|
4
|
+
containerClassName?: string;
|
5
|
+
menuClassName?: string;
|
6
|
+
};
|
7
|
+
export type MenuProps = AntdMenuProps;
|
8
|
+
export type MenuItemProps = AntdMenuItemProps;
|
9
|
+
export type SubMenuProps = AntdSubMenuProps;
|
10
|
+
export type MenuComponentProps = ExtraProps & MenuProps;
|
11
|
+
declare const MenuItem: FC<MenuItemProps>;
|
12
|
+
declare const SubMenu: FC<SubMenuProps>;
|
13
|
+
declare const Divider: FC<import('antd/es/menu').MenuDividerProps>;
|
14
|
+
declare const ItemGroup: import('react').ForwardRefExoticComponent<Omit<import('rc-menu/lib/MenuItemGroup').MenuItemGroupProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
|
15
|
+
type CompoundedMenu = FC<MenuComponentProps> & {
|
16
|
+
Item: typeof MenuItem;
|
17
|
+
SubMenu: typeof SubMenu;
|
18
|
+
Divider: typeof Divider;
|
19
|
+
ItemGroup: typeof ItemGroup;
|
20
|
+
};
|
21
|
+
export declare const Menu: CompoundedMenu;
|
22
|
+
export {};
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { ModalProps as ModalPropsAntd } from 'antd';
|
3
|
+
export interface ModalProps extends ModalPropsAntd {
|
4
|
+
children?: ReactNode;
|
5
|
+
}
|
6
|
+
export declare const Modal: ({ children, ...rest }: ModalProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { Pagination as PaginationAntd, PaginationProps as PaginationPropsAntd } from 'antd';
|
2
|
+
export type { PaginationLocale } from 'rc-pagination';
|
3
|
+
type BaseProps = {
|
4
|
+
containerClassName?: string;
|
5
|
+
paginationClassName?: string;
|
6
|
+
};
|
7
|
+
export type PaginationProps = PaginationPropsAntd;
|
8
|
+
export type PaginationPropsUnion = BaseProps & PaginationProps;
|
9
|
+
export type PaginationConfig = Omit<PaginationProps, "rootClassName"> & {
|
10
|
+
position?: "top" | "bottom" | "both";
|
11
|
+
};
|
12
|
+
export declare const Pagination: typeof PaginationAntd;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { PopconfirmProps as AntdPopconfirmProps } from 'antd';
|
3
|
+
export interface PopconfirmProps extends AntdPopconfirmProps {
|
4
|
+
children?: ReactNode;
|
5
|
+
}
|
6
|
+
export declare const Popconfirm: ({ children, ...rest }: PopconfirmProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { PopoverProps as PopoverPropsAntd } from 'antd';
|
2
|
+
type BaseProps = {
|
3
|
+
containerClassName?: string;
|
4
|
+
popoverClassName?: string;
|
5
|
+
};
|
6
|
+
export type PopoverProps = PopoverPropsAntd;
|
7
|
+
export type PopoverPropsUnion = BaseProps & PopoverProps;
|
8
|
+
export declare const Popover: (props: PopoverPropsUnion) => import("react/jsx-runtime").JSX.Element;
|
9
|
+
export {};
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { ResultProps as AntdResultProps } from 'antd';
|
2
|
+
import { ReactNode } from 'react';
|
3
|
+
export interface ResultProps extends AntdResultProps {
|
4
|
+
children?: ReactNode | string;
|
5
|
+
}
|
6
|
+
export declare const Result: ({ children, ...rest }: ResultProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { default as React, FormEventHandler } from 'react';
|
2
|
+
import { Control, DefaultValues, FieldValues, UseFormReset, UseFormReturn, UseFormSetValue } from 'react-hook-form';
|
3
|
+
export interface SearchFiltersFormProps<T extends FieldValues> {
|
4
|
+
renderFilterFields?: (options: {
|
5
|
+
control: Control<T, any, T>;
|
6
|
+
setValue?: UseFormSetValue<T>;
|
7
|
+
handleSubmit?: FormEventHandler<any>;
|
8
|
+
reset?: UseFormReset<T>;
|
9
|
+
}) => React.ReactNode;
|
10
|
+
onReset?: () => void;
|
11
|
+
classNamesContainer?: string;
|
12
|
+
classNameWrapperForm?: string;
|
13
|
+
hideDefaultSubmit?: boolean;
|
14
|
+
hideResetButton?: boolean;
|
15
|
+
initialValues?: DefaultValues<T>;
|
16
|
+
onSubmit: (data: T) => void;
|
17
|
+
}
|
18
|
+
export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import { ReactNode, default as React } from 'react';
|
2
|
+
export type MenuType = {
|
3
|
+
name: string;
|
4
|
+
path: string;
|
5
|
+
isShow: boolean;
|
6
|
+
isPrivateRoute?: boolean;
|
7
|
+
layout?: React.LazyExoticComponent<React.MemoExoticComponent<any>> | React.ExoticComponent<any> | typeof React.Component;
|
8
|
+
modules: {
|
9
|
+
name: string;
|
10
|
+
path: string;
|
11
|
+
icon?: ReactNode;
|
12
|
+
component: typeof React.Component | React.FC;
|
13
|
+
subMenu?: Array<{
|
14
|
+
name: string;
|
15
|
+
path: string;
|
16
|
+
icon: ReactNode;
|
17
|
+
component: typeof React.Component | React.FC;
|
18
|
+
children?: Array<{
|
19
|
+
name: string;
|
20
|
+
path: string;
|
21
|
+
icon: ReactNode;
|
22
|
+
component: typeof React.Component | React.FC;
|
23
|
+
}>;
|
24
|
+
}>;
|
25
|
+
}[];
|
26
|
+
};
|
27
|
+
export interface SidebarProps {
|
28
|
+
children?: React.ReactNode;
|
29
|
+
menu: Array<MenuType>;
|
30
|
+
userInfo?: {
|
31
|
+
avatar: string;
|
32
|
+
name: string;
|
33
|
+
email: string;
|
34
|
+
};
|
35
|
+
}
|
36
|
+
export declare const Sidebar: ({ children, menu, userInfo }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { SkeletonProps as AntdSkeletonProps } from 'antd';
|
2
|
+
export interface SkeletonProps extends AntdSkeletonProps {
|
3
|
+
type?: "table" | "form";
|
4
|
+
skeletonButtonCount?: number;
|
5
|
+
}
|
6
|
+
export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { Space as SpaceAntd, SpaceProps as SpacePropsAntd } from 'antd';
|
2
|
+
type BaseProps = {
|
3
|
+
containerClassName?: string;
|
4
|
+
spaceClassName?: string;
|
5
|
+
};
|
6
|
+
export type SpacePropsUnion = BaseProps & SpacePropsAntd;
|
7
|
+
export declare const Space: typeof SpaceAntd;
|
8
|
+
export {};
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { SpinProps as AntdSpinProps } from 'antd';
|
2
|
+
import { ReactNode } from 'react';
|
3
|
+
export interface PnkxSpinProps extends AntdSpinProps {
|
4
|
+
children?: ReactNode;
|
5
|
+
}
|
6
|
+
export declare const Spin: ({ children, ...rest }: PnkxSpinProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { Splitter as SplitterAntd, SplitterProps as SplitterPropsAntd } from 'antd';
|
2
|
+
type BaseProps = {
|
3
|
+
containerClassName?: string;
|
4
|
+
spaceClassName?: string;
|
5
|
+
};
|
6
|
+
export type SplitterPropsUnion = BaseProps & SplitterPropsAntd;
|
7
|
+
export declare const Splitter: typeof SplitterAntd;
|
8
|
+
export {};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { Steps as AntdSteps, StepsProps as AntdStepsProps, StepProps as AntdStepProps } from 'antd';
|
2
|
+
type BaseProps = {
|
3
|
+
containerClassName?: string;
|
4
|
+
stepsClassName?: string;
|
5
|
+
};
|
6
|
+
export type StepProps = AntdStepProps;
|
7
|
+
export interface StepsProps extends AntdStepsProps {
|
8
|
+
items?: StepProps[];
|
9
|
+
}
|
10
|
+
export type StepsPropsUnion = BaseProps & StepsProps;
|
11
|
+
export declare const Steps: typeof AntdSteps;
|
12
|
+
export {};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { default as React } from 'react';
|
2
|
+
import { TypeActionRowTable } from '../../../../../../../../../../../../src/constants/table';
|
3
|
+
export interface ActionRowTableProps {
|
4
|
+
type: TypeActionRowTable;
|
5
|
+
handleClick?: () => void;
|
6
|
+
contentTooltip?: React.ReactNode;
|
7
|
+
content?: React.ReactNode;
|
8
|
+
diabled?: boolean;
|
9
|
+
}
|
10
|
+
export declare const ActionRowTable: ({ type, contentTooltip, handleClick, }: ActionRowTableProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { InitialFiltersSearch } from '@pnkx-lib/core';
|
2
|
+
import { TFilters, TypeStatusTable } from '../../../../../../../../../../../../../src/components/ui';
|
3
|
+
export interface GroupHeadingButtonItem {
|
4
|
+
label: string;
|
5
|
+
quantity: number;
|
6
|
+
isStatus: TypeStatusTable;
|
7
|
+
}
|
8
|
+
export interface GroupHeadingButtonProps {
|
9
|
+
groupHeadingButtonItems?: GroupHeadingButtonItem[];
|
10
|
+
setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
|
11
|
+
filters: InitialFiltersSearch<TFilters>;
|
12
|
+
}
|
13
|
+
export declare const GroupHeadingButton: (props: GroupHeadingButtonProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { GroupHeadingButtonItem } from './components/GroupHeadingButton';
|
2
|
+
import { ReactNode } from 'react';
|
3
|
+
import { InitialFiltersSearch } from '@pnkx-lib/core';
|
4
|
+
import { MenuType, TFilters } from '../..';
|
5
|
+
export interface IHeadingCatgoryProps {
|
6
|
+
setOpenStting: (value: boolean) => void;
|
7
|
+
showSetting?: boolean;
|
8
|
+
renderHeadingSearch?: () => ReactNode;
|
9
|
+
rightHeadingContent?: ReactNode;
|
10
|
+
menu: Array<MenuType>;
|
11
|
+
groupHeadingButtonItems?: GroupHeadingButtonItem[];
|
12
|
+
setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
|
13
|
+
filters: InitialFiltersSearch<TFilters>;
|
14
|
+
noBreadcum?: boolean;
|
15
|
+
}
|
16
|
+
export declare const HeadingTable: (props: IHeadingCatgoryProps) => import("react/jsx-runtime").JSX.Element;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
import { TableColumnsType } from '..';
|
3
|
+
export interface SettingTableProps<T> {
|
4
|
+
open: boolean;
|
5
|
+
setOpen: (open: boolean) => void;
|
6
|
+
title?: ReactNode;
|
7
|
+
showSetting?: boolean;
|
8
|
+
defaultSettingColumnItems: TableColumnsType<T>;
|
9
|
+
setDefaultSettingColumnItems?: (newColumns: TableColumnsType<T>) => void;
|
10
|
+
}
|
11
|
+
export declare const SettingTable: <T>(props: SettingTableProps<T>) => import("react/jsx-runtime").JSX.Element;
|