@pnkx-lib/ui 1.9.205 → 1.9.207

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.205",
+  "version": "1.9.207",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -122,7 +122,8 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router": "^7.6.0",
-    "tailwindcss": "^4.0.17"
+    "tailwindcss": "^4.0.17",
+    "@pnkx-lib/core": "^1.1.66"
   },
   "dependencies": {
     "@ant-design/icons": "^5.6.1",
@@ -134,7 +135,6 @@
     "@headlessui/react": "^2.2.2",
     "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^5.0.1",
-    "@pnkx-lib/core": "^1.1.66",
     "@pnkx-lib/icon": "^0.0.35",
     "@tailwindcss/cli": "^4.1.6",
     "@tanstack/react-query": "^5.80.7",

package/types/Alert.d.ts

@@ -0,0 +1,7 @@
+import { AlertProps as AlertProps_2 } from 'antd';
+
+export declare const Alert: React.FC<AlertProps>;
+
+export declare type AlertProps = AlertProps_2;
+
+export { }

package/types/Anchor.d.ts

@@ -0,0 +1,13 @@
+import { AnchorProps } from 'antd';
+import { FC } from 'react';
+
+export declare const Anchor: FC<AnchorPropsUnion>;
+
+export declare type AnchorPropsUnion = BaseProps & AnchorProps;
+
+declare type BaseProps = {
+    containerClassName?: string;
+    anchorClassName?: string;
+};
+
+export { }

package/types/Appfix.d.ts

@@ -0,0 +1,11 @@
+import { AffixProps } from 'antd';
+import { default as default_2 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
+
+export declare interface AppfixProps extends AffixProps {
+    children: default_2.ReactNode;
+}
+
+export { }

package/types/AutoComplete.d.ts

@@ -0,0 +1,7 @@
+import { AutoCompleteProps as AutoCompleteProps_2 } from 'antd';
+
+export declare const AutoComplete: React.FC<AutoCompleteProps>;
+
+export declare type AutoCompleteProps = AutoCompleteProps_2;
+
+export { }

package/types/{components/ui/Badge.d.ts → Badge.d.ts}

@@ -1,8 +1,14 @@
-import { BadgeProps as AntdBadgeProps } from 'antd';
-export interface BadgeProps extends AntdBadgeProps {
-    type?: "error" | "info" | "success" | "warning";
-    children?: React.ReactNode;
-    customColor?: string;
-}
-export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
-export declare const Badge: ({ type, children, customColor, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+import { BadgeProps as BadgeProps_2 } from 'antd';
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Badge: ({ type, children, customColor, ...rest }: BadgeProps) => JSX.Element;
+
+export declare interface BadgeProps extends BadgeProps_2 {
+    type?: "error" | "info" | "success" | "warning";
+    children?: React.ReactNode;
+    customColor?: string;
+}
+
+export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
+
+export { }

package/types/{components/ui/BottomPagination.d.ts → BottomPagination.d.ts}

@@ -1,8 +1,12 @@
-interface PaginationProps {
-    total: number;
-    pageSize: number;
-    current: number;
-    onChange?: (page: number, pageSize: number) => void;
-}
-export declare const BottomPagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { JSX } from 'react/jsx-runtime';
+
+export declare const BottomPagination: (props: PaginationProps) => JSX.Element;
+
+declare interface PaginationProps {
+    total: number;
+    pageSize: number;
+    current: number;
+    onChange?: (page: number, pageSize: number) => void;
+}
+
+export { }

package/types/Breadcrumb.d.ts

@@ -0,0 +1,27 @@
+import { BreadcrumbItemType as BreadcrumbItemType_2 } from 'antd/es/breadcrumb/Breadcrumb';
+import { BreadcrumbProps as BreadcrumbProps_2 } from 'antd';
+import { BreadcrumbSeparatorType as BreadcrumbSeparatorType_2 } from 'antd/es/breadcrumb/Breadcrumb';
+import { JSX } from 'react/jsx-runtime';
+
+declare type BaseProps = {
+    containerClassName?: string;
+    breadcrumbClassName?: string;
+};
+
+export declare const Breadcrumb: (props: BreadcrumbPropsUnion) => JSX.Element;
+
+export declare interface BreadcrumbItemType extends BreadcrumbItemType_2 {
+    children?: Omit<BreadcrumbItemType, "children">[];
+}
+
+export declare type BreadcrumbProps = BreadcrumbProps_2;
+
+export declare type BreadcrumbPropsUnion = BaseProps & BreadcrumbProps;
+
+export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
+
+export declare type InternalRouteType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
+
+export declare type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
+
+export { }

package/types/BreadcrumbHeading.d.ts

@@ -0,0 +1,26 @@
+import { default as default_2 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare const BreadcrumbHeading: (props: BreadcrumbHeadingProps) => JSX.Element;
+
+export declare interface BreadcrumbHeadingProps {
+    menu: Array<MenuType>;
+    customBreadcum?: Array<{
+        title: React.ReactNode;
+    }>;
+}
+
+declare type MenuType = {
+    name: string;
+    path: string;
+    isShow?: boolean;
+    isPrivateRoute?: boolean;
+    icon?: ReactNode;
+    isShowLabel?: boolean;
+    component?: default_2.LazyExoticComponent<default_2.MemoExoticComponent<any>> | default_2.ExoticComponent<any> | ReactNode | default_2.FC;
+    componentProps?: Record<string, any>;
+    children?: MenuType[];
+};
+
+export { }

package/types/Button.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps as ButtonProps_2 } from 'antd';
+import { default as default_2 } from 'react';
+
+export declare const Button: default_2.FC<ButtonProps>;
+
+export declare type ButtonProps = ButtonProps_2;
+
+export { }

package/types/Card.d.ts

@@ -0,0 +1,7 @@
+import { CardProps as CardProps_2 } from 'antd';
+
+export declare const Card: React.FC<CardProps>;
+
+export declare type CardProps = CardProps_2;
+
+export { }

package/types/Cascader.d.ts

@@ -0,0 +1,22 @@
+import { CascaderProps } from 'antd/es/cascader';
+import { DefaultOptionType } from 'antd/es/cascader';
+import { JSX } from 'react/jsx-runtime';
+
+declare type BaseProps = {
+    customStyleContainer?: string;
+    customStyleCascader?: string;
+};
+
+export declare const CascaderField: (props: CascaderFieldProps) => JSX.Element;
+
+export declare type CascaderFieldProps = BaseProps & (SingleCascaderProps | MultipleCascaderProps);
+
+declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, true> & {
+    multiple: true;
+};
+
+declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
+    multiple?: false;
+};
+
+export { }

package/types/CascaderField.d.ts

@@ -0,0 +1,20 @@
+import { CascaderProps } from 'antd';
+import { ControllerRenderProps } from 'react-hook-form';
+import { JSX } from 'react/jsx-runtime';
+import { UseFormSetValue } from 'react-hook-form';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const Cascader: (props: CascaderFieldProps) => JSX.Element;
+
+declare interface CascaderFieldProps extends CascaderProps {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    setValue?: UseFormSetValue<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (value: any) => void;
+    classNameContainer?: string;
+    classNameCascader?: string;
+}
+
+export { }

package/types/{components/ui/CategoryStatus.d.ts → CategoryStatus.d.ts}

@@ -1,20 +1,27 @@
-export declare enum CATEGORY_LIST_ENUM {
-    DRAFT = 0,// tạo mới
-    WATING_APPROVAL = 1,// đang chờ duyệt
-    ACTIVE = 2,// hoạt động
-    INACTIVE = 3,// dừng hoạt động
-    REJECT = 4,// từ chối duyệt
-    DELETE = 5
-}
-type BadgeConfig = {
-    [key: number]: {
-        color: string;
-        text: string;
-    };
-};
-export declare const badgeStatusCategoryConfig: BadgeConfig;
-export interface CategoryStatusProps {
-    status: number;
-}
-export declare const CategoryStatus: ({ status }: CategoryStatusProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { JSX } from 'react/jsx-runtime';
+
+declare type BadgeConfig = {
+    [key: number]: {
+        color: string;
+        text: string;
+    };
+};
+
+export declare const badgeStatusCategoryConfig: BadgeConfig;
+
+export declare enum CATEGORY_LIST_ENUM {
+    DRAFT = 0,// tạo mới
+    WATING_APPROVAL = 1,// đang chờ duyệt
+    ACTIVE = 2,// hoạt động
+    INACTIVE = 3,// dừng hoạt động
+    REJECT = 4,// từ chối duyệt
+    DELETE = 5
+}
+
+export declare const CategoryStatus: ({ status }: CategoryStatusProps) => JSX.Element;
+
+export declare interface CategoryStatusProps {
+    status: number;
+}
+
+export { }

package/types/Checkbox.d.ts

@@ -0,0 +1,18 @@
+import { CheckboxProps as CheckboxProps_2 } from 'antd';
+import { ControllerRenderProps } from 'react-hook-form';
+import { JSX } from 'react/jsx-runtime';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const Checkbox: (props: CheckboxProps) => JSX.Element;
+
+export declare interface CheckboxProps extends Omit<CheckboxProps_2, "onChange" | "checked"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (checked: boolean) => void;
+    customStyleContainer?: string;
+    customStyleCheckbox?: string;
+}
+
+export { }

package/types/Col.d.ts

@@ -0,0 +1,19 @@
+import { Breakpoint } from 'antd';
+import { ColProps as ColProps_2 } from 'antd';
+import { ColSize } from 'antd/es/grid';
+import { JSX } from 'react/jsx-runtime';
+
+declare type BaseProps = {
+    colClassName?: string;
+};
+
+export declare const Col: (props: ColPropsUnion) => JSX.Element;
+
+export declare interface ColProps extends ColProps_2, Partial<Record<Breakpoint, ColSpanType | ColSize>> {
+}
+
+export declare type ColPropsUnion = BaseProps & ColProps;
+
+export declare type ColSpanType = number | string;
+
+export { }

package/types/Collapse.d.ts

@@ -0,0 +1,7 @@
+import { CollapseProps as CollapseProps_2 } from 'antd';
+
+export declare const Collapse: React.FC<CollapseProps>;
+
+export declare type CollapseProps = CollapseProps_2;
+
+export { }

package/types/ColorPicker.d.ts

@@ -0,0 +1,7 @@
+import { ColorPickerProps as ColorPickerProps_2 } from 'antd';
+
+export declare const ColorPicker: React.FC<ColorPickerProps>;
+
+export declare type ColorPickerProps = ColorPickerProps_2;
+
+export { }

package/types/ConfigProvider.d.ts

@@ -0,0 +1,8 @@
+import { ConfigProviderProps as ConfigProviderProps_2 } from 'antd';
+import { default as default_2 } from 'react';
+
+export declare const ConfigProvider: default_2.FC<ConfigProviderProps>;
+
+export declare type ConfigProviderProps = ConfigProviderProps_2;
+
+export { }

package/types/ConfirmModal.d.ts

@@ -0,0 +1,23 @@
+import { JSX } from 'react/jsx-runtime';
+import { ModalProps as ModalProps_2 } from 'antd';
+import { ReactNode } from 'react';
+
+export declare const ConfirmModal: ({ title, content, typeIcon, titleCancelBtn, titleSubmitBtn, handleCancel, handleSubmit, ...restProps }: ConfirmModalProps) => JSX.Element;
+
+export declare interface ConfirmModalProps extends ModalProps {
+    title: string;
+    content: string;
+    titleCancelBtn?: string;
+    titleSubmitBtn?: string;
+    typeIcon: ConfirmModalType;
+    handleCancel?: () => void;
+    handleSubmit?: () => void;
+}
+
+export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
+
+declare interface ModalProps extends ModalProps_2 {
+    children?: ReactNode;
+}
+
+export { }

package/types/Container.d.ts

@@ -0,0 +1,13 @@
+import { default as default_2 } from 'react';
+
+export declare const Container: default_2.FC<ContainerProps>;
+
+export declare interface ContainerProps {
+    children: default_2.ReactNode;
+    size?: TailwindMaxWidth;
+    className?: string;
+}
+
+export declare 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";
+
+export { }

package/types/DatePicker.d.ts

@@ -0,0 +1,29 @@
+import { ControllerRenderProps } from 'react-hook-form';
+import { default as default_2 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactDatePickerProps } from 'react-datepicker';
+import { UseFormSetValue } from 'react-hook-form';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const DatePicker: (props: DatePickerProps) => JSX.Element;
+
+export declare interface DatePickerProps extends Omit<ReactDatePickerProps, "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    setValue?: UseFormSetValue<any>;
+    classNameDatepicker?: string;
+    disabledInputChange?: boolean;
+    required?: boolean;
+    dateFormat?: string | string[];
+    placeholder?: string;
+    label?: string;
+    maxDate?: Date;
+    showTimeSelect?: boolean;
+    customOnChange?: (date: any, event: default_2.SyntheticEvent<any>) => void;
+    customValue?: Date | null;
+    size?: TSize;
+}
+
+export declare type TSize = "small" | "medium" | "large";
+
+export { }

package/types/{components/fields/DateRangePicker.d.ts → DateRangePicker.d.ts}

@@ -1,13 +1,19 @@
-import { RangePickerProps } from 'antd/es/date-picker';
-import { Dayjs } from 'dayjs';
-import { ControllerRenderProps, UseFormStateReturn } from 'react-hook-form';
-export interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
-    field?: ControllerRenderProps<any, any>;
-    formState?: UseFormStateReturn<any>;
-    label?: string;
-    required?: boolean;
-    afterOnChange?: (dates: [Dayjs | null, Dayjs | null] | null, dateStrings: [string, string]) => void;
-    customStyleContainer?: string;
-    customStyleDatePicker?: string;
-}
-export declare const RangePicker: (props: RangePickerFieldProps) => import("react/jsx-runtime").JSX.Element;
+import { ControllerRenderProps } from 'react-hook-form';
+import { Dayjs } from 'dayjs';
+import { JSX } from 'react/jsx-runtime';
+import { RangePickerProps } from 'antd/es/date-picker';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const RangePicker: (props: RangePickerFieldProps) => JSX.Element;
+
+export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (dates: [Dayjs | null, Dayjs | null] | null, dateStrings: [string, string]) => void;
+    customStyleContainer?: string;
+    customStyleDatePicker?: string;
+}
+
+export { }

