sti-antd-package 0.0.39 → 0.0.41

package/dist/components/Button/Group/Add/types.d.ts

@@ -4,6 +4,9 @@ export interface ButtonGroupAddComponentProps {
     formColLayout?: FormColLayout;
     disabled?: boolean;
     loading?: boolean;
+    showTextbutton?: boolean;
+    textBack?: string;
+    textSave?: string;
     onBack?: ButtonComponentProps['onClick'];
     onSave?: ButtonComponentProps['onClick'];
     classNames?: string[];

package/dist/components/Button/Group/Edit/types.d.ts

@@ -7,6 +7,11 @@ export interface ButtonGroupEditComponentProps {
     allowEdit?: boolean;
     editing?: boolean;
     setEditing?: React.Dispatch<React.SetStateAction<boolean>>;
+    showTextbutton?: boolean;
+    textBack?: string;
+    textCancel?: string;
+    textSave?: string;
+    textEdit?: string;
     onBack?: ButtonComponentProps['onClick'];
     onSave?: ButtonComponentProps['onClick'];
     classNames?: string[];

package/dist/components/Table/Async/Component.d.ts

@@ -1,10 +1,12 @@
 import { TableAsyncSearchProviderProps } from "../../../context";
+import { TableComponentProps } from "../types";
 import { TableAsyncComponentRef, TableButtonMiddleAsync } from "./types";
 import { AnyObject } from "antd/es/_util/type";
 import { TableRowSelection } from "antd/es/table/interface";
 import React from "react";
-declare const _default: React.NamedExoticComponent<import("../types").TableComponentProps<AnyObject> & {
+declare const _default: React.NamedExoticComponent<TableComponentProps<AnyObject> & {
     buttonMiddle?: TableButtonMiddleAsync[];
+    buttonFilterText?: boolean;
     search?: boolean;
     searchOnChange?: boolean;
     noReload?: boolean;

package/dist/components/Table/Async/Search/types.d.ts

@@ -67,6 +67,7 @@ export type TableAsyncSearchItem = TableAsyncSearchText | TableAsyncSearchSelect
 export interface TableAsyncSearchComponentProps {
     noInitSubmit?: boolean;
     noButton?: boolean;
+    buttonText?: boolean;
     name?: string;
     items?: TableAsyncSearchItem[];
     header?: React.ReactNode;

package/dist/components/Table/Async/types.d.ts

@@ -73,6 +73,7 @@ export interface TableAsyncComponentRef {
 }
 export type TableAsyncComponentProps = TableComponentProps<AnyObject> & {
     buttonMiddle?: TableButtonMiddleAsync[];
+    buttonFilterText?: boolean;
     search?: boolean;
     searchOnChange?: boolean;
     noReload?: boolean;

package/dist/index.d.ts

@@ -117,6 +117,9 @@ interface ButtonGroupAddComponentProps {
     formColLayout?: FormColLayout;
     disabled?: boolean;
     loading?: boolean;
+    showTextbutton?: boolean;
+    textBack?: string;
+    textSave?: string;
     onBack?: ButtonComponentProps['onClick'];
     onSave?: ButtonComponentProps['onClick'];
     classNames?: string[];
@@ -135,6 +138,11 @@ interface ButtonGroupEditComponentProps {
     allowEdit?: boolean;
     editing?: boolean;
     setEditing?: React.Dispatch<React.SetStateAction<boolean>>;
+    showTextbutton?: boolean;
+    textBack?: string;
+    textCancel?: string;
+    textSave?: string;
+    textEdit?: string;
     onBack?: ButtonComponentProps['onClick'];
     onSave?: ButtonComponentProps['onClick'];
     classNames?: string[];
@@ -1022,6 +1030,7 @@ interface TableAsyncComponentRef {
 }
 type TableAsyncComponentProps = TableComponentProps<AnyObject> & {
     buttonMiddle?: TableButtonMiddleAsync[];
+    buttonFilterText?: boolean;
     search?: boolean;
     searchOnChange?: boolean;
     noReload?: boolean;
@@ -1035,6 +1044,7 @@ type TableAsyncComponentProps = TableComponentProps<AnyObject> & {
 
 declare const _default$2: React$1.NamedExoticComponent<TableComponentProps<AnyObject> & {
     buttonMiddle?: TableButtonMiddleAsync[];
+    buttonFilterText?: boolean;
     search?: boolean;
     searchOnChange?: boolean;
     noReload?: boolean;

package/dist/index.esm.js

@@ -3810,7 +3810,7 @@ function requireReactIs () {
 
 var reactIsExports = requireReactIs();
 
-const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, onBack, onSave, classNames, className, }) => {
+const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, showTextbutton, textBack, textSave, onBack, onSave, classNames, className, }) => {
     const saveMethod = onSave
         ? { onClick: onSave }
         : { htmlType: 'submit' };
@@ -3831,12 +3831,12 @@ const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, onBack, onS
         (className === null || className === void 0 ? void 0 : className.buttonBack) && classButtonBackNames.push(...className.buttonBack);
         return classButtonBackNames;
     }, [styleButton, className, onBack]);
-    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Back' }, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: { title: 'Save' }, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: className === null || className === void 0 ? void 0 : className.buttonSave, disabled: disabled, loading: loading }, saveMethod))] }));
+    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textBack !== null && textBack !== void 0 ? textBack : 'Back' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack, children: showTextbutton ? (textBack !== null && textBack !== void 0 ? textBack : 'Back') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: !showTextbutton ? { title: textSave !== null && textSave !== void 0 ? textSave : 'Save' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: className === null || className === void 0 ? void 0 : className.buttonSave, disabled: disabled, loading: loading, children: showTextbutton ? (textSave !== null && textSave !== void 0 ? textSave : 'Save') : undefined }, saveMethod))] }));
     return col ? (jsxRuntimeExports.jsx(Row, { children: jsxRuntimeExports.jsx(Col, Object.assign({}, col, { children: buttonGroup })) })) : buttonGroup;
 };
 var Component$7 = React__default.memo(ButtonGroupAddComponent);
 
-const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit = true, editing, setEditing, onBack, onSave, classNames, className, }) => {
+const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit = true, editing, setEditing, showTextbutton, textBack, textCancel, textSave, textEdit, onBack, onSave, classNames, className, }) => {
     const saveMethod = onSave
         ? { onClick: onSave }
         : { htmlType: 'submit' };
@@ -3875,7 +3875,7 @@ const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit
         (className === null || className === void 0 ? void 0 : className.buttonEdit) && classButtonEditNames.push(...className.buttonEdit);
         return classButtonEditNames;
     }, [styleButton, className, allowEdit, editing]);
