react-table-edit 0.4.1 → 0.4.3

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 (5) hide show
  1. package/dist/index.d.mts +5 -3
  2. package/dist/index.d.ts +5 -3
  3. package/dist/index.js +10 -8
  4. package/dist/index.mjs +10 -8
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -75,9 +75,10 @@ type IFToolbarOptions = {
75
75
  };
76
76
  type IFTableEditPaging = {
77
77
  allowPaging?: boolean;
78
+ pagingClient?: boolean;
78
79
  currentPage?: number;
79
- setCurrentPage?: any;
80
- setPageSize?: any;
80
+ setCurrentPage?: Dispatch<SetStateAction<number>>;
81
+ setPageSize?: Dispatch<SetStateAction<number>>;
81
82
  pageSize?: number;
82
83
  totalItem?: number;
83
84
  };
@@ -95,9 +96,10 @@ type IFTableEditToolbar = {
95
96
  };
96
97
  type IFTableEditSearchSetting = {
97
98
  searchEnable?: boolean;
99
+ searchClient?: boolean;
98
100
  searchTerm?: string;
99
- setSearchTerm?: Dispatch<SetStateAction<string>>;
100
101
  keyField?: string[];
102
+ setSearchTerm?: Dispatch<SetStateAction<string>>;
101
103
  };
102
104
  type IFTableEditProps = {
103
105
  idTable?: string;
package/dist/index.d.ts CHANGED
@@ -75,9 +75,10 @@ type IFToolbarOptions = {
75
75
  };
76
76
  type IFTableEditPaging = {
77
77
  allowPaging?: boolean;
78
+ pagingClient?: boolean;
78
79
  currentPage?: number;
79
- setCurrentPage?: any;
80
- setPageSize?: any;
80
+ setCurrentPage?: Dispatch<SetStateAction<number>>;
81
+ setPageSize?: Dispatch<SetStateAction<number>>;
81
82
  pageSize?: number;
82
83
  totalItem?: number;
83
84
  };
@@ -95,9 +96,10 @@ type IFTableEditToolbar = {
95
96
  };
96
97
  type IFTableEditSearchSetting = {
97
98
  searchEnable?: boolean;
99
+ searchClient?: boolean;
98
100
  searchTerm?: string;
99
- setSearchTerm?: Dispatch<SetStateAction<string>>;
100
101
  keyField?: string[];
102
+ setSearchTerm?: Dispatch<SetStateAction<string>>;
101
103
  };
102
104
  type IFTableEditProps = {
103
105
  idTable?: string;
package/dist/index.js CHANGED
@@ -1529,8 +1529,8 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
1529
1529
  const gridRef = (0, import_react12.useRef)();
1530
1530
  const lag = window.localStorage.getItem("i18nextLng");
1531
1531
  const lang = lag ? lag : "vi";
1532
- const pagingClient = pagingSetting?.allowPaging && !(editDisable || addDisable);
1533
- const searchClient = searchSetting?.searchEnable && !(editDisable || addDisable);
1532
+ const pagingClient = pagingSetting?.allowPaging && (pagingSetting?.pagingClient || !(editDisable || addDisable));
1533
+ const searchClient = searchSetting?.searchEnable && (searchSetting?.searchClient || !(editDisable || addDisable));
1534
1534
  let totalCount = dataSource.length;
1535
1535
  const fieldKey = columns.find((item) => item.isPrimarykey === true)?.field ?? "id";
1536
1536
  const fieldUniKey = columns.filter((item) => item.isUnikey === true)?.map((item) => item.field);
@@ -2186,7 +2186,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
2186
2186
  const element = document.getElementById(`${idTable}-col${indexCol}-row${indexRow}`);
2187
2187
  if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
2188
2188
  if (indexRow > 1) {
2189
- if (pagingClient && (pagingSetting?.currentPage ?? 0) !== 1 && indexRow % (pagingSetting?.pageSize ?? 0) === 1) {
2189
+ if (pagingClient && (pagingSetting?.currentPage ?? 0) !== 1 && indexRow % (pagingSetting?.pageSize ?? 0) === 1 && pagingSetting?.setCurrentPage) {
2190
2190
  pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) - 1);
2191
2191
  }
2192
2192
  setIndexFocus(indexRow - 2);
@@ -2208,7 +2208,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
2208
2208
  const element = document.getElementById(`${idTable}-col${indexCol}-row${indexRow}`);
2209
2209
  if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
2210
2210
  if (indexRow < totalCount) {
2211
- if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0) {
2211
+ if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0 && pagingSetting?.setCurrentPage) {
2212
2212
  pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) + 1);
2213
2213
  }
