es-grid-template 1.1.6 → 1.1.8

package/es/grid-component/CheckboxFilter.d.ts

@@ -11,7 +11,7 @@ type Props = {
     showFilter?: boolean;
     onSelect?: (value: any) => void;
     selectedKeys: string[];
-    locale: TableLocale;
+    locale?: TableLocale;
     filterMode?: 'menu' | 'tree';
     searchValue: string;
     setSearchValue: (value: any) => void;

package/es/grid-component/CheckboxFilter.js

@@ -106,7 +106,7 @@ const CheckboxFilter = props => {
   });
   const empty = /*#__PURE__*/React.createElement(Empty, {
     image: Empty.PRESENTED_IMAGE_SIMPLE,
-    description: locale.filterEmptyText,
+    description: locale?.filterEmptyText,
     imageStyle: {
       height: 24
     },
@@ -193,7 +193,7 @@ const CheckboxFilter = props => {
       indeterminate: selectedKeys.length > 0 && selectedKeys.length < flattenKeys(options).length,
       className: `${tablePrefixCls}-filter-dropdown-checkall`,
       onChange: onCheckAll
-    }, locale.filterCheckall) : /*#__PURE__*/React.createElement(Empty, null), /*#__PURE__*/React.createElement(Tree, {
+    }, locale?.filterCheckall) : /*#__PURE__*/React.createElement(Empty, null), /*#__PURE__*/React.createElement(Tree, {
       checkable: true,
       selectable: false,
       blockNode: true,

package/es/grid-component/ContextMenu.js

@@ -94,9 +94,7 @@ const ContextMenu = props => {
           items: contextMenuItems,
           style: {
             minWidth: 200,
-            maxWidth: 400,
-            maxHeight: pos.viewportHeight - 20,
-            width: 200
+            maxHeight: pos.viewportHeight - 20
           },
           rootClassName: 'popup-context-menu',
           onClick: e => {

package/es/grid-component/FilterSearch.d.ts

@@ -6,7 +6,7 @@ interface FilterSearchProps<RecordType = AnyObject> {
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     filterSearch: FilterSearchType<RecordType>;
     tablePrefixCls: string;
-    locale: TableLocale;
+    locale?: TableLocale;
 }
 declare const FilterSearch: <RecordType extends AnyObject = AnyObject>(props: FilterSearchProps<RecordType>) => React.JSX.Element;
 export default FilterSearch;

package/es/grid-component/FilterSearch.js

@@ -20,7 +20,7 @@ const FilterSearch = props => {
     }
   }, /*#__PURE__*/React.createElement(Input, {
     suffix: /*#__PURE__*/React.createElement(SearchOutlined, null),
-    placeholder: locale.filterSearchPlaceholder,
+    placeholder: locale?.filterSearchPlaceholder,
     onChange: onChange,
     value: value,
     autoFocus: true

package/es/grid-component/InternalTable.js

@@ -5,9 +5,9 @@ import { Button, Space } from "antd";
 import { SearchOutlined } from "@ant-design/icons";
 import { Resizable } from "react-resizable";
 import customParseFormat from 'dayjs/plugin/customParseFormat';
-import { numberOperator, translateOption, updateArrayByKey } from "./hooks";
+import { booleanOperator, getTypeFilter, numberOperator, stringOperator, translateOption, updateArrayByKey } from "./hooks";
 import { FilterFill } from "becoxy-icons";
-import { renderContent, renderFilter } from "./hooks/useColumns";
+import { flatColumns2, renderContent, renderFilter } from "./hooks/useColumns";
 import dayjs from "dayjs";
 import 'dayjs/locale/es';
 import 'dayjs/locale/vi';
@@ -16,6 +16,8 @@ import vi from 'rc-master-ui/es/date-picker/locale/vi_VN';
 import "./styles.scss";
 import GridEdit from "./table/GridEdit";
 import Grid from "./table/Grid";
+// import useMergedState from "rc-util/lib/hooks/useMergedState";
+
 dayjs.extend(customParseFormat);
 const ResizableTitle = props => {
   const {
@@ -50,6 +52,7 @@ const InternalTable = props => {
     t,
     columns: propsColumns,
     lang,
+    locale,
     dataSource,
     allowResizing,
     dataSourceFilter: propDataSourceFilter,
@@ -59,22 +62,33 @@ const InternalTable = props => {
     format,
     onDataChange,
     sortMultiple,
+    expandable,
     ...rest
   } = props;
-  const locale = lang && lang === 'en' ? en : vi;
+  const local = lang && lang === 'en' ? en : vi;
   const buddhistLocale = {
-    ...locale,
+    ...local,
     lang: {
-      ...locale.lang
+      ...local.lang
     }
   };
+
+  // const [mergedColumns, setMergedColumns] = useMergedState(
+  //   propsColumns,
+  //   {
+  //     value: propsColumns,
+  //   },
+  // );
+
   const tableRef = useRef(null);
-  const [data, setData] = useState(dataSource);
+  const [data, setData] = useState([]);
   const [columns, setColumns] = useState([]);
   const [isManualUpdate, setIsManualUpdate] = useState(false);
+  // const [expandKeys, setExpandKeys] = useState<string[]>([]);
   const [dataSourceFilter, setDataSourceFilter] = useState(propDataSourceFilter ?? []);
   useEffect(() => {
     const rs = propsColumns ? [Table.SELECTION_COLUMN, ...propsColumns] : [];
+    // const  rs = propsColumns ? [...propsColumns] : []
     setColumns(rs);
   }, [propsColumns]);
   useEffect(() => {
@@ -82,7 +96,14 @@ const InternalTable = props => {
       setData(dataSource || []);
     }
     setIsManualUpdate(false);
-  }, [dataSource]);
+  }, [dataSource, isManualUpdate]);
+
+  // const [columns, setColumns] = useMergedState(
+  //   propsColumns ? [Table.SELECTION_COLUMN, ...propsColumns] : [],
+  //   {
+  //     value: propsColumns ? [Table.SELECTION_COLUMN, ...propsColumns] : [],
+  //   },
+  // );
 
   // ============================ RowKey ============================
   const getRowKey = React.useMemo(() => {
@@ -92,6 +113,12 @@ const InternalTable = props => {
     // @ts-ignore
     return record => record?.[rowKey];
   }, [rowKey]);
+
+  // useEffect(() => {
+  //   const rrr = findAllChildrenKeys<any>(dataSource, getRowKey, 'children');
+  //   setExpandKeys(rrr as any)
+  // }, [dataSource, getRowKey])
+
   const handleSearch = (selectedKeys, confirm) => {
     confirm();
   };
@@ -116,23 +143,27 @@ const InternalTable = props => {
       setSelectedKeys,
       selectedKeys,
       confirm,
-      close,
+      // close,
       setOperatorKey,
       operatorKey,
       visible,
       searchValue,
       setSearchValue
     }) => {
+      const type = getTypeFilter(column);
+      // const operatorOptions  = !type || type === 'Text' ? stringOperator : numberOperator
+      // const operatorOptions  = type === 'Checkbox' || type === 'Dropdown' || type === 'DropTree' || ty
+      const operatorOptions = type === ('Checkbox' || 'Dropdown' || 'DropTree' || 'CheckboxDropdown') ? booleanOperator : !type || type === 'Text' ? stringOperator : numberOperator;
       return /*#__PURE__*/React.createElement("div", {
         style: {
           padding: 8,
           minWidth: 275
         },
         onKeyDown: e => e.stopPropagation()
-      }, (column?.showOperator !== false || column?.typeFilter !== 'DateRange' && column?.typeFilter !== 'NumberRange') && /*#__PURE__*/React.createElement("div", {
+      }, column?.showOperator !== false && column?.typeFilter !== 'DateRange' && column?.typeFilter !== 'NumberRange' && /*#__PURE__*/React.createElement("div", {
         className: 'mb-1'
       }, /*#__PURE__*/React.createElement(Select, {
-        options: translateOption(numberOperator, t),
+        options: translateOption(operatorOptions, t),
         style: {
           width: '100%',
           marginBottom: 8
@@ -145,7 +176,7 @@ const InternalTable = props => {
         style: {
           marginBottom: 8
         }
-      }, renderFilter(column, selectedKeys, setSelectedKeys, confirm, visible, searchValue, setSearchValue, dataSourceFilter, buddhistLocale)), /*#__PURE__*/React.createElement(Space, {
+      }, renderFilter(column, selectedKeys, setSelectedKeys, confirm, visible, searchValue, setSearchValue, dataSourceFilter, buddhistLocale, locale, t)), /*#__PURE__*/React.createElement(Space, {
         style: {
           justifyContent: 'end',
           width: '100%'
@@ -163,13 +194,17 @@ const InternalTable = props => {
         style: {
           width: 90
         }
-      }, "Filter"), /*#__PURE__*/React.createElement(Button, {
+      }, t ? t('Filter') : 'Filter'), /*#__PURE__*/React.createElement(Button, {
         type: "link",
         size: "small",
         onClick: () => {
-          close();
+          // setSearchValue('')
+          setSelectedKeys([]);
+          confirm();
+          // handleSearch()
+          // close()
         }
-      }, "close")));
+      }, t ? t("Clear") : 'Clear')));
     },
     filterIcon: filtered => /*#__PURE__*/React.createElement(FilterFill, {
       fontSize: 12,
@@ -187,128 +222,114 @@ const InternalTable = props => {
         }
       }
     }
-  }), [onFilterCallback, onFilterClick, renderFilter, t]);
-  const handleResize = indexPath => (e, {
+  }), [buddhistLocale, dataSourceFilter, onFilterCallback, onFilterClick, t]);
+  const handleResize = column => (e, {
     size
   }) => {
-    const updateColumns = (cols, path) => {
-      const [currentIndex, ...restPath] = path;
-      return cols.map((col, idx) => {
-        if (idx === currentIndex) {
-          if (restPath.length === 0) {
-            // Cập nhật width của cột cuối cùng trong path
-            // return { ...col, width: size.width }
-
-            // Kiểm tra minWidth trước khi cập nhật width
-            if (col.minWidth && size.width < col.minWidth) {
-              e.preventDefault();
-              return col; // Không cập nhật nếu nhỏ hơn minWidth
-            }
-
-            // Kiểm tra minWidth trước khi cập nhật width
-            if (col.maxWidth && size.width > col.maxWidth) {
-              e.preventDefault();
-              return col; // Không cập nhật nếu nhỏ hơn minWidth
-            }
-            return {
-              ...col,
-              width: size.width
-            };
-          } else if (col.children) {
-            // Tiếp tục cập nhật các cấp con
-            return {
-              ...col,
-              children: updateColumns(col.children, restPath)
-            };
-          }
-        }
-        // e.preventDefault()
-        return col;
-      });
+    const newColumn = {
+      ...column,
+      width: size.width
     };
-    setColumns(prevColumns => updateColumns(prevColumns, indexPath));
+    const newColumns = updateArrayByKey(columns, newColumn, 'field');
+    setColumns(newColumns);
   };
-  const transformColumns = React.useCallback((cols, parentPath = []) => {
-    return cols.map((col, index) => {
-      const currentPath = [...parentPath, index];
-      // @ts-ignore
-      if (!col?.dataIndex && !col.key && !col.field) {
-        return col;
-      }
-      const transformedColumn = {
-        ...col,
-        dataIndex: col.field ?? col.dataIndex,
-        key: col.field ?? col.dataIndex ?? col.key,
-        title: t ? t(col.headerText ?? col.title) : col.headerText ?? col.title,
-        ellipsis: col.ellipsis !== false,
-        align: col.textAlign ?? col.align,
-        fixed: col.frozen ? col.frozen.toLowerCase() : col.fixed
+  const convertColumns = flatColumns2(columns).map((column, colIndex) => {
+    if (!column?.dataIndex && !column.key && !column.field) {
+      return column;
+    }
+    const transformedColumn = {
+      ...column,
+      dataIndex: column.field ?? column.dataIndex,
+      key: column.field ?? column.dataIndex ?? column.key,
+      title: t ? t(column.headerText ?? column.title) : column.headerText ?? column.title,
+      ellipsis: column.ellipsis !== false,
+      align: column.textAlign ?? column.align,
+      fixed: column.frozen ? column.frozen.toLowerCase() : column.fixed
+    };
+
+    // @ts-ignore
+    if (["index", "#"].includes(transformedColumn.dataIndex)) {
+      return {
+        ...transformedColumn,
+        onCell: () => ({
+          className: 'cell-number'
+        }),
+        render: (_, __, rowIndex) => rowIndex + 1
       };
-      if (col.children) {
-        return {
-          ...transformedColumn,
-          children: transformColumns(col.children, currentPath)
-        };
+    }
+    if (column.field === 'command') {
+      return {
+        ...transformedColumn,
+        onCell: () => ({
+          className: column.field === 'command' ? "ui-rc-cell-command" : ''
+        }),
+        onHeaderCell: () => ({
+          width: column.width,
+          onResize: handleResize(column)
+        })
+      };
+    }
+    return {
+      ...(column.allowFiltering === false ? {} : {
+        ...getColumnSearchProps(column)
+      }),
+      ...transformedColumn,
+      onFilter: value => {
+        return value;
+      },
+      sorter: column.sorter === false ? undefined : {
+        compare: a => a,
+        multiple: sortMultiple ? colIndex : undefined
+      },
+      onHeaderCell: () => ({
+        width: column.width,
+        onResize: handleResize(column)
+      }),
+      render: (value, record, rowIndex) => renderContent(column, value, record, rowIndex, format)
+    };
+  });
+  const transformColumns = React.useCallback(cols => {
+    // @ts-ignore
+    return cols.map(column => {
+      const find = convertColumns.find(it => it.key === column.field);
+      if (!column?.field && !column?.key) {
+        return column;
       }
-
-      // @ts-ignore
-      if (["index", "#"].includes(transformedColumn.dataIndex)) {
+      if (find) {
         return {
-          ...transformedColumn,
-          render: (_, __, rowIndex) => rowIndex + 1
+          ...find
         };
       }
-      if (col.field === 'command') {
+
+      // Xử lý đệ quy cho children
+      if (column.children?.length) {
         return {
-          ...transformedColumn,
-          onCell: () => ({
-            className: col.field === 'command' ? "ui-rc-cell-command" : ''
-          }),
-          onHeaderCell: () => ({
-            width: col.width,
-            onResize: handleResize(currentPath)
-          })
+          ...column,
+          children: transformColumns(column.children)
         };
       }
-      return {
-        ...(col.allowFiltering === false ? {} : {
-          ...getColumnSearchProps(col)
-        }),
-        ...transformedColumn,
-        onFilter: value => {
-          return value;
-        },
-        sorter: col.sorter === false ? undefined : {
-          compare: a => a,
-          multiple: sortMultiple ? index : undefined
-        },
-        onHeaderCell: () => ({
-          width: col.width,
-          onResize: handleResize(currentPath)
-        }),
-        render: (value, record, rowIndex) => renderContent(col, value, record, rowIndex, format)
-      };
     });
-  }, [getColumnSearchProps]);
+  }, [convertColumns]);
   const mergedColumns = React.useMemo(() => {
     return transformColumns(columns);
   }, [transformColumns, columns]);
-
-  // console.log('mergedColumns', mergedColumns)
-
   const triggerChangeColumns = newColumns => {
     setColumns(newColumns);
   };
   const triggerChangeData = newData => {
     setIsManualUpdate(true);
     setData(newData);
+    // setMergedData(newData)
     onDataChange?.(newData);
   };
   const TableComponent = editAble ? GridEdit : Grid;
   return /*#__PURE__*/React.createElement(TableComponent, _extends({}, rest, {
     t: t,
+    locale: locale,
     tableRef: tableRef,
-    dataSource: data,
+    dataSource: data
+    // mergedData={mergedData}
+    ,
     components: {
       header: {
         cell: allowResizing ? ResizableTitle : undefined
@@ -316,7 +337,7 @@ const InternalTable = props => {
     },
     format: format,
     columns: mergedColumns
-    // columns={columns}
+    // defaultColumns={mergedColumns}
     ,
     showSorterTooltip: {
       target: 'sorter-icon'

package/es/grid-component/TableGrid.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { Fragment, useLayoutEffect, useRef } from 'react';
 import { createStyles } from 'antd-style';
 import { numericFormatter } from "react-numeric-component";
-import { Table, Toolbar } from "rc-master-ui";
+import { Empty, Table, Toolbar } from "rc-master-ui";
 import 'dayjs/locale/es';
 import 'dayjs/locale/vi';
 import ContextMenu from "./ContextMenu";
@@ -88,6 +88,10 @@ const TableGrid = props => {
     columns,
     tableRef,
     dataSource,
+    locale,
+    expandable,
+    rowHoverable,
+    // mergedData,
     title,
     format,
     virtual = true,
@@ -133,6 +137,12 @@ const TableGrid = props => {
   const menuRef = useRef(null);
   const viewportWidth = window.innerWidth;
   const viewportHeight = window.innerHeight;
+
+  // const defaultSelected = useMemo(() => {
+  //   return defaultSelectedRowKeys ?? []
+  //
+  // }, [defaultSelectedRowKeys])
+
   const [menuVisible, setMenuVisible] = React.useState(false);
   const [selectedRowData, setSelectedRowData] = React.useState(null);
   const [position, setPosition] = React.useState({
@@ -224,6 +234,8 @@ const TableGrid = props => {
     }
   };
   const handleRowClick = () => () => {
+    // const key = getRowKey(record, index);
+
     if (checkboxOnly !== true) {
       if (type === 'single') {}
     }
@@ -231,7 +243,6 @@ const TableGrid = props => {
 
     // @ts-ignore
     clickRef.current = setTimeout(() => {
-      // console.log("Single Click:", record);
       clickRef.current = null;
     }, 250);
   };
@@ -263,6 +274,7 @@ const TableGrid = props => {
           rowData: selectedRow
         });
       } else {
+        // @ts-ignore
         setMergedSelectedKeys(keys);
         rowSelected?.({
           selected: selectedRows,
@@ -294,7 +306,15 @@ const TableGrid = props => {
     contextMenuClick: contextMenuClick,
     rowData: selectedRowData
   }), /*#__PURE__*/React.createElement(Table, _extends({
-    ref: tableRef,
+    ref: tableRef
+  }, rest, {
+    locale: {
+      ...locale,
+      emptyText: /*#__PURE__*/React.createElement(Empty, {
+        image: Empty.PRESENTED_IMAGE_SIMPLE,
+        description: locale?.emptyText
+      })
+    },
     loading: {
       spinning: columns && columns.length === 0 || loading === true,
       indicator: /*#__PURE__*/React.createElement(ComponentSpinner, null)
@@ -309,7 +329,7 @@ const TableGrid = props => {
     virtual: virtual,
     columns: columns,
     rowKey: rowKey,
-    rowHoverable: true,
+    rowHoverable: rowHoverable,
     size: "small",
     scroll: scroll ? scroll : {
       y: 500
@@ -331,7 +351,9 @@ const TableGrid = props => {
       selectedRowKeys: mergedSelectedKeys,
       defaultSelectedRowKeys: selectionSettings?.defaultSelectedRowKeys,
       preserveSelectedRowKeys: true,
-      ...rowSelection,
+      // ...rowSelection,
+      // checkStrictly: false,
+
       hideSelectAll: !type || type === 'single' || selectionSettings?.mode === 'radio' ? true : hideSelectAll ?? type !== 'multiple'
     },
     onScroll: () => {
@@ -389,7 +411,7 @@ const TableGrid = props => {
       // @ts-ignore
       , {
         style: {
-          width: pagination && pagination.onChange && pagination?.position && pagination?.position[0] === 'topRight' ? `calc(100% - 650px` : `calc(100% - 50px`
+          width: `calc(100% - 650px`
         },
         items: toolbarItems ?? [],
         mode: 'scroll'
@@ -412,8 +434,40 @@ const TableGrid = props => {
         t: t,
         triggerChangeColumns: triggerChangeColumns
       }))));
+    },
+    expandable: {
+      expandIconColumnIndex: 3,
+      defaultExpandAllRows: true,
+      indentSize: 25,
+      ...expandable,
+      expandIcon: args => {
+        const {
+          record,
+          expanded,
+          onExpand
+        } = args;
+
+        // @ts-ignore
+        if (record?.children?.length > 0 || record?.isChildren) {
+          return expanded ? /*#__PURE__*/React.createElement("button", {
+            onClick: e => {
+              e.preventDefault();
+              e.stopPropagation();
+              onExpand(record, e);
+            },
+            className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-expanded'
+          }) : /*#__PURE__*/React.createElement("button", {
+            onClick: e => {
+              e.preventDefault();
+              e.stopPropagation();
+              onExpand(record, e);
+            },
+            className: 'ui-rc-table-row-expand-icon ui-rc-table-row-expand-icon-collapsed'
+          });
+        }
+      }
     }
-  }, rest)), pagination && pagination.onChange && !pagination.position && /*#__PURE__*/React.createElement(Pagination
+  })), pagination && pagination.onChange && !pagination.position && /*#__PURE__*/React.createElement(Pagination
   // style={{padding: '0.75rem 1rem'}}
   , _extends({
     showSizeChanger: true,

package/es/grid-component/hooks/constant.js

@@ -10,29 +10,29 @@ export const numberOperator = [{
   key: '>'
 }, {
   value: 'greaterthanorequal',
-  label: 'Greater Than or Equal',
+  label: 'Greater than or equal',
   key: '>='
 }, {
   value: 'lessthan',
-  label: 'Less Than',
+  label: 'Less than',
   key: '<'
 }, {
   value: 'lessthanorequal',
-  label: 'Less Than Or Equal',
+  label: 'Less than or equal',
   key: '<='
 }, {
   value: 'notequal',
-  label: 'Not Equal',
+  label: 'Not equal',
   key: '!='
 }];
 export const stringOperator = [{
   value: 'startswith',
   key: '_=',
-  label: 'Starts With'
+  label: 'Starts with'
 }, {
   value: 'endswith',
   key: '|=',
-  label: 'Ends With'
+  label: 'Ends with'
 }, {
   value: 'contains',
   key: '~=',
@@ -44,7 +44,7 @@ export const stringOperator = [{
 }, {
   value: 'notequal',
   key: '!=',
-  label: 'Not Equal'
+  label: 'Not equal'
 }];
 export const dateOperator = [{
   value: 'equal',
@@ -53,15 +53,15 @@ export const dateOperator = [{
 }, {
   value: 'notequal',
   key: '!=',
-  label: 'Not Equal'
+  label: 'Not equal'
 }, {
   value: 'greaterthan',
   key: '>',
-  label: 'Greater Than'
+  label: 'Greater than'
 }, {
   value: 'lessthan',
   key: '<',
-  label: 'Less Than'
+  label: 'Less than'
 }];
 export const dateTimeOperator = [{
   value: 'equal',
@@ -70,15 +70,15 @@ export const dateTimeOperator = [{
 }, {
   value: 'notequal',
   key: '!=',
-  label: 'Not Equal'
+  label: 'Not equal'
 }, {
   value: 'greaterthan',
   key: '>',
-  label: 'Greater Than'
+  label: 'Greater than'
 }, {
   value: 'lessthan',
   key: '<',
-  label: 'Less Than'
+  label: 'Less than'
 }];
 export const booleanOperator = [{
   value: 'equal',
@@ -87,7 +87,7 @@ export const booleanOperator = [{
 }, {
   value: 'notequal',
   key: '!=',
-  label: 'Not Equal'
+  label: 'Not equal'
 }];
 export const translateOption = (options, t) => {
   if (!t) {

package/es/grid-component/hooks/useColumns/index.d.ts

@@ -1,6 +1,9 @@
-import type { ColumnsType, ColumnType, IFormat } from "../../type";
+import type { ColumnType, IFormat } from "../../type";
 import React from "react";
-export declare function flatColumns<RecordType>(columns: ColumnsType<RecordType>, parentKey?: string): ColumnType<RecordType>[];
+import type { TableLocale } from "rc-master-ui/lib/table/interface";
+import type { ColumnsTable } from "../../type";
+export declare function flatColumns<RecordType>(columns: ColumnsTable<RecordType>, parentKey?: string): ColumnsTable<RecordType>;
+export declare function flatColumns2<RecordType>(columns: ColumnsTable<RecordType>, parentKey?: string): ColumnsTable<RecordType>;
 export declare const getValueCell: <T>(column: ColumnType<T>, value: any, format?: IFormat) => any;
 export declare const renderContent: <RecordType>(column: ColumnType<RecordType>, value: any, record: RecordType, index: number, format?: IFormat) => React.JSX.Element;
-export declare const renderFilter: <RecordType>(column: ColumnType<RecordType>, selectedKeys: string[], setSelectedKeys: any, confirm: any, visible: boolean, searchValue: string, setSearchValue: any, dataSourceFilter: any[], buddhistLocale: any) => React.JSX.Element;
+export declare const renderFilter: <RecordType>(column: ColumnType<RecordType>, selectedKeys: string[], setSelectedKeys: any, confirm: any, visible: boolean, searchValue: string, setSearchValue: any, dataSourceFilter: any[], buddhistLocale: any, locale?: TableLocale, t?: any) => React.JSX.Element;