-    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Back' }, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack }), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Cancel' }, icon: jsxRuntimeExports.jsx(RefIcon$d, {}), classNames: classButtonCancel, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(false) }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: { title: 'Save' }, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: classButtonSave, disabled: disabled, loading: loading }, saveMethod)), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Edit' }, icon: jsxRuntimeExports.jsx(RefIcon$a, {}), classNames: classButtonEdit, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(true) })] }));
+    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textBack !== null && textBack !== void 0 ? textBack : 'Back' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack, children: showTextbutton ? (textBack !== null && textBack !== void 0 ? textBack : 'Back') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$d, {}), classNames: classButtonCancel, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(false), children: showTextbutton ? (textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: !showTextbutton ? { title: textSave !== null && textSave !== void 0 ? textSave : 'Save' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: classButtonSave, disabled: disabled, loading: loading, children: showTextbutton ? (textSave !== null && textSave !== void 0 ? textSave : 'Save') : undefined }, saveMethod)), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$a, {}), classNames: classButtonEdit, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(true), children: showTextbutton ? (textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit') : undefined })] }));
     return col ? (jsxRuntimeExports.jsx(Row, { children: jsxRuntimeExports.jsx(Col, Object.assign({}, col, { children: buttonGroup })) })) : buttonGroup;
 };
 var Component$6 = React__default.memo(ButtonGroupEditComponent);
