@pnkx-lib/ui 1.9.82 → 1.9.84

package/es/chunks/{Switch-BL4ntIVa.js → Switch-BRvdbb0u.js}

@@ -1,4 +1,4 @@
-import { g as get, j as jsxRuntimeExports, L as Label, t as twMerge, E as ErrorMessage, T as Typography, c as Icon, _ as _extends, d as classNames } from './AntdIcon-BhLLkfpo.js';
+import { g as get, j as jsxRuntimeExports, L as Label, t as twMerge, E as ErrorMessage, T as Typography, c as Icon, _ as _extends, d as classNames } from './AntdIcon-CfjDMPv2.js';
 import { Select as Select$1, Radio, Upload, Image, Switch as Switch$1 } from 'antd';
 import * as React from 'react';
 import { useState } from 'react';

package/es/chunks/{index-BStcC2Jc.js → index-D_iOcbs8.js}

@@ -1,10 +1,10 @@
-import { j as jsxRuntimeExports, c as Icon, _ as _extends, e as _typeof, P as PnkxField, C as CheckboxField, t as twMerge, u as useForm, d as classNames, l as lodashExports, f as _arrayLikeToArray, h as _unsupportedIterableToArray, w as warningOnce, i as _createClass, k as _classCallCheck, m as _defineProperty, n as _slicedToArray, o as warning$1, p as canUseDom, q as _objectSpread2, r as updateCSS, s as removeCSS, v as _arrayWithHoles, x as _nonIterableRest, y as resetWarned$1, F as FastColor, z as generate, A as presetPrimaryColors, B as presetPalettes, G as _inherits, H as _createSuper, J as _assertThisInitialized, K as _objectWithoutProperties, M as IconContext, I as Input } from './AntdIcon-BhLLkfpo.js';
-import { Button as Button$1, Cascader, Modal as Modal$1, Badge as Badge$1, Breadcrumb as Breadcrumb$1, Tooltip as Tooltip$1, Divider as Divider$2, Table as Table$1, Tabs as Tabs$1, Space as Space$1, Card, Skeleton as Skeleton$1, Popover as Popover$1, Col as Col$1, Row as Row$1, Dropdown as Dropdown$1, Flex as Flex$1, Splitter as Splitter$1, Menu as Menu$1, Pagination as Pagination$1, Steps as Steps$1, Tag as Tag$1, Alert as Alert$1, Spin as Spin$1, Drawer as Drawer$1, Popconfirm as Popconfirm$1, QRCode as QRCode$1, Result as Result$1, Rate as Rate$1, Segmented as Segmented$1, Statistic as Statistic$1, Timeline as Timeline$1, Tour as Tour$1, Tree as Tree$1, Typography, Watermark as Watermark$1, Anchor as Anchor$1, Affix, AutoComplete as AutoComplete$1, Input as Input$1, Collapse, ColorPicker, Empty as Empty$2, Image as Image$1 } from 'antd';
+import { j as jsxRuntimeExports, c as Icon, _ as _extends, e as _typeof, P as PnkxField, C as CheckboxField, t as twMerge, u as useForm, d as classNames, l as lodashExports, f as _arrayLikeToArray, h as _unsupportedIterableToArray, w as warningOnce, i as _createClass, k as _classCallCheck, m as _defineProperty, n as _slicedToArray, o as warning$1, p as canUseDom, q as _objectSpread2, r as updateCSS, s as removeCSS, v as _arrayWithHoles, x as _nonIterableRest, y as resetWarned$1, F as FastColor, z as generate, A as presetPrimaryColors, B as presetPalettes, G as _inherits, H as _createSuper, J as _assertThisInitialized, K as _objectWithoutProperties, M as IconContext, I as Input } from './AntdIcon-CfjDMPv2.js';
+import { Button as Button$1, Cascader, Modal as Modal$1, Breadcrumb as Breadcrumb$1, Tooltip as Tooltip$1, Divider as Divider$2, Table as Table$1, Tabs as Tabs$1, Space as Space$1, Card, Skeleton as Skeleton$1, Popover as Popover$1, Badge as Badge$1, Col as Col$1, Row as Row$1, Dropdown as Dropdown$1, Flex as Flex$1, Splitter as Splitter$1, Menu as Menu$1, Pagination as Pagination$1, Steps as Steps$1, Tag as Tag$1, Alert as Alert$1, Spin as Spin$1, Drawer as Drawer$1, Popconfirm as Popconfirm$1, QRCode as QRCode$1, Result as Result$1, Rate as Rate$1, Segmented as Segmented$1, Statistic as Statistic$1, Timeline as Timeline$1, Tour as Tour$1, Tree as Tree$1, Typography, Watermark as Watermark$1, Anchor as Anchor$1, Affix, AutoComplete as AutoComplete$1, Input as Input$1, Collapse, ColorPicker, Empty as Empty$2, Image as Image$1 } from 'antd';
 import * as React from 'react';
 import React__default, { version as version$1, isValidElement, useLayoutEffect as useLayoutEffect$1, useEffect, useRef, useMemo as useMemo$1, useCallback, useState, createContext, memo, useReducer, useContext, Component } from 'react';
 import ReactDOM__default, { unstable_batchedUpdates, createPortal } from 'react-dom';
 import { useLocation, useNavigate } from 'react-router';
