@pnkx-lib/ui 1.9.52 → 1.9.53

package/es/chunks/{index-BBP53H2w.js → index-Di9hmOdF.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports, c as Icon, _ as _extends, d as _typeof, P as PnkxField, C as CheckboxField, u as useForm, e as classNames, I as Input, f as _arrayLikeToArray, h as _unsupportedIterableToArray, w as warningOnce, i as _createClass, k as _classCallCheck, l as _defineProperty, m as _slicedToArray, n as warning$1, o as canUseDom, p as _objectSpread2, q as updateCSS, r as removeCSS, s as _arrayWithHoles, t as _nonIterableRest, v as resetWarned$1, F as FastColor, x as generate, y as presetPrimaryColors, z as presetPalettes, A as _inherits, B as _createSuper, G as _assertThisInitialized, H as _objectWithoutProperties, J as IconContext } from './Switch-jt4L5Z_9.js';
+import { j as jsxRuntimeExports, d as get$1, s as set$1, e as appendErrors, f as Icon, _ as _extends, h as _typeof, P as PnkxField, C as CheckboxField, u as useForm, c as classNames, l as lodashExports, I as Input, i as _arrayLikeToArray, k as _unsupportedIterableToArray, w as warningOnce, m as _createClass, n as _classCallCheck, o as _defineProperty, p as _slicedToArray, q as warning$1, r as canUseDom, t as _objectSpread2, v as updateCSS, x as removeCSS, y as _arrayWithHoles, z as _nonIterableRest, A as resetWarned$1, F as FastColor, B as generate, G as presetPrimaryColors, H as presetPalettes, J as _inherits, K as _createSuper, M as _assertThisInitialized, N as _objectWithoutProperties, O as IconContext } from './Upload-D0erjks6.js';
 import { Button as Button$1, Cascader, Space as Space$1, Card, Skeleton as Skeleton$1, Modal as Modal$1, Badge as Badge$1, Breadcrumb as Breadcrumb$1, Tooltip as Tooltip$1, Divider as Divider$2, Popconfirm as Popconfirm$1, Typography, Table as Table$1, Tabs as Tabs$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, 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, 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';
@@ -27,6 +27,10 @@ const CascaderField = (props) => {
   ) });
 };
 
