@pnkx-lib/ui 1.9.85 → 1.9.87

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-OdNt_XE3.js';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from '../chunks/Switch-BpQVmWXF.js';
+export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, b as TinyMCE } from '../chunks/AntdIcon-CfjDMPv2.js';
+export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from '../chunks/Switch-BRvdbb0u.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-BmfEnmGs.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-OdNt_XE3.js';
+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-3YgUpR-Y.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-CfjDMPv2.js';
 import 'react-router';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-BpQVmWXF.js';
+export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-BRvdbb0u.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-BmfEnmGs.js';
-export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-OdNt_XE3.js';
+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-3YgUpR-Y.js';
+export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-CfjDMPv2.js';
 import 'react-router';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.85",
+  "version": "1.9.87",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -73,7 +73,8 @@
     "globals": "^15.15.0",
     "rollup-plugin-visualizer": "^5.14.0",
     "storybook": "^8.6.7",
-    "typescript": "~5.7.2",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.8.3",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.6",
     "vite-plugin-dts": "^4.5.3",
@@ -102,6 +103,7 @@
     "@headlessui/react": "^2.2.2",
     "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^5.0.1",
+    "@pnkx-lib/core": "^1.1.7",
     "@tailwindcss/cli": "^4.1.6",
     "@tinymce/tinymce-react": "^6.0.0",
     "@vitejs/plugin-react-swc": "^3.9.0",
@@ -110,7 +112,7 @@
     "lodash": "^4.17.21",
     "react-datepicker": "^4.16.0",
     "react-hook-form": "^7.54.2",
-    "react-i18next": "^15.5.1",
+    "react-i18next": "^15.5.2",
     "react-number-format": "^5.4.3",
     "tailwind-merge": "^3.3.0",
     "yup": "^1.6.1",

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 as JSX_2 } from 'react/jsx-runtime';
-import { JSX as JSX_3 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } 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_2.Element;
+export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.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_2.Element;
+export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
 
-export declare const Input: (props: InputProps) => JSX_2.Element;
+export declare const Input: (props: InputProps) => JSX.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_2.Element;
+    render(): JSX.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_3.Element | null;
+    helperText?: () => JSX_2.Element | null;
 }
 
-export declare const RadioGroup: (props: RadioProps) => JSX_2.Element;
+export declare const RadioGroup: (props: RadioProps) => JSX.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_2.Element;
+export declare const RangePickerField: (props: RangePickerFieldProps) => JSX.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_2.Element;
+export declare const Select: (props: SelectFieldProps) => JSX.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_2.Element;
+export declare const Switch: (props: SwitchProps) => JSX.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_2.Element;
+    (props: TinyProps): JSX.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_2.Element;
+export declare const UploadField: (props: UploadFieldProps) => JSX.Element;
 
 export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
     field?: ControllerRenderProps<any, any>;

package/types/index.d.ts

@@ -42,15 +42,15 @@ import { ForwardRefExoticComponent } from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { ImageProps } from 'antd';
 import { InputProps as InputProps_2 } from 'antd';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { JSX as JSX_3 } from 'react';
+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_3 } from 'antd/es/menu';
+import { MenuProps as MenuProps_2 } from 'antd/es/menu';
 import { ModalProps as ModalProps_2 } from 'antd';
 import { Pagination as Pagination_2 } from 'antd';
-import { PaginationFilters } from '../../../../../../../../../../src/interface/common';
+import { PaginationFilters } from '../../../../../../../../../../../src/interface/common';
 import { PaginationLocale } from 'rc-pagination';
 import { PaginationProps as PaginationProps_2 } from 'antd';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
@@ -93,7 +93,7 @@ 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 { TypeActionRowTable as TypeActionRowTable_2 } from '../../../../../../../../../../../../src/constants/table';
 import { UploadFile } from 'antd';
 import { UploadProps } from 'antd';
 import { UseFormReset } from 'react-hook-form';