@@ -8441,7 +8441,7 @@ const styleProps = {
         md: 12,
     },
 };
-const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header, style, }) => {
+const TableAsyncSearchComponent = ({ noInitSubmit, noButton, buttonText, name, items, header, style, }) => {
     var _a;
     const { loading, filters, setFilters, filterReady, setFilterReady, setTableParams, tableParamsFormatter, drawerOpen, setDrawerOpen, multiSelectedOptions, setMultiSelectedOptions, } = useTableAsyncSearch();
     const filterStorage = getTableFilterStorage();
@@ -8547,7 +8547,7 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
                 text: item.text,
             })) })));
     };
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Filter' }, icon: jsxRuntimeExports.jsx(RefIcon$7, {}), classNames: [styleTableAsyncSearch['button-filter']], loading: loading, onClick: () => setDrawerOpen === null || setDrawerOpen === void 0 ? void 0 : setDrawerOpen(true), style: style }), jsxRuntimeExports.jsx(Drawer, Object.assign({ forceRender: true, title: drawerTitle, className: styleTableAsyncSearch['drawer-header'], placement: "top", open: drawerOpen, onClose: () => setDrawerOpen === null || setDrawerOpen === void 0 ? void 0 : setDrawerOpen(false) }, !noButton && {
+    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !buttonText ? { title: 'Filter' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$7, {}), classNames: [styleTableAsyncSearch['button-filter']], loading: loading, onClick: () => setDrawerOpen === null || setDrawerOpen === void 0 ? void 0 : setDrawerOpen(true), style: style, children: buttonText ? 'Filter' : undefined }), jsxRuntimeExports.jsx(Drawer, Object.assign({ forceRender: true, title: drawerTitle, className: styleTableAsyncSearch['drawer-header'], placement: "top", open: drawerOpen, onClose: () => setDrawerOpen === null || setDrawerOpen === void 0 ? void 0 : setDrawerOpen(false) }, !noButton && {
                 footer: (jsxRuntimeExports.jsx(Row, { justify: 'end', children: jsxRuntimeExports.jsxs("div", { style: { float: 'right' }, children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Filter Data' }, icon: jsxRuntimeExports.jsx(RefIcon$8, {}), type: 'primary', classNames: [styleTableAsyncSearch['button-filter-submit']], loading: loading, onClick: form.submit }), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Clear Field' }, icon: jsxRuntimeExports.jsx(RefIcon$4, {}), 
                                 // htmlType='reset'
                                 loading: loading, onClick: clearHandler })] }) })),
