@pnkx-lib/ui 1.8.3 → 1.8.6

package/dist/types/index.d.ts

@@ -0,0 +1,574 @@
+import { BadgeProps as BadgeProps_2 } from 'antd';
+import { BasicProps } from 'antd/es/layout/layout';
+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 { Breakpoint } from 'antd';
+import { ButtonProps as ButtonProps_2 } from 'antd';
+import { CascaderProps } from 'antd/es/cascader';
+import { CheckboxProps } from 'antd';
+import { ColProps as ColProps_2 } from 'antd';
+import { ColSize as ColSize_2 } from 'antd/es/grid';
+import { ColumnsType as ColumnsType_2 } from 'antd/es/table';
+import { Control } from 'react-hook-form';
+import { ControllerFieldState } from 'react-hook-form';
+import { ControllerRenderProps } from 'react-hook-form';
+import { Dayjs } from 'dayjs';
+import { default as default_2 } from 'react';
+import { DefaultOptionType } from 'antd/es/cascader';
+import { DefaultValues } from 'react-hook-form';
+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 { FC } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { FlexProps as FlexProps_2 } from 'antd';
+import { ForwardRefExoticComponent } from 'react';
+import { IAllProps } from '@tinymce/tinymce-react';
+import { InputProps as InputProps_2 } from 'antd';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } 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 { ModalProps } from 'antd';
+import { Pagination as Pagination_2 } from 'antd';
+import { PaginationLocale } from 'rc-pagination';
+import { PaginationProps as PaginationProps_2 } from 'antd';
+import { ParagraphProps } from 'antd/es/typography/Paragraph';
+import { PopoverProps as PopoverProps_2 } from 'antd';
+import { RadioGroupProps } from 'antd';
+import { RangePickerProps } from 'antd/es/date-picker';
+import * as React_2 from 'react';
+import { ReactDatePickerProps } from 'react-datepicker';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { RowProps as RowProps_2 } from 'antd';
+import { SelectProps } from 'antd';
+import { SiderContextProps } from 'antd/es/layout/Sider';
+import { SiderProps } from 'antd/es/layout/Sider';
+import { SkeletonProps as SkeletonProps_2 } from 'antd';
+import { Space as Space_2 } from 'antd';
+import { SpaceProps as SpaceProps_2 } from 'antd';
+import { Splitter as Splitter_2 } from 'antd';
+import { SplitterProps as SplitterProps_2 } from 'antd';
+import { StepProps as StepProps_2 } from 'antd';
+import { Steps as Steps_2 } from 'antd';
+import { StepsProps as StepsProps_2 } from 'antd';
+import { SubMenuProps as SubMenuProps_2 } from 'antd/es/menu';
+import { SwitchProps } from 'antd';
+import { TableProps } from 'antd/lib/table';
+import { TabsProps as TabsProps_2 } from 'antd';
+import { TagProps } from 'antd';
+import { TextAreaProps as TextAreaProps_2 } from 'antd/es/input';
+import { TextProps } from 'antd/es/typography/Text';
+import { TitleProps } from 'antd/es/typography/Title';
+import { TooltipProps as TooltipProps_2 } from 'antd';
+import { UploadFile } from 'antd';
+import { UploadProps } from 'antd';
+import { UseFormHandleSubmit } from 'react-hook-form';
+import { UseFormReturn } from 'react-hook-form';
+import { UseFormSetValue } from 'react-hook-form';
+import { UseFormStateReturn } from 'react-hook-form';
+
+export declare const Badge: ({ type, children, ...rest }: BadgeProps) => JSX.Element;
+
+export declare interface BadgeProps extends BadgeProps_2 {
+    type?: "error" | "info" | "success" | "warning";
+    children?: React.ReactNode;
+}
+
+declare type BaseProps = {
+    customStyleContainer?: string;
+    customStyleCascader?: string;
+};
+
+declare type BaseProps_10 = {
+    containerClassName?: string;
+    spaceClassName?: string;
+};
+
+declare type BaseProps_11 = {
+    containerClassName?: string;
+    paginationClassName?: string;
+};
+
+declare type BaseProps_12 = {
+    containerClassName?: string;
+    stepsClassName?: string;
+};
+
+declare type BaseProps_2 = {
+    containerClassName?: string;
+    popoverClassName?: string;
+};
+
+declare type BaseProps_3 = {
+    colClassName?: string;
+};
+
+declare type BaseProps_4 = {
+    rowClassName?: string;
+};
+
+declare type BaseProps_5 = {
+    containerClassName?: string;
+    dropdownClassName?: string;
+};
+
+declare type BaseProps_6 = {
+    containerClassName?: string;
+    breadcrumbClassName?: string;
+};
+
+declare type BaseProps_7 = {
+    containerClassName?: string;
+    flexClassName?: string;
+};
+
+declare type BaseProps_8 = {
+    layoutClassName?: string;
+};
+
+declare type BaseProps_9 = {
+    containerClassName?: string;
+    spaceClassName?: 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_6 & BreadcrumbProps;
+
+export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
+
+export declare const Button: default_2.FC<ButtonProps>;
+
+export declare type ButtonProps = ButtonProps_2;
+
+export declare const CascaderField: (props: CascaderFieldProps) => JSX.Element;
+
+export declare type CascaderFieldProps = BaseProps & (SingleCascaderProps | MultipleCascaderProps);
+
+export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.Element;
+
+export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (checked: boolean) => void;
+    customStyleContainer?: string;
+    customStyleCheckbox?: 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_3 & ColProps;
+
+export declare interface ColSize extends ColSize_2 {
+}
+
+export declare type ColSpanType = number | string;
+
+export declare type ColumnsType<T> = ColumnsType_2<T>;
+
+declare type ComponentPropsType<TComponent> = TComponent extends React_2.ComponentType<infer P> ? P : never;
+
+declare type CompoundedMenu = FC<MenuComponentProps> & {
+    Item: typeof MenuItem;
+    SubMenu: typeof SubMenu;
+    Divider: typeof Divider;
+    ItemGroup: typeof ItemGroup;
+};
+
+export declare const Container: default_2.FC<ContainerProps>;
+
+export declare interface ContainerProps {
+    children: default_2.ReactNode;
+    size?: TailwindMaxWidth;
+    className?: string;
+}
+
+export declare interface CustomeModalProps extends ModalProps {
+    children?: ReactNode;
+    onSubmit?: () => void;
+}
+
+declare type CustomInputTypeAttribute = default_2.HTMLInputTypeAttribute | "money";
+
+export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "onChange"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    setValue?: UseFormSetValue<any>;
+    customStyleDatepicker?: 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 const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
+
+declare const Divider: FC<MenuDividerProps>;
+
+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_5 & DropdownProps;
+
+export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
+
+export declare interface ErrorMessageProps {
+    errorMessage?: string;
+    isTouched?: boolean;
+    isSubmitted?: boolean;
+}
+
+declare type ExtraProps = {
+    containerClassName?: string;
+    menuClassName?: string;
+};
+
+export declare const Flex: (props: FlexPropsUnion) => JSX.Element;
+
+export declare type FlexProps = FlexProps_2;
+
+export declare type FlexPropsUnion = BaseProps_7 & FlexProps;
+
+export declare const Input: (props: InputProps) => JSX.Element;
+
+export declare interface InputProps extends InputProps_2 {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    customStyleInput?: 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;
+}
+
+export declare type InternalRouteType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
+
+declare const ItemGroup: ForwardRefExoticComponent<Omit<MenuItemGroupProps, "ref"> & RefAttributes<HTMLLIElement>>;
+
+export declare type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
+
+export declare const Label: ({ label, required }: LabelProps) => JSX.Element;
+
+export declare interface LabelProps {
+    label: string;
+    required?: boolean;
+}
+
+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;
+
+export declare const Menu: CompoundedMenu;
+
+export declare type MenuComponentProps = ExtraProps & MenuProps;
+
+declare const MenuItem: FC<MenuItemProps>;
+
+export declare interface MenuItemProps extends MenuItemProps_2 {
+}
+
+export declare interface MenuProps extends MenuProps_2 {
+}
+
+export declare const Modal: ({ children, onOk, onSubmit, ...rest }: CustomeModalProps) => JSX.Element;
+
+declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, true> & {
+    multiple: true;
+};
+
+export declare const Pagination: typeof Pagination_2;
+
+export declare type PaginationConfig = Omit<PaginationProps, "rootClassName"> & {
+    position?: "top" | "bottom" | "both";
+};
+
+export { PaginationLocale }
+
+export declare interface PaginationProps extends PaginationProps_2 {
+}
+
+export declare type PaginationPropsUnion = BaseProps_11 & PaginationProps;
+
+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 declare const Popover: (props: PopoverPropsUnion) => JSX.Element;
+
+export declare type PopoverProps = PopoverProps_2;
+
+export declare type PopoverPropsUnion = BaseProps_2 & PopoverProps;
+
+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;
+}
+
+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;
+}
+
+export declare const RangePickerField: (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 declare const Row: (props: RowPropsUnion) => JSX.Element;
+
+declare interface RowCommon {
+    [x: string]: any;
+}
+
+export declare interface RowProps extends RowProps_2 {
+}
+
+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.Element;
+
+export declare interface SearchFiltersFormProps<T extends FieldValues> {
+    renderFilterFields?: (options: {
+        control: Control<T, any, T>;
+        setValue?: UseFormSetValue<T>;
+        handleSubmit?: UseFormHandleSubmit<T, T>;
+    }) => default_2.ReactNode;
+    onReset?: () => void;
+    classNamesContainer?: string;
+    classNameWrapperForm?: string;
+    hideDefaultSubmit?: boolean;
+    hideResetButton?: boolean;
+    initialValues?: DefaultValues<T>;
+    onSubmit: (data: T) => void;
+}
+
+export declare const SelectField: (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;
+    customStyleContainer?: string;
+}
+
+declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
+    multiple?: false;
+};
+
+export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX.Element;
+
+export declare interface SkeletonProps extends SkeletonProps_2 {
+    type?: "table" | "form";
+    skeletonButtonCount?: number;
+}
+
+export declare const Space: typeof Space_2;
+
+export declare interface SpaceProps extends SpaceProps_2 {
+}
+
+export declare type SpacePropsUnion = BaseProps_9 & SpaceProps;
+
+export declare const Splitter: typeof Splitter_2;
+
+export declare interface SplitterProps extends SplitterProps_2 {
+}
+
+export declare type SplitterPropsUnion = BaseProps_10 & SplitterProps;
+
+export declare interface StepProps extends StepProps_2 {
+}
+
+export declare const Steps: typeof Steps_2;
+
+export declare interface StepsProps extends StepsProps_2 {
+    items?: StepProps[];
+}
+
+export declare type StepsPropsUnion = BaseProps_12 & StepsProps;
+
+declare const SubMenu: FC<SubMenuProps>;
+
+export declare interface SubMenuProps extends SubMenuProps_2 {
+}
+
+export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange" | "checked"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    required?: boolean;
+    afterOnChange?: (checked: boolean) => void;
+    customStyleContainer?: string;
+    customStyleSwitch?: string;
+}
+
+declare type TabItem = {
+    key: string;
+    label: default_2.ReactNode;
+    children: default_2.ReactNode;
+    disabled?: boolean;
+};
+
+export declare const Table: <T extends RowCommon>({ data, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, ...rest }: TableCommonProps<T>) => JSX.Element;
+
+export declare interface TableCommonProps<T> extends TableProps<T> {
+    data: T[];
+    columns: ColumnsType<T>;
+    loading?: boolean;
+    totalItems: number;
+    filters: any;
+    onChangePage: (page: number) => void;
+    onChangePageSize: (size: number) => void;
+    onSort?: (sortField: string | number | symbol) => void;
+    rowsSelected: default_2.Key[];
+    onSelect: (newSelectedRowKeys: default_2.Key[]) => void;
+    onRowClick?: (record: T) => void;
+    rowKey?: string;
+}
+
+export declare const Tabs: default_2.FC<TabsProps>;
+
+export declare type TabsProps = TabsProps_2 & {
+    items: TabItem[];
+    lazyRender?: boolean;
+};
+
+export declare const Tag: React.FC<TaglineProps>;
+
+export declare interface TaglineProps extends TagProps {
+    children: React.ReactNode | 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 declare interface TextAreaProps extends TextAreaProps_2 {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    customStyleTextarea?: string;
+    afterOnChange?: (value: string) => void;
+    required?: boolean;
+}
+
+declare type TInputNumberType = "number" | "money";
+
+export declare const TinyMCE: {
+    (props: TinyProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface TinyProps extends IAllProps {
+    height?: number | string;
+    openHidenMenubar?: boolean;
+    required?: boolean;
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    label?: string;
+    customStyleLabel?: string;
+    text_patterns?: any;
+}
+
+export declare const Tooltip: default_2.FC<TooltipProps>;
+
+export declare type TooltipProps = TooltipProps_2;
+
+declare type TOptionGRadio = {
+    label: string;
+    value: string | number;
+};
+
+declare type TPositionRadio = "before" | "after";
+
+declare type TSize = "small" | "medium" | "large";
+
+export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
+
+export declare const Typography: {
+    Title: (props: TitleProps) => JSX.Element;
+    Paragraph: (props: ParagraphProps) => JSX.Element;
+    Text: (props: TextProps) => JSX.Element;
+};
+
+export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
+    field?: ControllerRenderProps<any, any>;
+    formState?: UseFormStateReturn<any>;
+    fieldState?: ControllerFieldState;
+    label?: string;
+    required?: boolean;
+    maxFiles?: number;
+    uploadButtonText?: string;
+    customStyleContainer?: string;
+    customStyleUpload?: string;
+    afterOnChange?: (fileList: UploadFile[]) => void;
+}
+
+export { }