package/types/Divider.d.ts

@@ -0,0 +1,11 @@
+import { DividerProps as DividerProps_2 } from 'antd';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare const Divider: ({ children, ...rest }: DividerProps) => JSX.Element;
+
+export declare interface DividerProps extends DividerProps_2 {
+    children?: ReactNode | string;
+}
+
+export { }

package/types/Drawer.d.ts

@@ -0,0 +1,12 @@
+import { DrawerProps as DrawerProps_2 } from 'antd';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare const Drawer: ({ onSubmit, children, ...rest }: DrawerProps) => JSX.Element;
+
+export declare interface DrawerProps extends DrawerProps_2 {
+    children?: ReactNode;
+    onSubmit?: (values: any) => void;
+}
+
+export { }

package/types/Dropdown.d.ts

@@ -0,0 +1,21 @@
+import { DropdownButtonProps as DropdownButtonProps_2 } from 'antd/es/dropdown';
+import { DropdownButtonType as DropdownButtonType_2 } from 'antd/es/dropdown';
+import { DropdownProps as DropdownProps_2 } from 'antd';
+import { JSX } from 'react/jsx-runtime';
+
+declare type BaseProps = {
+    containerClassName?: string;
+    dropdownClassName?: string;
+};
+
+export declare const Dropdown: (props: DropdownPropsUnion) => JSX.Element;
+
+export declare type DropdownButtonProps = DropdownButtonProps_2;
+
+export declare type DropdownButtonType = DropdownButtonType_2;
+
+export declare type DropdownProps = DropdownProps_2;
+
+export declare type DropdownPropsUnion = BaseProps & DropdownProps;
+
+export { }