2214
2214
  setIndexFocus(indexRow);
@@ -2230,7 +2230,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
2230
2230
  if (indexRow === totalCount) {
2231
2231
  moveIndexRowToNewPage();
2232
2232
  } else {
2233
- if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0) {
2233
+ if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0 && pagingSetting?.setCurrentPage) {
2234
2234
  pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) + 1);
2235
2235
  }
2236
2236
  setIndexFocus(indexRow);
@@ -2253,7 +2253,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
2253
2253
  if (indexRow === totalCount) {
2254
2254
  moveIndexRowToNewPage();
2255
2255
  } else {
2256
- if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0) {
2256
+ if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0 && pagingSetting?.setCurrentPage) {
2257
2257
  pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) + 1);
2258
2258
  }
2259
2259
  setIndexFocus(indexRow);
@@ -2307,7 +2307,9 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
2307
2307
  });
2308
2308
  const handleAdd = () => {
2309
2309
  changeDataSource(dataSource, true);
2310
- pagingSetting?.setCurrentPage(Math.floor(totalCount / (pagingSetting?.pageSize ?? 0)) + 1);
2310
+ if (pagingSetting?.setCurrentPage) {
2311
+ pagingSetting?.setCurrentPage(Math.floor(totalCount / (pagingSetting?.pageSize ?? 0)) + 1);
2312
+ }
2311
2313
  if (tableElement) {
2312
2314
  setIndexFocus(totalCount);
2313
2315
  setTimeout(() => {
@@ -2898,7 +2900,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
2898
2900
  return flagDisplay && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
2899
2901
  "tr",
2900
2902
  {
2901
- className: (0, import_classnames10.default)("r-row", { "last-row": indexRow === (pagingClient ? totalCount % (pagingSetting?.pageSize ?? 0) : totalCount - 1) }, { "fisrt-row": indexRow === 0 }),
2903
+ className: (0, import_classnames10.default)("r-row", { "last-row": indexRow === (pagingClient ? totalCount % (pagingSetting?.pageSize ?? 0) : totalCount - 1) }, { "fisrt-row": pagingClient ? indexRow % (pagingSetting?.pageSize ?? 0) === 0 : 0 }),
2902
2904
  children: contentColumns.map((col, indexCol) => {
2903
2905
  return renderContentCol(col, row, indexRow, indexCol, isSelected);
2904
2906
  })
package/dist/index.mjs CHANGED
@@ -1488,8 +1488,8 @@ var TableEdit = forwardRef2((props, ref) => {
1488
1488
  const gridRef = useRef2();
1489
1489
  const lag = window.localStorage.getItem("i18nextLng");
1490
1490
  const lang = lag ? lag : "vi";
1491
- const pagingClient = pagingSetting?.allowPaging && !(editDisable || addDisable);
1492
- const searchClient = searchSetting?.searchEnable && !(editDisable || addDisable);
1491
+ const pagingClient = pagingSetting?.allowPaging && (pagingSetting?.pagingClient || !(editDisable || addDisable));
1492
+ const searchClient = searchSetting?.searchEnable && (searchSetting?.searchClient || !(editDisable || addDisable));
1493
1493
  let totalCount = dataSource.length;
1494
1494
  const fieldKey = columns.find((item) => item.isPrimarykey === true)?.field ?? "id";
1495
1495
  const fieldUniKey = columns.filter((item) => item.isUnikey === true)?.map((item) => item.field);
@@ -2145,7 +2145,7 @@ var TableEdit = forwardRef2((props, ref) => {
2145
2145
  const element = document.getElementById(`${idTable}-col${indexCol}-row${indexRow}`);
2146
2146
  if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
2147
2147
  if (indexRow > 1) {
2148
- if (pagingClient && (pagingSetting?.currentPage ?? 0) !== 1 && indexRow % (pagingSetting?.pageSize ?? 0) === 1) {
2148
+ if (pagingClient && (pagingSetting?.currentPage ?? 0) !== 1 && indexRow % (pagingSetting?.pageSize ?? 0) === 1 && pagingSetting?.setCurrentPage) {
2149
2149
  pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) - 1);
2150
2150
  }
2151
2151
  setIndexFocus(indexRow - 2);
@@ -2167,7 +2167,7 @@ var TableEdit = forwardRef2((props, ref) => {
2167
2167
  const element = document.getElementById(`${idTable}-col${indexCol}-row${indexRow}`);
2168
2168
  if (element && !(element.getElementsByClassName("select__control--menu-is-open").length > 0 || element.getElementsByClassName("select-100__control--menu-is-open").length > 0 || element.getElementsByClassName("select-200__control--menu-is-open").length > 0 || element.getElementsByClassName("select-300__control--menu-is-open").length > 0 || element.getElementsByClassName("select-400__control--menu-is-open").length > 0 || element.getElementsByClassName("select-500__control--menu-is-open").length > 0)) {
2169
2169
  if (indexRow < totalCount) {
2170
- if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0) {
2170
+ if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0 && pagingSetting?.setCurrentPage) {
2171
2171
  pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) + 1);
2172
2172
  }
2173
2173
  setIndexFocus(indexRow);
@@ -2189,7 +2189,7 @@ var TableEdit = forwardRef2((props, ref) => {
2189
2189
  if (indexRow === totalCount) {
2190
2190
  moveIndexRowToNewPage();
2191
2191
  } else {
2192
- if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0) {
2192
+ if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0 && pagingSetting?.setCurrentPage) {
2193
2193
  pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) + 1);
2194
2194
  }
2195
2195
  setIndexFocus(indexRow);
@@ -2212,7 +2212,7 @@ var TableEdit = forwardRef2((props, ref) => {
2212
2212
  if (indexRow === totalCount) {
2213
2213
  moveIndexRowToNewPage();
2214
2214
  } else {
2215
- if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0) {
2215
+ if (pagingClient && indexRow % (pagingSetting?.pageSize ?? 0) === 0 && pagingSetting?.setCurrentPage) {
2216
2216
  pagingSetting?.setCurrentPage((pagingSetting?.currentPage ?? 1) + 1);
2217
2217
  }
2218
2218
  setIndexFocus(indexRow);
@@ -2266,7 +2266,9 @@ var TableEdit = forwardRef2((props, ref) => {
2266
2266
  });
2267
2267
  const handleAdd = () => {
2268
2268
  changeDataSource(dataSource, true);
2269
- pagingSetting?.setCurrentPage(Math.floor(totalCount / (pagingSetting?.pageSize ?? 0)) + 1);
2269
+ if (pagingSetting?.setCurrentPage) {
2270
+ pagingSetting?.setCurrentPage(Math.floor(totalCount / (pagingSetting?.pageSize ?? 0)) + 1);
2271
+ }
2270
2272
  if (tableElement) {
2271
2273
  setIndexFocus(totalCount);
2272
2274
  setTimeout(() => {
@@ -2857,7 +2859,7 @@ var TableEdit = forwardRef2((props, ref) => {
2857
2859
  return flagDisplay && /* @__PURE__ */ jsx12(
2858
2860
  "tr",
2859
2861
  {
2860
- className: classnames6("r-row", { "last-row": indexRow === (pagingClient ? totalCount % (pagingSetting?.pageSize ?? 0) : totalCount - 1) }, { "fisrt-row": indexRow === 0 }),
2862
+ className: classnames6("r-row", { "last-row": indexRow === (pagingClient ? totalCount % (pagingSetting?.pageSize ?? 0) : totalCount - 1) }, { "fisrt-row": pagingClient ? indexRow % (pagingSetting?.pageSize ?? 0) === 0 : 0 }),
2861
2863
  children: contentColumns.map((col, indexCol) => {
2862
2864
  return renderContentCol(col, row, indexRow, indexCol, isSelected);
2863
2865
  })
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "react-table-edit",
3
3
  "license": "MIT",
4
- "version": "0.4.1",
4
+ "version": "0.4.3",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
7
7
  "types": "dist/index.d.ts",