@pnkx-lib/ui 1.9.204 → 1.9.206

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 { }

package/types/Input.d.ts

@@ -0,0 +1,42 @@
+import { ControllerRenderProps } from 'react-hook-form';
+import { default as default_2 } from 'react';
+import { InputProps as InputProps_2 } from 'antd';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
+import { UseFormStateReturn } from 'react-hook-form';
+
+declare type CustomInputTypeAttribute = default_2.HTMLInputTypeAttribute | "money";
+
+export declare const Input: (props: InputProps) => JSX.Element;
+
+export declare interface InputProps extends InputProps_2 {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    classNameInput?: string;
+    type?: CustomInputTypeAttribute;
+    afterOnChange?: (value: number | string | null) => void;
+    iconStartInput?: default_2.ReactNode;
+    iconEndInput?: default_2.ReactNode;
+    allowNegative?: boolean;
+    decimalScale?: number;
+    prefix?: string;
+    suffix?: string;
+    contentTooltip?: string;
+}
+
+export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" | "afterOnChange" | "value" | "defaultValue" | "iconStartInput" | "iconEndInput"> {
+    onChange?: (event: any) => void;
+    afterOnChange?: (value: string | number) => void;
+    value?: string;
+    name?: string;
+    ref: any;
+    type?: TInputNumberType;
+    prefix?: string;
+    suffix?: string;
+    helperText?: () => JSX_2.Element | null;
+}
+
+declare type TInputNumberType = "number" | "money";
+
+export { }

package/types/Label.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Label: ({ label, required }: LabelProps) => JSX.Element;
+
+export declare interface LabelProps {
+    label: string;
+    required?: boolean;
+}
+
+export { }

package/types/Layout.d.ts

@@ -0,0 +1,20 @@
+import { BasicProps } from 'antd/es/layout/layout';
+import { default as default_2 } from 'react';
+import { SiderContextProps } from 'antd/es/layout/Sider';
+import { SiderProps } from 'antd/es/layout/Sider';
+
+declare type BaseProps = {
+    layoutClassName?: string;
+};
+
+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 & BasicProps;
+
+export { }

package/types/Menu.d.ts

@@ -0,0 +1,40 @@
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { MenuDividerProps } from 'antd/es/menu';
+import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
+import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
+import { MenuProps as MenuProps_2 } from 'antd/es/menu';
+import { RefAttributes } from 'react';
+import { SubMenuProps as SubMenuProps_2 } from 'antd/es/menu';
+
+declare type CompoundedMenu = FC<MenuComponentProps> & {
+    Item: typeof MenuItem;
+    SubMenu: typeof SubMenu;
+    Divider: typeof Divider;
+    ItemGroup: typeof ItemGroup;
+};
+
+declare const Divider: FC<MenuDividerProps>;
+
+declare type ExtraProps = {
+    containerClassName?: string;
+    menuClassName?: string;
+};
+
+declare const ItemGroup: ForwardRefExoticComponent<Omit<MenuItemGroupProps, "ref"> & RefAttributes<HTMLLIElement>>;
+
+export declare const Menu: CompoundedMenu;
+
+export declare type MenuComponentProps = ExtraProps & MenuProps;
+
+declare const MenuItem: FC<MenuItemProps>;
+
+export declare type MenuItemProps = MenuItemProps_2;
+
+export declare type MenuProps = MenuProps_2;
+
+declare const SubMenu: FC<SubMenuProps>;
+
+export declare type SubMenuProps = SubMenuProps_2;
+
+export { }

package/types/Modal.d.ts

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

package/types/PageNotFound.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const PageNotFound: ({ path }: PageNotFoundProps) => JSX.Element;
+
+export declare interface PageNotFoundProps {
+    path?: string;
+}
+
+export { }

package/types/Pagination.d.ts

@@ -0,0 +1,22 @@
+import { Pagination as Pagination_2 } from 'antd';
+import { PaginationLocale } from 'rc-pagination';
+import { PaginationProps as PaginationProps_2 } from 'antd';
+
+declare type BaseProps = {
+    containerClassName?: string;
+    paginationClassName?: string;
+};
+
+export declare const Pagination: typeof Pagination_2;
+
+export declare type PaginationConfig = Omit<PaginationProps, "rootClassName"> & {
+    position?: "top" | "bottom" | "both";
+};
+
+export { PaginationLocale }
+
+export declare type PaginationProps = PaginationProps_2;
+
+export declare type PaginationPropsUnion = BaseProps & PaginationProps;
+
+export { }