package/types/Empty.d.ts

@@ -0,0 +1,7 @@
+import { EmptyProps as EmptyProps_2 } from 'antd';
+
+export declare const Empty: React.FC<EmptyProps>;
+
+export declare type EmptyProps = EmptyProps_2;
+
+export { }

package/types/{components/ui/ErrorBoundary.d.ts → ErrorBoundary.d.ts}

@@ -1,18 +1,26 @@
-import { default as React, Component, ErrorInfo, ReactNode } from 'react';
-export interface ErrorBoundaryProps {
-    children: ReactNode;
-}
-export interface ErrorBoundaryState {
-    hasError: boolean;
-    error: Error | null;
-    errorInfo: ErrorInfo | null;
-}
-declare class ErrorBoundaryClass extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    handleReload: () => void;
-    render(): React.ReactNode;
-}
-export declare const ErrorBoundary: typeof ErrorBoundaryClass;
-export {};
+import { Component } from 'react';
+import { default as default_2 } from 'react';
+import { ErrorInfo } from 'react';
+import { ReactNode } from 'react';
+
+export declare const ErrorBoundary: typeof ErrorBoundaryClass;
+
+declare class ErrorBoundaryClass extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    handleReload: () => void;
+    render(): default_2.ReactNode;
+}
+
+export declare interface ErrorBoundaryProps {
+    children: ReactNode;
+}
+
+export declare interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+    errorInfo: ErrorInfo | null;
+}
+
+export { }

