@boarteam/boar-pack-common-frontend 3.4.0 → 4.1.0
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/components/ChangesModal/ChangesModal.d.ts +37 -0
- package/dist/components/ChangesModal/ChangesModal.js +143 -0
- package/dist/components/ChangesModal/ChangesModal.js.map +1 -0
- package/dist/components/ChangesModal/ChangesTab.d.ts +7 -0
- package/dist/components/ChangesModal/ChangesTab.js +29 -0
- package/dist/components/ChangesModal/ChangesTab.js.map +1 -0
- package/dist/components/ChangesModal/ConflictsTab.d.ts +10 -0
- package/dist/components/ChangesModal/ConflictsTab.js +105 -0
- package/dist/components/ChangesModal/ConflictsTab.js.map +1 -0
- package/dist/components/ChangesModal/ErrorsTab.d.ts +5 -0
- package/dist/components/ChangesModal/ErrorsTab.js +27 -0
- package/dist/components/ChangesModal/ErrorsTab.js.map +1 -0
- package/dist/components/ChangesModal/NewRecordsTab.d.ts +12 -0
- package/dist/components/ChangesModal/NewRecordsTab.js +24 -0
- package/dist/components/ChangesModal/NewRecordsTab.js.map +1 -0
- package/dist/components/ChangesModal/ResultsTab.d.ts +8 -0
- package/dist/components/ChangesModal/ResultsTab.js +12 -0
- package/dist/components/ChangesModal/ResultsTab.js.map +1 -0
- package/dist/components/ChangesModal/index.d.ts +1 -0
- package/dist/components/ChangesModal/index.js +5 -0
- package/dist/components/ChangesModal/index.js.map +1 -0
- package/dist/components/Comment/Comment.d.ts +12 -0
- package/dist/components/Comment/Comment.js +25 -0
- package/dist/components/Comment/Comment.js.map +1 -0
- package/dist/components/Comment/CommentAvatar.d.ts +7 -0
- package/dist/components/Comment/CommentAvatar.js +22 -0
- package/dist/components/Comment/CommentAvatar.js.map +1 -0
- package/dist/components/Comment/CommentForm.d.ts +6 -0
- package/dist/components/Comment/CommentForm.js +17 -0
- package/dist/components/Comment/CommentForm.js.map +1 -0
- package/dist/components/Comment/CommentFormModal.d.ts +10 -0
- package/dist/components/Comment/CommentFormModal.js +13 -0
- package/dist/components/Comment/CommentFormModal.js.map +1 -0
- package/dist/components/Comment/index.js +11 -0
- package/dist/components/Comment/index.js.map +1 -0
- package/dist/components/Descriptions/Descriptions.d.ts +4 -0
- package/dist/components/Descriptions/Descriptions.js +218 -0
- package/dist/components/Descriptions/Descriptions.js.map +1 -0
- package/dist/components/Descriptions/DescriptionsCreateModal.d.ts +3 -0
- package/dist/components/Descriptions/DescriptionsCreateModal.js +30 -0
- package/dist/components/Descriptions/DescriptionsCreateModal.js.map +1 -0
- package/dist/components/Descriptions/descriptionTypes.d.ts +68 -0
- package/dist/components/Descriptions/descriptionTypes.js +9 -0
- package/dist/components/Descriptions/descriptionTypes.js.map +1 -0
- package/dist/components/Descriptions/index.js +11 -0
- package/dist/components/Descriptions/index.js.map +1 -0
- package/dist/components/Descriptions/useContentViewMode.d.ts +10 -0
- package/dist/components/Descriptions/useContentViewMode.js +19 -0
- package/dist/components/Descriptions/useContentViewMode.js.map +1 -0
- package/dist/components/Descriptions/useDescriptionColumns.d.ts +8 -0
- package/dist/components/Descriptions/useDescriptionColumns.js +27 -0
- package/dist/components/Descriptions/useDescriptionColumns.js.map +1 -0
- package/dist/components/Inputs/DateRange.d.ts +8 -0
- package/dist/components/Inputs/DateRange.js +61 -0
- package/dist/components/Inputs/DateRange.js.map +1 -0
- package/dist/components/Inputs/MultiStringSelect.d.ts +5 -0
- package/dist/components/Inputs/MultiStringSelect.js +10 -0
- package/dist/components/Inputs/MultiStringSelect.js.map +1 -0
- package/dist/components/Inputs/NumberInputHandlingNewRecord.d.ts +3 -0
- package/dist/components/Inputs/NumberInputHandlingNewRecord.js +11 -0
- package/dist/components/Inputs/NumberInputHandlingNewRecord.js.map +1 -0
- package/dist/components/Inputs/NumberSwitcher.d.ts +8 -0
- package/dist/components/Inputs/NumberSwitcher.js +13 -0
- package/dist/components/Inputs/NumberSwitcher.js.map +1 -0
- package/dist/components/Inputs/Password.d.ts +3 -0
- package/dist/components/Inputs/Password.js +18 -0
- package/dist/components/Inputs/Password.js.map +1 -0
- package/dist/components/Inputs/RelationSelect.d.ts +21 -0
- package/dist/components/Inputs/RelationSelect.js +58 -0
- package/dist/components/Inputs/RelationSelect.js.map +1 -0
- package/dist/components/Inputs/SearchSelect.d.ts +12 -0
- package/dist/components/Inputs/SearchSelect.js +40 -0
- package/dist/components/Inputs/SearchSelect.js.map +1 -0
- package/dist/components/Inputs/filterDropdowns.d.ts +11 -0
- package/dist/components/Inputs/filterDropdowns.js +56 -0
- package/dist/components/Inputs/filterDropdowns.js.map +1 -0
- package/dist/components/Inputs/index.js +13 -0
- package/dist/components/Inputs/index.js.map +1 -0
- package/dist/components/Inputs/useCheckConnection.d.ts +13 -0
- package/dist/components/Inputs/useCheckConnection.js +53 -0
- package/dist/components/Inputs/useCheckConnection.js.map +1 -0
- package/dist/components/List/List.d.ts +3 -0
- package/dist/components/List/List.js +144 -0
- package/dist/components/List/List.js.map +1 -0
- package/dist/components/List/index.js +9 -0
- package/dist/components/List/index.js.map +1 -0
- package/dist/components/List/listTypes.d.ts +30 -0
- package/dist/components/List/listTypes.js +3 -0
- package/dist/components/List/listTypes.js.map +1 -0
- package/dist/components/QuestionMarkHint/QuestionMarkHint.d.ts +7 -0
- package/dist/components/QuestionMarkHint/QuestionMarkHint.js +16 -0
- package/dist/components/QuestionMarkHint/QuestionMarkHint.js.map +1 -0
- package/dist/components/QuestionMarkHint/index.js +5 -0
- package/dist/components/QuestionMarkHint/index.js.map +1 -0
- package/dist/components/Table/BulkDeleteButton.d.ts +8 -0
- package/dist/components/Table/BulkDeleteButton.js +27 -0
- package/dist/components/Table/BulkDeleteButton.js.map +1 -0
- package/dist/components/Table/BulkEditButton.d.ts +11 -0
- package/dist/components/Table/BulkEditButton.js +66 -0
- package/dist/components/Table/BulkEditButton.js.map +1 -0
- package/dist/components/Table/CreateEntityModal.d.ts +25 -0
- package/dist/components/Table/CreateEntityModal.js +23 -0
- package/dist/components/Table/CreateEntityModal.js.map +1 -0
- package/dist/components/Table/DeleteButton.d.ts +4 -0
- package/dist/components/Table/DeleteButton.js +28 -0
- package/dist/components/Table/DeleteButton.js.map +1 -0
- package/dist/components/Table/Table.d.ts +6 -0
- package/dist/components/Table/Table.js +154 -0
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Table/getTableDataQueryParams.d.ts +15 -0
- package/dist/components/Table/getTableDataQueryParams.js +37 -0
- package/dist/components/Table/getTableDataQueryParams.js.map +1 -0
- package/{src/components/Table/index.ts → dist/components/Table/index.d.ts} +1 -1
- package/dist/components/Table/index.js +14 -0
- package/dist/components/Table/index.js.map +1 -0
- package/dist/components/Table/tableTools.d.ts +38 -0
- package/dist/components/Table/tableTools.js +185 -0
- package/dist/components/Table/tableTools.js.map +1 -0
- package/dist/components/Table/tableTypes.d.ts +145 -0
- package/dist/components/Table/tableTypes.js +3 -0
- package/dist/components/Table/tableTypes.js.map +1 -0
- package/dist/components/Table/useBulkEditing.d.ts +30 -0
- package/dist/components/Table/useBulkEditing.js +79 -0
- package/dist/components/Table/useBulkEditing.js.map +1 -0
- package/dist/components/Table/useColumnsSets.d.ts +22 -0
- package/dist/components/Table/useColumnsSets.js +82 -0
- package/dist/components/Table/useColumnsSets.js.map +1 -0
- package/dist/components/Table/useCreation.d.ts +21 -0
- package/dist/components/Table/useCreation.js +75 -0
- package/dist/components/Table/useCreation.js.map +1 -0
- package/dist/components/Table/useEditableTable.d.ts +7 -0
- package/dist/components/Table/useEditableTable.js +63 -0
- package/dist/components/Table/useEditableTable.js.map +1 -0
- package/dist/components/Table/useImportExport.d.ts +35 -0
- package/dist/components/Table/useImportExport.js +207 -0
- package/dist/components/Table/useImportExport.js.map +1 -0
- package/dist/components/index.js +10 -0
- package/dist/components/index.js.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/dist/tools/ApiError.d.ts +16 -0
- package/dist/tools/ApiError.js +13 -0
- package/dist/tools/ApiError.js.map +1 -0
- package/dist/tools/WebsocketClient.d.ts +38 -0
- package/dist/tools/WebsocketClient.js +114 -0
- package/dist/tools/WebsocketClient.js.map +1 -0
- package/{src/tools/index.ts → dist/tools/index.d.ts} +1 -1
- package/dist/tools/index.js +10 -0
- package/dist/tools/index.js.map +1 -0
- package/dist/tools/numberTools.d.ts +1 -0
- package/dist/tools/numberTools.js +10 -0
- package/dist/tools/numberTools.js.map +1 -0
- package/dist/tools/safetyRun.d.ts +2 -0
- package/dist/tools/safetyRun.js +10 -0
- package/dist/tools/safetyRun.js.map +1 -0
- package/dist/tools/useFullscreen.d.ts +6 -0
- package/dist/tools/useFullscreen.js +56 -0
- package/dist/tools/useFullscreen.js.map +1 -0
- package/dist/tools/useTabs.d.ts +2 -0
- package/dist/tools/useTabs.js +18 -0
- package/dist/tools/useTabs.js.map +1 -0
- package/package.json +6 -4
- package/src/components/ChangesModal/ChangesModal.tsx +0 -262
- package/src/components/ChangesModal/ChangesTab.tsx +0 -51
- package/src/components/ChangesModal/ConflictsTab.tsx +0 -176
- package/src/components/ChangesModal/ErrorsTab.tsx +0 -49
- package/src/components/ChangesModal/NewRecordsTab.tsx +0 -48
- package/src/components/ChangesModal/ResultsTab.tsx +0 -28
- package/src/components/ChangesModal/index.ts +0 -1
- package/src/components/Comment/Comment.tsx +0 -53
- package/src/components/Comment/CommentAvatar.tsx +0 -34
- package/src/components/Comment/CommentForm.tsx +0 -36
- package/src/components/Comment/CommentFormModal.tsx +0 -31
- package/src/components/Descriptions/Descriptions.tsx +0 -351
- package/src/components/Descriptions/DescriptionsCreateModal.tsx +0 -65
- package/src/components/Descriptions/descriptionTypes.ts +0 -74
- package/src/components/Descriptions/useContentViewMode.tsx +0 -28
- package/src/components/Descriptions/useDescriptionColumns.ts +0 -42
- package/src/components/Inputs/DateRange.tsx +0 -75
- package/src/components/Inputs/MultiStringSelect.tsx +0 -20
- package/src/components/Inputs/NumberInputHandlingNewRecord.tsx +0 -11
- package/src/components/Inputs/NumberSwitcher.tsx +0 -27
- package/src/components/Inputs/Password.tsx +0 -33
- package/src/components/Inputs/RelationSelect.tsx +0 -108
- package/src/components/Inputs/SearchSelect.tsx +0 -93
- package/src/components/Inputs/filterDropdowns.tsx +0 -141
- package/src/components/Inputs/useCheckConnection.tsx +0 -79
- package/src/components/List/List.tsx +0 -266
- package/src/components/List/listTypes.ts +0 -31
- package/src/components/QuestionMarkHint/QuestionMarkHint.tsx +0 -33
- package/src/components/Table/BulkDeleteButton.tsx +0 -55
- package/src/components/Table/BulkEditButton.tsx +0 -160
- package/src/components/Table/CreateEntityModal.tsx +0 -85
- package/src/components/Table/DeleteButton.tsx +0 -44
- package/src/components/Table/Table.tsx +0 -316
- package/src/components/Table/getTableDataQueryParams.ts +0 -79
- package/src/components/Table/tableTools.ts +0 -244
- package/src/components/Table/tableTypes.ts +0 -152
- package/src/components/Table/useBulkEditing.tsx +0 -128
- package/src/components/Table/useColumnsSets.tsx +0 -142
- package/src/components/Table/useCreation.tsx +0 -114
- package/src/components/Table/useEditableTable.tsx +0 -86
- package/src/components/Table/useImportExport.tsx +0 -312
- package/src/tools/ApiError.ts +0 -18
- package/src/tools/WebsocketClient.ts +0 -138
- package/src/tools/numberTools.ts +0 -6
- package/src/tools/safetyRun.ts +0 -5
- package/src/tools/useFullscreen.tsx +0 -62
- package/src/tools/useTabs.ts +0 -17
- /package/{src/components/Comment/index.ts → dist/components/Comment/index.d.ts} +0 -0
- /package/{src/components/Descriptions/index.ts → dist/components/Descriptions/index.d.ts} +0 -0
- /package/{src/components/Inputs/index.ts → dist/components/Inputs/index.d.ts} +0 -0
- /package/{src/components/List/index.ts → dist/components/List/index.d.ts} +0 -0
- /package/{src/components/QuestionMarkHint/index.ts → dist/components/QuestionMarkHint/index.d.ts} +0 -0
- /package/{src/components/index.ts → dist/components/index.d.ts} +0 -0
- /package/{src/index.ts → dist/index.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/QuestionMarkHint/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TGetAllParams } from "./tableTypes";
|
|
2
|
+
declare const BulkDeleteButton: <Entity extends Record<string | symbol, any>, TPathParams>({ selectedRecords, lastRequest, allSelected, onDelete, }: {
|
|
3
|
+
selectedRecords: Entity[];
|
|
4
|
+
allSelected: boolean;
|
|
5
|
+
lastRequest: [TGetAllParams & TPathParams, any] | [];
|
|
6
|
+
onDelete: () => Promise<void>;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default BulkDeleteButton;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const antd_1 = require("antd");
|
|
5
|
+
const icons_1 = require("@ant-design/icons");
|
|
6
|
+
const antd_style_1 = require("antd-style");
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const useStyles = (0, antd_style_1.createStyles)(() => {
|
|
9
|
+
return {
|
|
10
|
+
popconfirm: {
|
|
11
|
+
'.ant-popconfirm-description': {
|
|
12
|
+
marginTop: '0 !important',
|
|
13
|
+
},
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
});
|
|
17
|
+
const BulkDeleteButton = ({ selectedRecords, lastRequest, allSelected, onDelete, }) => {
|
|
18
|
+
const { styles } = useStyles();
|
|
19
|
+
const [loading, setLoading] = (0, react_1.useState)(false);
|
|
20
|
+
const recordsCount = allSelected ? lastRequest[1].total : selectedRecords.length;
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(antd_1.Popconfirm, { overlayClassName: styles.popconfirm, title: false, description: `Are you sure you want to delete ${recordsCount} ${recordsCount === 1 ? 'record' : 'records'}?`, onConfirm: () => {
|
|
22
|
+
setLoading(true);
|
|
23
|
+
onDelete().finally(() => setLoading(false));
|
|
24
|
+
}, okText: "Yes", cancelText: "No", children: (0, jsx_runtime_1.jsxs)(antd_1.Button, { disabled: recordsCount === 0, children: [recordsCount > 0 ? `Delete ${recordsCount} ${recordsCount === 1 ? 'Record' : 'Records'}` : 'Bulk Delete', loading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {})] }) }) }));
|
|
25
|
+
};
|
|
26
|
+
exports.default = BulkDeleteButton;
|
|
27
|
+
//# sourceMappingURL=BulkDeleteButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulkDeleteButton.js","sourceRoot":"","sources":["../../../src/components/Table/BulkDeleteButton.tsx"],"names":[],"mappings":";;;AAAA,+BAA0C;AAC1C,6CAAoD;AAEpD,2CAA0C;AAC1C,iCAAiC;AAEjC,MAAM,SAAS,GAAG,IAAA,yBAAY,EAAC,GAAG,EAAE;IAClC,OAAO;QACL,UAAU,EAAE;YACV,6BAA6B,EAAE;gBAC7B,SAAS,EAAE,cAAc;aAC1B;SACF;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,CACvB,EACE,eAAe,EACf,WAAW,EACX,WAAW,EACX,QAAQ,GAMT,EAAE,EAAE;IACL,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC;IAEjF,OAAO,CAAC,2DACN,uBAAC,iBAAU,IACT,gBAAgB,EAAE,MAAM,CAAC,UAAU,EACnC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,mCAAmC,YAAY,IAAI,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAG,EAC5G,SAAS,EAAE,GAAG,EAAE;gBACd,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,QAAQ,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;YAC9C,CAAC,EACD,MAAM,EAAC,KAAK,EACZ,UAAU,EAAC,IAAI,YAEf,wBAAC,aAAM,IACL,QAAQ,EAAE,YAAY,KAAK,CAAC,aAE3B,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,YAAY,IAAI,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,aAAa,EACxG,OAAO,IAAI,uBAAC,uBAAe,KAAG,IACxB,GACE,GACZ,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ProColumns } from "@ant-design/pro-table";
|
|
2
|
+
import { TGetAllParams } from "./tableTypes";
|
|
3
|
+
declare const BulkEditButton: <Entity extends Record<string | symbol, any>, TPathParams>({ selectedRecords, lastRequest, allSelected, columns, idColumnName, onSubmit, }: {
|
|
4
|
+
selectedRecords: Entity[];
|
|
5
|
+
lastRequest: [TGetAllParams & TPathParams, any] | [];
|
|
6
|
+
idColumnName: (string & keyof Entity) | (string & keyof Entity)[];
|
|
7
|
+
allSelected: boolean;
|
|
8
|
+
columns: ProColumns<Entity>[];
|
|
9
|
+
onSubmit: (value: Partial<Entity>) => Promise<void>;
|
|
10
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export default BulkEditButton;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const antd_1 = require("antd");
|
|
6
|
+
const icons_1 = require("@ant-design/icons");
|
|
7
|
+
const Descriptions_1 = require("../Descriptions");
|
|
8
|
+
const Form_1 = require("antd/lib/form/Form");
|
|
9
|
+
const pro_components_1 = require("@ant-design/pro-components");
|
|
10
|
+
const antd_style_1 = require("antd-style");
|
|
11
|
+
const useStyles = (0, antd_style_1.createStyles)(() => {
|
|
12
|
+
return {
|
|
13
|
+
popconfirm: {
|
|
14
|
+
'.ant-popconfirm-description': {
|
|
15
|
+
marginTop: '0 !important',
|
|
16
|
+
},
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
});
|
|
20
|
+
const BulkEditDialog = ({ columns, idColumnName, config, onClose, onSubmit, }) => {
|
|
21
|
+
const [loading, setLoading] = (0, react_1.useState)(false);
|
|
22
|
+
const sections = (0, Descriptions_1.columnsToDescriptionItemProps)(columns, 'General');
|
|
23
|
+
const { styles } = useStyles();
|
|
24
|
+
const [editableKeys, setEditableKeys] = (0, react_1.useState)(new Set);
|
|
25
|
+
const [form] = (0, Form_1.useForm)();
|
|
26
|
+
(0, react_1.useEffect)(() => {
|
|
27
|
+
setEditableKeys(new Set);
|
|
28
|
+
form.resetFields();
|
|
29
|
+
}, [config]);
|
|
30
|
+
const handleCheckboxChange = (dataIndex, checked) => {
|
|
31
|
+
setEditableKeys(prev => {
|
|
32
|
+
const next = new Set(prev);
|
|
33
|
+
checked ? next.add(dataIndex) : next.delete(dataIndex);
|
|
34
|
+
return next;
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
const handleUpdate = async () => {
|
|
38
|
+
await form.validateFields();
|
|
39
|
+
setLoading(true);
|
|
40
|
+
await onSubmit(form.getFieldsValue()).finally(() => setLoading(false));
|
|
41
|
+
onClose();
|
|
42
|
+
};
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(antd_1.Modal, { title: `Updating ${config?.count} ${config?.count === 1 ? 'record' : 'records'}...`, open: config !== null, onCancel: onClose, width: '80%', footer: [
|
|
44
|
+
(0, jsx_runtime_1.jsx)(antd_1.Popconfirm, { overlayClassName: styles.popconfirm, title: false, description: `Are you sure you want to update ${config?.count} ${config?.count === 1 ? 'record' : 'records'}?`, onConfirm: () => handleUpdate(), okText: "Yes", cancelText: "No", children: (0, jsx_runtime_1.jsxs)(antd_1.Button, { type: "primary", children: ["Update ", loading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {})] }, 'submit') })
|
|
45
|
+
], children: sections.map((section) => {
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(pro_components_1.ProDescriptions, { extra: 'Click on the field first and then type a new desired value.', title: section.title, size: "small", bordered: true, column: 3, style: { marginBottom: 20 }, labelStyle: { width: '15%' }, contentStyle: { width: '25%' }, editable: {
|
|
47
|
+
form,
|
|
48
|
+
editableKeys: [...editableKeys],
|
|
49
|
+
actionRender: () => [],
|
|
50
|
+
}, columns: section.columns.filter(column => column?.editable === undefined).map(column => ({
|
|
51
|
+
...column,
|
|
52
|
+
render: (...params) => !editableKeys.has(column.dataIndex) ? '(This field will not be changed)' : column.render(...params),
|
|
53
|
+
editable: false,
|
|
54
|
+
title: ((0, jsx_runtime_1.jsx)(antd_1.Checkbox, { checked: editableKeys.has(column.dataIndex), onChange: e => handleCheckboxChange(column.dataIndex, e.target.checked), children: column.title })),
|
|
55
|
+
})) }, Array.isArray(idColumnName) ? idColumnName.join('-') : idColumnName));
|
|
56
|
+
}) }));
|
|
57
|
+
};
|
|
58
|
+
const BulkEditButton = ({ selectedRecords, lastRequest, allSelected, columns, idColumnName, onSubmit, }) => {
|
|
59
|
+
const [bulkEditConfig, setBulkEditConfig] = (0, react_1.useState)(null);
|
|
60
|
+
const recordsCount = allSelected ? lastRequest[1].total : selectedRecords.length;
|
|
61
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { disabled: recordsCount === 0, onClick: () => setBulkEditConfig(!allSelected
|
|
62
|
+
? { type: 'records', value: selectedRecords, count: selectedRecords.length }
|
|
63
|
+
: { type: 'query', value: lastRequest[0], count: lastRequest[1].total }), children: recordsCount > 0 ? `Edit ${recordsCount} ${recordsCount === 1 ? 'Record' : 'Records'}` : 'Bulk Edit' }), (0, jsx_runtime_1.jsx)(BulkEditDialog, { config: bulkEditConfig, onClose: () => setBulkEditConfig(null), columns: columns, idColumnName: idColumnName, onSubmit: onSubmit })] }));
|
|
64
|
+
};
|
|
65
|
+
exports.default = BulkEditButton;
|
|
66
|
+
//# sourceMappingURL=BulkEditButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BulkEditButton.js","sourceRoot":"","sources":["../../../src/components/Table/BulkEditButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ProColumns } from "@ant-design/pro-components";
|
|
2
|
+
import { MutableRefObject } from "react";
|
|
3
|
+
import { DescriptionsRefType } from "../Descriptions";
|
|
4
|
+
export interface CreateEntityModalProps<Entity> {
|
|
5
|
+
/** Whether the modal is visible */
|
|
6
|
+
open?: boolean;
|
|
7
|
+
/** The entity (or partial entity) data to edit */
|
|
8
|
+
entity: Partial<Entity> | undefined;
|
|
9
|
+
/** Modal title */
|
|
10
|
+
title: string;
|
|
11
|
+
/** Main title for the Descriptions component */
|
|
12
|
+
mainTitle?: ProColumns<Entity>['title'] | null;
|
|
13
|
+
/** Table columns used to render the fields */
|
|
14
|
+
columns: any[];
|
|
15
|
+
/** Column key (or keys) used as an ID */
|
|
16
|
+
idColumnName: string | string[];
|
|
17
|
+
/** Called when the modal is cancelled (closed) */
|
|
18
|
+
onCancel: () => void;
|
|
19
|
+
/**
|
|
20
|
+
* Called when the form is submitted.
|
|
21
|
+
* Receives the validated form data.
|
|
22
|
+
*/
|
|
23
|
+
onSubmit: (data: any, descriptionsRef: MutableRefObject<DescriptionsRefType<Entity>>) => Promise<void>;
|
|
24
|
+
}
|
|
25
|
+
export declare function CreateEntityModal<Entity, CreateDto = Entity, UpdateDto = Entity, TPathParams = object>({ entity, open, title, mainTitle, columns, idColumnName, onCancel, onSubmit, }: CreateEntityModalProps<Entity>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CreateEntityModal = CreateEntityModal;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const antd_1 = require("antd");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const Descriptions_1 = require("../Descriptions");
|
|
8
|
+
const tableTools_1 = require("./tableTools");
|
|
9
|
+
function CreateEntityModal({ entity, open = entity !== undefined, title, mainTitle, columns, idColumnName, onCancel, onSubmit, }) {
|
|
10
|
+
const descriptionsRef = (0, react_1.useRef)(null);
|
|
11
|
+
// Calculate the editable keys from the columns and idColumnName
|
|
12
|
+
const editableKeys = [...(0, tableTools_1.buildFieldsFromColumnsForDescriptionsDisplay)(columns, idColumnName)];
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)(antd_1.Modal, { title: title, open: open, width: "80%", closeIcon: true, footer: [
|
|
14
|
+
(0, jsx_runtime_1.jsx)(antd_1.Button, { type: "primary", onClick: () => descriptionsRef.current?.submit(), children: "Create" }, "submit"),
|
|
15
|
+
], onCancel: () => {
|
|
16
|
+
descriptionsRef.current?.reset();
|
|
17
|
+
onCancel();
|
|
18
|
+
}, children: (0, jsx_runtime_1.jsx)(Descriptions_1.Descriptions, { ref: descriptionsRef, mainTitle: mainTitle, columns: columns ?? [], entity: entity, size: "small", bordered: true, column: 2, style: { marginBottom: 20 }, labelStyle: { width: '15%' }, contentStyle: { width: '25%' }, canEdit: true, onCreate: (data) => onSubmit(data, descriptionsRef), editable: {
|
|
19
|
+
editableKeys,
|
|
20
|
+
actionRender: () => [],
|
|
21
|
+
} }) }));
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=CreateEntityModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CreateEntityModal.js","sourceRoot":"","sources":["../../../src/components/Table/CreateEntityModal.tsx"],"names":[],"mappings":";;AA4BA,8CAwDC;;AAnFD,+BAAqC;AACrC,iCAAiD;AACjD,kDAAoE;AACpE,6CAA4E;AAwB5E,SAAgB,iBAAiB,CAK/B,EACA,MAAM,EACN,IAAI,GAAG,MAAM,KAAK,SAAS,EAC3B,KAAK,EACL,SAAS,EACT,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,GACuB;IAC/B,MAAM,eAAe,GAAG,IAAA,cAAM,EAA8B,IAAI,CAAC,CAAC;IAElE,gEAAgE;IAChE,MAAM,YAAY,GAAG,CAAC,GAAG,IAAA,yDAA4C,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9F,OAAO,CACL,uBAAC,YAAK,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,KAAK,EACX,SAAS,EAAE,IAAI,EACf,MAAM,EAAE;YACN,uBAAC,aAAM,IAAc,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,wBAAxE,QAAQ,CAEX;SACV,EACD,QAAQ,EAAE,GAAG,EAAE;YACb,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YACjC,QAAQ,EAAE,CAAC;QACb,CAAC,YAED,uBAAC,2BAAY,IACX,GAAG,EAAE,eAAe,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,QACR,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,EAC3B,UAAU,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAC5B,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAC9B,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,EACnD,QAAQ,EAAE;gBACR,YAAY;gBACZ,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE;aACvB,GACD,GACI,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const antd_1 = require("antd");
|
|
5
|
+
const icons_1 = require("@ant-design/icons");
|
|
6
|
+
const antd_style_1 = require("antd-style");
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const react_intl_1 = require("react-intl");
|
|
9
|
+
const useStyles = (0, antd_style_1.createStyles)(() => {
|
|
10
|
+
return {
|
|
11
|
+
popconfirm: {
|
|
12
|
+
'.ant-popconfirm-description': {
|
|
13
|
+
marginTop: '0 !important',
|
|
14
|
+
},
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
});
|
|
18
|
+
const DeleteButton = ({ onDelete, }) => {
|
|
19
|
+
const { styles } = useStyles();
|
|
20
|
+
const [loading, setLoading] = (0, react_1.useState)(false);
|
|
21
|
+
const intl = (0, react_intl_1.useIntl)();
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)("a", { children: [!loading && (0, jsx_runtime_1.jsx)(antd_1.Popconfirm, { overlayClassName: styles.popconfirm, title: false, description: intl.formatMessage({ id: "table.deletePopconfirmMessage" }), onConfirm: () => {
|
|
23
|
+
setLoading(true);
|
|
24
|
+
onDelete().finally(() => setLoading(false));
|
|
25
|
+
}, children: (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: intl.formatMessage({ id: "table.deleteText" }), children: (0, jsx_runtime_1.jsx)(icons_1.DeleteOutlined, {}) }) }), loading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {})] }, "deleteButton"));
|
|
26
|
+
};
|
|
27
|
+
exports.default = DeleteButton;
|
|
28
|
+
//# sourceMappingURL=DeleteButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DeleteButton.js","sourceRoot":"","sources":["../../../src/components/Table/DeleteButton.tsx"],"names":[],"mappings":";;;AAAA,+BAA2C;AAC3C,6CAAoE;AACpE,2CAA0C;AAC1C,iCAAiC;AACjC,2CAAqC;AAErC,MAAM,SAAS,GAAG,IAAA,yBAAY,EAAC,GAAG,EAAE;IAClC,OAAO;QACL,UAAU,EAAE;YACV,6BAA6B,EAAE;gBAC7B,SAAS,EAAE,cAAc;aAC1B;SACF;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,CACnB,EACE,QAAQ,GAGT,EAAE,EAAE;IACL,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,IAAA,oBAAO,GAAE,CAAC;IAEvB,OAAO,CAAC,0CACH,CAAC,OAAO,IAAI,uBAAC,iBAAU,IACtB,gBAAgB,EAAE,MAAM,CAAC,UAAU,EACnC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,EAAC,EAAE,EAAE,+BAA+B,EAAC,CAAC,EACtE,SAAS,EAAE,GAAG,EAAE;oBACd,UAAU,CAAC,IAAI,CAAC,CAAC;oBACjB,QAAQ,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC9C,CAAC,YACD,uBAAC,cAAO,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAC,EAAE,EAAE,kBAAkB,EAAC,CAAC,YAC1D,uBAAC,sBAAc,KAAE,GACT,GACC,EACZ,OAAO,IAAI,uBAAC,uBAAe,KAAE,KAbnB,cAAc,CAcvB,CACL,CAAC;AACJ,CAAC,CAAC;AACF,kBAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { TTableProps } from "./tableTypes";
|
|
2
|
+
declare const Table: <Entity extends Record<string | symbol, any>, CreateDto = Entity, UpdateDto = Entity, TEntityParams = {}, TPathParams extends Record<string, string | number> = {}, TImportRequest = {
|
|
3
|
+
new?: Array<Entity>;
|
|
4
|
+
modified?: Array<Entity>;
|
|
5
|
+
}>({ getAll, onCreate, onUpdate, onUpdateMany, onDelete, onDeleteMany, exportUrl, exportParams, pathParams, idColumnName, entityToCreateDto, entityToUpdateDto, createNewDefaultParams, editableRecord, afterSave, actionRef: actionRefProp, editable, defaultSort, searchableColumns, viewOnly, columns, columnsSets, columnsState: managedColumnsState, columnsSetSelect: managedColumnsSetSelect, popupCreation, toolBarRender, params, editPopupTitle, createPopupTitle, descriptionsMainTitle, importConfig, ...rest }: TTableProps<Entity, CreateDto, UpdateDto, TEntityParams, TPathParams>) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default Table;
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const pro_table_1 = tslib_1.__importDefault(require("@ant-design/pro-table"));
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const antd_1 = require("antd");
|
|
8
|
+
const useColumnsSets_1 = tslib_1.__importDefault(require("./useColumnsSets"));
|
|
9
|
+
const antd_style_1 = require("antd-style");
|
|
10
|
+
const Descriptions_1 = require("../Descriptions");
|
|
11
|
+
const useCreation_1 = require("./useCreation");
|
|
12
|
+
const getTableDataQueryParams_1 = require("./getTableDataQueryParams");
|
|
13
|
+
const useEditableTable_1 = require("./useEditableTable");
|
|
14
|
+
const useBulkEditing_1 = require("./useBulkEditing");
|
|
15
|
+
const useImportExport_1 = require("./useImportExport");
|
|
16
|
+
const ChangesModal_1 = require("../ChangesModal");
|
|
17
|
+
const useStyles = (0, antd_style_1.createStyles)(() => {
|
|
18
|
+
return {
|
|
19
|
+
table: {
|
|
20
|
+
'.ant-pro-table-alert': {
|
|
21
|
+
display: 'none',
|
|
22
|
+
},
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
});
|
|
26
|
+
const Table = ({ getAll, onCreate, onUpdate, onUpdateMany, onDelete, onDeleteMany, exportUrl, exportParams, pathParams, idColumnName = 'id', entityToCreateDto, entityToUpdateDto, createNewDefaultParams, editableRecord, afterSave, actionRef: actionRefProp, editable, defaultSort = ['createdAt', 'DESC'], searchableColumns = [], viewOnly = false, columns = [], columnsSets, columnsState: managedColumnsState, columnsSetSelect: managedColumnsSetSelect, popupCreation = false, toolBarRender, params, editPopupTitle, createPopupTitle, descriptionsMainTitle, importConfig, ...rest }) => {
|
|
27
|
+
const actionRefComponent = (0, react_1.useRef)();
|
|
28
|
+
const actionRef = actionRefProp || actionRefComponent;
|
|
29
|
+
const [updatePopupData, setUpdatePopupData] = (0, react_1.useState)();
|
|
30
|
+
const { styles } = useStyles();
|
|
31
|
+
const flatColumns = [];
|
|
32
|
+
columns.forEach((column) => {
|
|
33
|
+
if (column.children && column.children.length > 0) {
|
|
34
|
+
flatColumns.push(...column.children);
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
flatColumns.push(column);
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
const { editableConfig, } = (0, useEditableTable_1.useEditableTable)({
|
|
41
|
+
actionRef,
|
|
42
|
+
pathParams,
|
|
43
|
+
onCreate,
|
|
44
|
+
onUpdate,
|
|
45
|
+
onDelete,
|
|
46
|
+
entityToCreateDto,
|
|
47
|
+
entityToUpdateDto,
|
|
48
|
+
afterSave,
|
|
49
|
+
editable,
|
|
50
|
+
onDeleteMany,
|
|
51
|
+
onUpdateMany,
|
|
52
|
+
});
|
|
53
|
+
const { rowSelection, setSelectedRecords, setLastRequest, bulkEditButton, bulkDeleteButton, messagesContext, } = (0, useBulkEditing_1.useBulkEditing)({
|
|
54
|
+
actionRef,
|
|
55
|
+
columns,
|
|
56
|
+
idColumnName,
|
|
57
|
+
onDeleteMany,
|
|
58
|
+
onUpdateMany,
|
|
59
|
+
entityToUpdateDto,
|
|
60
|
+
pathParams,
|
|
61
|
+
});
|
|
62
|
+
const { creationModal, createButton, } = (0, useCreation_1.useCreation)({
|
|
63
|
+
title: createPopupTitle,
|
|
64
|
+
mainTitle: descriptionsMainTitle,
|
|
65
|
+
columns: columns,
|
|
66
|
+
idColumnName: idColumnName,
|
|
67
|
+
onCreate,
|
|
68
|
+
pathParams,
|
|
69
|
+
entityToCreateDto,
|
|
70
|
+
actionRef,
|
|
71
|
+
createButtonSize: rest.size,
|
|
72
|
+
popupCreation,
|
|
73
|
+
createNewDefaultParams,
|
|
74
|
+
});
|
|
75
|
+
const { exportButton, importButton, setLastQueryParams, diffResult, setDiffResult, } = (0, useImportExport_1.useImportExport)({
|
|
76
|
+
columns: flatColumns,
|
|
77
|
+
exportUrl,
|
|
78
|
+
exportParams,
|
|
79
|
+
changedRecordsColumnsConfig: importConfig?.changedRecordsColumnsConfig,
|
|
80
|
+
relationalFields: importConfig?.relationalFields,
|
|
81
|
+
});
|
|
82
|
+
(0, react_1.useEffect)(() => {
|
|
83
|
+
setUpdatePopupData(editableRecord);
|
|
84
|
+
actionRef?.current?.reload();
|
|
85
|
+
}, [editableRecord, JSON.stringify(pathParams), JSON.stringify(params)]);
|
|
86
|
+
const { columnsSetSelect: localColumnsSetSelect, columnsState: localColumnsState, } = (0, useColumnsSets_1.default)({
|
|
87
|
+
columns,
|
|
88
|
+
columnsSets,
|
|
89
|
+
});
|
|
90
|
+
const columnsState = managedColumnsState ?? localColumnsState;
|
|
91
|
+
const columnsSetSelect = managedColumnsSetSelect ?? localColumnsSetSelect;
|
|
92
|
+
const request = async (params, sort = {}, filters = {}) => {
|
|
93
|
+
const queryParams = (0, getTableDataQueryParams_1.getTableDataQueryParams)({
|
|
94
|
+
params,
|
|
95
|
+
sort,
|
|
96
|
+
filters,
|
|
97
|
+
pathParams,
|
|
98
|
+
defaultSort,
|
|
99
|
+
searchableColumns,
|
|
100
|
+
columns,
|
|
101
|
+
idColumnName,
|
|
102
|
+
columnsState,
|
|
103
|
+
});
|
|
104
|
+
const result = await getAll(queryParams);
|
|
105
|
+
setSelectedRecords([]);
|
|
106
|
+
setLastRequest([
|
|
107
|
+
queryParams,
|
|
108
|
+
result,
|
|
109
|
+
]);
|
|
110
|
+
setLastQueryParams(queryParams);
|
|
111
|
+
return result;
|
|
112
|
+
};
|
|
113
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(pro_table_1.default, { actionRef: actionRef, className: styles.table, request: request, rowKey: record => record[useCreation_1.KEY_SYMBOL] ?? (Array.isArray(idColumnName) ? idColumnName.map(colName => record[colName]).join('-') : record[idColumnName]), options: {
|
|
114
|
+
fullScreen: true,
|
|
115
|
+
reload: true,
|
|
116
|
+
search: {
|
|
117
|
+
allowClear: true,
|
|
118
|
+
},
|
|
119
|
+
density: true,
|
|
120
|
+
setting: {
|
|
121
|
+
draggable: false,
|
|
122
|
+
checkable: true,
|
|
123
|
+
checkedReset: true,
|
|
124
|
+
listsHeight: 500,
|
|
125
|
+
},
|
|
126
|
+
}, scroll: {
|
|
127
|
+
x: 'max-content',
|
|
128
|
+
}, bordered: true, search: false, editable: editableConfig, toolBarRender: toolBarRender === false ? false : (...args) => [
|
|
129
|
+
columnsSetSelect?.() || null,
|
|
130
|
+
!viewOnly && onUpdateMany
|
|
131
|
+
? bulkEditButton
|
|
132
|
+
: null,
|
|
133
|
+
!viewOnly && onDeleteMany
|
|
134
|
+
? bulkDeleteButton
|
|
135
|
+
: null,
|
|
136
|
+
!viewOnly && createButton || null,
|
|
137
|
+
!viewOnly && importConfig?.onImport && importButton || null,
|
|
138
|
+
exportUrl && exportButton || null,
|
|
139
|
+
...toolBarRender && toolBarRender(...args) || [],
|
|
140
|
+
], columns: columns, defaultSize: 'small', columnsState: columnsState, params: params, ...(!viewOnly && (onUpdateMany || onDeleteMany)
|
|
141
|
+
? { rowSelection }
|
|
142
|
+
: {}), ...rest }), creationModal, (0, jsx_runtime_1.jsx)(antd_1.Modal, { title: editPopupTitle, open: updatePopupData !== undefined, width: '80%', closeIcon: true, footer: null, onCancel: () => {
|
|
143
|
+
actionRef?.current?.reload();
|
|
144
|
+
setUpdatePopupData(undefined);
|
|
145
|
+
}, children: (0, jsx_runtime_1.jsx)(Descriptions_1.Descriptions, { mainTitle: descriptionsMainTitle, columns: columns ?? [], entity: updatePopupData, canEdit: true, onUpdate: onUpdate, entityToUpdateDto: entityToUpdateDto }) }), (0, jsx_runtime_1.jsx)(ChangesModal_1.ChangesModal, { ...(diffResult && { changes: diffResult }), onCommit: importConfig?.onImport, onClose: () => {
|
|
146
|
+
actionRef.current?.reload();
|
|
147
|
+
setDiffResult(undefined);
|
|
148
|
+
}, originRecordsColumnsConfig: flatColumns, changedRecordsColumnsConfig: importConfig?.changedRecordsColumnsConfig, createdRecordsColumnsConfig: {
|
|
149
|
+
columnsSets,
|
|
150
|
+
columns: importConfig?.createdRecordsColumnsConfig
|
|
151
|
+
}, relationalFields: importConfig?.relationalFields }), messagesContext] }));
|
|
152
|
+
};
|
|
153
|
+
exports.default = Table;
|
|
154
|
+
//# sourceMappingURL=Table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TFilterParams, TFilters, TGetAllParams, TSearchableColumn, TSort } from "./tableTypes";
|
|
2
|
+
import { QuerySortArr } from "@nestjsx/crud-request";
|
|
3
|
+
import { ProColumns } from "@ant-design/pro-components";
|
|
4
|
+
import { ColumnStateType } from "@ant-design/pro-table/es/typing";
|
|
5
|
+
export declare function getTableDataQueryParams<Entity, TPathParams extends Record<string, string | number> = {}>({ params, sort, filters, pathParams, defaultSort, searchableColumns, columns, idColumnName, columnsState, }: {
|
|
6
|
+
params: TFilterParams;
|
|
7
|
+
sort?: TSort;
|
|
8
|
+
filters?: TFilters;
|
|
9
|
+
pathParams: TPathParams;
|
|
10
|
+
defaultSort?: QuerySortArr;
|
|
11
|
+
searchableColumns?: TSearchableColumn[];
|
|
12
|
+
columns?: ProColumns<Entity>[];
|
|
13
|
+
idColumnName?: string | string[];
|
|
14
|
+
columnsState?: ColumnStateType;
|
|
15
|
+
}): TGetAllParams & TPathParams;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getTableDataQueryParams = getTableDataQueryParams;
|
|
4
|
+
const tableTools_1 = require("./tableTools");
|
|
5
|
+
function getTableDataQueryParams({ params, sort = {}, filters = {}, pathParams, defaultSort, searchableColumns, columns = [], idColumnName = 'id', columnsState, }) {
|
|
6
|
+
const { current, pageSize, keyword, baseFilters, join, sortMap, ...filtersFromSearchForm } = params;
|
|
7
|
+
const queryParams = {
|
|
8
|
+
...pathParams,
|
|
9
|
+
page: current,
|
|
10
|
+
limit: pageSize,
|
|
11
|
+
};
|
|
12
|
+
const sortBy = Object
|
|
13
|
+
.entries(sort)
|
|
14
|
+
.reduce((data, [key, direction]) => {
|
|
15
|
+
data.push(`${sortMap?.[key] || key},${direction === 'ascend' ? 'ASC' : 'DESC'}`);
|
|
16
|
+
return data;
|
|
17
|
+
}, []);
|
|
18
|
+
if (!sortBy.length && defaultSort) {
|
|
19
|
+
sortBy.push(defaultSort.join(','));
|
|
20
|
+
}
|
|
21
|
+
queryParams.sort = sortBy;
|
|
22
|
+
let search = (0, tableTools_1.getFiltersSearch)({
|
|
23
|
+
baseFilters,
|
|
24
|
+
filters: {
|
|
25
|
+
...filters,
|
|
26
|
+
...filtersFromSearchForm,
|
|
27
|
+
},
|
|
28
|
+
searchableColumns,
|
|
29
|
+
});
|
|
30
|
+
search = (0, tableTools_1.applyKeywordToSearch)(search, searchableColumns, columnsState.value, keyword);
|
|
31
|
+
queryParams.s = JSON.stringify(search);
|
|
32
|
+
const { joinSelect, joinFields } = (0, tableTools_1.buildJoinFields)(join);
|
|
33
|
+
queryParams.join = joinSelect;
|
|
34
|
+
queryParams.fields = columns && (0, tableTools_1.collectFieldsFromColumns)(columns, idColumnName, joinFields) || [];
|
|
35
|
+
return queryParams;
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=getTableDataQueryParams.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getTableDataQueryParams.js","sourceRoot":"","sources":["../../../src/components/Table/getTableDataQueryParams.ts"],"names":[],"mappings":";;AAMA,0DAwEC;AA7ED,6CAAiH;AAKjH,SAAgB,uBAAuB,CAAmE,EACxG,MAAM,EACN,IAAI,GAAG,EAAE,EACT,OAAO,GAAG,EAAE,EACZ,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,OAAO,GAAG,EAAE,EACZ,YAAY,GAAG,IAAI,EACnB,YAAY,GAWb;IACC,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,WAAW,EACX,IAAI,EACJ,OAAO,EACP,GAAG,qBAAqB,EACzB,GAAG,MAAM,CAAC;IAEX,MAAM,WAAW,GAAgC;QAC/C,GAAG,UAAU;QACb,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;KAChB,CAAC;IAEF,MAAM,MAAM,GAAG,MAAM;SAClB,OAAO,CAAC,IAAI,CAAC;SACb,MAAM,CACL,CAAC,IAAc,EAAE,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE;QACnC,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;QACjF,OAAO,IAAI,CAAC;IACd,CAAC,EACD,EAAE,CACH,CAAC;IACJ,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,WAAW,EAAE,CAAC;QAClC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC;IACD,WAAW,CAAC,IAAI,GAAG,MAAM,CAAC;IAE1B,IAAI,MAAM,GAAG,IAAA,6BAAgB,EAAC;QAC5B,WAAW;QACX,OAAO,EAAE;YACP,GAAG,OAAO;YACV,GAAG,qBAAqB;SACzB;QACD,iBAAiB;KAClB,CAAC,CAAC;IACH,MAAM,GAAG,IAAA,iCAAoB,EAAC,MAAM,EAAE,iBAAkB,EAAE,YAAY,CAAC,KAAM,EAAE,OAAO,CAAC,CAAC;IACxF,WAAW,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAEvC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,4BAAe,EAAC,IAAI,CAAC,CAAC;IACzD,WAAW,CAAC,IAAI,GAAG,UAAU,CAAC;IAE9B,WAAW,CAAC,MAAM,GAAG,OAAO,IAAI,IAAA,qCAAwB,EACtD,OAAO,EACP,YAAY,EACZ,UAAU,CACX,IAAI,EAAE,CAAC;IAER,OAAO,WAAW,CAAC;AACrB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useColumnsSets = exports.Table = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
tslib_1.__exportStar(require("./Table"), exports);
|
|
6
|
+
var Table_1 = require("./Table");
|
|
7
|
+
Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return tslib_1.__importDefault(Table_1).default; } });
|
|
8
|
+
tslib_1.__exportStar(require("./tableTools"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./tableTypes"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./useColumnsSets"), exports);
|
|
11
|
+
var useColumnsSets_1 = require("./useColumnsSets");
|
|
12
|
+
Object.defineProperty(exports, "useColumnsSets", { enumerable: true, get: function () { return tslib_1.__importDefault(useColumnsSets_1).default; } });
|
|
13
|
+
tslib_1.__exportStar(require("./useCreation"), exports);
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":";;;;AAAA,kDAAwB;AACxB,iCAA0C;AAAjC,uHAAA,OAAO,OAAS;AACzB,uDAA6B;AAC7B,uDAA6B;AAC7B,2DAAiC;AACjC,mDAA6D;AAApD,yIAAA,OAAO,OAAkB;AAClC,wDAA8B"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { CondOperator, QueryJoin, SCondition } from "@nestjsx/crud-request";
|
|
2
|
+
import { IWithId, TFilters, TSearchableColumn } from "./tableTypes";
|
|
3
|
+
import React, { Key } from "react";
|
|
4
|
+
import { TColumnsStates } from "./useColumnsSets";
|
|
5
|
+
export declare function getFiltersSearch({ baseFilters, filters, searchableColumns, }: {
|
|
6
|
+
baseFilters?: TFilters;
|
|
7
|
+
filters?: TFilters;
|
|
8
|
+
searchableColumns: TSearchableColumn[];
|
|
9
|
+
}): SCondition;
|
|
10
|
+
export declare const Operators: {
|
|
11
|
+
readonly containsLow: CondOperator.CONTAINS_LOW;
|
|
12
|
+
readonly contains: CondOperator.CONTAINS;
|
|
13
|
+
readonly equals: CondOperator.EQUALS;
|
|
14
|
+
readonly in: CondOperator.IN;
|
|
15
|
+
readonly inLow: CondOperator.IN_LOW;
|
|
16
|
+
readonly between: CondOperator.BETWEEN;
|
|
17
|
+
readonly greaterOrEquals: CondOperator.GREATER_THAN_EQUALS;
|
|
18
|
+
readonly lowerOrEquals: CondOperator.LOWER_THAN_EQUALS;
|
|
19
|
+
readonly isNull: CondOperator.IS_NULL;
|
|
20
|
+
readonly notNull: CondOperator.NOT_NULL;
|
|
21
|
+
readonly starts: CondOperator.STARTS;
|
|
22
|
+
};
|
|
23
|
+
export declare function applyKeywordToSearch(filterSearch: SCondition, searchableColumns: TSearchableColumn[], columnsState?: TColumnsStates, keyword?: string): SCondition;
|
|
24
|
+
export type TIndexableRecord = {
|
|
25
|
+
dataIndex?: Key | Key[];
|
|
26
|
+
children?: TIndexableRecord[] | React.ReactNode;
|
|
27
|
+
editable?: boolean | ((...args: any[]) => boolean);
|
|
28
|
+
};
|
|
29
|
+
export declare function collectFieldsFromColumns<T>(columns: TIndexableRecord[] | undefined, idColumnName: string | string[], joinFields?: Set<string>, fields?: Set<string>): string[];
|
|
30
|
+
export declare function buildFieldsFromColumnsForDescriptionsDisplay<T>(columns: TIndexableRecord[] | undefined, idColumnName: string | string[], fields?: Set<string>): Set<string>;
|
|
31
|
+
export declare function buildFieldsFromColumns<T>(columns: TIndexableRecord[] | undefined, idColumnName: string | string[], joinFields?: Set<string>, fields?: Set<string>): Set<string>;
|
|
32
|
+
export declare function withNumericId<T extends IWithId>(entity: T): T & {
|
|
33
|
+
id: number;
|
|
34
|
+
};
|
|
35
|
+
export declare function buildJoinFields(join?: QueryJoin | QueryJoin[]): {
|
|
36
|
+
joinSelect: string[];
|
|
37
|
+
joinFields: Set<string>;
|
|
38
|
+
};
|