@fctc/widget-logic 2.9.1 → 2.9.2
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/index.js +18 -17
- package/dist/index.mjs +19 -21
- package/dist/widget.js +16 -15
- package/dist/widget.mjs +17 -19
- package/package.json +96 -96
package/dist/index.js
CHANGED
|
@@ -4944,7 +4944,7 @@ var useListData = ({
|
|
|
4944
4944
|
const [mode, setMode] = (0, import_react14.useState)("month");
|
|
4945
4945
|
const [type, setType] = (0, import_react14.useState)("list");
|
|
4946
4946
|
const [currentDate, setCurrentDate] = (0, import_react14.useState)(/* @__PURE__ */ new Date());
|
|
4947
|
-
const [selectedRowKeys,
|
|
4947
|
+
const [selectedRowKeys, setSelectedRowKeys] = (0, import_react14.useState)([]);
|
|
4948
4948
|
const [debouncedPage] = useDebounce(page, 500);
|
|
4949
4949
|
const [debouncedDomain] = useDebounce(domain, 500);
|
|
4950
4950
|
const { specification } = useGetSpecification({
|
|
@@ -5014,7 +5014,7 @@ var useListData = ({
|
|
|
5014
5014
|
setPageLimit,
|
|
5015
5015
|
setGroupByList,
|
|
5016
5016
|
setCurrentDate,
|
|
5017
|
-
setSelectedRowKeys
|
|
5017
|
+
setSelectedRowKeys
|
|
5018
5018
|
}
|
|
5019
5019
|
};
|
|
5020
5020
|
};
|
|
@@ -5533,7 +5533,7 @@ var many2manyFieldController = (props) => {
|
|
|
5533
5533
|
context,
|
|
5534
5534
|
options,
|
|
5535
5535
|
tab,
|
|
5536
|
-
setSelectedRowKeys
|
|
5536
|
+
setSelectedRowKeys,
|
|
5537
5537
|
groupByDomain,
|
|
5538
5538
|
enabled: enabledCallAPI
|
|
5539
5539
|
} = props;
|
|
@@ -5610,7 +5610,7 @@ var many2manyFieldController = (props) => {
|
|
|
5610
5610
|
}
|
|
5611
5611
|
return () => {
|
|
5612
5612
|
setPage(0);
|
|
5613
|
-
|
|
5613
|
+
setSelectedRowKeys([]);
|
|
5614
5614
|
setDomainMany2Many(null);
|
|
5615
5615
|
};
|
|
5616
5616
|
}, [viewResponse]);
|
|
@@ -6914,7 +6914,7 @@ var tableHeadController = (props) => {
|
|
|
6914
6914
|
tableRef,
|
|
6915
6915
|
groupByList,
|
|
6916
6916
|
selectedRowKeys,
|
|
6917
|
-
setSelectedRowKeys
|
|
6917
|
+
setSelectedRowKeys
|
|
6918
6918
|
} = props;
|
|
6919
6919
|
const { rowIds: recordIds } = useGetRowIds(tableRef);
|
|
6920
6920
|
const selectedRowKeysRef = (0, import_react23.useRef)(recordIds);
|
|
@@ -6941,27 +6941,27 @@ var tableHeadController = (props) => {
|
|
|
6941
6941
|
const handleCheckBoxAll = (event) => {
|
|
6942
6942
|
if (event?.target?.checked && typeTable === "list") {
|
|
6943
6943
|
const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
|
|
6944
|
-
|
|
6944
|
+
setSelectedRowKeys(allRowKeys);
|
|
6945
6945
|
} else if (event?.target?.checked && typeTable === "group") {
|
|
6946
6946
|
const rowsIDs = document.querySelectorAll("tr[data-row-id]");
|
|
6947
6947
|
const ids = Array.from(rowsIDs)?.map(
|
|
6948
6948
|
(row) => Number(row?.getAttribute("data-row-id"))
|
|
6949
6949
|
);
|
|
6950
6950
|
if (ids?.length > 0) {
|
|
6951
|
-
|
|
6951
|
+
setSelectedRowKeys(ids);
|
|
6952
6952
|
} else {
|
|
6953
6953
|
const sum = countSum(
|
|
6954
6954
|
rows,
|
|
6955
6955
|
typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0
|
|
6956
6956
|
);
|
|
6957
6957
|
const keys = Array.from({ length: sum }, (_) => void 0);
|
|
6958
|
-
|
|
6958
|
+
setSelectedRowKeys(keys);
|
|
6959
6959
|
}
|
|
6960
6960
|
if (selectedRowKeysRef) {
|
|
6961
6961
|
selectedRowKeysRef.current = [];
|
|
6962
6962
|
}
|
|
6963
6963
|
} else {
|
|
6964
|
-
|
|
6964
|
+
setSelectedRowKeys([]);
|
|
6965
6965
|
}
|
|
6966
6966
|
};
|
|
6967
6967
|
return {
|
|
@@ -7076,7 +7076,7 @@ var tableGroupController = (props) => {
|
|
|
7076
7076
|
context,
|
|
7077
7077
|
checkedAll,
|
|
7078
7078
|
groupByList,
|
|
7079
|
-
setSelectedRowKeys
|
|
7079
|
+
setSelectedRowKeys
|
|
7080
7080
|
} = props;
|
|
7081
7081
|
const [pageGroup, setPageGroup] = (0, import_react25.useState)(0);
|
|
7082
7082
|
const { selectedRowKeys } = (0, import_store2.useAppSelector)(import_store2.selectList);
|
|
@@ -7112,7 +7112,8 @@ var tableGroupController = (props) => {
|
|
|
7112
7112
|
context,
|
|
7113
7113
|
offset: pageGroup * 10,
|
|
7114
7114
|
fields: groupByList?.fields,
|
|
7115
|
-
groupby: [groupByList?.contexts[level]?.group_by]
|
|
7115
|
+
groupby: [groupByList?.contexts[level]?.group_by],
|
|
7116
|
+
limit: 10
|
|
7116
7117
|
};
|
|
7117
7118
|
const queryKey = [
|
|
7118
7119
|
`data-${model}-level_${level}-row-${row?.id}`,
|
|
@@ -7158,14 +7159,14 @@ var tableGroupController = (props) => {
|
|
|
7158
7159
|
const filteredIds = selectedRowKeys.filter(
|
|
7159
7160
|
(id) => !ids.includes(id)
|
|
7160
7161
|
);
|
|
7161
|
-
|
|
7162
|
+
setSelectedRowKeys(filteredIds);
|
|
7162
7163
|
} else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull) {
|
|
7163
7164
|
const clonedKeys = [...selectedRowKeys];
|
|
7164
|
-
|
|
7165
|
-
setTimeout(() =>
|
|
7165
|
+
setSelectedRowKeys([...clonedKeys, -1]);
|
|
7166
|
+
setTimeout(() => setSelectedRowKeys(clonedKeys), 500);
|
|
7166
7167
|
} else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
|
|
7167
7168
|
const filteredKeys = selectedRowKeys.filter((id) => id > -1);
|
|
7168
|
-
|
|
7169
|
+
setSelectedRowKeys(filteredKeys);
|
|
7169
7170
|
}
|
|
7170
7171
|
toggleShowGroup();
|
|
7171
7172
|
};
|
|
@@ -7174,8 +7175,8 @@ var tableGroupController = (props) => {
|
|
|
7174
7175
|
return;
|
|
7175
7176
|
}
|
|
7176
7177
|
const clonedKeys = [...selectedRowKeys];
|
|
7177
|
-
|
|
7178
|
-
setTimeout(() =>
|
|
7178
|
+
setSelectedRowKeys([...clonedKeys, -1]);
|
|
7179
|
+
setTimeout(() => setSelectedRowKeys(clonedKeys), 500);
|
|
7179
7180
|
}, [isDataGroupFetched]);
|
|
7180
7181
|
return {
|
|
7181
7182
|
onExpandChildGroup,
|
package/dist/index.mjs
CHANGED
|
@@ -5023,7 +5023,7 @@ var useListData = ({
|
|
|
5023
5023
|
const [mode, setMode] = useState5("month");
|
|
5024
5024
|
const [type, setType] = useState5("list");
|
|
5025
5025
|
const [currentDate, setCurrentDate] = useState5(/* @__PURE__ */ new Date());
|
|
5026
|
-
const [selectedRowKeys,
|
|
5026
|
+
const [selectedRowKeys, setSelectedRowKeys] = useState5([]);
|
|
5027
5027
|
const [debouncedPage] = useDebounce(page, 500);
|
|
5028
5028
|
const [debouncedDomain] = useDebounce(domain, 500);
|
|
5029
5029
|
const { specification } = useGetSpecification({
|
|
@@ -5093,7 +5093,7 @@ var useListData = ({
|
|
|
5093
5093
|
setPageLimit,
|
|
5094
5094
|
setGroupByList,
|
|
5095
5095
|
setCurrentDate,
|
|
5096
|
-
setSelectedRowKeys
|
|
5096
|
+
setSelectedRowKeys
|
|
5097
5097
|
}
|
|
5098
5098
|
};
|
|
5099
5099
|
};
|
|
@@ -5618,7 +5618,7 @@ var many2manyFieldController = (props) => {
|
|
|
5618
5618
|
context,
|
|
5619
5619
|
options,
|
|
5620
5620
|
tab,
|
|
5621
|
-
setSelectedRowKeys
|
|
5621
|
+
setSelectedRowKeys,
|
|
5622
5622
|
groupByDomain,
|
|
5623
5623
|
enabled: enabledCallAPI
|
|
5624
5624
|
} = props;
|
|
@@ -5695,7 +5695,7 @@ var many2manyFieldController = (props) => {
|
|
|
5695
5695
|
}
|
|
5696
5696
|
return () => {
|
|
5697
5697
|
setPage(0);
|
|
5698
|
-
|
|
5698
|
+
setSelectedRowKeys([]);
|
|
5699
5699
|
setDomainMany2Many(null);
|
|
5700
5700
|
};
|
|
5701
5701
|
}, [viewResponse]);
|
|
@@ -6999,7 +6999,7 @@ var tableHeadController = (props) => {
|
|
|
6999
6999
|
tableRef,
|
|
7000
7000
|
groupByList,
|
|
7001
7001
|
selectedRowKeys,
|
|
7002
|
-
setSelectedRowKeys
|
|
7002
|
+
setSelectedRowKeys
|
|
7003
7003
|
} = props;
|
|
7004
7004
|
const { rowIds: recordIds } = useGetRowIds(tableRef);
|
|
7005
7005
|
const selectedRowKeysRef = useRef5(recordIds);
|
|
@@ -7026,27 +7026,27 @@ var tableHeadController = (props) => {
|
|
|
7026
7026
|
const handleCheckBoxAll = (event) => {
|
|
7027
7027
|
if (event?.target?.checked && typeTable === "list") {
|
|
7028
7028
|
const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
|
|
7029
|
-
|
|
7029
|
+
setSelectedRowKeys(allRowKeys);
|
|
7030
7030
|
} else if (event?.target?.checked && typeTable === "group") {
|
|
7031
7031
|
const rowsIDs = document.querySelectorAll("tr[data-row-id]");
|
|
7032
7032
|
const ids = Array.from(rowsIDs)?.map(
|
|
7033
7033
|
(row) => Number(row?.getAttribute("data-row-id"))
|
|
7034
7034
|
);
|
|
7035
7035
|
if (ids?.length > 0) {
|
|
7036
|
-
|
|
7036
|
+
setSelectedRowKeys(ids);
|
|
7037
7037
|
} else {
|
|
7038
7038
|
const sum = countSum(
|
|
7039
7039
|
rows,
|
|
7040
7040
|
typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0
|
|
7041
7041
|
);
|
|
7042
7042
|
const keys = Array.from({ length: sum }, (_) => void 0);
|
|
7043
|
-
|
|
7043
|
+
setSelectedRowKeys(keys);
|
|
7044
7044
|
}
|
|
7045
7045
|
if (selectedRowKeysRef) {
|
|
7046
7046
|
selectedRowKeysRef.current = [];
|
|
7047
7047
|
}
|
|
7048
7048
|
} else {
|
|
7049
|
-
|
|
7049
|
+
setSelectedRowKeys([]);
|
|
7050
7050
|
}
|
|
7051
7051
|
};
|
|
7052
7052
|
return {
|
|
@@ -7147,10 +7147,7 @@ var tableController = ({ data }) => {
|
|
|
7147
7147
|
|
|
7148
7148
|
// src/widget/advance/table/table-group/controller.ts
|
|
7149
7149
|
import { useEffect as useEffect14, useMemo as useMemo11, useState as useState14 } from "react";
|
|
7150
|
-
import {
|
|
7151
|
-
useAppSelector as useAppSelector2,
|
|
7152
|
-
selectList
|
|
7153
|
-
} from "@fctc/interface-logic/store";
|
|
7150
|
+
import { useAppSelector as useAppSelector2, selectList } from "@fctc/interface-logic/store";
|
|
7154
7151
|
var tableGroupController = (props) => {
|
|
7155
7152
|
const { env } = (0, provider_exports.useEnv)();
|
|
7156
7153
|
const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
|
|
@@ -7164,7 +7161,7 @@ var tableGroupController = (props) => {
|
|
|
7164
7161
|
context,
|
|
7165
7162
|
checkedAll,
|
|
7166
7163
|
groupByList,
|
|
7167
|
-
setSelectedRowKeys
|
|
7164
|
+
setSelectedRowKeys
|
|
7168
7165
|
} = props;
|
|
7169
7166
|
const [pageGroup, setPageGroup] = useState14(0);
|
|
7170
7167
|
const { selectedRowKeys } = useAppSelector2(selectList);
|
|
@@ -7200,7 +7197,8 @@ var tableGroupController = (props) => {
|
|
|
7200
7197
|
context,
|
|
7201
7198
|
offset: pageGroup * 10,
|
|
7202
7199
|
fields: groupByList?.fields,
|
|
7203
|
-
groupby: [groupByList?.contexts[level]?.group_by]
|
|
7200
|
+
groupby: [groupByList?.contexts[level]?.group_by],
|
|
7201
|
+
limit: 10
|
|
7204
7202
|
};
|
|
7205
7203
|
const queryKey = [
|
|
7206
7204
|
`data-${model}-level_${level}-row-${row?.id}`,
|
|
@@ -7246,14 +7244,14 @@ var tableGroupController = (props) => {
|
|
|
7246
7244
|
const filteredIds = selectedRowKeys.filter(
|
|
7247
7245
|
(id) => !ids.includes(id)
|
|
7248
7246
|
);
|
|
7249
|
-
|
|
7247
|
+
setSelectedRowKeys(filteredIds);
|
|
7250
7248
|
} else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull) {
|
|
7251
7249
|
const clonedKeys = [...selectedRowKeys];
|
|
7252
|
-
|
|
7253
|
-
setTimeout(() =>
|
|
7250
|
+
setSelectedRowKeys([...clonedKeys, -1]);
|
|
7251
|
+
setTimeout(() => setSelectedRowKeys(clonedKeys), 500);
|
|
7254
7252
|
} else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
|
|
7255
7253
|
const filteredKeys = selectedRowKeys.filter((id) => id > -1);
|
|
7256
|
-
|
|
7254
|
+
setSelectedRowKeys(filteredKeys);
|
|
7257
7255
|
}
|
|
7258
7256
|
toggleShowGroup();
|
|
7259
7257
|
};
|
|
@@ -7262,8 +7260,8 @@ var tableGroupController = (props) => {
|
|
|
7262
7260
|
return;
|
|
7263
7261
|
}
|
|
7264
7262
|
const clonedKeys = [...selectedRowKeys];
|
|
7265
|
-
|
|
7266
|
-
setTimeout(() =>
|
|
7263
|
+
setSelectedRowKeys([...clonedKeys, -1]);
|
|
7264
|
+
setTimeout(() => setSelectedRowKeys(clonedKeys), 500);
|
|
7267
7265
|
}, [isDataGroupFetched]);
|
|
7268
7266
|
return {
|
|
7269
7267
|
onExpandChildGroup,
|
package/dist/widget.js
CHANGED
|
@@ -4678,7 +4678,7 @@ var many2manyFieldController = (props) => {
|
|
|
4678
4678
|
context,
|
|
4679
4679
|
options,
|
|
4680
4680
|
tab,
|
|
4681
|
-
setSelectedRowKeys
|
|
4681
|
+
setSelectedRowKeys,
|
|
4682
4682
|
groupByDomain,
|
|
4683
4683
|
enabled: enabledCallAPI
|
|
4684
4684
|
} = props;
|
|
@@ -4755,7 +4755,7 @@ var many2manyFieldController = (props) => {
|
|
|
4755
4755
|
}
|
|
4756
4756
|
return () => {
|
|
4757
4757
|
setPage(0);
|
|
4758
|
-
|
|
4758
|
+
setSelectedRowKeys([]);
|
|
4759
4759
|
setDomainMany2Many(null);
|
|
4760
4760
|
};
|
|
4761
4761
|
}, [viewResponse]);
|
|
@@ -6059,7 +6059,7 @@ var tableHeadController = (props) => {
|
|
|
6059
6059
|
tableRef,
|
|
6060
6060
|
groupByList,
|
|
6061
6061
|
selectedRowKeys,
|
|
6062
|
-
setSelectedRowKeys
|
|
6062
|
+
setSelectedRowKeys
|
|
6063
6063
|
} = props;
|
|
6064
6064
|
const { rowIds: recordIds } = useGetRowIds(tableRef);
|
|
6065
6065
|
const selectedRowKeysRef = (0, import_react23.useRef)(recordIds);
|
|
@@ -6086,27 +6086,27 @@ var tableHeadController = (props) => {
|
|
|
6086
6086
|
const handleCheckBoxAll = (event) => {
|
|
6087
6087
|
if (event?.target?.checked && typeTable === "list") {
|
|
6088
6088
|
const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
|
|
6089
|
-
|
|
6089
|
+
setSelectedRowKeys(allRowKeys);
|
|
6090
6090
|
} else if (event?.target?.checked && typeTable === "group") {
|
|
6091
6091
|
const rowsIDs = document.querySelectorAll("tr[data-row-id]");
|
|
6092
6092
|
const ids = Array.from(rowsIDs)?.map(
|
|
6093
6093
|
(row) => Number(row?.getAttribute("data-row-id"))
|
|
6094
6094
|
);
|
|
6095
6095
|
if (ids?.length > 0) {
|
|
6096
|
-
|
|
6096
|
+
setSelectedRowKeys(ids);
|
|
6097
6097
|
} else {
|
|
6098
6098
|
const sum = countSum(
|
|
6099
6099
|
rows,
|
|
6100
6100
|
typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0
|
|
6101
6101
|
);
|
|
6102
6102
|
const keys = Array.from({ length: sum }, (_) => void 0);
|
|
6103
|
-
|
|
6103
|
+
setSelectedRowKeys(keys);
|
|
6104
6104
|
}
|
|
6105
6105
|
if (selectedRowKeysRef) {
|
|
6106
6106
|
selectedRowKeysRef.current = [];
|
|
6107
6107
|
}
|
|
6108
6108
|
} else {
|
|
6109
|
-
|
|
6109
|
+
setSelectedRowKeys([]);
|
|
6110
6110
|
}
|
|
6111
6111
|
};
|
|
6112
6112
|
return {
|
|
@@ -6221,7 +6221,7 @@ var tableGroupController = (props) => {
|
|
|
6221
6221
|
context,
|
|
6222
6222
|
checkedAll,
|
|
6223
6223
|
groupByList,
|
|
6224
|
-
setSelectedRowKeys
|
|
6224
|
+
setSelectedRowKeys
|
|
6225
6225
|
} = props;
|
|
6226
6226
|
const [pageGroup, setPageGroup] = (0, import_react25.useState)(0);
|
|
6227
6227
|
const { selectedRowKeys } = (0, import_store2.useAppSelector)(import_store2.selectList);
|
|
@@ -6257,7 +6257,8 @@ var tableGroupController = (props) => {
|
|
|
6257
6257
|
context,
|
|
6258
6258
|
offset: pageGroup * 10,
|
|
6259
6259
|
fields: groupByList?.fields,
|
|
6260
|
-
groupby: [groupByList?.contexts[level]?.group_by]
|
|
6260
|
+
groupby: [groupByList?.contexts[level]?.group_by],
|
|
6261
|
+
limit: 10
|
|
6261
6262
|
};
|
|
6262
6263
|
const queryKey = [
|
|
6263
6264
|
`data-${model}-level_${level}-row-${row?.id}`,
|
|
@@ -6303,14 +6304,14 @@ var tableGroupController = (props) => {
|
|
|
6303
6304
|
const filteredIds = selectedRowKeys.filter(
|
|
6304
6305
|
(id) => !ids.includes(id)
|
|
6305
6306
|
);
|
|
6306
|
-
|
|
6307
|
+
setSelectedRowKeys(filteredIds);
|
|
6307
6308
|
} else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull) {
|
|
6308
6309
|
const clonedKeys = [...selectedRowKeys];
|
|
6309
|
-
|
|
6310
|
-
setTimeout(() =>
|
|
6310
|
+
setSelectedRowKeys([...clonedKeys, -1]);
|
|
6311
|
+
setTimeout(() => setSelectedRowKeys(clonedKeys), 500);
|
|
6311
6312
|
} else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
|
|
6312
6313
|
const filteredKeys = selectedRowKeys.filter((id) => id > -1);
|
|
6313
|
-
|
|
6314
|
+
setSelectedRowKeys(filteredKeys);
|
|
6314
6315
|
}
|
|
6315
6316
|
toggleShowGroup();
|
|
6316
6317
|
};
|
|
@@ -6319,8 +6320,8 @@ var tableGroupController = (props) => {
|
|
|
6319
6320
|
return;
|
|
6320
6321
|
}
|
|
6321
6322
|
const clonedKeys = [...selectedRowKeys];
|
|
6322
|
-
|
|
6323
|
-
setTimeout(() =>
|
|
6323
|
+
setSelectedRowKeys([...clonedKeys, -1]);
|
|
6324
|
+
setTimeout(() => setSelectedRowKeys(clonedKeys), 500);
|
|
6324
6325
|
}, [isDataGroupFetched]);
|
|
6325
6326
|
return {
|
|
6326
6327
|
onExpandChildGroup,
|
package/dist/widget.mjs
CHANGED
|
@@ -4740,7 +4740,7 @@ var many2manyFieldController = (props) => {
|
|
|
4740
4740
|
context,
|
|
4741
4741
|
options,
|
|
4742
4742
|
tab,
|
|
4743
|
-
setSelectedRowKeys
|
|
4743
|
+
setSelectedRowKeys,
|
|
4744
4744
|
groupByDomain,
|
|
4745
4745
|
enabled: enabledCallAPI
|
|
4746
4746
|
} = props;
|
|
@@ -4817,7 +4817,7 @@ var many2manyFieldController = (props) => {
|
|
|
4817
4817
|
}
|
|
4818
4818
|
return () => {
|
|
4819
4819
|
setPage(0);
|
|
4820
|
-
|
|
4820
|
+
setSelectedRowKeys([]);
|
|
4821
4821
|
setDomainMany2Many(null);
|
|
4822
4822
|
};
|
|
4823
4823
|
}, [viewResponse]);
|
|
@@ -6121,7 +6121,7 @@ var tableHeadController = (props) => {
|
|
|
6121
6121
|
tableRef,
|
|
6122
6122
|
groupByList,
|
|
6123
6123
|
selectedRowKeys,
|
|
6124
|
-
setSelectedRowKeys
|
|
6124
|
+
setSelectedRowKeys
|
|
6125
6125
|
} = props;
|
|
6126
6126
|
const { rowIds: recordIds } = useGetRowIds(tableRef);
|
|
6127
6127
|
const selectedRowKeysRef = useRef5(recordIds);
|
|
@@ -6148,27 +6148,27 @@ var tableHeadController = (props) => {
|
|
|
6148
6148
|
const handleCheckBoxAll = (event) => {
|
|
6149
6149
|
if (event?.target?.checked && typeTable === "list") {
|
|
6150
6150
|
const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
|
|
6151
|
-
|
|
6151
|
+
setSelectedRowKeys(allRowKeys);
|
|
6152
6152
|
} else if (event?.target?.checked && typeTable === "group") {
|
|
6153
6153
|
const rowsIDs = document.querySelectorAll("tr[data-row-id]");
|
|
6154
6154
|
const ids = Array.from(rowsIDs)?.map(
|
|
6155
6155
|
(row) => Number(row?.getAttribute("data-row-id"))
|
|
6156
6156
|
);
|
|
6157
6157
|
if (ids?.length > 0) {
|
|
6158
|
-
|
|
6158
|
+
setSelectedRowKeys(ids);
|
|
6159
6159
|
} else {
|
|
6160
6160
|
const sum = countSum(
|
|
6161
6161
|
rows,
|
|
6162
6162
|
typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0
|
|
6163
6163
|
);
|
|
6164
6164
|
const keys = Array.from({ length: sum }, (_) => void 0);
|
|
6165
|
-
|
|
6165
|
+
setSelectedRowKeys(keys);
|
|
6166
6166
|
}
|
|
6167
6167
|
if (selectedRowKeysRef) {
|
|
6168
6168
|
selectedRowKeysRef.current = [];
|
|
6169
6169
|
}
|
|
6170
6170
|
} else {
|
|
6171
|
-
|
|
6171
|
+
setSelectedRowKeys([]);
|
|
6172
6172
|
}
|
|
6173
6173
|
};
|
|
6174
6174
|
return {
|
|
@@ -6269,10 +6269,7 @@ var tableController = ({ data }) => {
|
|
|
6269
6269
|
|
|
6270
6270
|
// src/widget/advance/table/table-group/controller.ts
|
|
6271
6271
|
import { useEffect as useEffect14, useMemo as useMemo11, useState as useState14 } from "react";
|
|
6272
|
-
import {
|
|
6273
|
-
useAppSelector as useAppSelector2,
|
|
6274
|
-
selectList
|
|
6275
|
-
} from "@fctc/interface-logic/store";
|
|
6272
|
+
import { useAppSelector as useAppSelector2, selectList } from "@fctc/interface-logic/store";
|
|
6276
6273
|
var tableGroupController = (props) => {
|
|
6277
6274
|
const { env } = (0, provider_exports.useEnv)();
|
|
6278
6275
|
const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
|
|
@@ -6286,7 +6283,7 @@ var tableGroupController = (props) => {
|
|
|
6286
6283
|
context,
|
|
6287
6284
|
checkedAll,
|
|
6288
6285
|
groupByList,
|
|
6289
|
-
setSelectedRowKeys
|
|
6286
|
+
setSelectedRowKeys
|
|
6290
6287
|
} = props;
|
|
6291
6288
|
const [pageGroup, setPageGroup] = useState14(0);
|
|
6292
6289
|
const { selectedRowKeys } = useAppSelector2(selectList);
|
|
@@ -6322,7 +6319,8 @@ var tableGroupController = (props) => {
|
|
|
6322
6319
|
context,
|
|
6323
6320
|
offset: pageGroup * 10,
|
|
6324
6321
|
fields: groupByList?.fields,
|
|
6325
|
-
groupby: [groupByList?.contexts[level]?.group_by]
|
|
6322
|
+
groupby: [groupByList?.contexts[level]?.group_by],
|
|
6323
|
+
limit: 10
|
|
6326
6324
|
};
|
|
6327
6325
|
const queryKey = [
|
|
6328
6326
|
`data-${model}-level_${level}-row-${row?.id}`,
|
|
@@ -6368,14 +6366,14 @@ var tableGroupController = (props) => {
|
|
|
6368
6366
|
const filteredIds = selectedRowKeys.filter(
|
|
6369
6367
|
(id) => !ids.includes(id)
|
|
6370
6368
|
);
|
|
6371
|
-
|
|
6369
|
+
setSelectedRowKeys(filteredIds);
|
|
6372
6370
|
} else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull) {
|
|
6373
6371
|
const clonedKeys = [...selectedRowKeys];
|
|
6374
|
-
|
|
6375
|
-
setTimeout(() =>
|
|
6372
|
+
setSelectedRowKeys([...clonedKeys, -1]);
|
|
6373
|
+
setTimeout(() => setSelectedRowKeys(clonedKeys), 500);
|
|
6376
6374
|
} else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
|
|
6377
6375
|
const filteredKeys = selectedRowKeys.filter((id) => id > -1);
|
|
6378
|
-
|
|
6376
|
+
setSelectedRowKeys(filteredKeys);
|
|
6379
6377
|
}
|
|
6380
6378
|
toggleShowGroup();
|
|
6381
6379
|
};
|
|
@@ -6384,8 +6382,8 @@ var tableGroupController = (props) => {
|
|
|
6384
6382
|
return;
|
|
6385
6383
|
}
|
|
6386
6384
|
const clonedKeys = [...selectedRowKeys];
|
|
6387
|
-
|
|
6388
|
-
setTimeout(() =>
|
|
6385
|
+
setSelectedRowKeys([...clonedKeys, -1]);
|
|
6386
|
+
setTimeout(() => setSelectedRowKeys(clonedKeys), 500);
|
|
6389
6387
|
}, [isDataGroupFetched]);
|
|
6390
6388
|
return {
|
|
6391
6389
|
onExpandChildGroup,
|
package/package.json
CHANGED
|
@@ -1,96 +1,96 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@fctc/widget-logic",
|
|
3
|
-
"version": "2.9.
|
|
4
|
-
"types": "dist/index.d.ts",
|
|
5
|
-
"main": "dist/index.cjs",
|
|
6
|
-
"module": "dist/index.mjs",
|
|
7
|
-
"exports": {
|
|
8
|
-
".": {
|
|
9
|
-
"types": "./dist/index.d.ts",
|
|
10
|
-
"import": "./dist/index.mjs",
|
|
11
|
-
"require": "./dist/index.cjs"
|
|
12
|
-
},
|
|
13
|
-
"./hooks": {
|
|
14
|
-
"types": "./dist/hooks.d.ts",
|
|
15
|
-
"import": "./dist/hooks.mjs",
|
|
16
|
-
"require": "./dist/hooks.cjs"
|
|
17
|
-
},
|
|
18
|
-
"./widget": {
|
|
19
|
-
"types": "./dist/widget.d.ts",
|
|
20
|
-
"import": "./dist/widget.mjs",
|
|
21
|
-
"require": "./dist/widget.cjs"
|
|
22
|
-
},
|
|
23
|
-
"./icons": {
|
|
24
|
-
"types": "./dist/icons.d.ts",
|
|
25
|
-
"import": "./dist/icons.mjs",
|
|
26
|
-
"require": "./dist/icons.cjs"
|
|
27
|
-
},
|
|
28
|
-
"./utils": {
|
|
29
|
-
"types": "./dist/utils.d.ts",
|
|
30
|
-
"import": "./dist/utils.mjs",
|
|
31
|
-
"require": "./dist/utils.cjs"
|
|
32
|
-
},
|
|
33
|
-
"./store": {
|
|
34
|
-
"types": "./dist/store.d.ts",
|
|
35
|
-
"import": "./dist/store.mjs",
|
|
36
|
-
"require": "./dist/store.cjs"
|
|
37
|
-
},
|
|
38
|
-
"./config": {
|
|
39
|
-
"types": "./dist/config.d.ts",
|
|
40
|
-
"import": "./dist/config.mjs",
|
|
41
|
-
"require": "./dist/config.cjs"
|
|
42
|
-
},
|
|
43
|
-
"./constants": {
|
|
44
|
-
"types": "./dist/constants.d.ts",
|
|
45
|
-
"import": "./dist/constants.mjs",
|
|
46
|
-
"require": "./dist/constants.cjs"
|
|
47
|
-
},
|
|
48
|
-
"./environment": {
|
|
49
|
-
"types": "./dist/environment.d.ts",
|
|
50
|
-
"import": "./dist/environment.mjs",
|
|
51
|
-
"require": "./dist/environment.cjs"
|
|
52
|
-
},
|
|
53
|
-
"./provider": {
|
|
54
|
-
"types": "./dist/provider.d.ts",
|
|
55
|
-
"import": "./dist/provider.mjs",
|
|
56
|
-
"require": "./dist/provider.cjs"
|
|
57
|
-
},
|
|
58
|
-
"./services": {
|
|
59
|
-
"types": "./dist/services.d.ts",
|
|
60
|
-
"import": "./dist/services.mjs",
|
|
61
|
-
"require": "./dist/services.cjs"
|
|
62
|
-
},
|
|
63
|
-
"./types": {
|
|
64
|
-
"types": "./dist/types.d.ts",
|
|
65
|
-
"import": "./dist/types.mjs",
|
|
66
|
-
"require": "./dist/types.cjs"
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
"files": [
|
|
70
|
-
"dist"
|
|
71
|
-
],
|
|
72
|
-
"scripts": {
|
|
73
|
-
"build": "tsup",
|
|
74
|
-
"test": "jest"
|
|
75
|
-
},
|
|
76
|
-
"dependencies": {
|
|
77
|
-
"@fctc/interface-logic": "^2.6.
|
|
78
|
-
"@headlessui/react": "^2.2.6",
|
|
79
|
-
"@tanstack/react-query": "^5.84.0",
|
|
80
|
-
"i18next": "^25.3.2",
|
|
81
|
-
"i18next-browser-languagedetector": "^8.2.0",
|
|
82
|
-
"react-i18next": "^15.6.1",
|
|
83
|
-
"react-tooltip": "^5.29.1"
|
|
84
|
-
},
|
|
85
|
-
"devDependencies": {
|
|
86
|
-
"@types/react": "^18.3.1",
|
|
87
|
-
"jest": "^29.7.0",
|
|
88
|
-
"react": "18.0.0",
|
|
89
|
-
"tsup": "^8.0.0",
|
|
90
|
-
"typescript": "^5.8.2"
|
|
91
|
-
},
|
|
92
|
-
"packageManager": "yarn@1.22.0",
|
|
93
|
-
"peerDependencies": {
|
|
94
|
-
"@fctc/interface-logic": "^1.6.9"
|
|
95
|
-
}
|
|
96
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@fctc/widget-logic",
|
|
3
|
+
"version": "2.9.2",
|
|
4
|
+
"types": "dist/index.d.ts",
|
|
5
|
+
"main": "dist/index.cjs",
|
|
6
|
+
"module": "dist/index.mjs",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"types": "./dist/index.d.ts",
|
|
10
|
+
"import": "./dist/index.mjs",
|
|
11
|
+
"require": "./dist/index.cjs"
|
|
12
|
+
},
|
|
13
|
+
"./hooks": {
|
|
14
|
+
"types": "./dist/hooks.d.ts",
|
|
15
|
+
"import": "./dist/hooks.mjs",
|
|
16
|
+
"require": "./dist/hooks.cjs"
|
|
17
|
+
},
|
|
18
|
+
"./widget": {
|
|
19
|
+
"types": "./dist/widget.d.ts",
|
|
20
|
+
"import": "./dist/widget.mjs",
|
|
21
|
+
"require": "./dist/widget.cjs"
|
|
22
|
+
},
|
|
23
|
+
"./icons": {
|
|
24
|
+
"types": "./dist/icons.d.ts",
|
|
25
|
+
"import": "./dist/icons.mjs",
|
|
26
|
+
"require": "./dist/icons.cjs"
|
|
27
|
+
},
|
|
28
|
+
"./utils": {
|
|
29
|
+
"types": "./dist/utils.d.ts",
|
|
30
|
+
"import": "./dist/utils.mjs",
|
|
31
|
+
"require": "./dist/utils.cjs"
|
|
32
|
+
},
|
|
33
|
+
"./store": {
|
|
34
|
+
"types": "./dist/store.d.ts",
|
|
35
|
+
"import": "./dist/store.mjs",
|
|
36
|
+
"require": "./dist/store.cjs"
|
|
37
|
+
},
|
|
38
|
+
"./config": {
|
|
39
|
+
"types": "./dist/config.d.ts",
|
|
40
|
+
"import": "./dist/config.mjs",
|
|
41
|
+
"require": "./dist/config.cjs"
|
|
42
|
+
},
|
|
43
|
+
"./constants": {
|
|
44
|
+
"types": "./dist/constants.d.ts",
|
|
45
|
+
"import": "./dist/constants.mjs",
|
|
46
|
+
"require": "./dist/constants.cjs"
|
|
47
|
+
},
|
|
48
|
+
"./environment": {
|
|
49
|
+
"types": "./dist/environment.d.ts",
|
|
50
|
+
"import": "./dist/environment.mjs",
|
|
51
|
+
"require": "./dist/environment.cjs"
|
|
52
|
+
},
|
|
53
|
+
"./provider": {
|
|
54
|
+
"types": "./dist/provider.d.ts",
|
|
55
|
+
"import": "./dist/provider.mjs",
|
|
56
|
+
"require": "./dist/provider.cjs"
|
|
57
|
+
},
|
|
58
|
+
"./services": {
|
|
59
|
+
"types": "./dist/services.d.ts",
|
|
60
|
+
"import": "./dist/services.mjs",
|
|
61
|
+
"require": "./dist/services.cjs"
|
|
62
|
+
},
|
|
63
|
+
"./types": {
|
|
64
|
+
"types": "./dist/types.d.ts",
|
|
65
|
+
"import": "./dist/types.mjs",
|
|
66
|
+
"require": "./dist/types.cjs"
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
"files": [
|
|
70
|
+
"dist"
|
|
71
|
+
],
|
|
72
|
+
"scripts": {
|
|
73
|
+
"build": "tsup",
|
|
74
|
+
"test": "jest"
|
|
75
|
+
},
|
|
76
|
+
"dependencies": {
|
|
77
|
+
"@fctc/interface-logic": "^2.6.6",
|
|
78
|
+
"@headlessui/react": "^2.2.6",
|
|
79
|
+
"@tanstack/react-query": "^5.84.0",
|
|
80
|
+
"i18next": "^25.3.2",
|
|
81
|
+
"i18next-browser-languagedetector": "^8.2.0",
|
|
82
|
+
"react-i18next": "^15.6.1",
|
|
83
|
+
"react-tooltip": "^5.29.1"
|
|
84
|
+
},
|
|
85
|
+
"devDependencies": {
|
|
86
|
+
"@types/react": "^18.3.1",
|
|
87
|
+
"jest": "^29.7.0",
|
|
88
|
+
"react": "18.0.0",
|
|
89
|
+
"tsup": "^8.0.0",
|
|
90
|
+
"typescript": "^5.8.2"
|
|
91
|
+
},
|
|
92
|
+
"packageManager": "yarn@1.22.0",
|
|
93
|
+
"peerDependencies": {
|
|
94
|
+
"@fctc/interface-logic": "^1.6.9"
|
|
95
|
+
}
|
|
96
|
+
}
|