@pnkx-lib/ui 1.5.6 → 1.5.8

package/es/chunks/{useMessage-CI2AYP0q.js → useMessage-D_-VT5B4.js}

@@ -1,11 +1,11 @@
-import React__default, { useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import { c as cloneDeep } from './cloneDeep-BLYi2V0G.js';
 import { P as PAGE_INDEX, S as START_PAGE, a as SORT_DESC, b as SORT_BY } from './common-b3FKGF0Y.js';
 import { message } from 'antd';
 
 const useFiltersHandler = (initialFilters) => {
-  const [filters, setFilters] = React__default.useState(initialFilters);
-  const [rowsSelected, setRowsSelected] = React__default.useState([]);
+  const [filters, setFilters] = useState(initialFilters || {});
+  const [rowsSelected, setRowsSelected] = useState([]);
   const goToPage = useCallback((PageIndex) => {
     setFilters((prev) => {
       const nextFilters = cloneDeep(prev);
@@ -92,4 +92,4 @@ const useMessage = (defaultProps) => {
 };
 
 export { useMessage as a, useFiltersHandler as u };
-//# sourceMappingURL=useMessage-CI2AYP0q.js.map
+//# sourceMappingURL=useMessage-D_-VT5B4.js.map

package/es/chunks/useMessage-D_-VT5B4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMessage-D_-VT5B4.js","sources":["../../src/components/hooks/useFiltersHandler.ts","../../src/components/hooks/useMessage.ts"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport {\n  PAGE_INDEX,\n  SORT_BY,\n  SORT_DESC,\n  START_PAGE,\n} from \"@src/constants/common\";\n\nexport interface PaginationFilters {\n  PageSize: number;\n  PageIndex: number;\n}\n\nexport type InitialFiltersSearch<T> = T & PaginationFilters;\n\nexport const useFiltersHandler = <T>(\n  initialFilters: InitialFiltersSearch<T>\n) => {\n  const [filters, setFilters] = useState(initialFilters || {});\n\n  const [rowsSelected, setRowsSelected] = useState<React.Key[]>([]);\n\n  const goToPage = useCallback((PageIndex: number) => {\n    setFilters((prev) => {\n      const nextFilters = cloneDeep(prev);\n      if (nextFilters) {\n        nextFilters[PAGE_INDEX] = PageIndex;\n      }\n\n      return nextFilters;\n    });\n  }, []);\n\n  const handleChangePage = useCallback((nextPage: number) => {\n    setFilters((prev) => {\n      const nextFilters = cloneDeep(prev);\n      if (nextFilters) {\n        nextFilters[PAGE_INDEX] = nextPage;\n      }\n      return nextFilters;\n    });\n    setRowsSelected([]);\n  }, []);\n\n  const changeRowlimit = useCallback((value: number) => {\n    setFilters((prev) => {\n      const nextValue = Number(value);\n      const nextFilters = cloneDeep(prev);\n\n      if (nextFilters) {\n        nextFilters[PAGE_INDEX] = nextValue;\n        nextFilters[PAGE_INDEX] = START_PAGE;\n      }\n\n      return nextFilters;\n    });\n  }, []);\n\n  const resetToInitialFilters = useCallback(() => {\n    setFilters(cloneDeep(initialFilters));\n  }, [initialFilters]);\n\n  const handleCheckBox = useCallback((newSelectedRowKeys: React.Key[]) => {\n    setRowsSelected(newSelectedRowKeys);\n  }, []);\n\n  const handleRequestSort = (sortField: string | number | symbol) => {\n    setFilters((prev) => {\n      const nextFilters = cloneDeep(prev);\n      if (nextFilters) {\n        if (SORT_DESC in nextFilters) {\n          const isAsc = nextFilters.SortDesc === false;\n          nextFilters[SORT_DESC] = isAsc;\n        }\n\n        if (SORT_BY in nextFilters) {\n          nextFilters[SORT_BY] = sortField;\n        }\n      }\n      return nextFilters;\n    });\n  };\n\n  const handleSearch = useCallback((nextFilters: InitialFiltersSearch<T>) => {\n    const nextFiltersTemp = cloneDeep(nextFilters);\n    if (PAGE_INDEX in nextFiltersTemp) {\n      nextFiltersTemp[PAGE_INDEX] = START_PAGE;\n    }\n\n    setFilters(nextFiltersTemp);\n  }, []);\n\n  return {\n    filters,\n    rowsSelected,\n    setRowsSelected,\n    setFilters,\n    goToPage,\n    changeRowlimit,\n    resetToInitialFilters,\n    handleCheckBox,\n    handleChangePage,\n    handleRequestSort,\n    handleSearch,\n  };\n};\n","import { message } from \"antd\";\nimport { ArgsProps } from \"antd/lib/message\";\n\nexport type OptionalArgsMessage = Partial<ArgsProps> & {\n  type?: ArgsProps[\"type\"];\n};\n\nexport const useMessage = (defaultProps?: OptionalArgsMessage) => {\n  return (overrideProps?: OptionalArgsMessage) => {\n    const mergedProps: ArgsProps = {\n      type: defaultProps?.type,\n      content: defaultProps?.content,\n      ...defaultProps,\n      ...overrideProps,\n    };\n    message.open(mergedProps);\n  };\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,iBAAA,GAAoB,CAC/B,cACG,KAAA;AACH,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAI,QAAS,CAAA,cAAA,IAAkB,EAAE,CAAA;AAE3D,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAsB,EAAE,CAAA;AAEhE,EAAM,MAAA,QAAA,GAAW,WAAY,CAAA,CAAC,SAAsB,KAAA;AAClD,IAAA,UAAA,CAAW,CAAC,IAAS,KAAA;AACnB,MAAM,MAAA,WAAA,GAAc,UAAU,IAAI,CAAA;AAClC,MAAA,IAAI,WAAa,EAAA;AACf,QAAA,WAAA,CAAY,UAAU,CAAI,GAAA,SAAA;AAAA;AAG5B,MAAO,OAAA,WAAA;AAAA,KACR,CAAA;AAAA,GACH,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,gBAAA,GAAmB,WAAY,CAAA,CAAC,QAAqB,KAAA;AACzD,IAAA,UAAA,CAAW,CAAC,IAAS,KAAA;AACnB,MAAM,MAAA,WAAA,GAAc,UAAU,IAAI,CAAA;AAClC,MAAA,IAAI,WAAa,EAAA;AACf,QAAA,WAAA,CAAY,UAAU,CAAI,GAAA,QAAA;AAAA;AAE5B,MAAO,OAAA,WAAA;AAAA,KACR,CAAA;AACD,IAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,GACpB,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,cAAA,GAAiB,WAAY,CAAA,CAAC,KAAkB,KAAA;AACpD,IAAA,UAAA,CAAW,CAAC,IAAS,KAAA;AACnB,MAAM,MAAA,SAAA,GAAY,OAAO,KAAK,CAAA;AAC9B,MAAM,MAAA,WAAA,GAAc,UAAU,IAAI,CAAA;AAElC,MAAA,IAAI,WAAa,EAAA;AACf,QAAA,WAAA,CAAY,UAAU,CAAI,GAAA,SAAA;AAC1B,QAAA,WAAA,CAAY,UAAU,CAAI,GAAA,UAAA;AAAA;AAG5B,MAAO,OAAA,WAAA;AAAA,KACR,CAAA;AAAA,GACH,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,qBAAA,GAAwB,YAAY,MAAM;AAC9C,IAAW,UAAA,CAAA,SAAA,CAAU,cAAc,CAAC,CAAA;AAAA,GACtC,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAM,MAAA,cAAA,GAAiB,WAAY,CAAA,CAAC,kBAAoC,KAAA;AACtE,IAAA,eAAA,CAAgB,kBAAkB,CAAA;AAAA,GACpC,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,iBAAA,GAAoB,CAAC,SAAwC,KAAA;AACjE,IAAA,UAAA,CAAW,CAAC,IAAS,KAAA;AACnB,MAAM,MAAA,WAAA,GAAc,UAAU,IAAI,CAAA;AAClC,MAAA,IAAI,WAAa,EAAA;AACf,QAAA,IAAI,aAAa,WAAa,EAAA;AAC5B,UAAM,MAAA,KAAA,GAAQ,YAAY,QAAa,KAAA,KAAA;AACvC,UAAA,WAAA,CAAY,SAAS,CAAI,GAAA,KAAA;AAAA;AAG3B,QAAA,IAAI,WAAW,WAAa,EAAA;AAC1B,UAAA,WAAA,CAAY,OAAO,CAAI,GAAA,SAAA;AAAA;AACzB;AAEF,MAAO,OAAA,WAAA;AAAA,KACR,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,YAAA,GAAe,WAAY,CAAA,CAAC,WAAyC,KAAA;AACzE,IAAM,MAAA,eAAA,GAAkB,UAAU,WAAW,CAAA;AAC7C,IAAA,IAAI,cAAc,eAAiB,EAAA;AACjC,MAAA,eAAA,CAAgB,UAAU,CAAI,GAAA,UAAA;AAAA;AAGhC,IAAA,UAAA,CAAW,eAAe,CAAA;AAAA,GAC5B,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,qBAAA;AAAA,IACA,cAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF;AACF;;ACnGa,MAAA,UAAA,GAAa,CAAC,YAAuC,KAAA;AAChE,EAAA,OAAO,CAAC,aAAwC,KAAA;AAC9C,IAAA,MAAM,WAAyB,GAAA;AAAA,MAC7B,MAAM,YAAc,EAAA,IAAA;AAAA,MACpB,SAAS,YAAc,EAAA,OAAA;AAAA,MACvB,GAAG,YAAA;AAAA,MACH,GAAG;AAAA,KACL;AACA,IAAA,OAAA,CAAQ,KAAK,WAAW,CAAA;AAAA,GAC1B;AACF;;;;"}

package/es/hooks/index.js

@@ -1,3 +1,3 @@
 export { u as useToast } from '../chunks/cloneDeep-BLYi2V0G.js';
-export { u as useFiltersHandler, a as useMessage } from '../chunks/useMessage-CI2AYP0q.js';
+export { u as useFiltersHandler, a as useMessage } from '../chunks/useMessage-D_-VT5B4.js';
 //# sourceMappingURL=index.js.map

package/es/index.js

@@ -1,6 +1,6 @@
-export { 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, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, 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/ConfirmModal-fbJXEktP.js';
+export { 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, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, 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/ConfirmModal-BB38ZWjg.js';
 export { D as DatePickerField, E as ErrorMessage, I as Input, L as Label, P as PnkxField, R as RangePickerField, a as TinyMCE, T as Typography } from './chunks/Switch-eMq9KkOy.js';
 export { C as CheckboxField, R as RadioGroup, S as Select } from './chunks/Checkbox-CJ_M7IzZ.js';
 export { u as useToast } from './chunks/cloneDeep-BLYi2V0G.js';
-export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-CI2AYP0q.js';
+export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-D_-VT5B4.js';
 //# sourceMappingURL=index.js.map

package/es/ui/index.js

@@ -1,3 +1,3 @@
-export { 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, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, 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/ConfirmModal-fbJXEktP.js';
+export { 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, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, 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/ConfirmModal-BB38ZWjg.js';
 export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-eMq9KkOy.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.5.6",
+  "version": "1.5.8",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
-  "types": "./types/index.d.ts",
   "exports": {
     ".": {
       "import": "./es/index.js",
@@ -24,6 +23,7 @@
       "types": "./types/hooks/index.d.ts"
     }
   },
+  "types": "./types/index.d.ts",
   "files": [
     "es",
     "types",

package/types/hooks.d.ts

@@ -1 +1,38 @@
+import { ArgsProps } from 'antd/lib/message';
+import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
+import { default as default_2 } from 'react';
+
+export declare type InitialFiltersSearch<T> = T & PaginationFilters;
+
+export declare type OptionalArgsMessage = Partial<ArgsProps> & {
+    type?: ArgsProps["type"];
+};
+
+export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
+    message?: React.ReactNode;
+};
+
+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) => (overrideProps?: OptionalArgsToast) => void;
+
 export { }

package/types/index.d.ts

@@ -1,3 +1,10 @@
+import { AffixProps } from 'antd';
+import { AlertProps as AlertProps_2 } from 'antd';
+import { Anchor as Anchor_2 } from 'antd';
+import { AnchorProps as AnchorProps_2 } from 'antd';
+import { ArgsProps } from 'antd/lib/message';
+import { ArgsProps as ArgsProps_2 } from 'antd/es/notification';
+import { AutoCompleteProps as AutoCompleteProps_2 } from 'antd';
 import { BadgeProps as BadgeProps_2 } from 'antd';
 import { BasicProps } from 'antd/es/layout/layout';
 import { BreadcrumbItemType as BreadcrumbItemType_2 } from 'antd/es/breadcrumb/Breadcrumb';
@@ -7,25 +14,31 @@ import { Breakpoint } from 'antd';
 import { ButtonProps as ButtonProps_2 } from 'antd';
 import { CascaderProps } from 'antd/es/cascader';
 import { CheckboxProps } from 'antd';
+import { CollapseProps } from 'antd';
+import { ColorPickerProps } from 'antd';
 import { ColProps as ColProps_2 } from 'antd';
 import { ColSize as ColSize_2 } from 'antd/es/grid';
 import { Control } from 'react-hook-form';
 import { ControllerFieldState } from 'react-hook-form';
 import { ControllerRenderProps } from 'react-hook-form';
 import { Dayjs } from 'dayjs';
-import { default as default_2 } from 'react';
+import { default as default_2 } from 'antd/es/anchor/AnchorLink';
+import { default as default_3 } from 'react';
 import { DefaultOptionType } from 'antd/es/cascader';
 import { DefaultValues } from 'react-hook-form';
 import { DividerProps as DividerProps_2 } from 'antd';
+import { DrawerProps as DrawerProps_2 } from 'antd';
 import { DropdownButtonProps as DropdownButtonProps_2 } from 'antd/es/dropdown';
 import { DropdownButtonType as DropdownButtonType_2 } from 'antd/es/dropdown';
 import { DropdownProps as DropdownProps_2 } from 'antd';
+import { EmptyProps as EmptyProps_2 } from 'antd';
 import { FC } from 'react';
 import { FieldValues } from 'react-hook-form';
 import { FlexProps as FlexProps_2 } from 'antd';
 import { FormEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
+import { ImageProps } from 'antd';
 import { InputProps as InputProps_2 } from 'antd';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
@@ -33,27 +46,34 @@ 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 { ModalProps } from 'antd';
+import { ModalProps as ModalProps_2 } from 'antd';
 import { Pagination as Pagination_2 } from 'antd';
 import { PaginationLocale } from 'rc-pagination';
 import { PaginationProps as PaginationProps_2 } from 'antd';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
+import { PopconfirmProps as PopconfirmProps_2 } from 'antd';
 import { PopoverProps as PopoverProps_2 } from 'antd';
+import { QRCodeProps as QRCodeProps_2 } from 'antd';
 import { RadioGroupProps } from 'antd';
 import { RangePickerProps } from 'antd/es/date-picker';
+import { RateProps } from 'antd';
 import * as React_2 from 'react';
 import { ReactDatePickerProps } from 'react-datepicker';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
+import { ResultProps as ResultProps_2 } from 'antd';
 import { RowProps as RowProps_2 } from 'antd';
+import { SegmentedProps as SegmentedProps_2 } from 'antd';
 import { SelectProps } from 'antd';
 import { SiderContextProps } from 'antd/es/layout/Sider';
 import { SiderProps } from 'antd/es/layout/Sider';
 import { SkeletonProps as SkeletonProps_2 } from 'antd';
 import { Space as Space_2 } from 'antd';
 import { SpaceProps as SpaceProps_2 } from 'antd';
+import { SpinProps } from 'antd';
 import { Splitter as Splitter_2 } from 'antd';
 import { SplitterProps as SplitterProps_2 } from 'antd';
+import { StatisticProps as StatisticProps_2 } from 'antd';
 import { StepProps as StepProps_2 } from 'antd';
 import { Steps as Steps_2 } from 'antd';
 import { StepsProps as StepsProps_2 } from 'antd';
@@ -65,14 +85,41 @@ import { TabsProps as TabsProps_2 } from 'antd';
 import { TagProps } from 'antd';
 import { TextAreaProps as TextAreaProps_2 } from 'antd/es/input';
 import { TextProps } from 'antd/es/typography/Text';
+import { TimelineProps as TimelineProps_2 } from 'antd';
 import { TitleProps } from 'antd/es/typography/Title';
 import { TooltipProps as TooltipProps_2 } from 'antd';
+import { TourProps as TourProps_2 } from 'antd';
+import { TreeProps as TreeProps_2 } from 'antd';
 import { UploadFile } from 'antd';
 import { UploadProps } from 'antd';
 import { UseFormReset } from 'react-hook-form';
 import { UseFormReturn } from 'react-hook-form';
 import { UseFormSetValue } from 'react-hook-form';
 import { UseFormStateReturn } from 'react-hook-form';
+import { WatermarkProps } from 'antd';
+
+export declare const Alert: React.FC<AlertProps>;
+
+export declare type AlertProps = AlertProps_2;
+
+export declare const Anchor: typeof Anchor_2 & {
+    Link: typeof default_2;
+};
+
+export declare interface AnchorProps extends AnchorProps_2 {
+}
+
+export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
+
+export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
+
+export declare interface AppfixProps extends AffixProps {
+    children: default_3.ReactNode;
+}
+
+export declare const AutoComplete: React.FC<AutoCompleteProps>;
+
+export declare type AutoCompleteProps = AutoCompleteProps_2;
 
 export declare const Badge: ({ type, children, ...rest }: BadgeProps) => JSX.Element;
 
@@ -101,6 +148,11 @@ declare type BaseProps_12 = {
     stepsClassName?: string;
 };
 
+declare type BaseProps_13 = {
+    containerClassName?: string;
+    spaceClassName?: string;
+};
+
 declare type BaseProps_2 = {
     containerClassName?: string;
     popoverClassName?: string;
@@ -150,7 +202,22 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
-export declare const Button: default_2.FC<ButtonProps>;
+export declare const BulkAction: ({ quantity, handleRefresh, handleSend, handleSlash, handleProhibit, handleCheck, handleClose, handleDelete, handleUnLock, handleLock, }: BulkActionProps) => JSX.Element;
+
+export declare interface BulkActionProps {
+    quantity: number;
+    handleRefresh?: () => void;
+    handleSend?: () => void;
+    handleSlash?: () => void;
+    handleProhibit?: () => void;
+    handleCheck?: () => void;
+    handleClose?: () => void;
+    handleDelete?: () => void;
+    handleUnLock?: () => void;
+    handleLock?: () => void;
+}
+
+export declare const Button: default_3.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
 
@@ -193,20 +260,27 @@ declare type CompoundedMenu = FC<MenuComponentProps> & {
     ItemGroup: typeof ItemGroup;
 };
 
-export declare const Container: default_2.FC<ContainerProps>;
+export declare const ConfirmModal: ({ title, content, typeIcon, titleCancelBtn, titleSubmitBtn, handleCancel, handleSubmit, ...restProps }: ConfirmModalProps) => JSX.Element;
+
+export declare interface ConfirmModalProps extends ModalProps {
+    title: string;
+    content: string;
+    titleCancelBtn?: string;
+    titleSubmitBtn?: string;
+    typeIcon: "success" | "error" | "warning" | "info";
+    handleCancel?: () => void;
+    handleSubmit?: () => void;
+}
+
+export declare const Container: default_3.FC<ContainerProps>;
 
 export declare interface ContainerProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
     size?: TailwindMaxWidth;
     className?: string;
 }
 
-export declare interface CustomeModalProps extends ModalProps {
-    children?: ReactNode;
-    onSubmit?: () => void;
-}
-
-declare type CustomInputTypeAttribute = default_2.HTMLInputTypeAttribute | "money";
+declare type CustomInputTypeAttribute = default_3.HTMLInputTypeAttribute | "money";
 
 export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -220,7 +294,7 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     label?: string;
     maxDate?: Date;
     showTimeSelect?: boolean;
-    customOnChange?: (date: any, event: default_2.SyntheticEvent<any>) => void;
+    customOnChange?: (date: any, event: default_3.SyntheticEvent<any>) => void;
     customValue?: Date | null;
     size?: TSize;
 }
@@ -235,6 +309,13 @@ export declare interface DividerProps extends DividerProps_2 {
     children?: ReactNode | string;
 }
 
+export declare const Drawer: ({ onSubmit, children, ...rest }: DrawerProps) => JSX.Element;
+
+export declare interface DrawerProps extends DrawerProps_2 {
+    children?: ReactNode;
+    onSubmit?: (values: any) => void;
+}
+
 export declare const Dropdown: (props: DropdownPropsUnion) => JSX.Element;
 
 export declare type DropdownButtonProps = DropdownButtonProps_2;
@@ -245,7 +326,11 @@ export declare type DropdownProps = DropdownProps_2;
 
 export declare type DropdownPropsUnion = BaseProps_5 & DropdownProps;
 
-export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
+export declare const Empty: React.FC<EmptyProps>;
+
+export declare type EmptyProps = EmptyProps_2;
+
+export declare const ErrorMessage: default_3.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
 
 export declare interface ErrorMessageProps {
     errorMessage?: string;
@@ -274,6 +359,11 @@ export declare interface HeadingProps {
     breadcrumbItems?: ItemType[];
 }
 
+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 {
@@ -283,8 +373,8 @@ export declare interface InputProps extends InputProps_2 {
     customStyleInput?: string;
     type?: CustomInputTypeAttribute;
     afterOnChange?: (value: number | string | null) => void;
-    iconStartInput?: default_2.ReactNode;
-    iconEndInput?: default_2.ReactNode;
+    iconStartInput?: default_3.ReactNode;
+    iconEndInput?: default_3.ReactNode;
     allowNegative?: boolean;
     decimalScale?: number;
     prefix?: string;
@@ -304,12 +394,12 @@ export declare interface LabelProps {
     required?: boolean;
 }
 
-export declare const Layout: default_2.FC<LayoutProps> & {
-    Header: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Footer: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Content: default_2.ForwardRefExoticComponent<BasicProps & default_2.RefAttributes<HTMLElement>>;
-    Sider: default_2.ForwardRefExoticComponent<SiderProps & default_2.RefAttributes<HTMLDivElement>>;
-    _InternalSiderContext: default_2.Context<SiderContextProps>;
+export declare const Layout: default_3.FC<LayoutProps> & {
+    Header: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Footer: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Content: default_3.ForwardRefExoticComponent<BasicProps & default_3.RefAttributes<HTMLElement>>;
+    Sider: default_3.ForwardRefExoticComponent<SiderProps & default_3.RefAttributes<HTMLDivElement>>;
+    _InternalSiderContext: default_3.Context<SiderContextProps>;
 };
 
 export declare type LayoutProps = BaseProps_8 & BasicProps;
@@ -326,18 +416,36 @@ export declare interface MenuItemProps extends MenuItemProps_2 {
 export declare interface MenuProps extends MenuProps_2 {
 }
 
-export declare const Modal: ({ children, onOk, onSubmit, ...rest }: CustomeModalProps) => JSX.Element;
+export declare const Modal: ({ children, onOk, onSubmit, ...rest }: ModalProps) => JSX.Element;
+
+export declare interface ModalProps extends ModalProps_2 {
+    children?: ReactNode;
+    onSubmit?: () => void;
+}
 
 declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, true> & {
     multiple: true;
 };
 
+export declare type OptionalArgsMessage = Partial<ArgsProps> & {
+    type?: ArgsProps["type"];
+};
+
+export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
+    message?: React.ReactNode;
+};
+
 export declare const Pagination: typeof Pagination_2;
 
 export declare type PaginationConfig = Omit<PaginationProps, "rootClassName"> & {
     position?: "top" | "bottom" | "both";
 };
 
+export declare interface PaginationFilters {
+    PageSize: number;
+    PageIndex: number;
+}
+
 export { PaginationLocale }
 
 export declare interface PaginationProps extends PaginationProps_2 {
@@ -345,6 +453,12 @@ export declare interface PaginationProps extends PaginationProps_2 {
 
 export declare type PaginationPropsUnion = BaseProps_11 & PaginationProps;
 
+export declare const PnkxCollapse: React.FC<PnkxCollapseProps>;
+
+export declare type PnkxCollapseProps = CollapseProps;
+
+export declare const PnkxColorPicker: React.FC<ColorPickerProps>;
+
 export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
     render(): JSX.Element;
 }
@@ -355,6 +469,16 @@ export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>
     component: TComponent;
 } & Omit<ComponentPropsType<TComponent>, "control" | "name" | "formState" | "field" | "fieldState">;
 
+export declare interface PnkxSpinProps extends SpinProps {
+    children?: ReactNode;
+}
+
+export declare const Popconfirm: ({ children, ...rest }: PopconfirmProps) => JSX.Element;
+
+export declare interface PopconfirmProps extends PopconfirmProps_2 {
+    children?: ReactNode;
+}
+
 export declare const Popover: (props: PopoverPropsUnion) => JSX.Element;
 
 export declare type PopoverProps = PopoverProps_2;
@@ -373,6 +497,10 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
     helperText?: () => JSX_2.Element | null;
 }
 
+export declare const QRCode: React.FC<QRCodeProps>;
+
+export declare type QRCodeProps = QRCodeProps_2;
+
 export declare const RadioGroup: (props: RadioProps) => JSX.Element;
 
 export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
@@ -398,6 +526,14 @@ export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "v
     customStyleDatePicker?: string;
 }
 
+export declare const Rate: React.FC<RateProps>;
+
+export declare const Result: ({ children, ...rest }: ResultProps) => JSX.Element;
+
+export declare interface ResultProps extends ResultProps_2 {
+    children?: ReactNode | string;
+}
+
 export declare const Row: (props: RowPropsUnion) => JSX.Element;
 
 declare interface RowCommon {
@@ -417,7 +553,7 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
         setValue?: UseFormSetValue<T>;
         handleSubmit?: FormEventHandler<any>;
         reset?: UseFormReset<T>;
-    }) => default_2.ReactNode;
+    }) => default_3.ReactNode;
     onReset?: () => void;
     classNamesContainer?: string;
     classNameWrapperForm?: string;
@@ -427,6 +563,10 @@ export declare interface SearchFiltersFormProps<T extends FieldValues> {
     onSubmit: (data: T) => void;
 }
 
+export declare const Segmented: React.FC<SegmentedProps>;
+
+export declare type SegmentedProps = SegmentedProps_2;
+
 export declare const Select: (props: SelectFieldProps) => JSX.Element;
 
 export declare interface SelectFieldProps extends SelectProps {
@@ -474,6 +614,8 @@ export declare interface SpaceProps extends SpaceProps_2 {
 
 export declare type SpacePropsUnion = BaseProps_9 & SpaceProps;
 
+export declare const Spin: ({ children, ...rest }: PnkxSpinProps) => JSX.Element;
+
 export declare const Splitter: typeof Splitter_2;
 
 export declare interface SplitterProps extends SplitterProps_2 {
@@ -481,6 +623,10 @@ export declare interface SplitterProps extends SplitterProps_2 {
 
 export declare type SplitterPropsUnion = BaseProps_10 & SplitterProps;
 
+export declare const Statistic: React.FC<StatisticProps>;
+
+export declare type StatisticProps = StatisticProps_2;
+
 export declare interface StepProps extends StepProps_2 {
 }
 
@@ -509,8 +655,8 @@ export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange" |
 
 declare type TabItem = {
     key: string;
-    label: default_2.ReactNode;
-    children: default_2.ReactNode;
+    label: default_3.ReactNode;
+    children: default_3.ReactNode;
     disabled?: boolean;
 };
 
@@ -531,8 +677,8 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onChangePage: (page: number) => void;
     onChangePageSize: (size: number) => void;
     onSort?: (sortField: string | number | symbol) => void;
-    rowsSelected?: default_2.Key[];
-    onSelect: (newSelectedRowKeys: default_2.Key[]) => void;
+    rowsSelected?: default_3.Key[];
+    onSelect: (newSelectedRowKeys: default_3.Key[]) => void;
     onRowClick?: (record: T) => void;
     rowKey?: string | ((record: T) => string);
     className?: string;
@@ -540,7 +686,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     onSave?: (data: T) => void;
 }
 
-export declare const Tabs: default_2.FC<TabsProps>;
+export declare const Tabs: default_3.FC<TabsProps>;
 
 export declare type TabsProps = TabsProps_2 & {
     items: TabItem[];
@@ -564,6 +710,10 @@ export declare interface TextAreaProps extends TextAreaProps_2 {
     required?: boolean;
 }
 
+export declare const Timeline: React.FC<TimelineProps>;
+
+export declare type TimelineProps = TimelineProps_2;
+
 declare type TInputNumberType = "number" | "money";
 
 export declare const TinyMCE: {
@@ -582,7 +732,7 @@ export declare interface TinyProps extends IAllProps {
     text_patterns?: any;
 }
 
-export declare const Tooltip: default_2.FC<TooltipProps>;
+export declare const Tooltip: default_3.FC<TooltipProps>;
 
 export declare type TooltipProps = TooltipProps_2;
 
@@ -591,8 +741,16 @@ declare type TOptionGRadio = {
     value: string | number;
 };
 
+export declare const Tour: React.FC<TourProps>;
+
+export declare type TourProps = TourProps_2;
+
 declare type TPositionRadio = "before" | "after";
 
+export declare const Tree: React.FC<TreeProps>;
+
+export declare type TreeProps = TreeProps_2;
+
 declare type TSize = "small" | "medium" | "large";
 
 export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
@@ -616,4 +774,24 @@ 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_3.Key[];
+    setRowsSelected: default_3.Dispatch<default_3.SetStateAction<default_3.Key[]>>;
+    setFilters: default_3.Dispatch<default_3.SetStateAction<InitialFiltersSearch<T>>>;
+    goToPage: (PageIndex: number) => void;
+    changeRowlimit: (value: number) => void;
+    resetToInitialFilters: () => void;
+    handleCheckBox: (newSelectedRowKeys: default_3.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) => (overrideProps?: OptionalArgsToast) => void;
+
+export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX.Element;
+
 export { }