@pnkx-lib/ui 1.9.96 → 1.9.97

package/es/fields/index.js

@@ -1,2 +1,2 @@
-export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, b as TinyMCE } from '../chunks/AntdIcon-sydRpDMU.js';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from '../chunks/Switch-Ch-t7bqG.js';
+export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, b as TinyMCE } from '../chunks/AntdIcon-CwSrIOy0.js';
+export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from '../chunks/Switch-CCKfNjFl.js';

package/es/index.js

@@ -1,6 +1,6 @@
-export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, a0 as PAGE_NUMBER, a1 as PAGE_SIZE, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, a2 as SORT_BY, a3 as SORT_DESC, _ as START_PAGE, $ as START_PAGE_SIZE, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, a4 as TypeActionRowTable, W as Watermark, t as typeColorMap } from './chunks/index-BMH0bSgU.js';
-export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TINY_API, b as TinyMCE, T as Typography } from './chunks/AntdIcon-sydRpDMU.js';
+export { Y as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, a5 as BulkActions, B as Button, C as CascaderField, X as CategoryStatus, f as Col, U as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, V as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, $ as PAGE_NUMBER, a0 as PAGE_SIZE, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, a1 as SORT_BY, a2 as SORT_DESC, Z as START_PAGE, _ as START_PAGE_SIZE, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, a3 as TypeActionRowTable, a4 as TypeBulkActions, W as Watermark, t as typeColorMap } from './chunks/index-CzcsLV_v.js';
+export { C as CheckboxField, D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TINY_API, b as TinyMCE, T as Typography } from './chunks/AntdIcon-CwSrIOy0.js';
 import 'react-router';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-Ch-t7bqG.js';
+export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-CCKfNjFl.js';
 export { u as useToast } from './chunks/useToast-DL7nQTK1.js';
 export { u as useMessage } from './chunks/useMessage-CADDGtSx.js';

package/es/ui/index.js

@@ -1,3 +1,3 @@
-export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, a0 as PAGE_NUMBER, a1 as PAGE_SIZE, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, a2 as SORT_BY, a3 as SORT_DESC, _ as START_PAGE, $ as START_PAGE_SIZE, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, a4 as TypeActionRowTable, W as Watermark, t as typeColorMap } from '../chunks/index-BMH0bSgU.js';
-export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-sydRpDMU.js';
+export { Y as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, a5 as BulkActions, B as Button, C as CascaderField, X as CategoryStatus, f as Col, U as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, V as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, $ as PAGE_NUMBER, a0 as PAGE_SIZE, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, a1 as SORT_BY, a2 as SORT_DESC, Z as START_PAGE, _ as START_PAGE_SIZE, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, a3 as TypeActionRowTable, a4 as TypeBulkActions, W as Watermark, t as typeColorMap } from '../chunks/index-CzcsLV_v.js';
+export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-CwSrIOy0.js';
 import 'react-router';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.96",
+  "version": "1.9.97",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/fields.d.ts

@@ -6,8 +6,8 @@ import { Dayjs } from 'dayjs';
 import { default as default_2 } 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 { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX as JSX_3 } from 'react';
 import { RadioGroupProps } from 'antd';
 import { RangePickerProps } from 'antd/es/date-picker';
 import * as React_2 from 'react';
@@ -20,7 +20,7 @@ import { UploadProps } from 'antd';
 import { UseFormSetValue } from 'react-hook-form';
 import { UseFormStateReturn } from 'react-hook-form';
 
-export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.Element;
+export declare const CheckboxField: (props: CheckboxFieldProps) => JSX_2.Element;
 
 export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
     field?: ControllerRenderProps<any, any>;
@@ -53,9 +53,9 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     size?: TSize;
 }
 
-export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
+export declare const DatePickerField: (props: DatePickerDMYProps) => JSX_2.Element;
 
-export declare const Input: (props: InputProps) => JSX.Element;
+export declare const Input: (props: InputProps) => JSX_2.Element;
 
 export declare interface InputProps extends InputProps_2 {
     field?: ControllerRenderProps<any, any>;
@@ -73,7 +73,7 @@ export declare interface InputProps extends InputProps_2 {
 }
 
 export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
-    render(): JSX.Element;
+    render(): JSX_2.Element;
 }
 
 export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -91,10 +91,10 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
     type?: TInputNumberType;
     prefix?: string;
     suffix?: string;
