@pnkx-lib/ui 1.9.89 → 1.9.91

package/es/chunks/{index-Bfh7aRFs.js → index-j4tEa8Fb.js}

@@ -5091,7 +5091,6 @@ const SettingTable = (props) => {
     setOpen(false);
   };
   const onSubmit = (data) => {
-    console.log("datasubmit", data);
     setOpen(false);
     if (setDefaultSettingColumnItems) {
       setDefaultSettingColumnItems(columns);
@@ -5204,15 +5203,9 @@ const Badge = ({ type, children, customColor, ...rest }) => {
 };
 
 const ButtonBadge = (props) => {
-  const {
-    buttonItem,
-    active,
-    handleClickGroupHeadingButtonItem,
-    setKeyActive
-  } = props;
-  const handleClick = (event) => {
-    handleClickGroupHeadingButtonItem && handleClickGroupHeadingButtonItem(buttonItem, event);
-    setKeyActive(buttonItem.keyActive);
+  const { buttonItem, active, setFilters, filters } = props;
+  const handleClick = () => {
+    setFilters({ ...filters, is_status: buttonItem?.is_status });
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Button,
@@ -5227,7 +5220,7 @@ const ButtonBadge = (props) => {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Badge,
           {
-            count: buttonItem.value,
+            count: buttonItem.quantity,
             color: `${active ? "#BDE3FF]" : "#EEEEF0"}`,
             className: twMerge(
               "!text-[#4D4D57] !rounded-[8px]",
@@ -5240,17 +5233,14 @@ const ButtonBadge = (props) => {
   );
 };
 const GroupHeadingButton = (props) => {
-  const { handleClickGroupHeadingButtonItem, groupHeadingButtonItems } = props;
-  const [keyActive, setKeyActive] = useState(
-    groupHeadingButtonItems?.[0].keyActive
-  );
+  const { groupHeadingButtonItems, setFilters, filters } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pb-[15px]", children: groupHeadingButtonItems?.map((i, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     ButtonBadge,
     {
       buttonItem: i,
-      active: i.keyActive === keyActive,
-      setKeyActive,
-      handleClickGroupHeadingButtonItem
+      active: i?.is_status === filters?.is_status,
+      setFilters,
+      filters
     },
     index
   )) });
@@ -5354,7 +5344,8 @@ const HeadingTable = (props) => {
     rightHeadingContent,
     menu,
     groupHeadingButtonItems,
-    handleClickGroupHeadingButtonItem
+    setFilters,
+    filters
   } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Heading,
@@ -5370,7 +5361,8 @@ const HeadingTable = (props) => {
             GroupHeadingButton,
             {
               groupHeadingButtonItems,
-              handleClickGroupHeadingButtonItem
+              setFilters,
+              filters
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -5676,17 +5668,17 @@ const Table = ({
   rightHeadingContent,
   menu,
   groupHeadingButtonItems,
-  handleClickGroupHeadingButtonItem,
   showIndexColumn = true,
+  setFilters,
   ...rest
 }) => {
-  const status = filters?.status;
+  const status = filters?.is_status;
   //! State
   const [data, setData] = useState([]);
   const [openSetting, setOpenStting] = useState(false);
   const paginationConfig = {
-    current: filters.page_number,
-    pageSize: filters.page_size,
+    current: filters?.page_number,
+    pageSize: filters?.page_size,
     total: totalItems,
     showSizeChanger: true,
     showQuickJumper: true,
@@ -5746,7 +5738,8 @@ const Table = ({
         showSetting,
         menu,
         groupHeadingButtonItems,
-        handleClickGroupHeadingButtonItem
+        setFilters,
+        filters
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -12178,8 +12171,14 @@ const Sidebar = ({ children, menu, userInfo }) => {
     setActiveMainMenu(path);
     router(path);
   };
-  const handleOpenSubmenu = (itemName) => {
-    setOpenSubmenu((prev) => prev === itemName ? null : itemName);
+  const handleOpenSubmenu = (item, hasChildren) => {
+    console.log("click", hasChildren);
+    const cleanPath = (...segments) => segments.map((s) => s.replace(/^\/+|\/+$/g, "")).filter(Boolean).join("/");
+    if (hasChildren) {
+      const fullPath = `/${cleanPath(pathUrl, item.path)}`;
+      router(fullPath);
+    }
+    setOpenSubmenu((prev) => prev === item.name ? null : item.name);
   };
   useEffect(() => {
     const filteredMenu = menu.filter((item) => item.isShow).flatMap((menu2) => {
@@ -12293,8 +12292,8 @@ const Sidebar = ({ children, menu, userInfo }) => {
                               },
                               className: twMerge(
                                 isActiveUrl ? "bg-[#FFFFFF] text-black hover:text-black" : "text-[#FFFFFF] hover:bg-[#FFFFFF] hover:text-black",
-                                "py-2 rounded-md mt-2 text-sm whitespace-nowrap leading-6 font-semibold relative z-10",
-                                collapse ? "pl-4 mr-2" : "rounded-bl-full rounded-tl-full justify-center",
+                                "py-2 rounded-md mt-2  text-sm whitespace-nowrap leading-6 font-semibold relative z-10",
+                                collapse ? "pl-4 mr-2 ml-2" : "rounded-bl-full rounded-tl-full justify-center",
                                 "flex items-center whitespace-nowrap gap-2"
                               ),
                               children: [
@@ -12393,7 +12392,7 @@ const Sidebar = ({ children, menu, userInfo }) => {
                           "a",
                           {
                             onClick: () => {
-                              handleOpenSubmenu(sub?.name);
+                              handleOpenSubmenu(sub, sub.children.length === 0);
                             },
                             className: twMerge(
                               "group flex gap-x-3 rounded-md p-2 text-gray-700 hover:bg-[#EEEEF0] mr-8 text-sm leading-6 transition-all duration-300 font-semibold items-center"
@@ -12401,12 +12400,17 @@ const Sidebar = ({ children, menu, userInfo }) => {
                             children: [
                               sub?.icon,
                               sub?.name,
-                              openSubmenu === sub?.name ? /* @__PURE__ */ jsxRuntimeExports.jsx(RefIcon, { className: twMerge("w-4 h-4 ml-auto") }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                              sub.children.length > 0 ? openSubmenu === sub?.name ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                                RefIcon,
+                                {
+                                  className: twMerge("w-4 h-4 ml-auto")
+                                }
+                              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
                                 RefIcon$7,
                                 {
                                   className: twMerge("w-4 h-4 ml-auto")
                                 }
-                              )
+                              ) : ""
                             ]
                           }
                         ),
@@ -12775,12 +12779,6 @@ const CategoryStatus = ({ status }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ItemStatus, { color: bagde?.color, statusName: bagde?.text });
 };
 
-const START_PAGE = 1;
-const START_PAGE_SIZE = 10;
-const PAGE_NUMBER = "page_number";
-const PAGE_SIZE = "page_size";
-const SORT_BY = "SortBy";
-const SORT_DESC = "SortDesc";
 var TypeActionRowTable = /* @__PURE__ */ ((TypeActionRowTable2) => {
   TypeActionRowTable2["DELETE"] = "DELETE";
   TypeActionRowTable2["EDIT"] = "EDIT";
@@ -12877,4 +12875,4 @@ const ActionRowTable = ({
   ] });
 };
 
-export { START_PAGE_SIZE as $, Alert as A, Button as B, CascaderField as C, Dropdown as D, Anchor as E, Flex as F, Appfix as G, Heading as H, AutoComplete as I, PnkxCollapse as J, PnkxColorPicker as K, Layout as L, Modal as M, Empty as N, Image as O, Popover as P, QRCode as Q, Row as R, Skeleton as S, Table as T, BulkAction as U, ConfirmModal as V, Watermark as W, ErrorBoundary as X, CategoryStatus as Y, ActionRowTable as Z, START_PAGE as _, Tooltip as a, PAGE_NUMBER as a0, PAGE_SIZE as a1, SORT_BY as a2, SORT_DESC as a3, TypeActionRowTable as a4, Tabs as b, SearchFiltersForm as c, Container as d, Badge as e, Col as f, Breadcrumb as g, Space as h, Splitter as i, Menu as j, Pagination as k, Steps as l, Sidebar as m, Tag as n, Divider$1 as o, Spin as p, Drawer as q, Popconfirm as r, Result as s, typeColorMap as t, Rate as u, Segmented as v, Statistic as w, Timeline as x, Tour as y, Tree as z };
+export { Alert as A, Button as B, CascaderField as C, Dropdown as D, Anchor as E, Flex as F, Appfix as G, Heading as H, AutoComplete as I, PnkxCollapse as J, PnkxColorPicker as K, Layout as L, Modal as M, Empty as N, Image as O, Popover as P, QRCode as Q, Row as R, Skeleton as S, Table as T, BulkAction as U, ConfirmModal as V, Watermark as W, ErrorBoundary as X, CategoryStatus as Y, ActionRowTable as Z, TypeActionRowTable as _, Tooltip as a, Tabs as b, SearchFiltersForm as c, Container as d, Badge as e, Col as f, Breadcrumb as g, Space as h, Splitter as i, Menu as j, Pagination as k, Steps as l, Sidebar as m, Tag as n, Divider$1 as o, Spin as p, Drawer as q, Popconfirm as r, Result as s, typeColorMap as t, Rate as u, Segmented as v, Statistic as w, Timeline as x, Tour as y, Tree as z };

package/es/index.js

@@ -1,4 +1,4 @@
-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 { 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, 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, 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, _ as TypeActionRowTable, W as Watermark, t as typeColorMap } from './chunks/index-j4tEa8Fb.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-Ch-t7bqG.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-Bfh7aRFs.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, 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, 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, _ as TypeActionRowTable, W as Watermark, t as typeColorMap } from '../chunks/index-j4tEa8Fb.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.89",
+  "version": "1.9.91",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/index.d.ts

@@ -41,6 +41,7 @@ import { FormEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 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';
@@ -50,7 +51,6 @@ import { MenuItemProps as MenuItemProps_2 } 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 { PaginationLocale } from 'rc-pagination';
 import { PaginationProps as PaginationProps_2 } from 'antd';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
@@ -398,8 +398,8 @@ export declare type FlexPropsUnion = BaseProps_7 & FlexProps;
 
 declare interface GroupHeadingButtonItem {
     label: string;
-    value: number;
-    keyActive: number;
+    quantity: number;
+    is_status: number;
 }
 
 export declare const Heading: (props: HeadingProps) => JSX.Element;
@@ -728,7 +728,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.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.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -739,9 +739,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     columns: TableColumnsType<T>;
     loading?: boolean;
     totalItems?: number;
-    filters: PaginationFilters & {
-        status?: number;
-    };
+    filters: InitialFiltersSearch<TFilters>;
     onChangePage: (page: number) => void;
     onChangePageSize: (size: number) => void;
     onSort?: (sortField: string | number | symbol) => void;
@@ -756,9 +754,9 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     rightHeadingContent: ReactNode;
     menu: Array<MenuType>;
     renderGroupHeadingButton: ReactNode;
-    groupHeadingButtonItems: GroupHeadingButtonItem[];
-    handleClickGroupHeadingButtonItem?: (value?: GroupHeadingButtonItem, e?: default_2.MouseEvent<HTMLElement, MouseEvent>) => void;
+    groupHeadingButtonItems?: GroupHeadingButtonItem[];
     showIndexColumn?: boolean;
+    setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
 }
 
 export declare const Tabs: default_2.FC<TabsProps>;
@@ -785,6 +783,10 @@ export declare interface TextAreaProps extends TextAreaProps_2 {
     required?: boolean;
 }
 
+export declare type TFilters = {
+    is_status?: number;
+};
+
 export declare const Timeline: React.FC<TimelineProps>;
 
 export declare type TimelineProps = TimelineProps_2;

package/types/ui.d.ts

@@ -34,6 +34,7 @@ import { FlexProps as FlexProps_2 } from 'antd';
 import { FormEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { ImageProps } from 'antd';
+import { InitialFiltersSearch } from '@pnkx-lib/core';
 import { JSX } from 'react/jsx-runtime';
 import { MenuDividerProps } from 'antd/es/menu';
 import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
@@ -41,7 +42,6 @@ import { MenuItemProps as MenuItemProps_2 } 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 { PaginationLocale } from 'rc-pagination';
 import { PaginationProps as PaginationProps_2 } from 'antd';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
@@ -344,8 +344,8 @@ export declare type FlexPropsUnion = BaseProps_7 & FlexProps;
 
 declare interface GroupHeadingButtonItem {
     label: string;
-    value: number;
-    keyActive: number;
+    quantity: number;
+    is_status: number;
 }
 
 export declare const Heading: (props: HeadingProps) => JSX.Element;
@@ -576,7 +576,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.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.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -587,9 +587,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     columns: TableColumnsType<T>;
     loading?: boolean;
     totalItems?: number;
-    filters: PaginationFilters & {
-        status?: number;
-    };
+    filters: InitialFiltersSearch<TFilters>;
     onChangePage: (page: number) => void;
     onChangePageSize: (size: number) => void;
     onSort?: (sortField: string | number | symbol) => void;
@@ -604,9 +602,9 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     rightHeadingContent: ReactNode;
     menu: Array<MenuType>;
     renderGroupHeadingButton: ReactNode;
-    groupHeadingButtonItems: GroupHeadingButtonItem[];
-    handleClickGroupHeadingButtonItem?: (value?: GroupHeadingButtonItem, e?: default_2.MouseEvent<HTMLElement, MouseEvent>) => void;
+    groupHeadingButtonItems?: GroupHeadingButtonItem[];
     showIndexColumn?: boolean;
+    setFilters: (nextFilter: InitialFiltersSearch<TFilters>) => void;
 }
 
 export declare const Tabs: default_2.FC<TabsProps>;
@@ -624,6 +622,10 @@ export declare interface TaglineProps extends TagProps {
 
 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 type TFilters = {
+    is_status?: number;
+};
+
 export declare const Timeline: React.FC<TimelineProps>;
 
 export declare type TimelineProps = TimelineProps_2;