@pnkx-lib/ui 1.9.6 → 1.9.7

package/es/chunks/{Radio-D2me1zZ-.js → Radio-DA0U4ozV.js}

@@ -1,4 +1,4 @@
-import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-za5Skgtp.js';
+import { g as get, j as jsxRuntimeExports, L as Label, E as ErrorMessage, T as Typography } from './Switch-DQm0didM.js';
 import { Select as Select$1, Radio } from 'antd';
 
 const Select = (props) => {

package/es/chunks/{Switch-za5Skgtp.js → Switch-DQm0didM.js}

@@ -3495,8 +3495,6 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
     return result;
 };
 
-const useIsomorphicLayoutEffect$1 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-
 /**
  * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
  *
@@ -3541,8 +3539,10 @@ function useFormState(props) {
         isValid: false,
         errors: false,
     });
-    useIsomorphicLayoutEffect$1(() => control._subscribe({
-        name: name,
+    const _name = React__default.useRef(name);
+    _name.current = name;
+    React__default.useEffect(() => control._subscribe({
+        name: _name.current,
         formState: _localProxyFormState.current,
         exact,
         callback: (formState) => {
@@ -3552,7 +3552,7 @@ function useFormState(props) {
                     ...formState,
                 });
         },
-    }), [name, disabled, exact]);
+    }), [control, disabled, exact]);
     React__default.useEffect(() => {
         _localProxyFormState.current.isValid && control._setValid(true);
     }, [control]);
@@ -3592,17 +3592,19 @@ var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) =>
 function useWatch(props) {
     const methods = useFormContext();
     const { control = methods.control, name, defaultValue, disabled, exact, } = props || {};
+    const _name = React__default.useRef(name);
     const _defaultValue = React__default.useRef(defaultValue);
-    const [value, updateValue] = React__default.useState(control._getWatch(name, _defaultValue.current));
-    useIsomorphicLayoutEffect$1(() => control._subscribe({
-        name: name,
+    _name.current = name;
+    React__default.useEffect(() => control._subscribe({
+        name: _name.current,
         formState: {
             values: true,
         },
         exact,
         callback: (formState) => !disabled &&
-            updateValue(generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current)),
-    }), [name, control, disabled, exact]);
+            updateValue(generateWatchOutput(_name.current, control._names, formState.values || control._formValues, false, _defaultValue.current)),
+    }), [control, disabled, exact]);
+    const [value, updateValue] = React__default.useState(control._getWatch(name, defaultValue));
     React__default.useEffect(() => control._removeUnmounted());
     return value;
 }
@@ -4418,7 +4420,6 @@ function createFormControl(props = {}) {
     let _formState = {
         submitCount: 0,
         isDirty: false,
-        isReady: false,
         isLoading: isFunction$1(_options.defaultValues),
         isValidating: false,
         isSubmitted: false,
@@ -4433,7 +4434,7 @@ function createFormControl(props = {}) {
     };
     const _fields = {};
     let _defaultValues = isObject(_options.defaultValues) || isObject(_options.values)
-        ? cloneObject(_options.defaultValues || _options.values) || {}
+        ? cloneObject(_options.values || _options.defaultValues) || {}
         : {};
     let _formValues = _options.shouldUnregister
         ? {}
@@ -5484,7 +5485,6 @@ function useForm(props = {}) {
         validatingFields: {},
         errors: props.errors || {},
         disabled: props.disabled || false,
-        isReady: false,
         defaultValues: isFunction$1(props.defaultValues)
             ? undefined
             : props.defaultValues,
@@ -5502,37 +5502,12 @@ function useForm(props = {}) {
     }
     const control = _formControl.current.control;
     control._options = props;
-    useIsomorphicLayoutEffect$1(() => {
-        const sub = control._subscribe({
-            formState: control._proxyFormState,
-            callback: () => updateFormState({ ...control._formState }),
-            reRenderRoot: true,
-        });
-        updateFormState((data) => ({
-            ...data,
-            isReady: true,
-        }));
-        control._formState.isReady = true;
-        return sub;
-    }, [control]);
+    React__default.useLayoutEffect(() => control._subscribe({
+        formState: control._proxyFormState,
+        callback: () => updateFormState({ ...control._formState }),
+        reRenderRoot: true,
+    }), [control]);
     React__default.useEffect(() => control._disableForm(props.disabled), [control, props.disabled]);
-    React__default.useEffect(() => {
-        if (props.mode) {
-            control._options.mode = props.mode;
-        }
-        if (props.reValidateMode) {
-            control._options.reValidateMode = props.reValidateMode;
-        }
-        if (props.errors && !isEmptyObject(props.errors)) {
-            control._setErrors(props.errors);
-        }
-    }, [control, props.errors, props.mode, props.reValidateMode]);
-    React__default.useEffect(() => {
-        props.shouldUnregister &&
-            control._subjects.state.next({
-                values: control._getWatch(),
-            });
-    }, [control, props.shouldUnregister]);
     React__default.useEffect(() => {
         if (control._proxyFormState.isDirty) {
             const isDirty = control._getDirty();
@@ -5552,7 +5527,12 @@ function useForm(props = {}) {
         else {
             control._resetDefaultValues();
         }
-    }, [control, props.values]);
+    }, [props.values, control]);
+    React__default.useEffect(() => {
+        if (props.errors && !isEmptyObject(props.errors)) {
+            control._setErrors(props.errors);
+        }
+    }, [props.errors, control]);
     React__default.useEffect(() => {
         if (!control._state.mount) {
             control._setValid();
@@ -5564,6 +5544,12 @@ function useForm(props = {}) {
         }
         control._removeUnmounted();
     });
+    React__default.useEffect(() => {
+        props.shouldUnregister &&
+            control._subjects.state.next({
+                values: control._getWatch(),
+            });
+    }, [props.shouldUnregister, control]);
     _formControl.current.formState = getProxyFormState(formState, control);
     return _formControl.current;
 }

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, a as TinyMCE } from '../chunks/Switch-za5Skgtp.js';
-export { R as RadioGroup, S as Select } from '../chunks/Radio-D2me1zZ-.js';
+export { C as CheckboxField, D as DatePickerField, I as Input, P as PnkxField, R as RangePickerField, a as TinyMCE } from '../chunks/Switch-DQm0didM.js';
+export { R as RadioGroup, S as Select } from '../chunks/Radio-DA0U4ozV.js';

package/es/index.js

@@ -1,6 +1,5 @@
-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, 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/ErrorBoundary-C_kJ-GaS.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 TinyMCE, T as Typography } from './chunks/Switch-za5Skgtp.js';
-import 'react-router';
-export { R as RadioGroup, S as Select } from './chunks/Radio-D2me1zZ-.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, 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/CategoryStatus-vAUuA6Yb.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 TinyMCE, T as Typography } from './chunks/Switch-DQm0didM.js';
+export { R as RadioGroup, S as Select } from './chunks/Radio-DA0U4ozV.js';
 export { u as useToast } from './chunks/cloneDeep-BLYi2V0G.js';
 export { u as useFiltersHandler, a as useMessage } from './chunks/useMessage-D_-VT5B4.js';

package/es/ui/index.js

@@ -1,3 +1,2 @@
-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, 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/ErrorBoundary-C_kJ-GaS.js';
-export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-za5Skgtp.js';
-import 'react-router';
+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, 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/CategoryStatus-vAUuA6Yb.js';
+export { E as ErrorMessage, L as Label, T as Typography } from '../chunks/Switch-DQm0didM.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.6",
+  "version": "1.9.7",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -85,8 +85,7 @@
     "antd": "^5.24.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "tailwindcss": "^4.0.17",
-    "react-router": "^7.6.0"
+    "tailwindcss": "^4.0.17"
   },
   "dependencies": {
     "@ant-design/icons": "^5.6.1",
@@ -107,8 +106,9 @@
     "react-datepicker": "^4.16.0",
     "react-hook-form": "^7.54.2",
     "react-number-format": "^5.4.3",
+    "react-router": "^7.6.0",
     "tailwind-merge": "^3.3.0",
     "yup": "^1.6.1",
     "zustand": "^5.0.3"
   }
-}
+}

package/types/hooks.d.ts

@@ -1,14 +1,14 @@
-import { ArgsProps } from 'antd/es/notification';
-import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
+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_2> & {
-    type?: ArgsProps_2["type"];
+export declare type OptionalArgsMessage = Partial<ArgsProps> & {
+    type?: ArgsProps["type"];
 };
 
-export declare type OptionalArgsToast = Partial<ArgsProps> & {
+export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
     message?: React.ReactNode;
 };
 

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/es/notification';
-import { ArgsProps as ArgsProps_2 } from 'antd/lib/message';
+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';
@@ -23,8 +23,8 @@ 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_3 } from 'antd/es/anchor/AnchorLink';
+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';
@@ -105,7 +105,7 @@ export declare const Alert: React.FC<AlertProps>;
 export declare type AlertProps = AlertProps_2;
 
 export declare const Anchor: typeof Anchor_2 & {
-    Link: typeof default_3;
+    Link: typeof default_2;
 };
 
 export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
@@ -113,7 +113,7 @@ export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
 export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
 
 export declare interface AppfixProps extends AffixProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
 }
 
 export declare const AutoComplete: React.FC<AutoCompleteProps>;
@@ -218,7 +218,7 @@ export declare interface BulkActionProps {
     status?: number;
 }
 
-export declare const Button: default_2.FC<ButtonProps>;
+export declare const Button: default_3.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
 
@@ -272,15 +272,15 @@ export declare interface ConfirmModalProps extends ModalProps {
 
 export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
 
-export declare const Container: default_2.FC<ContainerProps>;
+export declare const Container: default_3.FC<ContainerProps>;
 
 export declare interface ContainerProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
     size?: TailwindMaxWidth;
     className?: string;
 }
 
-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>;
@@ -294,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;
 }
@@ -337,7 +337,7 @@ declare class ErrorBoundaryClass extends Component<ErrorBoundaryProps, ErrorBoun
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     handleReload: () => void;
-    render(): default_2.ReactNode;
+    render(): default_3.ReactNode;
 }
 
 export declare interface ErrorBoundaryProps {
@@ -350,7 +350,7 @@ export declare interface ErrorBoundaryState {
     errorInfo: ErrorInfo | null;
 }
 
-export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
+export declare const ErrorMessage: default_3.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
 
 export declare interface ErrorMessageProps {
     errorMessage?: string;
@@ -393,8 +393,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;
@@ -414,12 +414,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;
@@ -445,11 +445,11 @@ declare type MultipleCascaderProps = CascaderProps<DefaultOptionType, string, tr
     multiple: true;
 };
 
-export declare type OptionalArgsMessage = Partial<ArgsProps_2> & {
-    type?: ArgsProps_2["type"];
+export declare type OptionalArgsMessage = Partial<ArgsProps> & {
+    type?: ArgsProps["type"];
 };
 
-export declare type OptionalArgsToast = Partial<ArgsProps> & {
+export declare type OptionalArgsToast = Partial<ArgsProps_2> & {
     message?: React.ReactNode;
 };
 
@@ -567,7 +567,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;
@@ -661,14 +661,14 @@ 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;
 };
 
-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, ...rest }: TableCommonProps<T>) => JSX.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, ...rest }: TableCommonProps<T>) => JSX.Element;
 
-export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
+export declare type TableColumnsType<T> = TableColumnsType_2<T>;
 
 export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
     editable?: boolean;
@@ -676,26 +676,23 @@ export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
 
 export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
     dataSource: T[];
-    columns: TableColumnsType<T>;
+    columns: TableColumnsType<T> | TableColumnsTypeEditable<T>;
     loading?: boolean;
     totalItems: number;
     filters: any;
     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;
     editable?: boolean;
     onSave?: (data: T) => void;
-    titleSettingTableModal?: string;
-    showSetting?: boolean;
-    setColumns?: (newColumns: TableColumnsType<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[];
@@ -741,7 +738,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;
 
@@ -785,13 +782,13 @@ export declare interface UploadFieldProps extends Omit<UploadProps, "value" | "o
 
 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>>>;
+    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_2.Key[]) => void;
+    handleCheckBox: (newSelectedRowKeys: default_3.Key[]) => void;
     handleChangePage: (nextPage: number) => void;
     handleRequestSort: (sortField: string | number | symbol) => void;
     handleSearch: (nextFilters: InitialFiltersSearch<T>) => void;

package/types/ui.d.ts

@@ -17,8 +17,8 @@ import { ColProps as ColProps_2 } from 'antd';
 import { ColSize } from 'antd/es/grid';
 import { Component } from 'react';
 import { Control } from 'react-hook-form';
-import { default as default_2 } from 'react';
-import { default as default_3 } from 'antd/es/anchor/AnchorLink';
+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';
@@ -86,7 +86,7 @@ export declare const Alert: React.FC<AlertProps>;
 export declare type AlertProps = AlertProps_2;
 
 export declare const Anchor: typeof Anchor_2 & {
-    Link: typeof default_3;
+    Link: typeof default_2;
 };
 
 export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
@@ -94,7 +94,7 @@ export declare type AnchorPropsUnion = BaseProps_13 & AnchorProps;
 export declare const Appfix: ({ children, ...rest }: AppfixProps) => JSX.Element;
 
 export declare interface AppfixProps extends AffixProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
 }
 
 export declare const AutoComplete: React.FC<AutoCompleteProps>;
@@ -199,7 +199,7 @@ export declare interface BulkActionProps {
     status?: number;
 }
 
-export declare const Button: default_2.FC<ButtonProps>;
+export declare const Button: default_3.FC<ButtonProps>;
 
 export declare type ButtonProps = ButtonProps_2;
 
@@ -239,10 +239,10 @@ export declare interface ConfirmModalProps extends ModalProps {
 
 export declare type ConfirmModalType = "success" | "error" | "warning" | "info";
 
-export declare const Container: default_2.FC<ContainerProps>;
+export declare const Container: default_3.FC<ContainerProps>;
 
 export declare interface ContainerProps {
-    children: default_2.ReactNode;
+    children: default_3.ReactNode;
     size?: TailwindMaxWidth;
     className?: string;
 }
@@ -283,7 +283,7 @@ declare class ErrorBoundaryClass extends Component<ErrorBoundaryProps, ErrorBoun
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     handleReload: () => void;
-    render(): default_2.ReactNode;
+    render(): default_3.ReactNode;
 }
 
 export declare interface ErrorBoundaryProps {
@@ -296,7 +296,7 @@ export declare interface ErrorBoundaryState {
     errorInfo: ErrorInfo | null;
 }
 
-export declare const ErrorMessage: default_2.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
+export declare const ErrorMessage: default_3.MemoExoticComponent<({ errorMessage, isTouched, isSubmitted }: ErrorMessageProps) => JSX.Element | null>;
 
 export declare interface ErrorMessageProps {
     errorMessage?: string;
@@ -341,12 +341,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;
@@ -434,7 +434,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;
@@ -506,14 +506,14 @@ export declare type SubMenuProps = SubMenuProps_2;
 
 declare type TabItem = {
     key: string;
-    label: default_2.ReactNode;
-    children: default_2.ReactNode;
+    label: default_3.ReactNode;
+    children: default_3.ReactNode;
     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, ...rest }: TableCommonProps<T>) => JSX.Element;
+export declare const Table: <T extends RowCommon>({ dataSource, columns, loading, totalItems, filters, onChangePage, onChangePageSize, onSort, rowsSelected, onSelect, onRowClick, rowKey, className, editable, onSave, ...rest }: TableCommonProps<T>) => JSX.Element;
 
-export declare type TableColumnsType<T> = TableColumnsType_2<T> & TableColumnsTypeEditable<T>;
+export declare type TableColumnsType<T> = TableColumnsType_2<T>;
 
 export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
     editable?: boolean;
@@ -521,26 +521,23 @@ export declare type TableColumnsTypeEditable<T> = (ColumnTypes<T>[number] & {
 
 export declare interface TableCommonProps<T> extends Omit<TableProps<T>, "columns"> {
     dataSource: T[];
-    columns: TableColumnsType<T>;
+    columns: TableColumnsType<T> | TableColumnsTypeEditable<T>;
     loading?: boolean;
     totalItems: number;
     filters: any;
     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;
     editable?: boolean;
     onSave?: (data: T) => void;
-    titleSettingTableModal?: string;
-    showSetting?: boolean;
-    setColumns?: (newColumns: TableColumnsType<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[];
@@ -559,7 +556,7 @@ export declare const Timeline: React.FC<TimelineProps>;
 
 export declare type TimelineProps = TimelineProps_2;
 
-export declare const Tooltip: default_2.FC<TooltipProps>;
+export declare const Tooltip: default_3.FC<TooltipProps>;
 
 export declare type TooltipProps = TooltipProps_2;