react-table-edit 0.4.2 → 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 +4 -3
  2. package/dist/index.d.ts +4 -3
  3. package/dist/index.js +8 -6
  4. package/dist/index.mjs +8 -6
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -77,8 +77,8 @@ type IFTableEditPaging = {
77
77
  allowPaging?: boolean;
78
78
  pagingClient?: boolean;
79
79
  currentPage?: number;
80
- setCurrentPage?: any;
81
- setPageSize?: any;
80
+ setCurrentPage?: Dispatch<SetStateAction<number>>;
81
+ setPageSize?: Dispatch<SetStateAction<number>>;
82
82
  pageSize?: number;
83
83
  totalItem?: number;
84
84
  };
@@ -96,9 +96,10 @@ type IFTableEditToolbar = {
96
96
  };
97
97
  type IFTableEditSearchSetting = {
98
98
  searchEnable?: boolean;
99
+ searchClient?: boolean;
99
100
  searchTerm?: string;
100
- setSearchTerm?: Dispatch<SetStateAction<string>>;
101
101
  keyField?: string[];
102
+ setSearchTerm?: Dispatch<SetStateAction<string>>;
102
103
  };
103
104
  type IFTableEditProps = {
104
105
  idTable?: string;
package/dist/index.d.ts CHANGED
@@ -77,8 +77,8 @@ type IFTableEditPaging = {
77
77
  allowPaging?: boolean;
78
78
  pagingClient?: boolean;
79
79
  currentPage?: number;
80
- setCurrentPage?: any;
81
- setPageSize?: any;
80
+ setCurrentPage?: Dispatch<SetStateAction<number>>;
81
+ setPageSize?: Dispatch<SetStateAction<number>>;
82
82
  pageSize?: number;
83
83
  totalItem?: number;
84
84
  };
@@ -96,9 +96,10 @@ type IFTableEditToolbar = {
96
96
  };
97
97
  type IFTableEditSearchSetting = {
98
98
  searchEnable?: boolean;
99
+ searchClient?: boolean;
99
100
  searchTerm?: string;
100
- setSearchTerm?: Dispatch<SetStateAction<string>>;
101
101
  keyField?: string[];
102
+ setSearchTerm?: Dispatch<SetStateAction<string>>;
102
103
  };
103
104
  type IFTableEditProps = {
104
105
  idTable?: string;
package/dist/index.js CHANGED
@@ -1530,7 +1530,7 @@ var TableEdit = (0, import_react12.forwardRef)((props, ref) => {
1530
1530
  const lag = window.localStorage.getItem("i18nextLng");
1531
1531
  const lang = lag ? lag : "vi";
1532
1532
  const pagingClient = pagingSetting?.allowPaging && (pagingSetting?.pagingClient || !(editDisable || addDisable));
1533
- const searchClient = searchSetting?.searchEnable && !(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(() => {
package/dist/index.mjs CHANGED
@@ -1489,7 +1489,7 @@ var TableEdit = forwardRef2((props, ref) => {
1489
1489
  const lag = window.localStorage.getItem("i18nextLng");
1490
1490
  const lang = lag ? lag : "vi";
1491
1491
  const pagingClient = pagingSetting?.allowPaging && (pagingSetting?.pagingClient || !(editDisable || addDisable));
1492
- const searchClient = searchSetting?.searchEnable && !(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(() => {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "react-table-edit",
3
3
  "license": "MIT",
4
- "version": "0.4.2",
4
+ "version": "0.4.3",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
7
7
  "types": "dist/index.d.ts",