@@ -8575,8 +8575,8 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
 var TableAsyncSearchComponent$1 = React__default.memo(TableAsyncSearchComponent);
 
 const TableAsyncChildrenComponent = (_a) => {
-    var _b, _c, _d;
-    var { search, searchOnChange, rowSelect, noReload, filterFields, ref } = _a, props = __rest$5(_a, ["search", "searchOnChange", "rowSelect", "noReload", "filterFields", "ref"]);
+    var _b, _c;
+    var { buttonFilterText, search, searchOnChange, rowSelect, noReload, filterFields, ref } = _a, props = __rest$5(_a, ["buttonFilterText", "search", "searchOnChange", "rowSelect", "noReload", "filterFields", "ref"]);
     const { loading, filters, tableData, tableParams, setTableParams, tableSearch, setTableSearch, selectedRowKeys, setSelectedRowKeys, tableParamsFormatter, pagination, params, fetchData, } = useTableAsyncSearch();
     const buttonMiddle = ((_b = props.buttonMiddle) === null || _b === void 0 ? void 0 : _b.map((item) => {
         const { component } = item;
@@ -8591,13 +8591,22 @@ const TableAsyncChildrenComponent = (_a) => {
             component: cloneElement(component, additionalProps),
         };
     })) || props.buttonMiddle || [];
-    const buttonDelete = props.buttonDelete
-        ? {
-            buttonDelete: {
+    const buttons = {
+        buttonReload: !noReload
+            ? Object.assign(Object.assign({}, props.buttonReload), { onClick: fetchData })
+            : undefined,
+        buttonMiddle,
+        buttonDelete: props.buttonDelete
+            ? {
                 disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
                 onClick: (event) => { var _a, _b; return (_b = (_a = props.buttonDelete) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event, selectedRowKeys); },
+                text: props.buttonDelete.text,
             }
-        } : {};
+            : undefined,
+        buttonFilter: filterFields
+            ? (jsxRuntimeExports.jsx(TableAsyncSearchComponent$1, { buttonText: buttonFilterText, name: props.name, items: filterFields }))
+            : undefined,
+    };
     const handleSearchDataTableChange = (event, onChange = false) => {
         const { value } = event.target;
         setTableSearch === null || setTableSearch === void 0 ? void 0 : setTableSearch(value);
@@ -8619,12 +8628,6 @@ const TableAsyncChildrenComponent = (_a) => {
             return (Object.assign({}, (_a = tableParamsFormatter === null || tableParamsFormatter === void 0 ? void 0 : tableParamsFormatter(prevState, { search: '' })) !== null && _a !== void 0 ? _a : prevState));
         });
     };
-    if ((_c = props.buttonDelete) === null || _c === void 0 ? void 0 : _c.onClick) {
-        props.buttonDelete.onClick = value => {
-            props.buttonDelete.onClick(value, undefined);
-            fetchData === null || fetchData === void 0 ? void 0 : fetchData();
-        };
-    }
     const searchField = searchOnChange ? {
         onClear: handleSearchClear,
         onChange: event => handleSearchDataTableChange(event, true),
@@ -8653,9 +8656,7 @@ const TableAsyncChildrenComponent = (_a) => {
         tableSearch: () => tableSearch,
         selectedRowKeys: () => selectedRowKeys,
     }));
