@pnkx-lib/ui 1.9.86 → 1.9.88

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-CfjDMPv2.js';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from '../chunks/Switch-BRvdbb0u.js';
+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';

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-C9TMk2WQ.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';
+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-Bfh7aRFs.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';
 import 'react-router';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-BRvdbb0u.js';
+export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-Ch-t7bqG.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-C9TMk2WQ.js';
-export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-CfjDMPv2.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-Bfh7aRFs.js';
+export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-sydRpDMU.js';
 import 'react-router';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.86",
+  "version": "1.9.88",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -103,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",
@@ -111,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/index.d.ts

@@ -47,7 +47,7 @@ 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';
@@ -214,6 +214,15 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
+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 {
@@ -400,7 +409,7 @@ export declare interface HeadingProps {
     children?: ReactNode;
     noBreadcum?: boolean;
     classNameWrapHeading?: string;
-    breadcrumbItems?: ItemType[];
+    menu: Array<MenuType>;
 }
 
 declare const Image_2: React.FC<ImageProps>;
@@ -448,46 +457,38 @@ 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;
+    layout?: default_2.LazyExoticComponent<default_2.MemoExoticComponent<any>> | default_2.ExoticComponent<any> | typeof default_2.Component;
+    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.Element;
@@ -649,11 +650,16 @@ export declare interface SelectFieldProps extends SelectProps {
     classNameSelect?: string;
 }
 
-export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX.Element;
+export declare const Sidebar: ({ children, menu, userInfo }: SidebarProps) => JSX.Element;
 
 export declare interface SidebarProps {
-    children?: React.ReactNode;
-    menu: Array<MenuProps_4>;
+    children?: default_2.ReactNode;
+    menu: Array<MenuType>;
+    userInfo?: {
+        avatar: string;
+        name: string;
+        email: string;
+    };
 }
 
 declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
@@ -748,7 +754,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;

package/types/ui.d.ts

@@ -38,7 +38,7 @@ import { JSX } from 'react/jsx-runtime';
 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';
@@ -195,6 +195,15 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
+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 {
@@ -346,7 +355,7 @@ export declare interface HeadingProps {
     children?: ReactNode;
     noBreadcum?: boolean;
     classNameWrapHeading?: string;
-    breadcrumbItems?: ItemType[];
+    menu: Array<MenuType>;
 }
 
 declare const Image_2: React.FC<ImageProps>;
@@ -377,46 +386,38 @@ 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;
+    layout?: default_2.LazyExoticComponent<default_2.MemoExoticComponent<any>> | default_2.ExoticComponent<any> | typeof default_2.Component;
+    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.Element;
@@ -509,11 +510,16 @@ export declare const Segmented: React.FC<SegmentedProps>;
 
 export declare type SegmentedProps = SegmentedProps_2;
 
-export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX.Element;
+export declare const Sidebar: ({ children, menu, userInfo }: SidebarProps) => JSX.Element;
 
 export declare interface SidebarProps {
-    children?: React.ReactNode;
-    menu: Array<MenuProps_4>;
+    children?: default_2.ReactNode;
+    menu: Array<MenuType>;
+    userInfo?: {
+        avatar: string;
+        name: string;
+        email: string;
+    };
 }
 
 declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
@@ -596,7 +602,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;