-import { u as useToast, T as TypeActionRowTable } from './table-CrhlYiL4.js';
+import { u as useToast } from './useToast-DL7nQTK1.js';
 
 const Button = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Button$1, { ...props });
@@ -5192,71 +5192,6 @@ const SettingTable = (props) => {
   );
 };
 
-const typeColorMap = {
-  error: "red",
-  info: "blue",
-  success: "green",
-  warning: "yellow"
-};
-const Badge = ({ type, children, customColor, ...rest }) => {
-  const color = type ? typeColorMap[type] : customColor;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge$1, { color, ...rest, children });
-};
-
-const groupHeadingButtonItems = [
-  { label: "Tất cả", value: 1155, keyActive: 1 },
-  { label: "Hoạt động", value: 15, keyActive: 2 },
-  { label: "Ngưng hoạt động", value: 16, keyActive: 3 },
-  { label: "Tạo mới", value: 12, keyActive: 4 },
-  { label: "Chờ duyệt", value: 43, keyActive: 5 },
-  { label: "Từ chối duyệt", value: 34, keyActive: 6 },
-  { label: "Đã xoá", value: 23, keyActive: 7 }
-];
-const ButtonBadge = (props) => {
-  const { label, value, active, setKeyActive, keyActive } = props;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Button,
-    {
-      className: twMerge(
-        "ml-1 mt-1  !rounded-[8px] !text-[12px]",
-        active ? "!border-[#007BE5] !bg-[#E5F4FF] !font-medium" : "!border-[white] !shadow-none"
-      ),
-      onClick: () => setKeyActive(keyActive),
-      children: [
-        label,
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Badge,
-          {
-            count: value,
-            color: `${active ? "#BDE3FF]" : "#EEEEF0"}`,
-            className: twMerge(
-              "!text-[#4D4D57] !rounded-[8px]",
-              active ? "customBadgeActive" : "customBadge"
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-const GroupHeadingButton = () => {
-  const [keyActive, setKeyActive] = useState(1);
-  const [items, setItems] = useState(
-    groupHeadingButtonItems
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pb-[15px]", children: items?.map((i, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    ButtonBadge,
-    {
-      label: i.label,
-      value: i.value,
-      active: i.keyActive === keyActive,
-      setKeyActive,
-      keyActive: i.keyActive
-    },
-    index
-  )) });
-};
-
 const Breadcrumb = (props) => {
   const { containerClassName, breadcrumbClassName, ...restProps } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb$1, { className: breadcrumbClassName, ...restProps }) });
@@ -5319,7 +5254,8 @@ const HeadingTable = (props) => {
     showSetting,
     renderHeadingSearch,
     rightHeadingContent,
-    breadCrumb
+    breadCrumb,
+    renderGroupHeadingButton
   } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Heading,