-    return (jsxRuntimeExports.jsx(TableComponent$1, Object.assign({}, props, { buttonMiddle }, buttonDelete, { buttonReload: !noReload ? {
-            onClick: fetchData,
-        } : undefined, buttonFilter: filterFields ? (jsxRuntimeExports.jsx(TableAsyncSearchComponent$1, { name: props.name, items: filterFields })) : undefined, search: search ? searchField : undefined, rowSelection: rowSelection, data: (_d = tableData === null || tableData === void 0 ? void 0 : tableData.data) !== null && _d !== void 0 ? _d : [], loading: loading, onChange: (pagination, filters, sorter, extra) => setTableParams === null || setTableParams === void 0 ? void 0 : setTableParams((prevState) => {
+    return (jsxRuntimeExports.jsx(TableComponent$1, Object.assign({}, props, buttons, { search: search ? searchField : undefined, rowSelection: rowSelection, data: (_c = tableData === null || tableData === void 0 ? void 0 : tableData.data) !== null && _c !== void 0 ? _c : [], loading: loading, onChange: (pagination, filters, sorter, extra) => setTableParams === null || setTableParams === void 0 ? void 0 : setTableParams((prevState) => {
             var _a;
             return (Object.assign({}, (_a = tableParamsFormatter === null || tableParamsFormatter === void 0 ? void 0 : tableParamsFormatter(prevState, {
                 current: pagination.current,

package/dist/index.js

@@ -3829,7 +3829,7 @@ function requireReactIs () {
 
 var reactIsExports = requireReactIs();
 
-const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, onBack, onSave, classNames, className, }) => {
+const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, showTextbutton, textBack, textSave, onBack, onSave, classNames, className, }) => {
     const saveMethod = onSave
         ? { onClick: onSave }
         : { htmlType: 'submit' };
@@ -3850,12 +3850,12 @@ const ButtonGroupAddComponent = ({ formColLayout, disabled, loading, onBack, onS
         (className === null || className === void 0 ? void 0 : className.buttonBack) && classButtonBackNames.push(...className.buttonBack);
         return classButtonBackNames;
     }, [styleButton, className, onBack]);
-    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Back' }, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: { title: 'Save' }, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: className === null || className === void 0 ? void 0 : className.buttonSave, disabled: disabled, loading: loading }, saveMethod))] }));
+    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textBack !== null && textBack !== void 0 ? textBack : 'Back' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack, children: showTextbutton ? (textBack !== null && textBack !== void 0 ? textBack : 'Back') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: !showTextbutton ? { title: textSave !== null && textSave !== void 0 ? textSave : 'Save' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: className === null || className === void 0 ? void 0 : className.buttonSave, disabled: disabled, loading: loading, children: showTextbutton ? (textSave !== null && textSave !== void 0 ? textSave : 'Save') : undefined }, saveMethod))] }));
     return col ? (jsxRuntimeExports.jsx(antd.Row, { children: jsxRuntimeExports.jsx(antd.Col, Object.assign({}, col, { children: buttonGroup })) })) : buttonGroup;
 };
 var Component$7 = React.memo(ButtonGroupAddComponent);
 
-const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit = true, editing, setEditing, onBack, onSave, classNames, className, }) => {
+const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit = true, editing, setEditing, showTextbutton, textBack, textCancel, textSave, textEdit, onBack, onSave, classNames, className, }) => {
     const saveMethod = onSave
         ? { onClick: onSave }
         : { htmlType: 'submit' };
@@ -3894,7 +3894,7 @@ const ButtonGroupEditComponent = ({ formColLayout, disabled, loading, allowEdit
         (className === null || className === void 0 ? void 0 : className.buttonEdit) && classButtonEditNames.push(...className.buttonEdit);
         return classButtonEditNames;
     }, [styleButton, className, allowEdit, editing]);
-    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Back' }, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack }), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Cancel' }, icon: jsxRuntimeExports.jsx(RefIcon$d, {}), classNames: classButtonCancel, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(false) }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: { title: 'Save' }, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: classButtonSave, disabled: disabled, loading: loading }, saveMethod)), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Edit' }, icon: jsxRuntimeExports.jsx(RefIcon$a, {}), classNames: classButtonEdit, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(true) })] }));
+    const buttonGroup = (jsxRuntimeExports.jsxs("div", { className: classButton.join(' '), children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textBack !== null && textBack !== void 0 ? textBack : 'Back' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$h, {}), classNames: classButtonBack, disabled: disabled, onClick: onBack, children: showTextbutton ? (textBack !== null && textBack !== void 0 ? textBack : 'Back') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$d, {}), classNames: classButtonCancel, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(false), children: showTextbutton ? (textCancel !== null && textCancel !== void 0 ? textCancel : 'Cancel') : undefined }), jsxRuntimeExports.jsx(ButtonComponent$1, Object.assign({ tooltip: !showTextbutton ? { title: textSave !== null && textSave !== void 0 ? textSave : 'Save' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$3, {}), type: "primary", classNames: classButtonSave, disabled: disabled, loading: loading, children: showTextbutton ? (textSave !== null && textSave !== void 0 ? textSave : 'Save') : undefined }, saveMethod)), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !showTextbutton ? { title: textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$a, {}), classNames: classButtonEdit, disabled: disabled, onClick: () => setEditing === null || setEditing === void 0 ? void 0 : setEditing(true), children: showTextbutton ? (textEdit !== null && textEdit !== void 0 ? textEdit : 'Edit') : undefined })] }));
     return col ? (jsxRuntimeExports.jsx(antd.Row, { children: jsxRuntimeExports.jsx(antd.Col, Object.assign({}, col, { children: buttonGroup })) })) : buttonGroup;
 };
 var Component$6 = React.memo(ButtonGroupEditComponent);
