react-table-edit 1.4.29 → 1.4.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/component/type/index.d.ts +4 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +8 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -41878,6 +41878,7 @@ const RenderFilterElement$1 = ({ filter, optionsFilter, formatSetting, filterBy,
|
|
|
41878
41878
|
const { t } = useTranslation();
|
|
41879
41879
|
const [operator, setOperator] = useState(filter?.ope ?? ((!column.filterType && column.type === 'numeric') || column.filterType === 'select' ? 'equal' : 'contains'));
|
|
41880
41880
|
const [valueFilter, setValueFilter] = useState(filter?.value ?? '');
|
|
41881
|
+
const fieldFilter = column.fieldFilter ?? column.field;
|
|
41881
41882
|
const RenderStringFilter = () => {
|
|
41882
41883
|
const options = [
|
|
41883
41884
|
{ label: 'Bắt đầu bởi', value: 'startswith' },
|
|
@@ -41921,7 +41922,7 @@ const RenderFilterElement$1 = ({ filter, optionsFilter, formatSetting, filterBy,
|
|
|
41921
41922
|
} })] }));
|
|
41922
41923
|
};
|
|
41923
41924
|
const RenderSelectFilter = () => {
|
|
41924
|
-
return (jsx("div", { className: 'mb-1', children: jsx(SelectTable, { value: optionsFilter ? optionsFilter[
|
|
41925
|
+
return (jsx("div", { className: 'mb-1', children: jsx(SelectTable, { value: optionsFilter ? optionsFilter[fieldFilter]?.find((x) => x.value === valueFilter) : undefined, options: (optionsFilter && optionsFilter[fieldFilter]) ?? [], isClearable: true, onChange: (val) => {
|
|
41925
41926
|
setValueFilter(val?.value);
|
|
41926
41927
|
}, placeholder: t('Select') }) }));
|
|
41927
41928
|
};
|
|
@@ -41931,7 +41932,7 @@ const RenderFilterElement$1 = ({ filter, optionsFilter, formatSetting, filterBy,
|
|
|
41931
41932
|
filter.value = valueFilter ?? '';
|
|
41932
41933
|
}
|
|
41933
41934
|
else {
|
|
41934
|
-
filterBy.push({ key:
|
|
41935
|
+
filterBy.push({ key: fieldFilter, ope: operator, value: valueFilter ?? '' });
|
|
41935
41936
|
}
|
|
41936
41937
|
changeFilter([...filterBy]);
|
|
41937
41938
|
setOpenFilter(false);
|
|
@@ -41943,7 +41944,7 @@ const RenderFilterElement$1 = ({ filter, optionsFilter, formatSetting, filterBy,
|
|
|
41943
41944
|
}
|
|
41944
41945
|
}, children: [((!column.filterType && column.type === 'numeric') || column.filterType === 'numeric') ? jsxs(Fragment$1, { children: [RenderNumberFilter(), " "] }) : (column.filterType === 'select' ? jsxs(Fragment$1, { children: [RenderSelectFilter(), " "] }) : RenderStringFilter()), jsxs("div", { className: 'd-flex justify-content-end', children: [jsx(Button$1, { color: 'primary', style: { borderRadius: 3 }, className: 'me-50 py-25 px-50 fw-bold', onClick: handleSave, children: t('Filter') }), jsx(Button$1, { className: 'py-25 px-50 fw-bold', color: 'white', style: { borderRadius: 3, borderWidth: 0 }, onClick: () => {
|
|
41945
41946
|
if (filterBy) {
|
|
41946
|
-
changeFilter(filterBy.filter((x) => x.key !==
|
|
41947
|
+
changeFilter(filterBy.filter((x) => x.key !== fieldFilter));
|
|
41947
41948
|
}
|
|
41948
41949
|
setOpenFilter(false);
|
|
41949
41950
|
}, children: t('Clear') })] })] }));
|
|
@@ -65549,6 +65550,7 @@ const RenderFilterElement = ({ filter, optionsFilter, formatSetting, filterBy, s
|
|
|
65549
65550
|
const { t } = useTranslation();
|
|
65550
65551
|
const [operator, setOperator] = useState(filter?.ope ?? ((!column.filterType && column.type === 'numeric') || column.filterType === 'select' ? 'equal' : 'contains'));
|
|
65551
65552
|
const [valueFilter, setValueFilter] = useState(filter?.value ?? '');
|
|
65553
|
+
const fieldFilter = column.fieldFilter ?? column.field;
|
|
65552
65554
|
const RenderStringFilter = () => {
|
|
65553
65555
|
const options = [
|
|
65554
65556
|
{ label: 'Bắt đầu bởi', value: 'startswith' },
|
|
@@ -65592,7 +65594,7 @@ const RenderFilterElement = ({ filter, optionsFilter, formatSetting, filterBy, s
|
|
|
65592
65594
|
} })] }));
|
|
65593
65595
|
};
|
|
65594
65596
|
const RenderSelectFilter = () => {
|
|
65595
|
-
return (jsx("div", { className: 'mb-1', children: jsx(SelectTable, { value: optionsFilter ? optionsFilter[
|
|
65597
|
+
return (jsx("div", { className: 'mb-1', children: jsx(SelectTable, { value: optionsFilter ? optionsFilter[fieldFilter]?.find((x) => x.value === valueFilter) : undefined, options: (optionsFilter && optionsFilter[fieldFilter]) ?? [], isClearable: true, onChange: (val) => {
|
|
65596
65598
|
setValueFilter(val?.value);
|
|
65597
65599
|
}, placeholder: t('Select') }) }));
|
|
65598
65600
|
};
|
|
@@ -65602,7 +65604,7 @@ const RenderFilterElement = ({ filter, optionsFilter, formatSetting, filterBy, s
|
|
|
65602
65604
|
filter.value = valueFilter ?? '';
|
|
65603
65605
|
}
|
|
65604
65606
|
else {
|
|
65605
|
-
filterBy.push({ key:
|
|
65607
|
+
filterBy.push({ key: fieldFilter, ope: operator, value: valueFilter ?? '' });
|
|
65606
65608
|
}
|
|
65607
65609
|
changeFilter([...filterBy]);
|
|
65608
65610
|
setOpenFilter(false);
|
|
@@ -65616,7 +65618,7 @@ const RenderFilterElement = ({ filter, optionsFilter, formatSetting, filterBy, s
|
|
|
65616
65618
|
}
|
|
65617
65619
|
}, children: [((!column.filterType && column.type === 'numeric') || column.filterType === 'numeric') ? jsxs(Fragment$1, { children: [RenderNumberFilter(), " "] }) : (column.filterType === 'select' ? jsxs(Fragment$1, { children: [RenderSelectFilter(), " "] }) : RenderStringFilter()), jsxs("div", { className: 'd-flex justify-content-end', children: [jsx(Button$1, { color: 'primary', style: { borderRadius: 3 }, className: 'me-50 py-25 px-50 fw-bold', onClick: handleSave, children: t('Filter') }), jsx(Button$1, { className: 'py-25 px-50 fw-bold', outline: true, style: { borderRadius: 3 }, onClick: () => {
|
|
65618
65620
|
if (filterBy) {
|
|
65619
|
-
changeFilter(filterBy.filter((x) => x.key !==
|
|
65621
|
+
changeFilter(filterBy.filter((x) => x.key !== fieldFilter));
|
|
65620
65622
|
}
|
|
65621
65623
|
setOpenFilter(false);
|
|
65622
65624
|
}, children: t('Clear') })] })] }));
|