@@ -102,7 +102,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_2.Element;
+export declare const ActionRowTable: ({ type, contentTooltip, handleClick, }: ActionRowTableProps) => JSX.Element;
 
 export declare interface ActionRowTableProps {
     type: TypeActionRowTable_2;
@@ -122,7 +122,7 @@ export declare const Anchor: typeof Anchor_2 & {
 
 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_2.ReactNode;
@@ -132,7 +132,7 @@ 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";
@@ -202,7 +202,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">[];
@@ -214,7 +214,16 @@ 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 type BreadcrumbType = {
+    name: string;
+    href: string;
+    submenu: {
+        name: string;
+        href: string;
+    };
+};
+
+export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX.Element;
 
 export declare interface BulkActionProps {
     quantity?: number;
@@ -234,17 +243,17 @@ 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 CategoryStatus: ({ status }: CategoryStatusProps) => JSX_2.Element;
+export declare const CategoryStatus: ({ status }: CategoryStatusProps) => JSX.Element;
 
 export declare interface CategoryStatusProps {
     status: number;
 }
 
-export declare const CheckboxField: (props: CheckboxFieldProps) => JSX_2.Element;
+export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.Element;
 
 export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
     field?: ControllerRenderProps<any, any>;
@@ -256,7 +265,7 @@ export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChang
     customStyleCheckbox?: string;
 }
 
-export declare const Col: (props: ColPropsUnion) => JSX_2.Element;
+export declare const Col: (props: ColPropsUnion) => JSX.Element;
 
 export declare interface ColProps extends ColProps_2, Partial<Record<Breakpoint, ColSpanType | ColSize>> {
 }
@@ -276,7 +285,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;
@@ -317,9 +326,9 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     size?: TSize;
 }
 
-export declare const DatePickerField: (props: DatePickerDMYProps) => JSX_2.Element;
+export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
 
-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>;
 
@@ -327,14 +336,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;
 
@@ -368,7 +377,7 @@ export declare interface ErrorBoundaryState {
     errorInfo: ErrorInfo | null;
 }
 
-export declare const ErrorMessage: default_2.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;
@@ -381,7 +390,7 @@ 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;
 
@@ -393,20 +402,20 @@ declare interface GroupHeadingButtonItem {
     keyActive: number;
 }
 
-export declare const Heading: (props: HeadingProps) => JSX_2.Element;
+export declare const Heading: (props: HeadingProps) => JSX.Element;
 
 export declare interface HeadingProps {
     rightContent?: ReactNode;
     children?: ReactNode;
     noBreadcum?: boolean;
     classNameWrapHeading?: string;
-    breadcrumbItems?: ItemType[];
+    menu: Array<MenuType>;
 }
 
 declare const Image_2: React.FC<ImageProps>;
 export { Image_2 as Image }
 
-export declare const Input: (props: InputProps) => JSX_2.Element;
+export declare const Input: (props: InputProps) => JSX.Element;
 
 export declare interface InputProps extends InputProps_2 {
     field?: ControllerRenderProps<any, any>;
@@ -429,7 +438,7 @@ declare const ItemGroup: ForwardRefExoticComponent<Omit<MenuItemGroupProps, "ref
 
 export declare type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
 
-export declare const Label: ({ label, required }: LabelProps) => JSX_2.Element;
+export declare const Label: ({ label, required }: LabelProps) => JSX.Element;
 
 export declare interface LabelProps {
     label: string;
@@ -448,49 +457,40 @@ export declare type LayoutProps = BaseProps_8 & BasicProps;
 
 export declare const Menu: CompoundedMenu;
 
-export declare type MenuComponentProps = ExtraProps & MenuProps_2;
+export declare type MenuComponentProps = ExtraProps & MenuProps;
 
 declare const MenuItem: FC<MenuItemProps>;
 
 export declare type MenuItemProps = MenuItemProps_2;
 
-export declare type MenuProps = {
-    name: string;
-    href: string;
-    icon: default_2.ReactNode;
-    current: boolean;
-    subMenu?: Array<{
-        name: string;
-        href: string;
-        icon: default_2.ReactNode;
-        children?: Array<{
-            name: string;
-            href: string;
-            icon?: default_2.ReactNode;
-        }>;
-    }>;
-};
-
-declare type MenuProps_2 = MenuProps_3;
+export declare type MenuProps = MenuProps_2;
 
-declare type MenuProps_4 = {
+export declare type MenuType = {
     name: string;
-    href: string;
-    icon: React.ReactNode;
-    current: boolean;
-    subMenu?: Array<{
+    path: string;
+    isShow: boolean;
+    isPrivateRoute?: boolean;
+    modules: {
         name: string;
-        href: string;
-        icon: React.ReactNode;
-        children?: Array<{
+        path: string;
+        icon?: ReactNode;
+        component: typeof default_2.Component | default_2.FC;
+        subMenu?: Array<{
             name: string;
-            href: string;
-            icon?: React.ReactNode;
+            path: string;
+            icon: ReactNode;
+            component: typeof default_2.Component | default_2.FC;
+            children?: Array<{
+                name: string;
+                path: string;
+                icon: ReactNode;
+                component: typeof default_2.Component | default_2.FC;
+            }>;
         }>;
-    }>;
+    }[];
 };
 
-export declare const Modal: ({ children, ...rest }: ModalProps) => JSX_2.Element;
+export declare const Modal: ({ children, ...rest }: ModalProps) => JSX.Element;
 
 export declare interface ModalProps extends ModalProps_2 {
     children?: ReactNode;
@@ -532,7 +532,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_2.Element;
+    render(): JSX.Element;
 }
 
 export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -545,13 +545,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;
 
@@ -566,14 +566,14 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
     type?: TInputNumberType;
     prefix?: string;
     suffix?: string;
-    helperText?: () => JSX_3.Element | null;
+    helperText?: () => JSX_2.Element | null;
 }
 
 export declare const QRCode: React.FC<QRCodeProps>;
 
 export declare type QRCodeProps = QRCodeProps_2;
 
-export declare const RadioGroup: (props: RadioProps) => JSX_2.Element;
+export declare const RadioGroup: (props: RadioProps) => JSX.Element;
 
 export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -586,7 +586,7 @@ export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "o
     position?: TPositionRadio;
 }
 
-export declare const RangePickerField: (props: RangePickerFieldProps) => JSX_2.Element;
+export declare const RangePickerField: (props: RangePickerFieldProps) => JSX.Element;
 
 export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -600,13 +600,13 @@ export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "v
 
 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;
@@ -614,7 +614,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: {
@@ -636,7 +636,7 @@ export declare const Segmented: React.FC<SegmentedProps>;
 
 export declare type SegmentedProps = SegmentedProps_2;
 
-export declare const Select: (props: SelectFieldProps) => JSX_2.Element;
+export declare const Select: (props: SelectFieldProps) => JSX.Element;
 
 export declare interface SelectFieldProps extends SelectProps {
     field?: ControllerRenderProps<any, any>;
@@ -649,18 +649,18 @@ export declare interface SelectFieldProps extends SelectProps {
     classNameSelect?: string;
 }
 
-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;
-    menu: Array<MenuProps_4>;
+    children?: default_2.ReactNode;
+    menu: Array<MenuType>;
 }
 
 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";
@@ -675,7 +675,7 @@ 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;
 
@@ -703,7 +703,7 @@ declare const SubMenu: FC<SubMenuProps>;
 
 export declare type SubMenuProps = SubMenuProps_2;
 
-export declare const Switch: (props: SwitchProps) => JSX_2.Element;
+export declare const Switch: (props: SwitchProps) => JSX.Element;
 
 export declare interface SwitchProps extends Omit<SwitchProps_2, "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -722,7 +722,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, handleClickGroupHeadingButtonItem, showIndexColumn, ...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, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, menu, groupHeadingButtonItems, handleClickGroupHeadingButtonItem, showIndexColumn, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -748,7 +748,8 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     setColumns?: (newColumns: TableColumnsType<T>) => void;
     renderHeadingSearch: () => ReactNode;
     rightHeadingContent: ReactNode;
-    menu: Array<MenuProps>;
+    menu: Array<MenuType>;
+    renderGroupHeadingButton: ReactNode;
     groupHeadingButtonItems: GroupHeadingButtonItem[];
     handleClickGroupHeadingButtonItem?: (value?: GroupHeadingButtonItem, e?: default_2.MouseEvent<HTMLElement, MouseEvent>) => void;
     showIndexColumn?: boolean;
@@ -787,7 +788,7 @@ declare type TInputNumberType = "number" | "money";
 export declare const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
 
 export declare const TinyMCE: {
-    (props: TinyProps): JSX_2.Element;
+    (props: TinyProps): JSX.Element;
     displayName: string;
 };
 
@@ -840,12 +841,12 @@ export declare enum TypeActionRowTable {
 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 UploadField: (props: UploadFieldProps) => JSX_2.Element;
+export declare const UploadField: (props: UploadFieldProps) => JSX.Element;
 
 export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
     field?: ControllerRenderProps<any, any>;
@@ -870,6 +871,6 @@ export declare const useToast: (defaultProps?: OptionalArgsToast) => {
     warning(props?: OptionalArgsToast): void;
 };
 
-export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX_2.Element;
+export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX.Element;
 
 export { }