@@ -8460,7 +8460,7 @@ const styleProps = {
         md: 12,
     },
 };
-const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header, style, }) => {
+const TableAsyncSearchComponent = ({ noInitSubmit, noButton, buttonText, name, items, header, style, }) => {
     var _a;
     const { loading, filters, setFilters, filterReady, setFilterReady, setTableParams, tableParamsFormatter, drawerOpen, setDrawerOpen, multiSelectedOptions, setMultiSelectedOptions, } = useTableAsyncSearch();
     const filterStorage = getTableFilterStorage();
@@ -8566,7 +8566,7 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
                 text: item.text,
             })) })));
     };
-    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Filter' }, icon: jsxRuntimeExports.jsx(RefIcon$7, {}), classNames: [styleTableAsyncSearch['button-filter']], loading: loading, onClick: () => setDrawerOpen === null || setDrawerOpen === void 0 ? void 0 : setDrawerOpen(true), style: style }), jsxRuntimeExports.jsx(antd.Drawer, Object.assign({ forceRender: true, title: drawerTitle, className: styleTableAsyncSearch['drawer-header'], placement: "top", open: drawerOpen, onClose: () => setDrawerOpen === null || setDrawerOpen === void 0 ? void 0 : setDrawerOpen(false) }, !noButton && {
+    return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: !buttonText ? { title: 'Filter' } : undefined, icon: jsxRuntimeExports.jsx(RefIcon$7, {}), classNames: [styleTableAsyncSearch['button-filter']], loading: loading, onClick: () => setDrawerOpen === null || setDrawerOpen === void 0 ? void 0 : setDrawerOpen(true), style: style, children: buttonText ? 'Filter' : undefined }), jsxRuntimeExports.jsx(antd.Drawer, Object.assign({ forceRender: true, title: drawerTitle, className: styleTableAsyncSearch['drawer-header'], placement: "top", open: drawerOpen, onClose: () => setDrawerOpen === null || setDrawerOpen === void 0 ? void 0 : setDrawerOpen(false) }, !noButton && {
                 footer: (jsxRuntimeExports.jsx(antd.Row, { justify: 'end', children: jsxRuntimeExports.jsxs("div", { style: { float: 'right' }, children: [jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Filter Data' }, icon: jsxRuntimeExports.jsx(RefIcon$8, {}), type: 'primary', classNames: [styleTableAsyncSearch['button-filter-submit']], loading: loading, onClick: form.submit }), jsxRuntimeExports.jsx(ButtonComponent$1, { tooltip: { title: 'Clear Field' }, icon: jsxRuntimeExports.jsx(RefIcon$4, {}), 
                                 // htmlType='reset'
                                 loading: loading, onClick: clearHandler })] }) })),
@@ -8594,8 +8594,8 @@ const TableAsyncSearchComponent = ({ noInitSubmit, noButton, name, items, header
 var TableAsyncSearchComponent$1 = React.memo(TableAsyncSearchComponent);
 
 const TableAsyncChildrenComponent = (_a) => {
-    var _b, _c, _d;
-    var { search, searchOnChange, rowSelect, noReload, filterFields, ref } = _a, props = __rest$5(_a, ["search", "searchOnChange", "rowSelect", "noReload", "filterFields", "ref"]);
+    var _b, _c;
+    var { buttonFilterText, search, searchOnChange, rowSelect, noReload, filterFields, ref } = _a, props = __rest$5(_a, ["buttonFilterText", "search", "searchOnChange", "rowSelect", "noReload", "filterFields", "ref"]);
     const { loading, filters, tableData, tableParams, setTableParams, tableSearch, setTableSearch, selectedRowKeys, setSelectedRowKeys, tableParamsFormatter, pagination, params, fetchData, } = useTableAsyncSearch();
     const buttonMiddle = ((_b = props.buttonMiddle) === null || _b === void 0 ? void 0 : _b.map((item) => {
         const { component } = item;
@@ -8610,13 +8610,22 @@ const TableAsyncChildrenComponent = (_a) => {
             component: React.cloneElement(component, additionalProps),
         };
     })) || props.buttonMiddle || [];
-    const buttonDelete = props.buttonDelete
-        ? {
-            buttonDelete: {
+    const buttons = {
+        buttonReload: !noReload
+            ? Object.assign(Object.assign({}, props.buttonReload), { onClick: fetchData })
+            : undefined,
+        buttonMiddle,
+        buttonDelete: props.buttonDelete
+            ? {
                 disabled: !(selectedRowKeys === null || selectedRowKeys === void 0 ? void 0 : selectedRowKeys.length),
                 onClick: (event) => { var _a, _b; return (_b = (_a = props.buttonDelete) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event, selectedRowKeys); },
+                text: props.buttonDelete.text,
             }
-        } : {};
+            : undefined,
+        buttonFilter: filterFields
+            ? (jsxRuntimeExports.jsx(TableAsyncSearchComponent$1, { buttonText: buttonFilterText, name: props.name, items: filterFields }))
+            : undefined,
+    };
     const handleSearchDataTableChange = (event, onChange = false) => {
         const { value } = event.target;
         setTableSearch === null || setTableSearch === void 0 ? void 0 : setTableSearch(value);
@@ -8638,12 +8647,6 @@ const TableAsyncChildrenComponent = (_a) => {
             return (Object.assign({}, (_a = tableParamsFormatter === null || tableParamsFormatter === void 0 ? void 0 : tableParamsFormatter(prevState, { search: '' })) !== null && _a !== void 0 ? _a : prevState));
         });
     };
-    if ((_c = props.buttonDelete) === null || _c === void 0 ? void 0 : _c.onClick) {
-        props.buttonDelete.onClick = value => {
-            props.buttonDelete.onClick(value, undefined);
-            fetchData === null || fetchData === void 0 ? void 0 : fetchData();
-        };
-    }
     const searchField = searchOnChange ? {
         onClear: handleSearchClear,
         onChange: event => handleSearchDataTableChange(event, true),
@@ -8672,9 +8675,7 @@ const TableAsyncChildrenComponent = (_a) => {
         tableSearch: () => tableSearch,
         selectedRowKeys: () => selectedRowKeys,
     }));
-    return (jsxRuntimeExports.jsx(TableComponent$1, Object.assign({}, props, { buttonMiddle }, buttonDelete, { buttonReload: !noReload ? {
-            onClick: fetchData,
-        } : undefined, buttonFilter: filterFields ? (jsxRuntimeExports.jsx(TableAsyncSearchComponent$1, { name: props.name, items: filterFields })) : undefined, search: search ? searchField : undefined, rowSelection: rowSelection, data: (_d = tableData === null || tableData === void 0 ? void 0 : tableData.data) !== null && _d !== void 0 ? _d : [], loading: loading, onChange: (pagination, filters, sorter, extra) => setTableParams === null || setTableParams === void 0 ? void 0 : setTableParams((prevState) => {
+    return (jsxRuntimeExports.jsx(TableComponent$1, Object.assign({}, props, buttons, { search: search ? searchField : undefined, rowSelection: rowSelection, data: (_c = tableData === null || tableData === void 0 ? void 0 : tableData.data) !== null && _c !== void 0 ? _c : [], loading: loading, onChange: (pagination, filters, sorter, extra) => setTableParams === null || setTableParams === void 0 ? void 0 : setTableParams((prevState) => {
             var _a;
             return (Object.assign({}, (_a = tableParamsFormatter === null || tableParamsFormatter === void 0 ? void 0 : tableParamsFormatter(prevState, {
                 current: pagination.current,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",