package/types/PnkxField.d.ts

@@ -0,0 +1,17 @@
+import { Control } from 'react-hook-form';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare type ComponentPropsType<TComponent> = TComponent extends React_2.ComponentType<infer P> ? P : never;
+
+export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
+    render(): JSX.Element;
+}
+
+export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
+    control: Control<any, any>;
+    name: string;
+    component: TComponent;
+} & Omit<ComponentPropsType<TComponent>, "control" | "name" | "formState" | "field" | "fieldState">;
+
+export { }

package/types/Popconfirm.d.ts

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

package/types/Popover.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'react/jsx-runtime';
+import { PopoverProps as PopoverProps_2 } from 'antd';
+
+declare type BaseProps = {
+    containerClassName?: string;
+    popoverClassName?: string;
+};
+
+export declare const Popover: (props: PopoverPropsUnion) => JSX.Element;
+
+export declare type PopoverProps = PopoverProps_2;
+
+export declare type PopoverPropsUnion = BaseProps & PopoverProps;
+
+export { }

package/types/QRCode.d.ts

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

package/types/Radio.d.ts

@@ -0,0 +1,26 @@
+import { ControllerRenderProps } from 'react-hook-form';
+import { JSX } from 'react/jsx-runtime';
+import { RadioGroupProps } from 'antd';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const RadioGroup: (props: RadioProps) => JSX.Element;
+
+export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    customStyleRadioGroup?: string;
+    customStyleRadio?: string;
+    customStyleWrap?: string;
+    afterOnChange?: (value: any) => void;
+    options: TOptionGRadio[];
+    position?: TPositionRadio;
+}
+
+declare type TOptionGRadio = {
+    label: string;
+    value: string | number;
+};
+
+declare type TPositionRadio = "before" | "after";
+
+export { }

package/types/Rate.d.ts

@@ -0,0 +1,5 @@
+import { RateProps } from 'antd';
+
+export declare const Rate: React.FC<RateProps>;
+
+export { }

package/types/Result.d.ts

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

package/types/Row.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'react/jsx-runtime';
+import { RowProps } from 'antd';
+
+declare type BaseProps = {
+    rowClassName?: string;
+};
+
+export declare const Row: (props: RowPropsUnion) => JSX.Element;
+
+export declare type RowPropsUnion = BaseProps & RowProps;
+
+export { }

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

@@ -1,18 +1,29 @@
-import { default as React, FormEventHandler } from 'react';
-import { Control, DefaultValues, FieldValues, UseFormReset, UseFormReturn, UseFormSetValue } from 'react-hook-form';
-export interface SearchFiltersFormProps<T extends FieldValues> {
-    renderFilterFields?: (options: {
-        control: Control<T, any, T>;
-        setValue?: UseFormSetValue<T>;
-        handleSubmit?: FormEventHandler<any>;
-        reset?: UseFormReset<T>;
-    }) => React.ReactNode;
-    onReset?: () => void;
-    classNamesContainer?: string;
-    classNameWrapperForm?: string;
-    hideDefaultSubmit?: boolean;
-    hideResetButton?: boolean;
-    initialValues?: DefaultValues<T>;
-    onSubmit: (data: T) => void;
-}
-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;
+import { Control } from 'react-hook-form';
+import { default as default_2 } from 'react';
+import { DefaultValues } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
+import { FormEventHandler } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { UseFormReset } from 'react-hook-form';
+import { UseFormReturn } from 'react-hook-form';
+import { UseFormSetValue } from 'react-hook-form';
+
+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: {
+        control: Control<T, any, T>;
+        setValue?: UseFormSetValue<T>;
+        handleSubmit?: FormEventHandler<any>;
+        reset?: UseFormReset<T>;
+    }) => default_2.ReactNode;
+    onReset?: () => void;
+    classNamesContainer?: string;
+    classNameWrapperForm?: string;
+    hideDefaultSubmit?: boolean;
+    hideResetButton?: boolean;
+    initialValues?: DefaultValues<T>;
+    onSubmit: (data: T) => void;
+}
+
+export { }

package/types/Segmented.d.ts

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

package/types/Select.d.ts

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