@@ -5331,7 +5267,7 @@ const HeadingTable = (props) => {
         renderHeadingSearch && renderHeadingSearch(),
         /* @__PURE__ */ jsxRuntimeExports.jsx(Divider$1, { className: "!my-5 !mb-4" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(GroupHeadingButton, {}),
+          renderGroupHeadingButton,
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             IconSettingTable,
             {
@@ -5634,6 +5570,7 @@ const Table = ({
   renderHeadingSearch,
   rightHeadingContent,
   menu,
+  renderGroupHeadingButton,
   showIndexColumn = true,
   ...rest
 }) => {
@@ -5771,7 +5708,8 @@ const Table = ({
         renderHeadingSearch,
         setOpenStting,
         showSetting,
-        breadCrumb: generateBreadcrumb
+        breadCrumb: generateBreadcrumb,
+        renderGroupHeadingButton
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -5986,6 +5924,17 @@ const Container = ({
   );
 };
 
+const typeColorMap = {
+  error: "red",
+  info: "blue",
+  success: "green",
+  warning: "yellow"
+};
+const Badge = ({ type, children, customColor, ...rest }) => {
+  const color = type ? typeColorMap[type] : customColor;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge$1, { color, ...rest, children });
+};
+
 const Col = (props) => {
   const { colClassName, ...restProps } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Col$1, { className: colClassName, ...restProps });
@@ -12771,6 +12720,27 @@ 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";
+  TypeActionRowTable2["UNDO"] = "UNDO";
+  TypeActionRowTable2["CANCELUNDO"] = "CANCELUNDO";
+  TypeActionRowTable2["CHECKIN"] = "CHECKIN";
+  TypeActionRowTable2["PRINT"] = "PRINT";
+  TypeActionRowTable2["PAYMENT"] = "PAYMENT";
+  TypeActionRowTable2["PLAY"] = "PLAY";
+  TypeActionRowTable2["PAUSE"] = "PAUSE";
+  TypeActionRowTable2["DOWNLOAD"] = "DOWNLOAD";
+  TypeActionRowTable2["VIEW"] = "VIEW";
+  return TypeActionRowTable2;
+})(TypeActionRowTable || {});
+
 const ActionRowTable = ({
   type,
   contentTooltip,
@@ -12808,4 +12778,4 @@ const ActionRowTable = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: renderAction() });
 };
 
-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, 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 };
+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 };

package/es/chunks/useMessage-CADDGtSx.js

@@ -0,0 +1,15 @@
+import { message } from 'antd';
+
+const useMessage = (defaultProps) => {
+  return (overrideProps) => {
+    const mergedProps = {
+      type: defaultProps?.type,
+      content: defaultProps?.content,
+      ...defaultProps,
+      ...overrideProps
+    };
+    message.open(mergedProps);
+  };
+};
+
+export { useMessage as u };

package/es/chunks/useToast-DL7nQTK1.js

@@ -0,0 +1,22 @@
+import { notification } from 'antd';
+
+const useToast = (defaultProps) => {
+  const toast = (overrideProps) => {
+    const { type = "info", ...rest } = { ...defaultProps, ...overrideProps };
+    const mergedProps = {
+      message: defaultProps?.message,
+      showProgress: true,
+      pauseOnHover: false,
+      ...defaultProps,
+      ...rest
+    };
+    notification[type](mergedProps);
+  };
+  toast.success = (props) => toast({ ...props, type: "success" });
+  toast.error = (props) => toast({ ...props, type: "error" });
+  toast.info = (props) => toast({ ...props, type: "info" });
+  toast.warning = (props) => toast({ ...props, type: "warning" });
+  return toast;
+};
+
+export { useToast as u };

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

@@ -1,2 +1,2 @@
-export { u as useToast } from '../chunks/table-CrhlYiL4.js';
-export { u as useFiltersHandler, a as useMessage } from '../chunks/useMessage-B2e_06XS.js';
+export { u as useToast } from '../chunks/useToast-DL7nQTK1.js';
+export { u as useMessage } from '../chunks/useMessage-CADDGtSx.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, 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, W as Watermark, t as typeColorMap } from './chunks/index-BStcC2Jc.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-BhLLkfpo.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-D_iOcbs8.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 { P as PAGE_NUMBER, b as PAGE_SIZE, c as SORT_BY, d as SORT_DESC, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable, u as useToast } from './chunks/table-CrhlYiL4.js';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from './chunks/Switch-BL4ntIVa.js';
-export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-B2e_06XS.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,4 +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, 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, W as Watermark, t as typeColorMap } from '../chunks/index-BStcC2Jc.js';
-export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-BhLLkfpo.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-D_iOcbs8.js';
+export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-CfjDMPv2.js';
 import 'react-router';
-export { P as PAGE_NUMBER, b as PAGE_SIZE, c as SORT_BY, d as SORT_DESC, S as START_PAGE, a as START_PAGE_SIZE, T as TypeActionRowTable } from '../chunks/table-CrhlYiL4.js';

package/package.json

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

package/types/hooks.d.ts

@@ -1,8 +1,5 @@
 import { ArgsProps } from 'antd/es/notification';
 import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
-import { default as default_2 } from 'react';
-
-export declare type InitialFiltersSearch<T> = T & PaginationFilters;
 
 export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
     type?: ArgsProps_2["type"];
@@ -13,25 +10,6 @@ export declare type OptionalArgsToast = Partial<ArgsProps> & {
     type?: "success" | "error" | "info" | "warning";
 };
 
