@pnkx-lib/ui 1.9.36 → 1.9.38

package/types/ui.d.ts

@@ -17,8 +17,8 @@ import { ColProps as ColProps_2 } from 'antd';
 import { ColSize } from 'antd/es/grid';
 import { Component } from 'react';
 import { Control } from 'react-hook-form';
-import { default as default_2 } from 'antd/es/anchor/AnchorLink';
-import { default as default_3 } from 'react';
+import { default as default_2 } from 'react';
+import { default as default_3 } from 'antd/es/anchor/AnchorLink';
 import { DefaultOptionType } from 'antd/es/cascader';
 import { DefaultValues } from 'react-hook-form';
 import { DividerProps as DividerProps_2 } from 'antd';
@@ -34,7 +34,8 @@ import { FlexProps as FlexProps_2 } from 'antd';
 import { FormEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { ImageProps } from 'antd';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { InitialFiltersSearch } from '../../../../../../../../../../../src/components/hooks';
+import { JSX } from 'react/jsx-runtime';
 import { MenuDividerProps } from 'antd/es/menu';
 import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
 import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
@@ -76,32 +77,43 @@ import { TitleProps } from 'antd/es/typography/Title';
 import { TooltipProps as TooltipProps_2 } from 'antd';
 import { TourProps as TourProps_2 } from 'antd';
 import { TreeProps as TreeProps_2 } from 'antd';
+import { TypeActionRowTable as TypeActionRowTable_2 } from '../../../../../../../../../../../../src/constants/table';
 import { UseFormReset } from 'react-hook-form';
 import { UseFormReturn } from 'react-hook-form';
 import { UseFormSetValue } from 'react-hook-form';
 import { WatermarkProps } from 'antd';
 
+export declare const ActionRowTable: ({ type, contentTooltip, handleClick, }: ActionRowTableProps) => JSX.Element;
+
+export declare interface ActionRowTableProps {
+    type: TypeActionRowTable_2;
+    handleClick?: () => void;
+    contentTooltip?: default_2.ReactNode;
+    content?: default_2.ReactNode;
+    diabled?: boolean;
+}
+
 export declare const Alert: React.FC<AlertProps>;
 
 export declare type AlertProps = AlertProps_2;
 
 export declare const Anchor: typeof Anchor_2 & {
-    Link: typeof default_2;
+    Link: typeof default_3;
 };
 
 export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
 
-export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX_2.Element;
+export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
 
 export declare interface AppfixProps extends AffixProps {
-    children: default_3.ReactNode;
+    children: default_2.ReactNode;
 }
 
 export declare const AutoComplete: React.FC<AutoCompleteProps>;
 
 export declare type AutoCompleteProps = AutoCompleteProps_2;
 
-export declare const Badge: ({ type, children, customColor, ...rest }: BadgeProps) => JSX_2.Element;
+export declare const Badge: ({ type, children, customColor, ...rest }: BadgeProps) => JSX.Element;
 
 export declare interface BadgeProps extends BadgeProps_2 {
     type?: "error" | "info" | "success" | "warning";
@@ -171,7 +183,7 @@ declare type BaseProps_9 = {
     spaceClassName?: string;
 };
 
-export declare const Breadcrumb: (props: BreadcrumbPropsUnion) => JSX_2.Element;
+export declare const Breadcrumb: (props: BreadcrumbPropsUnion) => JSX.Element;
 
 export declare interface BreadcrumbItemType extends BreadcrumbItemType_2 {
     children?: Omit<BreadcrumbItemType, "children">[];
@@ -183,7 +195,7 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
-export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX_2.Element;
+export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX.Element;
 
 export declare interface BulkActionProps {
     quantity: number;
@@ -199,15 +211,21 @@ export declare interface BulkActionProps {
     status?: number;
 }
 
-export declare const Button: default_3.FC<ButtonProps>;
+export declare const Button: default_2.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
 
-export declare const CascaderField: (props: CascaderFieldProps) => JSX_2.Element;
+export declare const CascaderField: (props: CascaderFieldProps) => JSX.Element;
 
 export declare type CascaderFieldProps = BaseProps & (SingleCascaderProps | MultipleCascaderProps);
 
-export declare const Col: (props: ColPropsUnion) => JSX_2.Element;
+export declare const CategoryStatus: ({ status }: CategoryStatusProps) => JSX.Element;
+
+export declare interface CategoryStatusProps {
+    status: number;
+}
+
+export declare const Col: (props: ColPropsUnion) => JSX.Element;
 
 export declare interface ColProps extends ColProps_2, Partial<Record<Breakpoint, ColSpanType | ColSize>> {
 }
@@ -225,7 +243,7 @@ declare type CompoundedMenu = FC<MenuComponentProps> & {
     ItemGroup: typeof ItemGroup;
 };
 
-export declare const ConfirmModal: ({ title, content, typeIcon, titleCancelBtn, titleSubmitBtn, handleCancel, handleSubmit, ...restProps }: ConfirmModalProps) => JSX_2.Element;
+export declare const ConfirmModal: ({ title, content, typeIcon, titleCancelBtn, titleSubmitBtn, handleCancel, handleSubmit, ...restProps }: ConfirmModalProps) => JSX.Element;
 
 export declare interface ConfirmModalProps extends ModalProps {
     title: string;
@@ -239,15 +257,15 @@ export declare interface ConfirmModalProps extends ModalProps {
 
 export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
 
-export declare const Container: default_3.FC<ContainerProps>;
+export declare const Container: default_2.FC<ContainerProps>;
 
 export declare interface ContainerProps {
-    children: default_3.ReactNode;
+    children: default_2.ReactNode;
     size?: TailwindMaxWidth;
     className?: string;
 }
 
-export declare const Divider: ({ children, ...rest }: DividerProps) => JSX_2.Element;
+export declare const Divider: ({ children, ...rest }: DividerProps) => JSX.Element;
 
 declare const Divider_2: FC<MenuDividerProps>;
 
@@ -255,14 +273,14 @@ export declare interface DividerProps extends DividerProps_2 {
     children?: ReactNode | string;
 }
 
-export declare const Drawer: ({ onSubmit, children, ...rest }: DrawerProps) => JSX_2.Element;
+export declare const Drawer: ({ onSubmit, children, ...rest }: DrawerProps) => JSX.Element;
 
 export declare interface DrawerProps extends DrawerProps_2 {
     children?: ReactNode;
     onSubmit?: (values: any) => void;
 }
 
-export declare const Dropdown: (props: DropdownPropsUnion) => JSX_2.Element;
+export declare const Dropdown: (props: DropdownPropsUnion) => JSX.Element;
 
 export declare type DropdownButtonProps = DropdownButtonProps_2;
 
@@ -283,7 +301,7 @@ declare class ErrorBoundaryClass extends Component<ErrorBoundaryProps, ErrorBoun
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     handleReload: () => void;
-    render(): default_3.ReactNode;
+    render(): default_2.ReactNode;
 }
 
 export declare interface ErrorBoundaryProps {
@@ -296,7 +314,7 @@ export declare interface ErrorBoundaryState {
     errorInfo: ErrorInfo | null;
 }
 
-export declare const ErrorMessage: default_3.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX_2.Element | null>;
+export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
 
 export declare interface ErrorMessageProps {
     errorMessage?: string;
@@ -309,13 +327,19 @@ declare type ExtraProps = {
     menuClassName?: string;
 };
 
-export declare const Flex: (props: FlexPropsUnion) => JSX_2.Element;
+export declare const Flex: (props: FlexPropsUnion) => JSX.Element;
 
 export declare type FlexProps = FlexProps_2;
 
 export declare type FlexPropsUnion = BaseProps_7 & FlexProps;
 
-export declare const Heading: (props: HeadingProps) => JSX_2.Element;
+declare interface GroupHeadingButtonItem {
+    label: string;
+    value: number;
+    keyActive: number;
+}
+
+export declare const Heading: (props: HeadingProps) => JSX.Element;
 
 export declare interface HeadingProps {
     rightContent?: ReactNode;
@@ -334,19 +358,26 @@ declare const ItemGroup: ForwardRefExoticComponent<Omit<MenuItemGroupProps, "ref
 
 export declare type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
 
-export declare const Label: ({ label, required }: LabelProps) => JSX_2.Element;
+declare type IValueSearch = {
+    keyword: string | undefined;
+    attributeType: string | null | undefined;
+    PageIndex: number;
+    PageSize: number;
+};
+
+export declare const Label: ({ label, required }: LabelProps) => JSX.Element;
 
 export declare interface LabelProps {
     label: string;
     required?: boolean;
 }
 
-export declare const Layout: default_3.FC<LayoutProps> & {
-    Header: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
-    Footer: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
-    Content: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
-    Sider: default_3.ForwardRefExoticComponent<SiderProps & default_3.RefAttributes<HTMLDivElement>>;
-    _InternalSiderContext: default_3.Context<SiderContextProps>;
+export declare const Layout: default_2.FC<LayoutProps> & {
+    Header: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
+    Footer: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
+    Content: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
+    Sider: default_2.ForwardRefExoticComponent<SiderProps & default_2.RefAttributes<HTMLDivElement>>;
+    _InternalSiderContext: default_2.Context<SiderContextProps>;
 };
 
 export declare type LayoutProps = BaseProps_8 & BasicProps;
@@ -361,17 +392,20 @@ export declare type MenuItemProps = MenuItemProps_2;
 
 export declare type MenuProps = MenuProps_2;
 
-export declare const Modal: ({ children, onOk, onSubmit, ...rest }: ModalProps) => JSX_2.Element;
+export declare const Modal: ({ children, ...rest }: ModalProps) => JSX.Element;
 
 export declare interface ModalProps extends ModalProps_2 {
     children?: ReactNode;
-    onSubmit?: () => void;
 }
 
 declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, true> & {
     multiple: true;
 };
 
+export declare const PAGE_INDEX = "PageIndex";
+
+export declare const PAGE_SIZE = "PageSize";
+
 export declare const Pagination: typeof Pagination_2;
 
 export declare type PaginationConfig = Omit<PaginationProps, "rootClassName"> & {
@@ -394,13 +428,13 @@ export declare interface PnkxSpinProps extends SpinProps {
     children?: ReactNode;
 }
 
-export declare const Popconfirm: ({ children, ...rest }: PopconfirmProps) => JSX_2.Element;
+export declare const Popconfirm: ({ children, ...rest }: PopconfirmProps) => JSX.Element;
 
 export declare interface PopconfirmProps extends PopconfirmProps_2 {
     children?: ReactNode;
 }
 
-export declare const Popover: (props: PopoverPropsUnion) => JSX_2.Element;
+export declare const Popover: (props: PopoverPropsUnion) => JSX.Element;
 
 export declare type PopoverProps = PopoverProps_2;
 
@@ -412,13 +446,13 @@ export declare type QRCodeProps = QRCodeProps_2;
 
 export declare const Rate: React.FC<RateProps>;
 
-export declare const Result: ({ children, ...rest }: ResultProps) => JSX_2.Element;
+export declare const Result: ({ children, ...rest }: ResultProps) => JSX.Element;
 
 export declare interface ResultProps extends ResultProps_2 {
     children?: ReactNode | string;
 }
 
-export declare const Row: (props: RowPropsUnion) => JSX_2.Element;
+export declare const Row: (props: RowPropsUnion) => JSX.Element;
 
 declare interface RowCommon {
     [x: string]: any;
@@ -426,7 +460,7 @@ declare interface RowCommon {
 
 export declare type RowPropsUnion = BaseProps_4 & RowProps;
 
-export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => JSX_2.Element;
+export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => JSX.Element;
 
 export declare interface SearchFiltersFormProps<T extends FieldValues> {
     renderFilterFields?: (options: {
@@ -434,7 +468,7 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
         setValue?: UseFormSetValue<T>;
         handleSubmit?: FormEventHandler<any>;
         reset?: UseFormReset<T>;
-    }) => default_3.ReactNode;
+    }) => default_2.ReactNode;
     onReset?: () => void;
     classNamesContainer?: string;
     classNameWrapperForm?: string;
@@ -448,7 +482,7 @@ export declare const Segmented: React.FC<SegmentedProps>;
 
 export declare type SegmentedProps = SegmentedProps_2;
 
-export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX_2.Element;
+export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX.Element;
 
 export declare interface SidebarProps {
     children?: React.ReactNode;
@@ -469,23 +503,31 @@ declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
     multiple?: false;
 };
 
-export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX_2.Element;
+export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX.Element;
 
 export declare interface SkeletonProps extends SkeletonProps_2 {
     type?: "table" | "form";
     skeletonButtonCount?: number;
 }
 
+export declare const SORT_BY = "SortBy";
+
+export declare const SORT_DESC = "SortDesc";
+
 export declare const Space: typeof Space_2;
 
 export declare type SpacePropsUnion = BaseProps_9 & SpaceProps;
 
-export declare const Spin: ({ children, ...rest }: PnkxSpinProps) => JSX_2.Element;
+export declare const Spin: ({ children, ...rest }: PnkxSpinProps) => JSX.Element;
 
 export declare const Splitter: typeof Splitter_2;
 
 export declare type SplitterPropsUnion = BaseProps_10 & SplitterProps;
 
+export declare const START_PAGE = 1;
+
+export declare const START_PAGE_SIZE = 10;
+
 export declare const Statistic: React.FC<StatisticProps>;
 
 export declare type StatisticProps = StatisticProps_2;
@@ -506,12 +548,12 @@ export declare type SubMenuProps = SubMenuProps_2;
 
 declare type TabItem = {
     key: string;
-    label: default_3.ReactNode;
-    children: default_3.ReactNode;
+    label: default_2.ReactNode;
+    children: default_2.ReactNode;
     disabled?: boolean;
 };
 
-export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, ...rest }: TableCommonProps<T>) => JSX_2.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, resetToInitialFilters, handleSearch, groupHeadingButtonItems, tagSearchItems, setTagSearchItems, setKeyActive, keyActive, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -528,8 +570,8 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onChangePage: (page: number) => void;
     onChangePageSize: (size: number) => void;
     onSort?: (sortField: string | number | symbol) => void;
-    rowsSelected?: default_3.Key[];
-    onSelect: (newSelectedRowKeys: default_3.Key[]) => void;
+    rowsSelected?: default_2.Key[];
+    onSelect: (newSelectedRowKeys: default_2.Key[]) => void;
     onRowClick?: (record: T) => void;
     rowKey?: string | ((record: T) => string);
     className?: string;
@@ -538,9 +580,16 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     titleSettingTableModal?: string;
     showSetting?: boolean;
     setColumns?: (newColumns: TableColumnsType<T>) => void;
+    resetToInitialFilters: () => void;
+    handleSearch: (nextFilters: InitialFiltersSearch<IValueSearch>) => void;
+    groupHeadingButtonItems: GroupHeadingButtonItem[];
+    tagSearchItems?: string[];
+    setTagSearchItems?: (value: string[]) => void;
+    setKeyActive: (value: string | number) => void;
+    keyActive: string | number;
 }
 
-export declare const Tabs: default_3.FC<TabsProps>;
+export declare const Tabs: default_2.FC<TabsProps>;
 
 export declare type TabsProps = TabsProps_2 & {
     items: TabItem[];
@@ -559,7 +608,9 @@ export declare const Timeline: React.FC<TimelineProps>;
 
 export declare type TimelineProps = TimelineProps_2;
 
-export declare const Tooltip: default_3.FC<TooltipProps>;
+export declare const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
+
+export declare const Tooltip: default_2.FC<TooltipProps>;
 
 export declare type TooltipProps = TooltipProps_2;
 
@@ -571,14 +622,28 @@ export declare const Tree: React.FC<TreeProps>;
 
 export declare type TreeProps = TreeProps_2;
 
+export declare enum TypeActionRowTable {
+    DELETE = "DELETE",
+    EDIT = "EDIT",
+    UNDO = "UNDO",
+    CANCELUNDO = "CANCELUNDO",
+    CHECKIN = "CHECKIN",
+    PRINT = "PRINT",
+    PAYMENT = "PAYMENT",
+    PLAY = "PLAY",
+    PAUSE = "PAUSE",
+    DOWNLOAD = "DOWNLOAD",
+    VIEW = "VIEW"
+}
+
 export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
 
 export declare const Typography: {
-    Title: (props: TitleProps) => JSX_2.Element;
-    Paragraph: (props: ParagraphProps) => JSX_2.Element;
-    Text: (props: TextProps) => JSX_2.Element;
+    Title: (props: TitleProps) => JSX.Element;
+    Paragraph: (props: ParagraphProps) => JSX.Element;
+    Text: (props: TextProps) => JSX.Element;
 };
 
-export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX_2.Element;
+export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX.Element;
 
 export { }