package/types/ErrorMessage.d.ts

@@ -0,0 +1,12 @@
+import { default as default_2 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+
+export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
+
+export declare interface ErrorMessageProps {
+    errorMessage?: string;
+    isTouched?: boolean;
+    isSubmitted?: boolean;
+}
+
+export { }

package/types/Flex.d.ts

@@ -0,0 +1,15 @@
+import { FlexProps as FlexProps_2 } from 'antd';
+import { JSX } from 'react/jsx-runtime';
+
+declare type BaseProps = {
+    containerClassName?: string;
+    flexClassName?: string;
+};
+
+export declare const Flex: (props: FlexPropsUnion) => JSX.Element;
+
+export declare type FlexProps = FlexProps_2;
+
+export declare type FlexPropsUnion = BaseProps & FlexProps;
+
+export { }

package/types/Footer.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react/jsx-runtime';
+
+declare const Footer: () => JSX.Element;
+export default Footer;
+
+export { }

package/types/Heading.d.ts

@@ -0,0 +1,27 @@
+import { default as default_2 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare const Heading: (props: HeadingProps) => JSX.Element;
+
+export declare interface HeadingProps {
+    rightContent?: ReactNode;
+    children?: ReactNode;
+    noBreadcum?: boolean;
+    classNameWrapHeading?: string;
+    menu: Array<MenuType>;
+}
+
+declare type MenuType = {
+    name: string;
+    path: string;
+    isShow?: boolean;
+    isPrivateRoute?: boolean;
+    icon?: ReactNode;
+    isShowLabel?: boolean;
+    component?: default_2.LazyExoticComponent<default_2.MemoExoticComponent<any>> | default_2.ExoticComponent<any> | ReactNode | default_2.FC;
+    componentProps?: Record<string, any>;
+    children?: MenuType[];
+};
+
+export { }

package/types/Image.d.ts

@@ -0,0 +1,6 @@
+import { ImageProps } from 'antd';
+
+declare const Image_2: React.FC<ImageProps>;
+export { Image_2 as Image }
+
+export { }