-export declare interface PaginationFilters {
-    page_size: number;
-    page_number: number;
-}
-
-export declare const useFiltersHandler: <T>(initialFilters: InitialFiltersSearch<T>) => {
-    filters: InitialFiltersSearch<T>;
-    rowsSelected: default_2.Key[];
-    setRowsSelected: default_2.Dispatch<default_2.SetStateAction<default_2.Key[]>>;
-    setFilters: default_2.Dispatch<default_2.SetStateAction<InitialFiltersSearch<T>>>;
-    goToPage: (page_number: number) => void;
-    changeRowlimit: (value: number) => void;
-    resetToInitialFilters: () => void;
-    handleCheckBox: (newSelectedRowKeys: default_2.Key[]) => void;
-    handleChangePage: (nextPage: number) => void;
-    handleRequestSort: (sortField: string | number | symbol) => void;
-    handleSearch: (nextFilters: InitialFiltersSearch<T>) => void;
-};
-
 export declare const useMessage: (defaultProps?: OptionalArgsMessage) => (overrideProps?: OptionalArgsMessage) => void;
 
 export declare const useToast: (defaultProps?: OptionalArgsToast) => {

package/types/index.d.ts

@@ -50,7 +50,7 @@ import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
 import { MenuProps as MenuProps_3 } from 'antd/es/menu';
 import { ModalProps as ModalProps_2 } from 'antd';
 import { Pagination as Pagination_2 } from 'antd';
-import { PaginationFilters as PaginationFilters_2 } from '../../../../../../../../../../../src/components/hooks';
+import { PaginationFilters } from '../../../../../../../../../../../src/components/hooks';
 import { PaginationLocale } from 'rc-pagination';
 import { PaginationProps as PaginationProps_2 } from 'antd';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
@@ -400,8 +400,6 @@ export declare interface HeadingProps {
 declare const Image_2: React.FC<ImageProps>;
 export { Image_2 as Image }
 
-export declare type InitialFiltersSearch<T> = T & PaginationFilters;
-
 export declare const Input: (props: InputProps) => JSX.Element;
 
 export declare interface InputProps extends InputProps_2 {
@@ -515,11 +513,6 @@ export declare type PaginationConfig = Omit<PaginationProps, "rootClassName"> &
     position?: "top" | "bottom" | "both";
 };
 
-export declare interface PaginationFilters {
-    page_size: number;
-    page_number: number;
-}
-
 export { PaginationLocale }
 
 export declare type PaginationProps = PaginationProps_2;
@@ -723,7 +716,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, 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, renderGroupHeadingButton, showIndexColumn, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -734,7 +727,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     columns: TableColumnsType<T>;
     loading?: boolean;
     totalItems?: number;
-    filters: PaginationFilters_2 & {
+    filters: PaginationFilters & {
         status?: number;
     };
     onChangePage: (page: number) => void;
@@ -750,6 +743,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     renderHeadingSearch: () => ReactNode;
     rightHeadingContent: ReactNode;
     menu: Array<MenuProps>;
+    renderGroupHeadingButton: ReactNode;
     showIndexColumn?: boolean;
 }
 
@@ -859,20 +853,6 @@ export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "o
     afterOnChange?: (fileList: UploadFile[]) => void;
 }
 
-export declare const useFiltersHandler: <T>(initialFilters: InitialFiltersSearch<T>) => {
-    filters: InitialFiltersSearch<T>;
-    rowsSelected: default_2.Key[];
-    setRowsSelected: default_2.Dispatch<default_2.SetStateAction<default_2.Key[]>>;
-    setFilters: default_2.Dispatch<default_2.SetStateAction<InitialFiltersSearch<T>>>;
-    goToPage: (page_number: number) => void;
-    changeRowlimit: (value: number) => void;
-    resetToInitialFilters: () => void;
-    handleCheckBox: (newSelectedRowKeys: default_2.Key[]) => void;
-    handleChangePage: (nextPage: number) => void;
-    handleRequestSort: (sortField: string | number | symbol) => void;
-    handleSearch: (nextFilters: InitialFiltersSearch<T>) => void;
-};
-
 export declare const useMessage: (defaultProps?: OptionalArgsMessage) => (overrideProps?: OptionalArgsMessage) => void;
 
 export declare const useToast: (defaultProps?: OptionalArgsToast) => {

package/types/ui.d.ts

@@ -564,7 +564,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, 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, renderGroupHeadingButton, showIndexColumn, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -591,6 +591,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     renderHeadingSearch: () => ReactNode;
     rightHeadingContent: ReactNode;
     menu: Array<MenuProps>;
+    renderGroupHeadingButton: ReactNode;
     showIndexColumn?: boolean;
 }