+const r=(t,r,o)=>{if(t&&"reportValidity"in t){const s=get$1(o,r);t.setCustomValidity(s&&s.message||""),t.reportValidity();}},o$1=(e,t)=>{for(const o in t.fields){const s=t.fields[o];s&&s.ref&&"reportValidity"in s.ref?r(s.ref,o,e):s&&s.refs&&s.refs.forEach(t=>r(t,o,e));}},s=(r,s)=>{s.shouldUseNativeValidation&&o$1(r,s);const n={};for(const o in r){const f=get$1(s.fields,o),c=Object.assign(r[o]||{},{ref:f&&f.ref});if(i(s.names||Object.keys(r),o)){const r=Object.assign({},get$1(n,o));set$1(r,"root",c),set$1(n,o,r);}else set$1(n,o,c);}return n},i=(e,t)=>{const r=n(t);return e.some(e=>n(e).match(`^${r}\\.\\d+`))};function n(e){return e.replace(/\]|\[/g,"")}
+
+function o(o,n,s$1){return void 0===s$1&&(s$1={}),function(a,i,c){try{return Promise.resolve(function(t,r){try{var u=(null!=n&&n.context&&"development"===process.env.NODE_ENV&&console.warn("You should not used the yup options context. Please, use the 'useForm' context object instead"),Promise.resolve(o["sync"===s$1.mode?"validateSync":"validate"](a,Object.assign({abortEarly:!1},n,{context:i}))).then(function(t){return c.shouldUseNativeValidation&&o$1({},c),{values:s$1.raw?Object.assign({},a):t,errors:{}}}));}catch(e){return r(e)}return u&&u.then?u.then(void 0,r):u}(0,function(e){if(!e.inner)throw e;return {values:{},errors:s((o=e,n=!c.shouldUseNativeValidation&&"all"===c.criteriaMode,(o.inner||[]).reduce(function(e,t){if(e[t.path]||(e[t.path]={message:t.message,type:t.type}),n){var o=e[t.path].types,s=o&&o[t.type];e[t.path]=appendErrors(t.path,n,e,t.type,s?[].concat(s,t.message):t.message);}return e},{})),c)};var o,n;}))}catch(e){return Promise.reject(e)}}}
+
 /*
 
 Based off glamor's StyleSheet, thanks Sunil ❤️
@@ -10103,7 +10107,7 @@ var CATEGORY_LIST_ENUM = /* @__PURE__ */ ((CATEGORY_LIST_ENUM2) => {
 })(CATEGORY_LIST_ENUM || {});
 
 const BulkAction = ({
-  quantity,
+  quantity = 0,
   handleRestore,
   handleSendApproval,
   handleCancelSendApproval,
@@ -10298,12 +10302,13 @@ const Table = ({
   renderHeadingSearch,
   rightHeadingContent,
   status,
+  schema,
   ...rest
 }) => {
   //! State
   const paginationConfig = {
     current: filters.PageIndex,
-    pageSize: filters.PageSize,
+    pageSize: filters?.PageSize,
     total: totalItems,
     showSizeChanger: true,
     showQuickJumper: true,
@@ -10317,16 +10322,21 @@ const Table = ({
   const rowSelection = {
     selectedRowKeys: rowsSelected,
     onChange: onSelect,
-    getCheckboxProps: (record) => ({
-      disabled: filters?.status
-      // Ví dụ: disable nếu tuổi > 40
+    getCheckboxProps: () => ({
+      disabled: !filters?.status
     })
   };
-  const { control, handleSubmit, reset } = useForm();
+  const { control, handleSubmit, reset } = useForm(
+    schema ? { resolver: o(schema) } : void 0
+  );
   const [data, setData] = useState([]);
   const [editingKey, setEditingKey] = useState("");
-  const getRowKeyValue = (record) => typeof rowKey === "function" ? rowKey(record) : record[rowKey];
   const isEditing = (record) => getRowKeyValue(record) === editingKey;
+  //! Function
+  useEffect(() => {
+    setData(Array.isArray(dataSource) ? dataSource : []);
+  }, [JSON.stringify(dataSource)]);
+  const getRowKeyValue = (record) => typeof rowKey === "function" ? rowKey(record) : record[rowKey];
   const edit = (record) => {
     reset(record);
     setEditingKey(getRowKeyValue(record));
@@ -10347,10 +10357,6 @@ const Table = ({
   const cancel = () => {
     setEditingKey("");
   };
-  //! Function
-  useEffect(() => {
-    setData(Array.isArray(dataSource) ? dataSource : []);
-  }, [JSON.stringify(dataSource)]);
   const columnsEditable = [
     ...columns,
     {
@@ -10464,6 +10470,7 @@ const Table = ({
         components: editable ? {
           body: { cell: EditableCell }
         } : void 0,
+        scroll: { y: 90 * 8 },
         ...rest
       }
     ),
@@ -10478,7 +10485,7 @@ const Table = ({
         setDefaultSettingColumnItems: setColumns
       }
     ),
-    rowsSelected?.length && rowsSelected?.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed bottom-1/100 left-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(BulkAction, { quantity: rowsSelected?.length || 0, status }) })
+    rowsSelected && !lodashExports.isEmpty(rowsSelected) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed bottom-1/100 left-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(BulkAction, { quantity: rowsSelected?.length, status }) })
   ] });
   const renderTableContent = () => {
     if (editable) {
@@ -14238,7 +14245,7 @@ function genStyleUtils(config) {
   };
 }
 
-const version = '5.25.1';
+const version = '5.25.0';
 
 function isStableColor(color) {
   return color >= 0 && color <= 255;

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/Switch-jt4L5Z_9.js';
-export { R as RadioGroup, S as Select } from '../chunks/Radio-CZubVPdR.js';
+export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, b as TinyMCE } from '../chunks/Upload-D0erjks6.js';
+export { R as RadioGroup, S as Select, a as SwitchField } from '../chunks/Switch-CDqr-O_3.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-BBP53H2w.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/Switch-jt4L5Z_9.js';
+export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from './chunks/index-Di9hmOdF.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/Upload-D0erjks6.js';
 import 'react-router';
 export { P as PAGE_INDEX, 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-B28OPA57.js';
-export { R as RadioGroup, S as Select } from './chunks/Radio-CZubVPdR.js';
+export { R as RadioGroup, S as Select, a as SwitchField } from './chunks/Switch-CDqr-O_3.js';
 export { u as useFiltersHandler, a as useMessage, b as useToggle } from './chunks/useToggle-C5Y4aFUQ.js';

package/es/ui/index.js

@@ -1,4 +1,4 @@
-export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, 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-BBP53H2w.js';
-export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/Switch-jt4L5Z_9.js';
+export { Z as ActionRowTable, A as Alert, E as Anchor, G as Appfix, I as AutoComplete, e as Badge, g as Breadcrumb, U as BulkAction, B as Button, C as CascaderField, Y as CategoryStatus, f as Col, V as ConfirmModal, d as Container, o as Divider, q as Drawer, D as Dropdown, N as Empty, X as ErrorBoundary, F as Flex, H as Heading, O as Image, L as Layout, j as Menu, M as Modal, k as Pagination, J as PnkxCollapse, K as PnkxColorPicker, r as Popconfirm, P as Popover, Q as QRCode, u as Rate, s as Result, R as Row, c as SearchFiltersForm, v as Segmented, m as Sidebar, S as Skeleton, h as Space, p as Spin, i as Splitter, w as Statistic, l as Steps, T as Table, b as Tabs, n as Tag, x as Timeline, a as Tooltip, y as Tour, z as Tree, W as Watermark, t as typeColorMap } from '../chunks/index-Di9hmOdF.js';
+export { E as ErrorMessage, L as Label, a as TINY_API, T as Typography } from '../chunks/Upload-D0erjks6.js';
 import 'react-router';
 export { P as PAGE_INDEX, 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-B28OPA57.js';

package/package.json

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

package/types/fields.d.ts

@@ -6,8 +6,8 @@ import { Dayjs } from 'dayjs';
 import { default as default_2 } from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { InputProps as InputProps_2 } from 'antd';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { JSX as JSX_3 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
 import { RadioGroupProps } from 'antd';
 import { RangePickerProps } from 'antd/es/date-picker';
 import * as React_2 from 'react';
@@ -20,7 +20,7 @@ import { UploadProps } from 'antd';
 import { UseFormSetValue } from 'react-hook-form';
 import { UseFormStateReturn } from 'react-hook-form';
 
-export declare const CheckboxField: (props: CheckboxFieldProps) => JSX_2.Element;
+export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.Element;
 
 export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
     field?: ControllerRenderProps<any, any>;
@@ -53,9 +53,9 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     size?: TSize;
 }
 
-export declare const DatePickerField: (props: DatePickerDMYProps) => JSX_2.Element;
+export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
 
-export declare const Input: (props: InputProps) => JSX_2.Element;
+export declare const Input: (props: InputProps) => JSX.Element;
 
 export declare interface InputProps extends InputProps_2 {
     field?: ControllerRenderProps<any, any>;
@@ -73,7 +73,7 @@ export declare interface InputProps extends InputProps_2 {
 }
 
 export declare class PnkxField<TComponent extends React_2.ComponentType<any>> extends React_2.PureComponent<PnkxFieldProps<TComponent>> {
-    render(): JSX_2.Element;
+    render(): JSX.Element;
 }
 
 export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -91,10 +91,10 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
     type?: TInputNumberType;
     prefix?: string;
     suffix?: string;
-    helperText?: () => JSX_3.Element | null;
+    helperText?: () => JSX_2.Element | null;
 }
 
-export declare const RadioGroup: (props: RadioProps) => JSX_2.Element;
+export declare const RadioGroup: (props: RadioProps) => JSX.Element;
 
 export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -107,7 +107,7 @@ export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "o
     position?: TPositionRadio;
 }
 
-export declare const RangePickerField: (props: RangePickerFieldProps) => JSX_2.Element;
+export declare const RangePickerField: (props: RangePickerFieldProps) => JSX.Element;
 
 export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -119,7 +119,7 @@ export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "v
     customStyleDatePicker?: string;
 }
 
-export declare const Select: (props: SelectFieldProps) => JSX_2.Element;
+export declare const Select: (props: SelectFieldProps) => JSX.Element;
 
 export declare interface SelectFieldProps extends SelectProps {
     field?: ControllerRenderProps<any, any>;
@@ -131,6 +131,8 @@ export declare interface SelectFieldProps extends SelectProps {
     customStyleContainer?: string;
 }
 
+export declare const SwitchField: (props: SwitchFieldProps) => JSX.Element;
+
 export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange" | "checked"> {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
@@ -153,7 +155,7 @@ export declare interface TextAreaProps extends TextAreaProps_2 {
 declare type TInputNumberType = "number" | "money";
 
 export declare const TinyMCE: {
-    (props: TinyProps): JSX_2.Element;
+    (props: TinyProps): JSX.Element;
     displayName: string;
 };
 

package/types/index.d.ts

@@ -42,15 +42,15 @@ import { ForwardRefExoticComponent } from 'react';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { ImageProps } from 'antd';
 import { InputProps as InputProps_2 } from 'antd';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
-import { JSX as JSX_3 } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { JSX as JSX_2 } from 'react';
 import { MenuDividerProps } from 'antd/es/menu';
 import { MenuItemGroupProps } from 'rc-menu/lib/MenuItemGroup';
 import { MenuItemProps as MenuItemProps_2 } from 'antd/es/menu';
 import { MenuProps as MenuProps_2 } 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 as PaginationFilters_2 } from '../../../../../../../../../../../src/components/hooks';
 import { PaginationLocale } from 'rc-pagination';
 import { PaginationProps as PaginationProps_2 } from 'antd';
 import { ParagraphProps } from 'antd/es/typography/Paragraph';
@@ -93,7 +93,7 @@ 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 { TypeActionRowTable as TypeActionRowTable_2 } from '../../../../../../../../../../../src/constants/table';
+import { TypeActionRowTable as TypeActionRowTable_2 } from '../../../../../../../../../../../../src/constants/table';
 import { UploadFile } from 'antd';
 import { UploadProps } from 'antd';
 import { UseFormReset } from 'react-hook-form';
@@ -101,8 +101,9 @@ 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;
+export declare const ActionRowTable: ({ type, contentTooltip, handleClick, }: ActionRowTableProps) => JSX.Element;
 
 export declare interface ActionRowTableProps {
     type: TypeActionRowTable_2;
@@ -122,7 +123,7 @@ export declare const Anchor: typeof Anchor_2 & {
 
 export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
 
-export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX_2.Element;
+export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
 
 export declare interface AppfixProps extends AffixProps {
     children: default_2.ReactNode;
@@ -132,7 +133,7 @@ export declare const AutoComplete: React.FC<AutoCompleteProps>;
 
 export declare type AutoCompleteProps = AutoCompleteProps_2;
 
-export declare const Badge: ({ type, children, customColor, ...rest }: BadgeProps) => JSX_2.Element;
+export declare const Badge: ({ type, children, customColor, ...rest }: BadgeProps) => JSX.Element;
 
 export declare interface BadgeProps extends BadgeProps_2 {
     type?: "error" | "info" | "success" | "warning";
@@ -202,7 +203,7 @@ declare type BaseProps_9 = {
     spaceClassName?: string;
 };
 
-export declare const Breadcrumb: (props: BreadcrumbPropsUnion) => JSX_2.Element;
+export declare const Breadcrumb: (props: BreadcrumbPropsUnion) => JSX.Element;
 
 export declare interface BreadcrumbItemType extends BreadcrumbItemType_2 {
     children?: Omit<BreadcrumbItemType, "children">[];
@@ -214,10 +215,10 @@ export declare type BreadcrumbPropsUnion = BaseProps_6 & BreadcrumbProps;
 
 export declare type BreadcrumbSeparatorType = BreadcrumbSeparatorType_2;
 
-export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX_2.Element;
+export declare const BulkAction: ({ quantity, handleRestore, handleSendApproval, handleCancelSendApproval, handleRefuseApproval, handleApproval, handleCancelApproval, handleDelete, handleActivate, handleInActivate, status, }: BulkActionProps) => JSX.Element;
 
 export declare interface BulkActionProps {
-    quantity: number;
+    quantity?: number;
     handleRestore?: () => void;
     handleSendApproval?: () => void;
     handleCancelSendApproval?: () => void;
@@ -234,17 +235,17 @@ export declare const Button: default_2.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
 
-export declare const CascaderField: (props: CascaderFieldProps) => JSX_2.Element;
+export declare const CascaderField: (props: CascaderFieldProps) => JSX.Element;
 
 export declare type CascaderFieldProps = BaseProps & (SingleCascaderProps | MultipleCascaderProps);
 
-export declare const CategoryStatus: ({ status }: CategoryStatusProps) => JSX_2.Element;
+export declare const CategoryStatus: ({ status }: CategoryStatusProps) => JSX.Element;
 
 export declare interface CategoryStatusProps {
     status: number;
 }
 
-export declare const CheckboxField: (props: CheckboxFieldProps) => JSX_2.Element;
+export declare const CheckboxField: (props: CheckboxFieldProps) => JSX.Element;
 
 export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChange" | "checked"> {
     field?: ControllerRenderProps<any, any>;
@@ -256,7 +257,7 @@ export declare interface CheckboxFieldProps extends Omit<CheckboxProps, "onChang
     customStyleCheckbox?: string;
 }
 
-export declare const Col: (props: ColPropsUnion) => JSX_2.Element;
+export declare const Col: (props: ColPropsUnion) => JSX.Element;
 
 export declare interface ColProps extends ColProps_2, Partial<Record<Breakpoint, ColSpanType | ColSize>> {
 }
@@ -276,7 +277,7 @@ declare type CompoundedMenu = FC<MenuComponentProps> & {
     ItemGroup: typeof ItemGroup;
 };
 
-export declare const ConfirmModal: ({ title, content, typeIcon, titleCancelBtn, titleSubmitBtn, handleCancel, handleSubmit, ...restProps }: ConfirmModalProps) => JSX_2.Element;
+export declare const ConfirmModal: ({ title, content, typeIcon, titleCancelBtn, titleSubmitBtn, handleCancel, handleSubmit, ...restProps }: ConfirmModalProps) => JSX.Element;
 
 export declare interface ConfirmModalProps extends ModalProps {
     title: string;
@@ -317,9 +318,9 @@ export declare interface DatePickerDMYProps extends Omit<ReactDatePickerProps, "
     size?: TSize;
 }
 
-export declare const DatePickerField: (props: DatePickerDMYProps) => JSX_2.Element;
+export declare const DatePickerField: (props: DatePickerDMYProps) => JSX.Element;
 
-export declare const Divider: ({ children, ...rest }: DividerProps) => JSX_2.Element;
+export declare const Divider: ({ children, ...rest }: DividerProps) => JSX.Element;
 
 declare const Divider_2: FC<MenuDividerProps>;
 
@@ -327,14 +328,14 @@ export declare interface DividerProps extends DividerProps_2 {
     children?: ReactNode | string;
 }
 
-export declare const Drawer: ({ onSubmit, children, ...rest }: DrawerProps) => JSX_2.Element;
+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_2.Element;
+export declare const Dropdown: (props: DropdownPropsUnion) => JSX.Element;
 
 export declare type DropdownButtonProps = DropdownButtonProps_2;
 
@@ -368,7 +369,7 @@ export declare interface ErrorBoundaryState {
     errorInfo: ErrorInfo | null;
 }
 
-export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX_2.Element | null>;
+export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
 
 export declare interface ErrorMessageProps {
     errorMessage?: string;
@@ -381,13 +382,13 @@ declare type ExtraProps = {
     menuClassName?: string;
 };
 
-export declare const Flex: (props: FlexPropsUnion) => JSX_2.Element;
+export declare const Flex: (props: FlexPropsUnion) => JSX.Element;
 
 export declare type FlexProps = FlexProps_2;
 
 export declare type FlexPropsUnion = BaseProps_7 & FlexProps;
 
-export declare const Heading: (props: HeadingProps) => JSX_2.Element;
+export declare const Heading: (props: HeadingProps) => JSX.Element;
 
 export declare interface HeadingProps {
     rightContent?: ReactNode;
@@ -402,7 +403,7 @@ export { Image_2 as Image }
 
 export declare type InitialFiltersSearch<T> = T & PaginationFilters;
 
-export declare const Input: (props: InputProps) => JSX_2.Element;
+export declare const Input: (props: InputProps) => JSX.Element;
 
 export declare interface InputProps extends InputProps_2 {
     field?: ControllerRenderProps<any, any>;
@@ -425,7 +426,7 @@ declare const ItemGroup: ForwardRefExoticComponent<Omit<MenuItemGroupProps, "ref
 
 export declare type ItemType = Partial<BreadcrumbItemType & BreadcrumbSeparatorType>;
 
-export declare const Label: ({ label, required }: LabelProps) => JSX_2.Element;
+export declare const Label: ({ label, required }: LabelProps) => JSX.Element;
 
 export declare interface LabelProps {
     label: string;
@@ -452,7 +453,7 @@ export declare type MenuItemProps = MenuItemProps_2;
 
 export declare type MenuProps = MenuProps_2;
 
-export declare const Modal: ({ children, ...rest }: ModalProps) => JSX_2.Element;
+export declare const Modal: ({ children, ...rest }: ModalProps) => JSX.Element;
 
 export declare interface ModalProps extends ModalProps_2 {
     children?: ReactNode;
@@ -499,7 +500,7 @@ 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_2.Element;
+    render(): JSX.Element;
 }
 
 export declare type PnkxFieldProps<TComponent extends React_2.ComponentType<any>> = {
@@ -512,13 +513,13 @@ export declare interface PnkxSpinProps extends SpinProps {
     children?: ReactNode;
 }
 
-export declare const Popconfirm: ({ children, ...rest }: PopconfirmProps) => JSX_2.Element;
+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_2.Element;
+export declare const Popover: (props: PopoverPropsUnion) => JSX.Element;
 
 export declare type PopoverProps = PopoverProps_2;
 
@@ -533,14 +534,14 @@ export declare interface PropsNumberFormat extends Omit<InputProps, "onChange" |
     type?: TInputNumberType;
     prefix?: string;
     suffix?: string;
-    helperText?: () => JSX_3.Element | null;
+    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_2.Element;
+export declare const RadioGroup: (props: RadioProps) => JSX.Element;
 
 export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -553,7 +554,7 @@ export declare interface RadioProps extends Omit<RadioGroupProps, "options" | "o
     position?: TPositionRadio;
 }
 
-export declare const RangePickerField: (props: RangePickerFieldProps) => JSX_2.Element;
+export declare const RangePickerField: (props: RangePickerFieldProps) => JSX.Element;
 
 export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "value" | "onChange"> {
     field?: ControllerRenderProps<any, any>;
@@ -567,13 +568,13 @@ export declare interface RangePickerFieldProps extends Omit<RangePickerProps, "v
 
 export declare const Rate: React.FC<RateProps>;
 
-export declare const Result: ({ children, ...rest }: ResultProps) => JSX_2.Element;
+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_2.Element;
+export declare const Row: (props: RowPropsUnion) => JSX.Element;
 
 declare interface RowCommon {
     [x: string]: any;
@@ -581,7 +582,7 @@ declare interface RowCommon {
 
 export declare type RowPropsUnion = BaseProps_4 & RowProps;
 
-export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => JSX_2.Element;
+export declare const SearchFiltersForm: <T extends FieldValues = FieldValues>({ initialValues, renderFilterFields, onSubmit, onReset, classNamesContainer, classNameWrapperForm, hideDefaultSubmit, hideResetButton, }: SearchFiltersFormProps<T> & Partial<UseFormReturn<T>>) => JSX.Element;
 
 export declare interface SearchFiltersFormProps<T extends FieldValues> {
     renderFilterFields?: (options: {
@@ -603,7 +604,7 @@ export declare const Segmented: React.FC<SegmentedProps>;
 
 export declare type SegmentedProps = SegmentedProps_2;
 
-export declare const Select: (props: SelectFieldProps) => JSX_2.Element;
+export declare const Select: (props: SelectFieldProps) => JSX.Element;
 
 export declare interface SelectFieldProps extends SelectProps {
     field?: ControllerRenderProps<any, any>;
@@ -615,7 +616,7 @@ export declare interface SelectFieldProps extends SelectProps {
     customStyleContainer?: string;
 }
 
-export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX_2.Element;
+export declare const Sidebar: ({ children, menu }: SidebarProps) => JSX.Element;
 
 export declare interface SidebarProps {
     children?: React.ReactNode;
@@ -636,7 +637,7 @@ declare type SingleCascaderProps = CascaderProps<DefaultOptionType, string> & {
     multiple?: false;
 };
 
-export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX_2.Element;
+export declare const Skeleton: ({ type, skeletonButtonCount }: SkeletonProps) => JSX.Element;
 
 export declare interface SkeletonProps extends SkeletonProps_2 {
     type?: "table" | "form";
@@ -651,7 +652,7 @@ export declare const Space: typeof Space_2;
 
 export declare type SpacePropsUnion = BaseProps_9 & SpaceProps;
 
-export declare const Spin: ({ children, ...rest }: PnkxSpinProps) => JSX_2.Element;
+export declare const Spin: ({ children, ...rest }: PnkxSpinProps) => JSX.Element;
 
 export declare const Splitter: typeof Splitter_2;
 
@@ -679,6 +680,8 @@ declare const SubMenu: FC<SubMenuProps>;
 
 export declare type SubMenuProps = SubMenuProps_2;
 
+export declare const SwitchField: (props: SwitchFieldProps) => JSX.Element;
+
 export declare interface SwitchFieldProps extends Omit<SwitchProps, "onChange" | "checked"> {
     field?: ControllerRenderProps<any, any>;
     formState?: UseFormStateReturn<any>;
@@ -696,7 +699,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, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, status, ...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, className, editable, onSave, titleSettingTableModal, showSetting, setColumns, renderHeadingSearch, rightHeadingContent, status, schema, ...rest }: TableCommonProps<T>) => JSX.Element;
 
 export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
 
@@ -709,7 +712,9 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     columns: TableColumnsType<T>;
     loading?: boolean;
     totalItems: number;
-    filters: PaginationFilters_2;
+    filters: PaginationFilters_2 & {
+        status?: number;
+    };
     onChangePage: (page: number) => void;
     onChangePageSize: (size: number) => void;
     onSort?: (sortField: string | number | symbol) => void;
@@ -726,6 +731,7 @@ export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "column
     renderHeadingSearch: () => ReactNode;
     rightHeadingContent: ReactNode;
     status?: number;
+    schema?: yup.AnyObjectSchema;
 }
 
 export declare const Tabs: default_2.FC<TabsProps>;
@@ -761,7 +767,7 @@ declare type TInputNumberType = "number" | "money";
 export declare const TINY_API = "miai0qn3c79adm555yoxd9kz6j6a323ek760nf7qd81nv1p5";
 
 export declare const TinyMCE: {
-    (props: TinyProps): JSX_2.Element;
+    (props: TinyProps): JSX.Element;
     displayName: string;
 };
 
@@ -814,9 +820,9 @@ export declare enum TypeActionRowTable {
 export declare const typeColorMap: Record<NonNullable<BadgeProps["type"]>, string>;
 
 export declare const Typography: {
-    Title: (props: TitleProps) => JSX_2.Element;
-    Paragraph: (props: ParagraphProps) => JSX_2.Element;
-    Text: (props: TextProps) => JSX_2.Element;
+    Title: (props: TitleProps) => JSX.Element;
+    Paragraph: (props: ParagraphProps) => JSX.Element;
+    Text: (props: TextProps) => JSX.Element;
 };
 
 export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "onChange" | "fileList"> {
@@ -862,6 +868,6 @@ export declare const useToggle: () => {
     shouldRender: boolean;
 };
 
-export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX_2.Element;
+export declare const Watermark: ({ ...rest }: WatermarkProps) => JSX.Element;
 
 export { }