@pnkx-lib/ui 1.9.83 → 1.9.85

package/es/chunks/{Switch-Dbw7Aemy.js → Switch-BpQVmWXF.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-bLE_HmL-.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-OdNt_XE3.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-Bp_HTq2H.js → index-BmfEnmGs.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-bLE_HmL-.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 { 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-OdNt_XE3.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 * 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,6 +5192,70 @@ 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 ButtonBadge = (props) => {
+  const {
+    buttonItem,
+    active,
+    handleClickGroupHeadingButtonItem,
+    setKeyActive
+  } = props;
+  const handleClick = (event) => {
+    handleClickGroupHeadingButtonItem && handleClickGroupHeadingButtonItem(buttonItem, event);
+    setKeyActive(buttonItem.keyActive);
+  };
+  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: handleClick,
+      children: [
+        buttonItem.label,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Badge,
+          {
+            count: buttonItem.value,
+            color: `${active ? "#BDE3FF]" : "#EEEEF0"}`,
+            className: twMerge(
+              "!text-[#4D4D57] !rounded-[8px]",
+              active ? "customBadgeActive" : "customBadge"
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+const GroupHeadingButton = (props) => {
+  const { handleClickGroupHeadingButtonItem, groupHeadingButtonItems } = props;
+  const [keyActive, setKeyActive] = useState(
+    groupHeadingButtonItems?.[0].keyActive
+  );
+  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
+    },
+    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 }) });
@@ -5255,7 +5319,8 @@ const HeadingTable = (props) => {
     renderHeadingSearch,
     rightHeadingContent,
     breadCrumb,
-    renderGroupHeadingButton
+    groupHeadingButtonItems,
+    handleClickGroupHeadingButtonItem
   } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Heading,
@@ -5267,7 +5332,13 @@ 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: [
-          renderGroupHeadingButton,
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            GroupHeadingButton,
+            {
+              groupHeadingButtonItems,
+              handleClickGroupHeadingButtonItem
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             IconSettingTable,
             {
@@ -5570,7 +5641,8 @@ const Table = ({
   renderHeadingSearch,
   rightHeadingContent,
   menu,
-  renderGroupHeadingButton,
+  groupHeadingButtonItems,
+  handleClickGroupHeadingButtonItem,
   showIndexColumn = true,
   ...rest
 }) => {
@@ -5709,7 +5781,8 @@ const Table = ({
         setOpenStting,
         showSetting,
         breadCrumb: generateBreadcrumb,
-        renderGroupHeadingButton
+        groupHeadingButtonItems,
+        handleClickGroupHeadingButtonItem
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -5924,17 +5997,6 @@ 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 });
@@ -12720,6 +12782,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,
@@ -12757,4 +12840,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-bLE_HmL-.js';
-export { R as RadioGroup, S as Select, a as Switch, U as UploadField } from '../chunks/Switch-Dbw7Aemy.js';
+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';

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-Bp_HTq2H.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-bLE_HmL-.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-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';
 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-Dbw7Aemy.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-BpQVmWXF.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-Bp_HTq2H.js';
-export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-bLE_HmL-.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-BmfEnmGs.js';
+export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/AntdIcon-OdNt_XE3.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.83",
+  "version": "1.9.85",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",

package/types/fields.d.ts

@@ -13,7 +13,7 @@ import { RangePickerProps } from 'antd/es/date-picker';
 import * as React_2 from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { SelectProps } from 'antd';
-import { SwitchProps } from 'antd';
+import { SwitchProps as SwitchProps_2 } from 'antd';
 import { TextAreaProps as TextAreaProps_2 } from 'antd/es/input';
 import { UploadFile } from 'antd';
 import { UploadProps } from 'antd';
@@ -128,12 +128,13 @@ export declare interface SelectFieldProps extends SelectProps {
     label?: string;
     required?: boolean;
     afterOnChange?: (value: any) => void;
-    customStyleContainer?: string;
+    classNameContainer?: string;
+    classNameSelect?: string;
 }
 
-export declare const SwitchField: (props: SwitchFieldProps) => JSX_2.Element;
+export declare const Switch: (props: SwitchProps) => JSX_2.Element;
 
-export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange"> {
+export declare interface SwitchProps extends Omit<SwitchProps_2, "onChange"> {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
     label?: string;
@@ -179,6 +180,8 @@ declare type TPositionRadio = "before" | "after";
 
 declare type TSize = "small" | "medium" | "large";
 
+export declare const UploadField: (props: UploadFieldProps) => JSX_2.Element;
+
 export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;

package/types/hooks.d.ts

@@ -1,37 +1,15 @@
-import { ArgsProps } from 'antd/lib/message';
-import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
-import { default as default_2 } from 'react';
+import { ArgsProps } from 'antd/es/notification';
+import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
 
-export declare type InitialFiltersSearch<T> = T & PaginationFilters;
-
-export declare type OptionalArgsMessage = Partial<ArgsProps> & {
-    type?: ArgsProps["type"];
+export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
+    type?: ArgsProps_2["type"];
 };
 
-export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
+export declare type OptionalArgsToast = Partial<ArgsProps> & {
     message?: React.ReactNode;
     type?: "success" | "error" | "info" | "warning";
 };
 
-export declare interface PaginationFilters {
-    PageSize: number;
-    PageIndex: 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: (PageIndex: 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) => {
@@ -42,10 +20,4 @@ export declare const useToast: (defaultProps?: OptionalArgsToast) => {
     warning(props?: OptionalArgsToast): void;
 };
 
-export declare const useToggle: () => {
-    open: boolean;
-    toggle: () => void;
-    shouldRender: boolean;
-};
-
 export { }

package/types/index.d.ts

@@ -2,8 +2,8 @@ import { AffixProps } from 'antd';
 import { AlertProps as AlertProps_2 } from 'antd';
 import { Anchor as Anchor_2 } from 'antd';
 import { AnchorProps } from 'antd';
-import { ArgsProps } from 'antd/lib/message';
-import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
+import { ArgsProps } from 'antd/es/notification';
+import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
 import { AutoCompleteProps as AutoCompleteProps_2 } from 'antd';
 import { BadgeProps as BadgeProps_2 } from 'antd';
 import { BasicProps } from 'antd/es/layout/layout';
@@ -47,10 +47,10 @@ import { JSX as JSX_3 } from 'react';
 import { MenuDividerProps } from 'antd/es/menu';
 import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
 import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
-import { MenuProps as MenuProps_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/interface/common';
 import { PaginationLocale } from 'rc-pagination';
 import { PaginationProps as PaginationProps_2 } from 'antd';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
@@ -81,7 +81,7 @@ import { StepProps as StepProps_2 } from 'antd';
 import { Steps as Steps_2 } from 'antd';
 import { StepsProps as StepsProps_2 } from 'antd';
 import { SubMenuProps as SubMenuProps_2 } from 'antd/es/menu';
-import { SwitchProps } from 'antd';
+import { SwitchProps as SwitchProps_2 } from 'antd';
 import { TableColumnsType as TableColumnsType_2 } from 'antd';
 import { TableProps } from 'antd/lib/table';
 import { TabsProps as TabsProps_2 } from 'antd';
@@ -101,7 +101,6 @@ import { UseFormReturn } from 'react-hook-form';
 import { UseFormSetValue } from 'react-hook-form';
 import { UseFormStateReturn } from 'react-hook-form';
 import { WatermarkProps } from 'antd';
-import * as yup from 'yup';
 
 export declare const ActionRowTable: ({ type, contentTooltip, handleClick, }: ActionRowTableProps) => JSX_2.Element;
 
@@ -388,6 +387,12 @@ export declare type FlexProps = FlexProps_2;
 
 export declare type FlexPropsUnion = BaseProps_7 & FlexProps;
 
+declare interface GroupHeadingButtonItem {
+    label: string;
+    value: number;
+    keyActive: number;
+}
+
 export declare const Heading: (props: HeadingProps) => JSX_2.Element;
 
 export declare interface HeadingProps {
@@ -401,8 +406,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_2.Element;
 
 export declare interface InputProps extends InputProps_2 {
@@ -445,13 +448,47 @@ export declare type LayoutProps = BaseProps_8 & BasicProps;
 
 export declare const Menu: CompoundedMenu;
 
-export declare type MenuComponentProps = ExtraProps & MenuProps;
+export declare type MenuComponentProps = ExtraProps & MenuProps_2;
 
 declare const MenuItem: FC<MenuItemProps>;
 
 export declare type MenuItemProps = MenuItemProps_2;
 
-export declare type MenuProps = MenuProps_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;
+
+declare type MenuProps_4 = {
+    name: string;
+    href: string;
+    icon: React.ReactNode;
+    current: boolean;
+    subMenu?: Array<{
+        name: string;
+        href: string;
+        icon: React.ReactNode;
+        children?: Array<{
+            name: string;
+            href: string;
+            icon?: React.ReactNode;
+        }>;
+    }>;
+};
 
 export declare const Modal: ({ children, ...rest }: ModalProps) => JSX_2.Element;
 
@@ -463,18 +500,18 @@ declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, tr
     multiple: true;
 };
 
-export declare type OptionalArgsMessage = Partial<ArgsProps> & {
-    type?: ArgsProps["type"];
+export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
+    type?: ArgsProps_2["type"];
 };
 
-export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
+export declare type OptionalArgsToast = Partial<ArgsProps> & {
     message?: React.ReactNode;
     type?: "success" | "error" | "info" | "warning";
 };
 
-export declare const PAGE_INDEX = "PageIndex";
+export declare const PAGE_NUMBER = "page_number";
 
-export declare const PAGE_SIZE = "PageSize";
+export declare const PAGE_SIZE = "page_size";
 
 export declare const Pagination: typeof Pagination_2;
 
@@ -482,11 +519,6 @@ export declare type PaginationConfig = Omit<PaginationProps, "rootClassName"> &
     position?: "top" | "bottom" | "both";
 };
 
-export declare interface PaginationFilters {
-    PageSize: number;
-    PageIndex: number;
-}
-
 export { PaginationLocale }
 
 export declare type PaginationProps = PaginationProps_2;
@@ -613,24 +645,15 @@ export declare interface SelectFieldProps extends SelectProps {
     label?: string;
     required?: boolean;
     afterOnChange?: (value: any) => void;
-    customStyleContainer?: string;
+    classNameContainer?: string;
+    classNameSelect?: string;
 }
 
 export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX_2.Element;
 
 export declare interface SidebarProps {
     children?: React.ReactNode;
-    menu: Array<{
-        name: string;
-        href: string;
-        icon: React.ReactNode;
-        current: boolean;
-        children?: Array<{
-            name: string;
-            href: string;
-            icon?: React.ReactNode;
-        }>;
-    }>;
+    menu: Array<MenuProps_4>;
 }
 
 declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
@@ -680,9 +703,9 @@ declare const SubMenu: FC<SubMenuProps>;
 
 export declare type SubMenuProps = SubMenuProps_2;
 
-export declare const SwitchField: (props: SwitchFieldProps) => JSX_2.Element;
+export declare const Switch: (props: SwitchProps) => JSX_2.Element;
 
-export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange"> {
+export declare interface SwitchProps extends Omit<SwitchProps_2, "onChange"> {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
     label?: string;
@@ -699,20 +722,18 @@ declare type TabItem = {
     disabled?: boolean;
 };
 
-export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, status, schema, breadCrumb, ...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_2.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
-export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
-    editable?: boolean;
-})[];
+export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {})[];
 
 export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
-    dataSource: T[];
+    dataSource?: T[];
     columns: TableColumnsType<T>;
     loading?: boolean;
-    totalItems: number;
-    filters: PaginationFilters_2 & {
+    totalItems?: number;
+    filters: PaginationFilters & {
         status?: number;
     };
     onChangePage: (page: number) => void;
@@ -722,17 +743,15 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onSelect: (newSelectedRowKeys: default_2.Key[]) => void;
     onRowClick?: (record: T) => void;
     rowKey?: string | ((record: T) => string);
-    className?: string;
-    editable?: boolean;
-    onSave?: (data: T) => void;
     titleSettingTableModal?: string;
     showSetting?: boolean;
     setColumns?: (newColumns: TableColumnsType<T>) => void;
     renderHeadingSearch: () => ReactNode;
     rightHeadingContent: ReactNode;
-    status?: number;
-    schema?: yup.AnyObjectSchema;
-    breadCrumb?: ItemType[];
+    menu: Array<MenuProps>;
+    groupHeadingButtonItems: GroupHeadingButtonItem[];
+    handleClickGroupHeadingButtonItem?: (value?: GroupHeadingButtonItem, e?: default_2.MouseEvent<HTMLElement, MouseEvent>) => void;
+    showIndexColumn?: boolean;
 }
 
 export declare const Tabs: default_2.FC<TabsProps>;
@@ -826,6 +845,8 @@ export declare const Typography: {
     Text: (props: TextProps) => JSX_2.Element;
 };
 
+export declare const UploadField: (props: UploadFieldProps) => JSX_2.Element;
+
 export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
@@ -839,20 +860,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: (PageIndex: 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) => {
@@ -863,12 +870,6 @@ export declare const useToast: (defaultProps?: OptionalArgsToast) => {
     warning(props?: OptionalArgsToast): void;
 };
 
-export declare const useToggle: () => {
-    open: boolean;
-    toggle: () => void;
-    shouldRender: boolean;
-};
-
 export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX_2.Element;
 
 export { }