react-table-edit 1.4.29 → 1.4.31

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.
Files changed (7) hide show
  1. package/dist/component/type/index.d.ts +4 -0
  2. package/dist/index.d.ts +4 -0
  3. package/dist/index.js +9 -7
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +9 -7
  6. package/dist/index.mjs.map +1 -1
  7. 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[column.field]?.find((x) => x.value === valueFilter) : undefined, options: (optionsFilter && optionsFilter[column.field]) ?? [], isClearable: true, onChange: (val) => {
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: column.field, ope: operator, value: valueFilter ?? '' });
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 !== column.field));
41947
+ changeFilter(filterBy.filter((x) => x.key !== fieldFilter));
41947
41948
  }
41948
41949
  setOpenFilter(false);
41949
41950
  }, children: t('Clear') })] })] }));
@@ -65487,7 +65488,7 @@ const HeaderTableCol = (props) => {
65487
65488
  const headerRef = useRef(null);
65488
65489
  const order = orderBy.find((item) => item.key === col.field);
65489
65490
  const [openFilter, setOpenFilter] = useState(false);
65490
- const filter = filterBy.find((item) => item.key === col.field);
65491
+ const filter = filterBy.find((item) => item.key === (col.fieldFilter ?? col.field));
65491
65492
  const handleResize = (e, { size }) => {
65492
65493
  // Update the column width here
65493
65494
  // You might need to update the state or call a callback to update the width
@@ -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[column.field]?.find((x) => x.value === valueFilter) : undefined, options: (optionsFilter && optionsFilter[column.field]) ?? [], isClearable: true, onChange: (val) => {
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: column.field, ope: operator, value: valueFilter ?? '' });
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 !== column.field));
65621
+ changeFilter(filterBy.filter((x) => x.key !== fieldFilter));
65620
65622
  }
65621
65623
  setOpenFilter(false);
65622
65624
  }, children: t('Clear') })] })] }));