react-table-edit 1.4.29 → 1.4.31

package/dist/component/type/index.d.ts

@@ -120,6 +120,8 @@ export type ISettingNumericElement = {
 export type IColumnTable = {
     /** Tên thuộc tính */
     field: string;
+    /** Tên thuộc tính lọc*/
+    fieldFilter?: string;
     /** Tiêu đề hiển thị ở header */
     headerText?: string;
     /** Khóa chính */
@@ -277,6 +279,8 @@ export type IFCurrentPageConfig = {
 export type IHeaderColumnTable = {
     /** Tên thuộc tính */
     field: string;
+    /** Tên thuộc tính lọc*/
+    fieldFilter?: string;
     /** Tiêu đề header */
     headerText?: string;
     /** Chiều rộng */

package/dist/index.d.ts

@@ -124,6 +124,8 @@ type ISettingNumericElement = {
 type IColumnTable = {
     /** Tên thuộc tính */
     field: string;
+    /** Tên thuộc tính lọc*/
+    fieldFilter?: string;
     /** Tiêu đề hiển thị ở header */
     headerText?: string;
     /** Khóa chính */
@@ -281,6 +283,8 @@ type IFCurrentPageConfig = {
 type IHeaderColumnTable = {
     /** Tên thuộc tính */
     field: string;
+    /** Tên thuộc tính lọc*/
+    fieldFilter?: string;
     /** Tiêu đề header */
     headerText?: string;
     /** Chiều rộng */

package/dist/index.js

@@ -41906,6 +41906,7 @@ const RenderFilterElement$1 = ({ filter, optionsFilter, formatSetting, filterBy,
     const { t } = reactI18next.useTranslation();
     const [operator, setOperator] = React$5.useState(filter?.ope ?? ((!column.filterType && column.type === 'numeric') || column.filterType === 'select' ? 'equal' : 'contains'));
     const [valueFilter, setValueFilter] = React$5.useState(filter?.value ?? '');
+    const fieldFilter = column.fieldFilter ?? column.field;
     const RenderStringFilter = () => {
         const options = [
             { label: 'Bắt đầu bởi', value: 'startswith' },
@@ -41949,7 +41950,7 @@ const RenderFilterElement$1 = ({ filter, optionsFilter, formatSetting, filterBy,
                     } })] }));
     };
     const RenderSelectFilter = () => {
-        return (jsxRuntime.jsx("div", { className: 'mb-1', children: jsxRuntime.jsx(SelectTable, { value: optionsFilter ? optionsFilter[column.field]?.find((x) => x.value === valueFilter) : undefined, options: (optionsFilter && optionsFilter[column.field]) ?? [], isClearable: true, onChange: (val) => {
+        return (jsxRuntime.jsx("div", { className: 'mb-1', children: jsxRuntime.jsx(SelectTable, { value: optionsFilter ? optionsFilter[fieldFilter]?.find((x) => x.value === valueFilter) : undefined, options: (optionsFilter && optionsFilter[fieldFilter]) ?? [], isClearable: true, onChange: (val) => {
                     setValueFilter(val?.value);
                 }, placeholder: t('Select') }) }));
     };
@@ -41959,7 +41960,7 @@ const RenderFilterElement$1 = ({ filter, optionsFilter, formatSetting, filterBy,
             filter.value = valueFilter ?? '';
         }
         else {
-            filterBy.push({ key: column.field, ope: operator, value: valueFilter ?? '' });
+            filterBy.push({ key: fieldFilter, ope: operator, value: valueFilter ?? '' });
         }
         changeFilter([...filterBy]);
         setOpenFilter(false);
@@ -41971,7 +41972,7 @@ const RenderFilterElement$1 = ({ filter, optionsFilter, formatSetting, filterBy,
             }
         }, children: [((!column.filterType && column.type === 'numeric') || column.filterType === 'numeric') ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [RenderNumberFilter(), " "] }) : (column.filterType === 'select' ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [RenderSelectFilter(), " "] }) : RenderStringFilter()), jsxRuntime.jsxs("div", { className: 'd-flex justify-content-end', children: [jsxRuntime.jsx(Button$1, { color: 'primary', style: { borderRadius: 3 }, className: 'me-50 py-25 px-50 fw-bold', onClick: handleSave, children: t('Filter') }), jsxRuntime.jsx(Button$1, { className: 'py-25 px-50 fw-bold', color: 'white', style: { borderRadius: 3, borderWidth: 0 }, onClick: () => {
                             if (filterBy) {
-                                changeFilter(filterBy.filter((x) => x.key !== column.field));
+                                changeFilter(filterBy.filter((x) => x.key !== fieldFilter));
                             }
                             setOpenFilter(false);
                         }, children: t('Clear') })] })] }));
@@ -65515,7 +65516,7 @@ const HeaderTableCol = (props) => {
     const headerRef = React$5.useRef(null);
     const order = orderBy.find((item) => item.key === col.field);
     const [openFilter, setOpenFilter] = React$5.useState(false);
-    const filter = filterBy.find((item) => item.key === col.field);
+    const filter = filterBy.find((item) => item.key === (col.fieldFilter ?? col.field));
     const handleResize = (e, { size }) => {
         // Update the column width here
         // You might need to update the state or call a callback to update the width
@@ -65577,6 +65578,7 @@ const RenderFilterElement = ({ filter, optionsFilter, formatSetting, filterBy, s
     const { t } = reactI18next.useTranslation();
     const [operator, setOperator] = React$5.useState(filter?.ope ?? ((!column.filterType && column.type === 'numeric') || column.filterType === 'select' ? 'equal' : 'contains'));
     const [valueFilter, setValueFilter] = React$5.useState(filter?.value ?? '');
+    const fieldFilter = column.fieldFilter ?? column.field;
     const RenderStringFilter = () => {
         const options = [
             { label: 'Bắt đầu bởi', value: 'startswith' },
@@ -65620,7 +65622,7 @@ const RenderFilterElement = ({ filter, optionsFilter, formatSetting, filterBy, s
                     } })] }));
     };
     const RenderSelectFilter = () => {
-        return (jsxRuntime.jsx("div", { className: 'mb-1', children: jsxRuntime.jsx(SelectTable, { value: optionsFilter ? optionsFilter[column.field]?.find((x) => x.value === valueFilter) : undefined, options: (optionsFilter && optionsFilter[column.field]) ?? [], isClearable: true, onChange: (val) => {
+        return (jsxRuntime.jsx("div", { className: 'mb-1', children: jsxRuntime.jsx(SelectTable, { value: optionsFilter ? optionsFilter[fieldFilter]?.find((x) => x.value === valueFilter) : undefined, options: (optionsFilter && optionsFilter[fieldFilter]) ?? [], isClearable: true, onChange: (val) => {
                     setValueFilter(val?.value);
                 }, placeholder: t('Select') }) }));
     };
@@ -65630,7 +65632,7 @@ const RenderFilterElement = ({ filter, optionsFilter, formatSetting, filterBy, s
             filter.value = valueFilter ?? '';
         }
         else {
-            filterBy.push({ key: column.field, ope: operator, value: valueFilter ?? '' });
+            filterBy.push({ key: fieldFilter, ope: operator, value: valueFilter ?? '' });
         }
         changeFilter([...filterBy]);
         setOpenFilter(false);
@@ -65644,7 +65646,7 @@ const RenderFilterElement = ({ filter, optionsFilter, formatSetting, filterBy, s
             }
         }, children: [((!column.filterType && column.type === 'numeric') || column.filterType === 'numeric') ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [RenderNumberFilter(), " "] }) : (column.filterType === 'select' ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [RenderSelectFilter(), " "] }) : RenderStringFilter()), jsxRuntime.jsxs("div", { className: 'd-flex justify-content-end', children: [jsxRuntime.jsx(Button$1, { color: 'primary', style: { borderRadius: 3 }, className: 'me-50 py-25 px-50 fw-bold', onClick: handleSave, children: t('Filter') }), jsxRuntime.jsx(Button$1, { className: 'py-25 px-50  fw-bold', outline: true, style: { borderRadius: 3 }, onClick: () => {
                             if (filterBy) {
-                                changeFilter(filterBy.filter((x) => x.key !== column.field));
+                                changeFilter(filterBy.filter((x) => x.key !== fieldFilter));
                             }
                             setOpenFilter(false);
                         }, children: t('Clear') })] })] }));