-    helperText?: () => JSX_2.Element | null;
+    helperText?: () => JSX_3.Element | null;
 }
 
-export declare const RadioGroup: (props: RadioProps) => JSX.Element;
+export declare const RadioGroup: (props: RadioProps) => JSX_2.Element;
 
 export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -107,7 +107,7 @@ export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "o
     position?: TPositionRadio;
 }
 
-export declare const RangePickerField: (props: RangePickerFieldProps) => JSX.Element;
+export declare const RangePickerField: (props: RangePickerFieldProps) => JSX_2.Element;
 
 export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -119,7 +119,7 @@ export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "v
     customStyleDatePicker?: string;
 }
 
-export declare const Select: (props: SelectFieldProps) => JSX.Element;
+export declare const Select: (props: SelectFieldProps) => JSX_2.Element;
 
 export declare interface SelectFieldProps extends SelectProps {
     field?: ControllerRenderProps<any, any>;
@@ -132,7 +132,7 @@ export declare interface SelectFieldProps extends SelectProps {
     classNameSelect?: string;
 }
 
-export declare const Switch: (props: SwitchProps) => JSX.Element;
+export declare const Switch: (props: SwitchProps) => JSX_2.Element;
 
 export declare interface SwitchProps extends Omit<SwitchProps_2, "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -156,7 +156,7 @@ export declare interface TextAreaProps extends TextAreaProps_2 {
 declare type TInputNumberType = "number" | "money";
 
 export declare const TinyMCE: {
-    (props: TinyProps): JSX.Element;
+    (props: TinyProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -180,7 +180,7 @@ declare type TPositionRadio = "before" | "after";
 
 declare type TSize = "small" | "medium" | "large";
 
-export declare const UploadField: (props: UploadFieldProps) => JSX.Element;
+export declare const UploadField: (props: UploadFieldProps) => JSX_2.Element;
 
 export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
     field?: ControllerRenderProps<any, any>;

package/types/index.d.ts

@@ -43,8 +43,8 @@ import { IAllProps } from '@tinymce/tinymce-react';
 import { ImageProps } from 'antd';
 import { InitialFiltersSearch } from '@pnkx-lib/core';
 import { InputProps as InputProps_2 } from 'antd';
-import { JSX } from 'react/jsx-runtime';
-import { JSX as JSX_2 } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX as JSX_3 } from 'react';
 import { MenuDividerProps } from 'antd/es/menu';
 import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
 import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
@@ -94,6 +94,7 @@ 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 { TypeBulkActions as TypeBulkActions_2 } from '../../../../../../../../../../../src/constants';
 import { UploadFile } from 'antd';
 import { UploadProps } from 'antd';
 import { UseFormReset } from 'react-hook-form';
@@ -102,7 +103,7 @@ import { UseFormSetValue } from 'react-hook-form';
 import { UseFormStateReturn } from 'react-hook-form';
 import { WatermarkProps } from 'antd';
 
-export declare const ActionRowTable: ({ type, contentTooltip, handleClick, }: ActionRowTableProps) => JSX.Element;
+export declare const ActionRowTable: ({ type, contentTooltip, handleClick, }: ActionRowTableProps) => JSX_2.Element;
 
 export declare interface ActionRowTableProps {
     type: TypeActionRowTable_2;
@@ -122,7 +123,7 @@ export declare const Anchor: typeof Anchor_2 & {
 
 export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
 
-export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
+export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX_2.Element;
 
 export declare interface AppfixProps extends AffixProps {
     children: default_2.ReactNode;
@@ -132,7 +133,7 @@ export declare const AutoComplete: React.FC<AutoCompleteProps>;
 
 export declare type AutoCompleteProps = AutoCompleteProps_2;
 
-export declare const Badge: ({ type, children, customColor, ...rest }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ type, children, customColor, ...rest }: BadgeProps) => JSX_2.Element;
 
 export declare interface BadgeProps extends BadgeProps_2 {
     type?: "error" | "info" | "success" | "warning";
@@ -202,7 +203,7 @@ declare type BaseProps_9 = {
     spaceClassName?: string;
 };
 
-export declare const Breadcrumb: (props: BreadcrumbPropsUnion) => JSX.Element;
+export declare const Breadcrumb: (props: BreadcrumbPropsUnion) => JSX_2.Element;
 
 export declare interface BreadcrumbItemType extends BreadcrumbItemType_2 {
     children?: Omit<BreadcrumbItemType, "children">[];
@@ -223,37 +224,32 @@ export declare type BreadcrumbType = {
     };
 };
 
-export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX.Element;
-
-export declare interface BulkActionProps {
-    quantity?: number;
-    handleRestore?: () => void;
-    handleSendApproval?: () => void;
-    handleCancelSendApproval?: () => void;
-    handleRefuseApproval?: () => void;
-    handleApproval?: () => void;
-    handleCancelApproval?: () => void;
-    handleDelete?: () => void;
-    handleActivate?: () => void;
-    handleInActivate?: () => void;
-    status?: number;
-}
+export declare const BulkActions: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, type, }: IBulkActionsProps) => JSX_2.Element;
 
 export declare const Button: default_2.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
 
-export declare const CascaderField: (props: CascaderFieldProps) => JSX.Element;
+export declare const CascaderField: (props: CascaderFieldProps) => JSX_2.Element;
 
 export declare type CascaderFieldProps = BaseProps & (SingleCascaderProps | MultipleCascaderProps);
 
-export declare const CategoryStatus: ({ status }: CategoryStatusProps) => JSX.Element;
+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, // đã xóa
+}
+
+export declare const CategoryStatus: ({ status }: CategoryStatusProps) => JSX_2.Element;
 
 export declare interface CategoryStatusProps {
     status: number;
 }
 
-export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.Element;
+export declare const CheckboxField: (props: CheckboxFieldProps) => JSX_2.Element;
 
 export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
     field?: ControllerRenderProps<any, any>;
@@ -265,7 +261,7 @@ export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChang
     customStyleCheckbox?: string;
 }
 
-export declare const Col: (props: ColPropsUnion) => JSX.Element;
+export declare const Col: (props: ColPropsUnion) => JSX_2.Element;
 
 export declare interface ColProps extends ColProps_2, Partial<Record<Breakpoint, ColSpanType | ColSize>> {
 }
@@ -285,7 +281,7 @@ declare type CompoundedMenu = FC<MenuComponentProps> & {
     ItemGroup: typeof ItemGroup;
 };
 
-export declare const ConfirmModal: ({ title, content, typeIcon, titleCancelBtn, titleSubmitBtn, handleCancel, handleSubmit, ...restProps }: ConfirmModalProps) => JSX.Element;
+export declare const ConfirmModal: ({ title, content, typeIcon, titleCancelBtn, titleSubmitBtn, handleCancel, handleSubmit, ...restProps }: ConfirmModalProps) => JSX_2.Element;
 
 export declare interface ConfirmModalProps extends ModalProps {
     title: string;
@@ -326,9 +322,9 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     size?: TSize;
 }
 
-export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
+export declare const DatePickerField: (props: DatePickerDMYProps) => JSX_2.Element;
 
-export declare const Divider: ({ children, ...rest }: DividerProps) => JSX.Element;
+export declare const Divider: ({ children, ...rest }: DividerProps) => JSX_2.Element;
 
 declare const Divider_2: FC<MenuDividerProps>;
 
@@ -336,14 +332,14 @@ export declare interface DividerProps extends DividerProps_2 {
     children?: ReactNode | string;
 }
 
-export declare const Drawer: ({ onSubmit, children, ...rest }: DrawerProps) => JSX.Element;
+export declare const Drawer: ({ onSubmit, children, ...rest }: DrawerProps) => JSX_2.Element;
 
 export declare interface DrawerProps extends DrawerProps_2 {
     children?: ReactNode;
     onSubmit?: (values: any) => void;
 }
 
-export declare const Dropdown: (props: DropdownPropsUnion) => JSX.Element;
+export declare const Dropdown: (props: DropdownPropsUnion) => JSX_2.Element;
 
 export declare type DropdownButtonProps = DropdownButtonProps_2;
 
@@ -377,7 +373,7 @@ export declare interface ErrorBoundaryState {
     errorInfo: ErrorInfo | null;
 }
 
-export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
+export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX_2.Element | null>;
 
 export declare interface ErrorMessageProps {
     errorMessage?: string;
@@ -390,7 +386,7 @@ declare type ExtraProps = {
     menuClassName?: string;
 };
 
-export declare const Flex: (props: FlexPropsUnion) => JSX.Element;
+export declare const Flex: (props: FlexPropsUnion) => JSX_2.Element;
 
 export declare type FlexProps = FlexProps_2;
 
@@ -402,7 +398,7 @@ declare interface GroupHeadingButtonItem {
     is_status: number;
 }
 
-export declare const Heading: (props: HeadingProps) => JSX.Element;
+export declare const Heading: (props: HeadingProps) => JSX_2.Element;
 
 export declare interface HeadingProps {
     rightContent?: ReactNode;
@@ -412,10 +408,25 @@ export declare interface HeadingProps {
     menu: Array<MenuType>;
 }
 
+declare interface IBulkActionsProps {
+    quantity?: number;
+    handleRestore?: () => void;
+    handleSendApproval?: () => void;
+    handleCancelSendApproval?: () => void;
+    handleRefuseApproval?: () => void;
+    handleApproval?: () => void;
+    handleCancelApproval?: () => void;
+    handleDelete?: () => void;
+    handleActivate?: () => void;
+    handleInActivate?: () => void;
+    status?: number;
+    type: TypeBulkActions_2;
+}
+
 declare const Image_2: React.FC<ImageProps>;
 export { Image_2 as Image }
 
-export declare const Input: (props: InputProps) => JSX.Element;
+export declare const Input: (props: InputProps) => JSX_2.Element;
 
 export declare interface InputProps extends InputProps_2 {
     field?: ControllerRenderProps<any, any>;
@@ -438,7 +449,7 @@ declare const ItemGroup: ForwardRefExoticComponent<Omit<MenuItemGroupProps, "ref
 
 export declare type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
 
-export declare const Label: ({ label, required }: LabelProps) => JSX.Element;
+export declare const Label: ({ label, required }: LabelProps) => JSX_2.Element;
 
 export declare interface LabelProps {
     label: string;
@@ -491,7 +502,7 @@ export declare type MenuType = {
     }[];
 };
 
-export declare const Modal: ({ children, ...rest }: ModalProps) => JSX.Element;
+export declare const Modal: ({ children, ...rest }: ModalProps) => JSX_2.Element;
 
 export declare interface ModalProps extends ModalProps_2 {
     children?: ReactNode;
@@ -533,7 +544,7 @@ export declare type PnkxCollapseProps = CollapseProps;
 export declare const PnkxColorPicker: React.FC<ColorPickerProps>;
 
 export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
-    render(): JSX.Element;
+    render(): JSX_2.Element;
 }
 
 export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -546,13 +557,13 @@ export declare interface PnkxSpinProps extends SpinProps {
     children?: ReactNode;
 }
 
-export declare const Popconfirm: ({ children, ...rest }: PopconfirmProps) => JSX.Element;
+export declare const Popconfirm: ({ children, ...rest }: PopconfirmProps) => JSX_2.Element;
 
 export declare interface PopconfirmProps extends PopconfirmProps_2 {
     children?: ReactNode;
 }
 
-export declare const Popover: (props: PopoverPropsUnion) => JSX.Element;
+export declare const Popover: (props: PopoverPropsUnion) => JSX_2.Element;
 
 export declare type PopoverProps = PopoverProps_2;
 
@@ -567,14 +578,14 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
     type?: TInputNumberType;
     prefix?: string;
     suffix?: string;
-    helperText?: () => JSX_2.Element | null;
+    helperText?: () => JSX_3.Element | null;
 }
 
 export declare const QRCode: React.FC<QRCodeProps>;
 
 export declare type QRCodeProps = QRCodeProps_2;
 
-export declare const RadioGroup: (props: RadioProps) => JSX.Element;
+export declare const RadioGroup: (props: RadioProps) => JSX_2.Element;
 
 export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -587,7 +598,7 @@ export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "o
     position?: TPositionRadio;
 }
 
-export declare const RangePickerField: (props: RangePickerFieldProps) => JSX.Element;
+export declare const RangePickerField: (props: RangePickerFieldProps) => JSX_2.Element;
 
 export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -601,13 +612,13 @@ export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "v
 
 export declare const Rate: React.FC<RateProps>;
 
-export declare const Result: ({ children, ...rest }: ResultProps) => JSX.Element;
+export declare const Result: ({ children, ...rest }: ResultProps) => JSX_2.Element;
 
 export declare interface ResultProps extends ResultProps_2 {
     children?: ReactNode | string;
 }
 
-export declare const Row: (props: RowPropsUnion) => JSX.Element;
+export declare const Row: (props: RowPropsUnion) => JSX_2.Element;
 
 declare interface RowCommon {
     [x: string]: any;
@@ -615,7 +626,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.Element;
+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 interface SearchFiltersFormProps<T extends FieldValues> {
     renderFilterFields?: (options: {
@@ -637,7 +648,7 @@ export declare const Segmented: React.FC<SegmentedProps>;
 
 export declare type SegmentedProps = SegmentedProps_2;
 
-export declare const Select: (props: SelectFieldProps) => JSX.Element;
+export declare const Select: (props: SelectFieldProps) => JSX_2.Element;
 
 export declare interface SelectFieldProps extends SelectProps {
     field?: ControllerRenderProps<any, any>;
@@ -650,7 +661,7 @@ export declare interface SelectFieldProps extends SelectProps {
     classNameSelect?: string;
 }
 
-export declare const Sidebar: ({ children, menu, userInfo }: SidebarProps) => JSX.Element;
+export declare const Sidebar: ({ children, menu, userInfo }: SidebarProps) => JSX_2.Element;
 
 export declare interface SidebarProps {
     children?: default_2.ReactNode;
@@ -666,7 +677,7 @@ declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
     multiple?: false;
 };
 
-export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX.Element;
+export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX_2.Element;
 
 export declare interface SkeletonProps extends SkeletonProps_2 {
     type?: "table" | "form";
@@ -681,7 +692,7 @@ export declare const Space: typeof Space_2;
 
 export declare type SpacePropsUnion = BaseProps_9 & SpaceProps;
 
-export declare const Spin: ({ children, ...rest }: PnkxSpinProps) => JSX.Element;
+export declare const Spin: ({ children, ...rest }: PnkxSpinProps) => JSX_2.Element;
 
 export declare const Splitter: typeof Splitter_2;
 
@@ -709,7 +720,7 @@ declare const SubMenu: FC<SubMenuProps>;
 
 export declare type SubMenuProps = SubMenuProps_2;
 
-export declare const Switch: (props: SwitchProps) => JSX.Element;
+export declare const Switch: (props: SwitchProps) => JSX_2.Element;
 
 export declare interface SwitchProps extends Omit<SwitchProps_2, "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -728,7 +739,7 @@ declare type TabItem = {
     disabled?: boolean;
 };
 
-export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, menu, groupHeadingButtonItems, showIndexColumn, setFilters, ...rest }: TableCommonProps<T>) => JSX.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, menu, groupHeadingButtonItems, showIndexColumn, setFilters, ...rest }: TableCommonProps<T>) => JSX_2.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -795,7 +806,7 @@ declare type TInputNumberType = "number" | "money";
 export declare const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
 
 export declare const TinyMCE: {
-    (props: TinyProps): JSX.Element;
+    (props: TinyProps): JSX_2.Element;
     displayName: string;
 };
 
@@ -810,6 +821,19 @@ export declare interface TinyProps extends IAllProps {
     text_patterns?: any;
 }
 
+export declare type TListIcon = {
+    icon: React.ReactNode;
+    iconDisable: React.ReactNode;
+    iconDropList: React.ReactNode;
+    action?: () => void;
+    showConfirmModal: boolean;
+    title: string;
+    arrShow: CATEGORY_LIST_ENUM[];
+    content?: string;
+    typeIcon?: ConfirmModalProps["typeIcon"];
+    name?: string;
+};
+
 export declare const Tooltip: default_2.FC<TooltipProps>;
 
 export declare type TooltipProps = TooltipProps_2;
@@ -845,15 +869,20 @@ export declare enum TypeActionRowTable {
     VIEW = "VIEW"
 }
 
+export declare enum TypeBulkActions {
+    BULKACTION = "bulkaction",
+    DROPLIST = "droplist"
+}
+
 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;
+    Title: (props: TitleProps) => JSX_2.Element;
+    Paragraph: (props: ParagraphProps) => JSX_2.Element;
+    Text: (props: TextProps) => JSX_2.Element;
 };
 
-export declare const UploadField: (props: UploadFieldProps) => JSX.Element;
+export declare const UploadField: (props: UploadFieldProps) => JSX_2.Element;
 
 export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
     field?: ControllerRenderProps<any, any>;
@@ -878,6 +907,6 @@ export declare const useToast: (defaultProps?: OptionalArgsToast) => {
     warning(props?: OptionalArgsToast): void;
 };
 
-export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX.Element;
+export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX_2.Element;
 
 export { }