@fctc/widget-logic 1.5.0 → 1.5.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/config.d.mts +6 -0
- package/dist/config.d.ts +6 -0
- package/dist/config.js +24 -0
- package/dist/config.mjs +2 -0
- package/dist/constants.d.mts +1 -0
- package/dist/constants.d.ts +1 -0
- package/dist/constants.js +24 -0
- package/dist/constants.mjs +2 -0
- package/dist/environment.d.mts +1 -0
- package/dist/environment.d.ts +1 -0
- package/dist/environment.js +24 -0
- package/dist/environment.mjs +2 -0
- package/dist/hooks.d.mts +969 -0
- package/dist/hooks.d.ts +969 -0
- package/dist/hooks.js +743 -0
- package/dist/hooks.mjs +717 -0
- package/dist/icons.d.mts +9 -0
- package/dist/icons.d.ts +9 -0
- package/dist/icons.js +139 -0
- package/dist/icons.mjs +110 -0
- package/dist/index.d.mts +17 -4
- package/dist/index.d.ts +17 -4
- package/dist/index.js +7233 -229
- package/dist/index.mjs +7320 -218
- package/dist/provider.d.mts +1 -0
- package/dist/provider.d.ts +1 -0
- package/dist/provider.js +24 -0
- package/dist/provider.mjs +2 -0
- package/dist/services.d.mts +1 -0
- package/dist/services.d.ts +1 -0
- package/dist/services.js +24 -0
- package/dist/services.mjs +2 -0
- package/dist/store.d.mts +1 -0
- package/dist/store.d.ts +1 -0
- package/dist/store.js +24 -0
- package/dist/store.mjs +2 -0
- package/dist/types.d.mts +31 -0
- package/dist/types.d.ts +31 -0
- package/dist/types.js +24 -0
- package/dist/types.mjs +2 -0
- package/dist/utils.d.mts +38 -0
- package/dist/utils.d.ts +38 -0
- package/dist/utils.js +282 -0
- package/dist/utils.mjs +242 -0
- package/dist/widget.d.mts +299 -0
- package/dist/widget.d.ts +299 -0
- package/dist/widget.js +7079 -0
- package/dist/widget.mjs +7111 -0
- package/package.json +69 -23
- package/dist/action.d.mts +0 -68
- package/dist/action.d.ts +0 -68
- package/dist/action.js +0 -152
- package/dist/action.mjs +0 -122
- package/dist/common.d.mts +0 -13
- package/dist/common.d.ts +0 -13
- package/dist/common.js +0 -60
- package/dist/common.mjs +0 -33
- package/dist/form.d.mts +0 -42
- package/dist/form.d.ts +0 -42
- package/dist/form.js +0 -116
- package/dist/form.mjs +0 -87
- package/dist/table.d.mts +0 -22
- package/dist/table.d.ts +0 -22
- package/dist/table.js +0 -118
- package/dist/table.mjs +0 -91
package/dist/form.d.ts
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
interface UseSaveFormProps$1 {
|
|
2
|
-
data: {
|
|
3
|
-
context: any;
|
|
4
|
-
model: string;
|
|
5
|
-
specification: any;
|
|
6
|
-
id: any;
|
|
7
|
-
nameField: any;
|
|
8
|
-
object: any;
|
|
9
|
-
};
|
|
10
|
-
onSuccess?: (res: any) => void;
|
|
11
|
-
onError?: (err: any) => void;
|
|
12
|
-
onSettled?: (err: any) => void;
|
|
13
|
-
}
|
|
14
|
-
declare const UseOnChangeFormHandler: ({ data, onSuccess, onError, onSettled, }: UseSaveFormProps$1) => () => void;
|
|
15
|
-
|
|
16
|
-
interface UseSaveFormProps {
|
|
17
|
-
data: {
|
|
18
|
-
context: any;
|
|
19
|
-
model: string;
|
|
20
|
-
specification: any;
|
|
21
|
-
ids: number | string;
|
|
22
|
-
records: any[];
|
|
23
|
-
};
|
|
24
|
-
onSuccess?: (res: any) => void;
|
|
25
|
-
onError?: (err: any) => void;
|
|
26
|
-
onSettled?: (err: any) => void;
|
|
27
|
-
}
|
|
28
|
-
declare const useSaveFormHandler: ({ data, onSuccess, onError, onSettled, }: UseSaveFormProps) => () => void;
|
|
29
|
-
|
|
30
|
-
interface UseDeleteProps {
|
|
31
|
-
data: {
|
|
32
|
-
model: string;
|
|
33
|
-
ids: number[];
|
|
34
|
-
context: any;
|
|
35
|
-
};
|
|
36
|
-
onSuccess?: (res: any) => void;
|
|
37
|
-
onError?: (err: any) => void;
|
|
38
|
-
onSettled?: (err: any) => void;
|
|
39
|
-
}
|
|
40
|
-
declare const useRemoveRowHandler: ({ data, onSuccess, onError, onSettled, }: UseDeleteProps) => () => void;
|
|
41
|
-
|
|
42
|
-
export { UseOnChangeFormHandler, useRemoveRowHandler, useSaveFormHandler };
|
package/dist/form.js
DELETED
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/form.ts
|
|
21
|
-
var form_exports = {};
|
|
22
|
-
__export(form_exports, {
|
|
23
|
-
UseOnChangeFormHandler: () => UseOnChangeFormHandler,
|
|
24
|
-
useRemoveRowHandler: () => useRemoveRowHandler,
|
|
25
|
-
useSaveFormHandler: () => useSaveFormHandler
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(form_exports);
|
|
28
|
-
|
|
29
|
-
// src/widget/form/use-on-change-form.ts
|
|
30
|
-
var import_interface_logic = require("@fctc/interface-logic");
|
|
31
|
-
var UseOnChangeFormHandler = ({
|
|
32
|
-
data,
|
|
33
|
-
onSuccess,
|
|
34
|
-
onError,
|
|
35
|
-
onSettled
|
|
36
|
-
}) => {
|
|
37
|
-
const fetchOnchange = (0, import_interface_logic.useOnChangeForm)();
|
|
38
|
-
const handleOnChangeForm = () => {
|
|
39
|
-
fetchOnchange.mutate(
|
|
40
|
-
{
|
|
41
|
-
ids: data.id ? data.id : [],
|
|
42
|
-
model: data.model,
|
|
43
|
-
specification: data.specification,
|
|
44
|
-
context: data.context,
|
|
45
|
-
object: data.object,
|
|
46
|
-
fieldChange: [data.nameField]
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
onSuccess,
|
|
50
|
-
onError,
|
|
51
|
-
onSettled
|
|
52
|
-
}
|
|
53
|
-
);
|
|
54
|
-
};
|
|
55
|
-
return handleOnChangeForm;
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
// src/widget/form/use-save-form.ts
|
|
59
|
-
var import_interface_logic2 = require("@fctc/interface-logic");
|
|
60
|
-
var useSaveFormHandler = ({
|
|
61
|
-
data,
|
|
62
|
-
onSuccess,
|
|
63
|
-
onError,
|
|
64
|
-
onSettled
|
|
65
|
-
}) => {
|
|
66
|
-
const fetchSave = (0, import_interface_logic2.useSave)();
|
|
67
|
-
const handleSaveForm = () => {
|
|
68
|
-
fetchSave.mutate(
|
|
69
|
-
{
|
|
70
|
-
ids: data.ids ? [data.ids] : [],
|
|
71
|
-
model: data.model,
|
|
72
|
-
data: data.records,
|
|
73
|
-
specification: data.specification,
|
|
74
|
-
context: data.context
|
|
75
|
-
},
|
|
76
|
-
{
|
|
77
|
-
onSuccess,
|
|
78
|
-
onError,
|
|
79
|
-
onSettled
|
|
80
|
-
}
|
|
81
|
-
);
|
|
82
|
-
};
|
|
83
|
-
return handleSaveForm;
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
// src/widget/form/use-remove-row.ts
|
|
87
|
-
var import_interface_logic3 = require("@fctc/interface-logic");
|
|
88
|
-
var useRemoveRowHandler = ({
|
|
89
|
-
data,
|
|
90
|
-
onSuccess,
|
|
91
|
-
onError,
|
|
92
|
-
onSettled
|
|
93
|
-
}) => {
|
|
94
|
-
const remove = (0, import_interface_logic3.useRemoveRow)();
|
|
95
|
-
const handleRemoveRow = () => {
|
|
96
|
-
remove.mutate(
|
|
97
|
-
{
|
|
98
|
-
model: data.model,
|
|
99
|
-
ids: Array.isArray(data.ids) ? [...data.ids] : data.ids,
|
|
100
|
-
context: data.context
|
|
101
|
-
},
|
|
102
|
-
{
|
|
103
|
-
onSuccess,
|
|
104
|
-
onError,
|
|
105
|
-
onSettled
|
|
106
|
-
}
|
|
107
|
-
);
|
|
108
|
-
};
|
|
109
|
-
return handleRemoveRow;
|
|
110
|
-
};
|
|
111
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
112
|
-
0 && (module.exports = {
|
|
113
|
-
UseOnChangeFormHandler,
|
|
114
|
-
useRemoveRowHandler,
|
|
115
|
-
useSaveFormHandler
|
|
116
|
-
});
|
package/dist/form.mjs
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
// src/widget/form/use-on-change-form.ts
|
|
2
|
-
import { useOnChangeForm } from "@fctc/interface-logic";
|
|
3
|
-
var UseOnChangeFormHandler = ({
|
|
4
|
-
data,
|
|
5
|
-
onSuccess,
|
|
6
|
-
onError,
|
|
7
|
-
onSettled
|
|
8
|
-
}) => {
|
|
9
|
-
const fetchOnchange = useOnChangeForm();
|
|
10
|
-
const handleOnChangeForm = () => {
|
|
11
|
-
fetchOnchange.mutate(
|
|
12
|
-
{
|
|
13
|
-
ids: data.id ? data.id : [],
|
|
14
|
-
model: data.model,
|
|
15
|
-
specification: data.specification,
|
|
16
|
-
context: data.context,
|
|
17
|
-
object: data.object,
|
|
18
|
-
fieldChange: [data.nameField]
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
onSuccess,
|
|
22
|
-
onError,
|
|
23
|
-
onSettled
|
|
24
|
-
}
|
|
25
|
-
);
|
|
26
|
-
};
|
|
27
|
-
return handleOnChangeForm;
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
// src/widget/form/use-save-form.ts
|
|
31
|
-
import { useSave } from "@fctc/interface-logic";
|
|
32
|
-
var useSaveFormHandler = ({
|
|
33
|
-
data,
|
|
34
|
-
onSuccess,
|
|
35
|
-
onError,
|
|
36
|
-
onSettled
|
|
37
|
-
}) => {
|
|
38
|
-
const fetchSave = useSave();
|
|
39
|
-
const handleSaveForm = () => {
|
|
40
|
-
fetchSave.mutate(
|
|
41
|
-
{
|
|
42
|
-
ids: data.ids ? [data.ids] : [],
|
|
43
|
-
model: data.model,
|
|
44
|
-
data: data.records,
|
|
45
|
-
specification: data.specification,
|
|
46
|
-
context: data.context
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
onSuccess,
|
|
50
|
-
onError,
|
|
51
|
-
onSettled
|
|
52
|
-
}
|
|
53
|
-
);
|
|
54
|
-
};
|
|
55
|
-
return handleSaveForm;
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
// src/widget/form/use-remove-row.ts
|
|
59
|
-
import { useRemoveRow } from "@fctc/interface-logic";
|
|
60
|
-
var useRemoveRowHandler = ({
|
|
61
|
-
data,
|
|
62
|
-
onSuccess,
|
|
63
|
-
onError,
|
|
64
|
-
onSettled
|
|
65
|
-
}) => {
|
|
66
|
-
const remove = useRemoveRow();
|
|
67
|
-
const handleRemoveRow = () => {
|
|
68
|
-
remove.mutate(
|
|
69
|
-
{
|
|
70
|
-
model: data.model,
|
|
71
|
-
ids: Array.isArray(data.ids) ? [...data.ids] : data.ids,
|
|
72
|
-
context: data.context
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
onSuccess,
|
|
76
|
-
onError,
|
|
77
|
-
onSettled
|
|
78
|
-
}
|
|
79
|
-
);
|
|
80
|
-
};
|
|
81
|
-
return handleRemoveRow;
|
|
82
|
-
};
|
|
83
|
-
export {
|
|
84
|
-
UseOnChangeFormHandler,
|
|
85
|
-
useRemoveRowHandler,
|
|
86
|
-
useSaveFormHandler
|
|
87
|
-
};
|
package/dist/table.d.mts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
interface UseTableProps {
|
|
2
|
-
data: {
|
|
3
|
-
fields: any[];
|
|
4
|
-
records: any[];
|
|
5
|
-
dataModel: {
|
|
6
|
-
[fieldName: string]: {
|
|
7
|
-
string?: string;
|
|
8
|
-
[key: string]: any;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
context: any;
|
|
12
|
-
typeTable?: 'list' | 'group' | 'calendar';
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
declare const useTableHandler: ({ data }: UseTableProps) => {
|
|
16
|
-
rows: any[];
|
|
17
|
-
columns: any;
|
|
18
|
-
onToggleColumnOptional: (item: any) => void;
|
|
19
|
-
typeTable: "list" | "group" | "calendar" | undefined;
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
export { useTableHandler };
|
package/dist/table.d.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
interface UseTableProps {
|
|
2
|
-
data: {
|
|
3
|
-
fields: any[];
|
|
4
|
-
records: any[];
|
|
5
|
-
dataModel: {
|
|
6
|
-
[fieldName: string]: {
|
|
7
|
-
string?: string;
|
|
8
|
-
[key: string]: any;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
context: any;
|
|
12
|
-
typeTable?: 'list' | 'group' | 'calendar';
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
declare const useTableHandler: ({ data }: UseTableProps) => {
|
|
16
|
-
rows: any[];
|
|
17
|
-
columns: any;
|
|
18
|
-
onToggleColumnOptional: (item: any) => void;
|
|
19
|
-
typeTable: "list" | "group" | "calendar" | undefined;
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
export { useTableHandler };
|
package/dist/table.js
DELETED
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// src/table.ts
|
|
21
|
-
var table_exports = {};
|
|
22
|
-
__export(table_exports, {
|
|
23
|
-
useTableHandler: () => useTableHandler
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(table_exports);
|
|
26
|
-
|
|
27
|
-
// src/widget/table/use-table.ts
|
|
28
|
-
var import_interface_logic = require("@fctc/interface-logic");
|
|
29
|
-
var import_react = require("react");
|
|
30
|
-
function mergeButtons(fields) {
|
|
31
|
-
const buttons = fields?.filter((f) => f.type_co === "button");
|
|
32
|
-
const others = fields?.filter((f) => f.type_co !== "button");
|
|
33
|
-
if (buttons?.length) {
|
|
34
|
-
others.push({
|
|
35
|
-
type_co: "buttons",
|
|
36
|
-
buttons
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
return others;
|
|
40
|
-
}
|
|
41
|
-
var useTableHandler = ({ data }) => {
|
|
42
|
-
const [rows, setRows] = (0, import_react.useState)(data.records || []);
|
|
43
|
-
const [columns, setColumns] = (0, import_react.useState)([]);
|
|
44
|
-
const dataModelFields = data.fields?.map((field) => {
|
|
45
|
-
return {
|
|
46
|
-
...data.dataModel?.[field?.name],
|
|
47
|
-
...field,
|
|
48
|
-
string: field?.string || data.dataModel?.[field?.name]?.string
|
|
49
|
-
};
|
|
50
|
-
});
|
|
51
|
-
const mergeFields = mergeButtons(dataModelFields);
|
|
52
|
-
const transformData = (dataList) => {
|
|
53
|
-
if (!dataList) return;
|
|
54
|
-
return dataList?.map((item) => {
|
|
55
|
-
const transformedItem = { ...item };
|
|
56
|
-
Object.keys(item).forEach((field) => {
|
|
57
|
-
if (field !== "__domain") {
|
|
58
|
-
if (item[field] && typeof item[field] === "object" && item[field].display_name) {
|
|
59
|
-
transformedItem[field] = item[field];
|
|
60
|
-
} else if (Array.isArray(item[field]) && item[field].length > 0) {
|
|
61
|
-
if (data.typeTable === "group" && item[field]?.length === 2 && typeof item[field]?.[1] === "string") {
|
|
62
|
-
transformedItem["string"] = item[field]?.[1];
|
|
63
|
-
}
|
|
64
|
-
transformedItem[field] = item[field];
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
|
|
69
|
-
});
|
|
70
|
-
};
|
|
71
|
-
(0, import_react.useEffect)(() => {
|
|
72
|
-
setRows(transformData(data.records || null));
|
|
73
|
-
}, [data.records]);
|
|
74
|
-
const handleGetColumns = () => {
|
|
75
|
-
let cols = [];
|
|
76
|
-
try {
|
|
77
|
-
cols = mergeFields?.filter((item) => {
|
|
78
|
-
return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_interface_logic.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic.domainHelper.matchDomains(data.context, item?.invisible) : false);
|
|
79
|
-
})?.map((field) => {
|
|
80
|
-
return {
|
|
81
|
-
name: field?.name,
|
|
82
|
-
optional: field?.optional,
|
|
83
|
-
title: field?.type_co === "button" ? "" : field?.string,
|
|
84
|
-
field: { ...field }
|
|
85
|
-
};
|
|
86
|
-
});
|
|
87
|
-
} catch (error) {
|
|
88
|
-
console.error("Error in useTable:", error);
|
|
89
|
-
}
|
|
90
|
-
return cols;
|
|
91
|
-
};
|
|
92
|
-
(0, import_react.useEffect)(() => {
|
|
93
|
-
const columns2 = handleGetColumns();
|
|
94
|
-
setColumns(columns2);
|
|
95
|
-
}, [data.records]);
|
|
96
|
-
const onToggleColumnOptional = (item) => {
|
|
97
|
-
const tempColumn = [...columns]?.map((val) => {
|
|
98
|
-
if (item?.name === val?.name) {
|
|
99
|
-
return {
|
|
100
|
-
...val,
|
|
101
|
-
optional: item?.optional === "show" ? "hide" : "show"
|
|
102
|
-
};
|
|
103
|
-
}
|
|
104
|
-
return val;
|
|
105
|
-
});
|
|
106
|
-
setColumns(tempColumn);
|
|
107
|
-
};
|
|
108
|
-
return {
|
|
109
|
-
rows,
|
|
110
|
-
columns,
|
|
111
|
-
onToggleColumnOptional,
|
|
112
|
-
typeTable: data.typeTable
|
|
113
|
-
};
|
|
114
|
-
};
|
|
115
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
116
|
-
0 && (module.exports = {
|
|
117
|
-
useTableHandler
|
|
118
|
-
});
|
package/dist/table.mjs
DELETED
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
// src/widget/table/use-table.ts
|
|
2
|
-
import { domainHelper } from "@fctc/interface-logic";
|
|
3
|
-
import { useEffect, useState } from "react";
|
|
4
|
-
function mergeButtons(fields) {
|
|
5
|
-
const buttons = fields?.filter((f) => f.type_co === "button");
|
|
6
|
-
const others = fields?.filter((f) => f.type_co !== "button");
|
|
7
|
-
if (buttons?.length) {
|
|
8
|
-
others.push({
|
|
9
|
-
type_co: "buttons",
|
|
10
|
-
buttons
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
return others;
|
|
14
|
-
}
|
|
15
|
-
var useTableHandler = ({ data }) => {
|
|
16
|
-
const [rows, setRows] = useState(data.records || []);
|
|
17
|
-
const [columns, setColumns] = useState([]);
|
|
18
|
-
const dataModelFields = data.fields?.map((field) => {
|
|
19
|
-
return {
|
|
20
|
-
...data.dataModel?.[field?.name],
|
|
21
|
-
...field,
|
|
22
|
-
string: field?.string || data.dataModel?.[field?.name]?.string
|
|
23
|
-
};
|
|
24
|
-
});
|
|
25
|
-
const mergeFields = mergeButtons(dataModelFields);
|
|
26
|
-
const transformData = (dataList) => {
|
|
27
|
-
if (!dataList) return;
|
|
28
|
-
return dataList?.map((item) => {
|
|
29
|
-
const transformedItem = { ...item };
|
|
30
|
-
Object.keys(item).forEach((field) => {
|
|
31
|
-
if (field !== "__domain") {
|
|
32
|
-
if (item[field] && typeof item[field] === "object" && item[field].display_name) {
|
|
33
|
-
transformedItem[field] = item[field];
|
|
34
|
-
} else if (Array.isArray(item[field]) && item[field].length > 0) {
|
|
35
|
-
if (data.typeTable === "group" && item[field]?.length === 2 && typeof item[field]?.[1] === "string") {
|
|
36
|
-
transformedItem["string"] = item[field]?.[1];
|
|
37
|
-
}
|
|
38
|
-
transformedItem[field] = item[field];
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
|
|
43
|
-
});
|
|
44
|
-
};
|
|
45
|
-
useEffect(() => {
|
|
46
|
-
setRows(transformData(data.records || null));
|
|
47
|
-
}, [data.records]);
|
|
48
|
-
const handleGetColumns = () => {
|
|
49
|
-
let cols = [];
|
|
50
|
-
try {
|
|
51
|
-
cols = mergeFields?.filter((item) => {
|
|
52
|
-
return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? domainHelper.matchDomains(data.context, item?.invisible) : false);
|
|
53
|
-
})?.map((field) => {
|
|
54
|
-
return {
|
|
55
|
-
name: field?.name,
|
|
56
|
-
optional: field?.optional,
|
|
57
|
-
title: field?.type_co === "button" ? "" : field?.string,
|
|
58
|
-
field: { ...field }
|
|
59
|
-
};
|
|
60
|
-
});
|
|
61
|
-
} catch (error) {
|
|
62
|
-
console.error("Error in useTable:", error);
|
|
63
|
-
}
|
|
64
|
-
return cols;
|
|
65
|
-
};
|
|
66
|
-
useEffect(() => {
|
|
67
|
-
const columns2 = handleGetColumns();
|
|
68
|
-
setColumns(columns2);
|
|
69
|
-
}, [data.records]);
|
|
70
|
-
const onToggleColumnOptional = (item) => {
|
|
71
|
-
const tempColumn = [...columns]?.map((val) => {
|
|
72
|
-
if (item?.name === val?.name) {
|
|
73
|
-
return {
|
|
74
|
-
...val,
|
|
75
|
-
optional: item?.optional === "show" ? "hide" : "show"
|
|
76
|
-
};
|
|
77
|
-
}
|
|
78
|
-
return val;
|
|
79
|
-
});
|
|
80
|
-
setColumns(tempColumn);
|
|
81
|
-
};
|
|
82
|
-
return {
|
|
83
|
-
rows,
|
|
84
|
-
columns,
|
|
85
|
-
onToggleColumnOptional,
|
|
86
|
-
typeTable: data.typeTable
|
|
87
|
-
};
|
|
88
|
-
};
|
|
89
|
-
export {
|
|
90
|
-
useTableHandler
|
|
91
|
-
};
|