@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,13 @@
|
|
|
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 antd_1 = require("antd");
|
|
6
|
+
const CommentForm_1 = tslib_1.__importDefault(require("./CommentForm"));
|
|
7
|
+
const CommentFormModal = ({ setIsOpen, isOpen, onSubmit, children, title = 'Add comment' }) => {
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)(antd_1.Modal, { title: title, open: isOpen, width: 800, closeIcon: true, footer: null, onCancel: () => {
|
|
9
|
+
setIsOpen(false);
|
|
10
|
+
}, children: [children, (0, jsx_runtime_1.jsx)(CommentForm_1.default, { onSubmit: onSubmit })] }));
|
|
11
|
+
};
|
|
12
|
+
exports.default = CommentFormModal;
|
|
13
|
+
//# sourceMappingURL=CommentFormModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommentFormModal.js","sourceRoot":"","sources":["../../../src/components/Comment/CommentFormModal.tsx"],"names":[],"mappings":";;;;AACA,+BAA6B;AAC7B,wEAAwC;AAUxC,MAAM,gBAAgB,GAA+B,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,aAAa,EAAE,EAAE,EAAE;IACxH,OAAO,CACL,wBAAC,YAAK,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,GAAG,EACV,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,GAAG,EAAE;YACb,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC,aAEA,QAAQ,EACT,uBAAC,qBAAW,IAAC,QAAQ,EAAE,QAAQ,GAAI,IAC7B,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Comment = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
tslib_1.__exportStar(require("./Comment"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./CommentAvatar"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./CommentForm"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./CommentFormModal"), exports);
|
|
9
|
+
var Comment_1 = require("./Comment");
|
|
10
|
+
Object.defineProperty(exports, "Comment", { enumerable: true, get: function () { return tslib_1.__importDefault(Comment_1).default; } });
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Comment/index.ts"],"names":[],"mappings":";;;;AAAA,oDAA0B;AAC1B,0DAAgC;AAChC,wDAA8B;AAC9B,6DAAmC;AACnC,qCAA+C;AAAtC,2HAAA,OAAO,OAAW"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { TDescriptionsProps } from "./descriptionTypes";
|
|
3
|
+
declare const Descriptions: <Entity extends Record<string | symbol, any>, CreateDto = Entity, UpdateDto = Entity, TPathParams = object>(props: TDescriptionsProps<Entity, CreateDto, UpdateDto, TPathParams>) => React.ReactElement;
|
|
4
|
+
export default Descriptions;
|
|
@@ -0,0 +1,218 @@
|
|
|
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 react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
const antd_1 = require("antd");
|
|
7
|
+
const icons_1 = require("@ant-design/icons");
|
|
8
|
+
const react_intl_1 = require("react-intl");
|
|
9
|
+
const descriptionTypes_1 = require("./descriptionTypes");
|
|
10
|
+
const pro_components_1 = require("@ant-design/pro-components");
|
|
11
|
+
const useDescriptionColumns_1 = require("./useDescriptionColumns");
|
|
12
|
+
const pick_1 = tslib_1.__importDefault(require("lodash/pick"));
|
|
13
|
+
const safetyRun_1 = tslib_1.__importDefault(require("../../tools/safetyRun"));
|
|
14
|
+
const Table_1 = require("../Table");
|
|
15
|
+
const Form_1 = require("antd/es/form/Form");
|
|
16
|
+
const useContentViewMode_1 = tslib_1.__importStar(require("./useContentViewMode"));
|
|
17
|
+
const antd_style_1 = require("antd-style");
|
|
18
|
+
const lodash_1 = require("lodash");
|
|
19
|
+
const useStyles = (0, antd_style_1.createStyles)(({ css }) => {
|
|
20
|
+
return {
|
|
21
|
+
antDescriptionsStyles: css `
|
|
22
|
+
.ant-descriptions-item-content {
|
|
23
|
+
.anticon-edit {
|
|
24
|
+
opacity: 0;
|
|
25
|
+
transition: opacity 200ms;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&:hover {
|
|
29
|
+
.anticon-edit {
|
|
30
|
+
opacity: 1;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
`
|
|
35
|
+
};
|
|
36
|
+
});
|
|
37
|
+
const DescriptionsComponent = ({ mainTitle = 'General', entity, getOne, onUpdate, onCreate, pathParams, idColumnName = 'id', entityToUpdateDto, afterSave, actionRef: actionRefProp, editable, canEdit = false, fieldsEditType = descriptionTypes_1.FieldsEdit.Single, columns, params, onEntityChange, contentViewMode: contentViewModeProp, ...rest }, ref) => {
|
|
38
|
+
const { styles } = useStyles();
|
|
39
|
+
let [form] = (0, Form_1.useForm)();
|
|
40
|
+
if (!editable?.form) {
|
|
41
|
+
editable = {
|
|
42
|
+
...editable,
|
|
43
|
+
form,
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
form = editable.form;
|
|
47
|
+
const actionRefComponent = (0, react_1.useRef)();
|
|
48
|
+
const actionRef = actionRefProp || actionRefComponent;
|
|
49
|
+
const intl = (0, react_intl_1.useIntl)();
|
|
50
|
+
const [data, setData] = (0, react_1.useState)(entity);
|
|
51
|
+
const [loading, setLoading] = (0, react_1.useState)(false);
|
|
52
|
+
const sections = (0, useDescriptionColumns_1.columnsToDescriptionItemProps)(columns, mainTitle);
|
|
53
|
+
const columnDataIndexToSection = sections.reduce((acc, section) => {
|
|
54
|
+
section.columns.forEach(column => {
|
|
55
|
+
if (Array.isArray(column.dataIndex)) {
|
|
56
|
+
throw new Error('We only support simple dataIndex for now');
|
|
57
|
+
}
|
|
58
|
+
acc.set(column.dataIndex, section);
|
|
59
|
+
});
|
|
60
|
+
return acc;
|
|
61
|
+
}, new Map());
|
|
62
|
+
const { contentViewModeButton, contentViewMode } = (0, useContentViewMode_1.default)({
|
|
63
|
+
mode: contentViewModeProp || (sections.length > 1 ? useContentViewMode_1.VIEW_MODE_TYPE.TABS : useContentViewMode_1.VIEW_MODE_TYPE.GENERAL)
|
|
64
|
+
});
|
|
65
|
+
const [errorsPerSection, setErrorsPerSection] = (0, react_1.useState)(new Map(sections.map(section => [section.key, 0])));
|
|
66
|
+
const handleSubmit = async () => {
|
|
67
|
+
try {
|
|
68
|
+
// Validate all fields in the form
|
|
69
|
+
const data = await form.validateFields();
|
|
70
|
+
// Let the parent component handle the submit logic
|
|
71
|
+
await onCreate(data);
|
|
72
|
+
}
|
|
73
|
+
catch (error) {
|
|
74
|
+
console.error('Validation or submission failed:', error);
|
|
75
|
+
}
|
|
76
|
+
finally {
|
|
77
|
+
// Recalculate the error count per section (tab) after validation
|
|
78
|
+
const newErrorsPerSection = new Map();
|
|
79
|
+
sections.forEach((section) => {
|
|
80
|
+
let errorCount = 0;
|
|
81
|
+
section.columns.forEach((column) => {
|
|
82
|
+
if (form.getFieldError(column.dataIndex)?.length > 0) {
|
|
83
|
+
errorCount++;
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
newErrorsPerSection.set(section.key, errorCount);
|
|
87
|
+
});
|
|
88
|
+
setErrorsPerSection(newErrorsPerSection);
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
92
|
+
reset: () => {
|
|
93
|
+
setErrorsPerSection(new Map(sections.map(section => [section.key, 0])));
|
|
94
|
+
form.resetFields();
|
|
95
|
+
},
|
|
96
|
+
submit: () => handleSubmit(),
|
|
97
|
+
setFieldErrors: (fields) => {
|
|
98
|
+
form.setFields(fields);
|
|
99
|
+
}
|
|
100
|
+
}));
|
|
101
|
+
const onValuesChange = (0, lodash_1.debounce)((changedValues, allValues) => {
|
|
102
|
+
let key = Object.keys(changedValues)[0];
|
|
103
|
+
// changedValues = {} if we clear select value
|
|
104
|
+
if (!key) {
|
|
105
|
+
const previousValues = form.getFieldsValue(true);
|
|
106
|
+
key = Object.keys(previousValues).find((field) => !(field in allValues));
|
|
107
|
+
}
|
|
108
|
+
form.validateFields([key])
|
|
109
|
+
.finally(() => {
|
|
110
|
+
const section = columnDataIndexToSection.get(key);
|
|
111
|
+
const dataIndexes = section.columns.map(column => {
|
|
112
|
+
return Array.isArray(column.dataIndex) ? column.dataIndex.join('.') : column.dataIndex;
|
|
113
|
+
});
|
|
114
|
+
const errorsNumber = form.getFieldsError(dataIndexes).reduce((acc, field) => acc + field.errors.length, 0);
|
|
115
|
+
setErrorsPerSection((prev) => {
|
|
116
|
+
const updated = new Map(prev);
|
|
117
|
+
updated.set(section.key, errorsNumber);
|
|
118
|
+
return updated;
|
|
119
|
+
});
|
|
120
|
+
});
|
|
121
|
+
}, 500);
|
|
122
|
+
const queryParams = (0, react_1.useMemo)(() => {
|
|
123
|
+
const join = params?.join;
|
|
124
|
+
const queryParams = {
|
|
125
|
+
...(pathParams ?? {}),
|
|
126
|
+
};
|
|
127
|
+
const { joinSelect, joinFields } = (0, Table_1.buildJoinFields)(join);
|
|
128
|
+
queryParams.join = joinSelect;
|
|
129
|
+
queryParams.fields = (0, Table_1.collectFieldsFromColumns)(columns, idColumnName, joinFields);
|
|
130
|
+
return queryParams;
|
|
131
|
+
}, [params, pathParams]);
|
|
132
|
+
const getKey = (index) => index + String(pathParams?.[idColumnName]);
|
|
133
|
+
const requestData = async () => {
|
|
134
|
+
if (!getOne) {
|
|
135
|
+
return;
|
|
136
|
+
}
|
|
137
|
+
setLoading(true);
|
|
138
|
+
try {
|
|
139
|
+
const record = await getOne(queryParams);
|
|
140
|
+
onEntityChange?.(record);
|
|
141
|
+
setData(record ?? undefined);
|
|
142
|
+
}
|
|
143
|
+
catch (e) {
|
|
144
|
+
console.error(e);
|
|
145
|
+
setData(undefined);
|
|
146
|
+
}
|
|
147
|
+
finally {
|
|
148
|
+
setLoading(false);
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
const onSave = async (propName, record) => {
|
|
152
|
+
try {
|
|
153
|
+
await form.validateFields();
|
|
154
|
+
if (onUpdate && entityToUpdateDto) {
|
|
155
|
+
await onUpdate({
|
|
156
|
+
...queryParams,
|
|
157
|
+
...{},
|
|
158
|
+
requestBody: entityToUpdateDto((0, pick_1.default)(record, [propName])),
|
|
159
|
+
});
|
|
160
|
+
}
|
|
161
|
+
setData(record);
|
|
162
|
+
if (typeof afterSave === 'function') {
|
|
163
|
+
await afterSave(record);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
catch (e) {
|
|
167
|
+
console.error(e);
|
|
168
|
+
}
|
|
169
|
+
};
|
|
170
|
+
(0, react_1.useEffect)(() => {
|
|
171
|
+
(0, safetyRun_1.default)(requestData());
|
|
172
|
+
}, []);
|
|
173
|
+
(0, react_1.useEffect)(() => {
|
|
174
|
+
setData(entity);
|
|
175
|
+
form.setFieldsValue(entity);
|
|
176
|
+
}, [entity]);
|
|
177
|
+
if (loading) {
|
|
178
|
+
return (0, jsx_runtime_1.jsx)(pro_components_1.PageLoading, {});
|
|
179
|
+
}
|
|
180
|
+
if (!data) {
|
|
181
|
+
return ((0, jsx_runtime_1.jsx)(antd_1.Result, { status: "404", title: "404", subTitle: "The entity is not found." }));
|
|
182
|
+
}
|
|
183
|
+
const formProps = contentViewMode === useContentViewMode_1.VIEW_MODE_TYPE.TABS ? {
|
|
184
|
+
onValuesChange,
|
|
185
|
+
} : undefined;
|
|
186
|
+
const contentViewSwitcher = sections.length > 1 ? contentViewModeButton : undefined;
|
|
187
|
+
const descriptions = sections.map((section, index) => {
|
|
188
|
+
return (0, jsx_runtime_1.jsx)(pro_components_1.ProDescriptions, { title: section.title, actionRef: actionRef, size: "small", bordered: true, loading: loading, style: { marginBottom: 20 }, labelStyle: { width: '15%' }, dataSource: data, className: styles.antDescriptionsStyles, editable: canEdit ? {
|
|
189
|
+
type: 'multiple',
|
|
190
|
+
onSave,
|
|
191
|
+
deletePopconfirmMessage: intl.formatMessage({ id: 'table.deletePopconfirmMessage' }),
|
|
192
|
+
onlyAddOneLineAlertMessage: intl.formatMessage({ id: 'table.onlyAddOneLineAlertMessage' }),
|
|
193
|
+
cancelText: (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: intl.formatMessage({ id: 'table.cancelText' }), children: (0, jsx_runtime_1.jsx)(icons_1.StopOutlined, {}) }),
|
|
194
|
+
deleteText: (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: intl.formatMessage({ id: 'table.deleteText' }), children: (0, jsx_runtime_1.jsx)(icons_1.DeleteOutlined, {}) }),
|
|
195
|
+
saveText: (0, jsx_runtime_1.jsx)(antd_1.Button, { size: "small", type: "primary", children: (0, jsx_runtime_1.jsx)(react_intl_1.FormattedMessage, { id: 'table.saveText' }) }),
|
|
196
|
+
...(fieldsEditType === descriptionTypes_1.FieldsEdit.All && {
|
|
197
|
+
editableKeys: [...(0, Table_1.buildFieldsFromColumnsForDescriptionsDisplay)(columns, idColumnName)],
|
|
198
|
+
actionRender: () => [],
|
|
199
|
+
}),
|
|
200
|
+
...editable,
|
|
201
|
+
} : undefined, columns: section.columns, extra: contentViewMode === useContentViewMode_1.VIEW_MODE_TYPE.GENERAL && index === 0 ? contentViewSwitcher : undefined, formProps: formProps, ...rest }, getKey(index));
|
|
202
|
+
});
|
|
203
|
+
if (contentViewMode === useContentViewMode_1.VIEW_MODE_TYPE.GENERAL) {
|
|
204
|
+
return descriptions;
|
|
205
|
+
}
|
|
206
|
+
const tabsItems = sections.map((section, index) => {
|
|
207
|
+
return {
|
|
208
|
+
key: getKey(index),
|
|
209
|
+
label: ((0, jsx_runtime_1.jsx)(antd_1.Badge, { size: 'small', overflowCount: 5, count: errorsPerSection.get(section.key), children: section.title })),
|
|
210
|
+
forceRender: true,
|
|
211
|
+
children: descriptions[index],
|
|
212
|
+
};
|
|
213
|
+
});
|
|
214
|
+
return (0, jsx_runtime_1.jsx)(antd_1.Tabs, { defaultActiveKey: "0", items: tabsItems, tabBarExtraContent: contentViewModeButton });
|
|
215
|
+
};
|
|
216
|
+
const Descriptions = react_1.default.forwardRef(DescriptionsComponent);
|
|
217
|
+
exports.default = Descriptions;
|
|
218
|
+
//# sourceMappingURL=Descriptions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Descriptions.js","sourceRoot":"","sources":["../../../src/components/Descriptions/Descriptions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { TDescriptionsCreateModalProps } from "./descriptionTypes";
|
|
2
|
+
declare const DescriptionsCreateModal: <Entity extends Record<string | symbol, any>>({ idColumnName, columns, data, onClose, onSubmit, ...rest }: TDescriptionsCreateModalProps<Entity>) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default DescriptionsCreateModal;
|
|
@@ -0,0 +1,30 @@
|
|
|
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 pro_components_1 = require("@ant-design/pro-components");
|
|
7
|
+
const useDescriptionColumns_1 = require("./useDescriptionColumns");
|
|
8
|
+
const Form_1 = require("antd/es/form/Form");
|
|
9
|
+
const Table_1 = require("../Table");
|
|
10
|
+
const DescriptionsCreateModal = ({ idColumnName, columns, data, onClose, onSubmit, ...rest }) => {
|
|
11
|
+
const sections = (0, useDescriptionColumns_1.columnsToDescriptionItemProps)(columns, 'General');
|
|
12
|
+
const [form] = (0, Form_1.useForm)();
|
|
13
|
+
const editableKeys = (0, react_1.useMemo)(() => {
|
|
14
|
+
return [
|
|
15
|
+
...(0, Table_1.buildFieldsFromColumnsForDescriptionsDisplay)(columns, idColumnName),
|
|
16
|
+
];
|
|
17
|
+
}, [columns, idColumnName]);
|
|
18
|
+
(0, react_1.useEffect)(() => {
|
|
19
|
+
data ? form.setFieldsValue(data) : form.resetFields();
|
|
20
|
+
}, [data]);
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(antd_1.Modal, { open: data !== undefined, onCancel: onClose, width: '80%', footer: [
|
|
22
|
+
(0, jsx_runtime_1.jsx)(antd_1.Button, { type: "primary", onClick: async () => form.validateFields().then(onSubmit), children: "Create" }, 'submit')
|
|
23
|
+
], children: sections.map((section, index) => ((0, jsx_runtime_1.jsx)(pro_components_1.ProDescriptions, { title: section.title, size: "small", bordered: true, column: 2, style: { marginBottom: 20 }, labelStyle: { width: '15%' }, contentStyle: { width: '25%' }, editable: {
|
|
24
|
+
form,
|
|
25
|
+
editableKeys,
|
|
26
|
+
actionRender: () => [],
|
|
27
|
+
}, columns: section.columns, ...rest }, index + (Array.isArray(idColumnName) ? idColumnName.join('-') : idColumnName)))) }));
|
|
28
|
+
};
|
|
29
|
+
exports.default = DescriptionsCreateModal;
|
|
30
|
+
//# sourceMappingURL=DescriptionsCreateModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DescriptionsCreateModal.js","sourceRoot":"","sources":["../../../src/components/Descriptions/DescriptionsCreateModal.tsx"],"names":[],"mappings":";;;AAAA,iCAA2C;AAC3C,+BAAqC;AAErC,+DAA6D;AAC7D,mEAAwE;AACxE,4CAA4C;AAC5C,oCAAwE;AAExE,MAAM,uBAAuB,GAAG,CAA8C,EAC5E,YAAY,EACZ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACV,GAAG,IAAI,EACiC,EAAE,EAAE;IAC1C,MAAM,QAAQ,GAAG,IAAA,qDAA6B,EAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACnE,MAAM,CAAC,IAAI,CAAC,GAAG,IAAA,cAAO,GAAE,CAAC;IAEzB,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,OAAO;YACL,GAAG,IAAA,oDAA4C,EAC7C,OAAO,EACP,YAAY,CACb;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;IACxD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,uBAAC,YAAK,IACJ,IAAI,EAAE,IAAI,KAAK,SAAS,EACxB,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAC,KAAK,EACX,MAAM,EAAE;YACN,uBAAC,aAAM,IAAc,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,wBAAjF,QAAQ,CAA0F;SAC/G,YAEA,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,uBAAC,gCAAe,IAEd,KAAK,EAAE,OAAO,CAAC,KAAwB,EACvC,IAAI,EAAE,OAAO,EACb,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,QAAQ,EAAE;gBACR,IAAI;gBACJ,YAAY;gBACZ,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE;aACvB,EACD,OAAO,EAAE,OAAO,CAAC,OAAO,KACpB,IAAI,IAdH,KAAK,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAelF,CACH,CAAC,GACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React, { MutableRefObject } from "react";
|
|
2
|
+
import { ActionType } from "@ant-design/pro-table";
|
|
3
|
+
import { RowEditableConfig } from "@ant-design/pro-utils";
|
|
4
|
+
import { QueryJoin } from "@nestjsx/crud-request";
|
|
5
|
+
import { ProColumns } from "@ant-design/pro-components";
|
|
6
|
+
import { ProDescriptionsProps } from "@ant-design/pro-descriptions";
|
|
7
|
+
import { FieldData } from "rc-field-form/lib/interface";
|
|
8
|
+
import { VIEW_MODE_TYPE } from "./useContentViewMode";
|
|
9
|
+
export type TGetOneParams = {
|
|
10
|
+
/**
|
|
11
|
+
* Selects resource fields. <a href="https://github.com/nestjsx/crud/wiki/Requests#select" target="_blank">Docs</a>
|
|
12
|
+
*/
|
|
13
|
+
fields?: Array<string>;
|
|
14
|
+
/**
|
|
15
|
+
* Adds relational resources. <a href="https://github.com/nestjsx/crud/wiki/Requests#join" target="_blank">Docs</a>
|
|
16
|
+
*/
|
|
17
|
+
join?: Array<string>;
|
|
18
|
+
/**
|
|
19
|
+
* Reset cache (if was enabled). <a href="https://github.com/nestjsx/crud/wiki/Requests#cache" target="_blank">Docs</a>
|
|
20
|
+
*/
|
|
21
|
+
cache?: number;
|
|
22
|
+
};
|
|
23
|
+
export type TDescriptionGetRequestParams = {
|
|
24
|
+
join?: QueryJoin | QueryJoin[];
|
|
25
|
+
};
|
|
26
|
+
export type DescriptionsRefType<Entity> = {
|
|
27
|
+
reset: () => void;
|
|
28
|
+
submit: () => void;
|
|
29
|
+
setFieldErrors: (fields: FieldData<Entity>[]) => void;
|
|
30
|
+
};
|
|
31
|
+
export declare enum FieldsEdit {
|
|
32
|
+
Single = "single",
|
|
33
|
+
All = "all"
|
|
34
|
+
}
|
|
35
|
+
export type TDescriptionsProps<Entity, CreateDto, UpdateDto, TPathParams = object> = {
|
|
36
|
+
mainTitle?: ProColumns<Entity>['title'] | null;
|
|
37
|
+
entity?: Partial<Entity>;
|
|
38
|
+
getOne?: ({}: TGetOneParams & TPathParams) => Promise<Entity | null>;
|
|
39
|
+
onUpdate?: ({}: Partial<Entity> & {
|
|
40
|
+
requestBody: UpdateDto;
|
|
41
|
+
index?: number;
|
|
42
|
+
} & TPathParams) => Promise<Entity>;
|
|
43
|
+
onCreate?: (data: Partial<Entity>) => Promise<void>;
|
|
44
|
+
onDelete?: ({}: Partial<Entity> & TPathParams) => Promise<void>;
|
|
45
|
+
pathParams?: TPathParams;
|
|
46
|
+
idColumnName?: string & keyof Entity;
|
|
47
|
+
entityToUpdateDto?: (entity: Entity) => UpdateDto;
|
|
48
|
+
createNewDefaultParams?: Partial<Entity>;
|
|
49
|
+
afterSave?: (record: Entity) => Promise<void>;
|
|
50
|
+
actionRef?: MutableRefObject<ActionType | undefined>;
|
|
51
|
+
editable?: RowEditableConfig<Entity>;
|
|
52
|
+
canEdit?: boolean;
|
|
53
|
+
fieldsEditType?: FieldsEdit;
|
|
54
|
+
params?: TDescriptionGetRequestParams;
|
|
55
|
+
columns: ProColumns<Entity>[];
|
|
56
|
+
onEntityChange?: (entity: Entity | null) => void;
|
|
57
|
+
contentViewMode?: VIEW_MODE_TYPE;
|
|
58
|
+
ref?: React.Ref<DescriptionsRefType<Entity>>;
|
|
59
|
+
} & Omit<ProDescriptionsProps<Entity>, 'columns'>;
|
|
60
|
+
export type TDescriptionsCreateModalProps<Entity> = Omit<ProDescriptionsProps<Entity>, 'columns'> & {
|
|
61
|
+
modalTitle?: string;
|
|
62
|
+
mainTitle?: ProColumns<Entity>['title'] | null;
|
|
63
|
+
idColumnName: string & keyof Entity | (string & keyof Entity)[];
|
|
64
|
+
columns: ProColumns<Entity>[];
|
|
65
|
+
data: Partial<Entity> | undefined;
|
|
66
|
+
onSubmit: (data: Entity) => Promise<void>;
|
|
67
|
+
onClose: () => void;
|
|
68
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FieldsEdit = void 0;
|
|
4
|
+
var FieldsEdit;
|
|
5
|
+
(function (FieldsEdit) {
|
|
6
|
+
FieldsEdit["Single"] = "single";
|
|
7
|
+
FieldsEdit["All"] = "all";
|
|
8
|
+
})(FieldsEdit || (exports.FieldsEdit = FieldsEdit = {}));
|
|
9
|
+
//# sourceMappingURL=descriptionTypes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"descriptionTypes.js","sourceRoot":"","sources":["../../../src/components/Descriptions/descriptionTypes.ts"],"names":[],"mappings":";;;AAiCA,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,yBAAW,CAAA;AACb,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Descriptions = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
tslib_1.__exportStar(require("./Descriptions"), exports);
|
|
6
|
+
var Descriptions_1 = require("./Descriptions");
|
|
7
|
+
Object.defineProperty(exports, "Descriptions", { enumerable: true, get: function () { return tslib_1.__importDefault(Descriptions_1).default; } });
|
|
8
|
+
tslib_1.__exportStar(require("./DescriptionsCreateModal"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./descriptionTypes"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./useDescriptionColumns"), exports);
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Descriptions/index.ts"],"names":[],"mappings":";;;;AAAA,yDAA+B;AAC/B,+CAAyD;AAAhD,qIAAA,OAAO,OAAgB;AAChC,oEAA0C;AAC1C,6DAAmC;AACnC,kEAAwC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare enum VIEW_MODE_TYPE {
|
|
2
|
+
TABS = "tabs",
|
|
3
|
+
GENERAL = "general"
|
|
4
|
+
}
|
|
5
|
+
export default function useContentViewMode({ mode, }?: {
|
|
6
|
+
mode?: VIEW_MODE_TYPE;
|
|
7
|
+
}): {
|
|
8
|
+
contentViewMode: VIEW_MODE_TYPE;
|
|
9
|
+
contentViewModeButton: import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.VIEW_MODE_TYPE = void 0;
|
|
4
|
+
exports.default = useContentViewMode;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const antd_1 = require("antd");
|
|
7
|
+
const icons_1 = require("@ant-design/icons");
|
|
8
|
+
const react_1 = require("react");
|
|
9
|
+
var VIEW_MODE_TYPE;
|
|
10
|
+
(function (VIEW_MODE_TYPE) {
|
|
11
|
+
VIEW_MODE_TYPE["TABS"] = "tabs";
|
|
12
|
+
VIEW_MODE_TYPE["GENERAL"] = "general";
|
|
13
|
+
})(VIEW_MODE_TYPE || (exports.VIEW_MODE_TYPE = VIEW_MODE_TYPE = {}));
|
|
14
|
+
function useContentViewMode({ mode, } = {}) {
|
|
15
|
+
const [contentViewMode, setContentViewMode] = (0, react_1.useState)(mode || VIEW_MODE_TYPE.GENERAL);
|
|
16
|
+
const contentViewModeButton = (0, jsx_runtime_1.jsx)(antd_1.Tooltip, { title: contentViewMode === VIEW_MODE_TYPE.TABS ? 'Switch to general view' : 'Switch to tabs view', children: (0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", icon: contentViewMode === VIEW_MODE_TYPE.TABS ? (0, jsx_runtime_1.jsx)(icons_1.MenuOutlined, {}) : (0, jsx_runtime_1.jsx)(icons_1.AppstoreOutlined, {}), onClick: () => setContentViewMode(contentViewMode === VIEW_MODE_TYPE.TABS ? VIEW_MODE_TYPE.GENERAL : VIEW_MODE_TYPE.TABS) }) }, "viewModeToggle");
|
|
17
|
+
return { contentViewMode, contentViewModeButton };
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=useContentViewMode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useContentViewMode.js","sourceRoot":"","sources":["../../../src/components/Descriptions/useContentViewMode.tsx"],"names":[],"mappings":";;;AASA,qCAkBC;;AA3BD,+BAAuC;AACvC,6CAAmE;AACnE,iCAAiC;AAEjC,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,qCAAmB,CAAA;AACrB,CAAC,EAHW,cAAc,8BAAd,cAAc,QAGzB;AAED,SAAwB,kBAAkB,CAAC,EACzC,IAAI,MAGF,EAAE;IACJ,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAiB,IAAI,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;IAEvG,MAAM,qBAAqB,GAAG,uBAAC,cAAO,IACpC,KAAK,EAAE,eAAe,KAAK,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,qBAAqB,YAEjG,uBAAC,aAAM,IACL,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,eAAe,KAAK,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,oBAAY,KAAG,CAAC,CAAC,CAAC,uBAAC,wBAAgB,KAAG,EACvF,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,eAAe,KAAK,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,GACzH,IALE,gBAAgB,CAMZ,CAAC;IAEX,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,CAAC;AACpD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ProColumns } from "@ant-design/pro-components";
|
|
2
|
+
import { ProDescriptionsItemProps } from "@ant-design/pro-descriptions";
|
|
3
|
+
export type TDescriptionSection<T> = {
|
|
4
|
+
title: ProColumns<T>['title'] | null;
|
|
5
|
+
key: string | 'general';
|
|
6
|
+
columns: ProDescriptionsItemProps<T>[];
|
|
7
|
+
};
|
|
8
|
+
export declare function columnsToDescriptionItemProps<T>(columns: ProColumns<T>[], mainTitle?: ProColumns<T>['title'] | null, key?: string | 'general'): TDescriptionSection<T>[];
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.columnsToDescriptionItemProps = columnsToDescriptionItemProps;
|
|
4
|
+
function columnsToDescriptionItemProps(columns, mainTitle = null, key = 'general') {
|
|
5
|
+
const baseSection = {
|
|
6
|
+
title: mainTitle,
|
|
7
|
+
key,
|
|
8
|
+
columns: [],
|
|
9
|
+
};
|
|
10
|
+
const result = [baseSection];
|
|
11
|
+
columns.forEach((column) => {
|
|
12
|
+
if (column.valueType === 'option') {
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
if (column.children) {
|
|
16
|
+
const dataIndex = String(Array.isArray(column.dataIndex) ? column.dataIndex[0] : column.dataIndex);
|
|
17
|
+
result.push(...columnsToDescriptionItemProps(column.children, column.title, dataIndex));
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
const { children, ...rest } = column;
|
|
21
|
+
// @ts-ignore-next-line
|
|
22
|
+
baseSection.columns.push(rest);
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
return result;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=useDescriptionColumns.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDescriptionColumns.js","sourceRoot":"","sources":["../../../src/components/Descriptions/useDescriptionColumns.ts"],"names":[],"mappings":";;AAUA,sEA+BC;AA/BD,SAAgB,6BAA6B,CAC3C,OAAwB,EACxB,YAA2C,IAAI,EAC/C,MAA0B,SAAS;IAEnC,MAAM,WAAW,GAA2B;QAC1C,KAAK,EAAE,SAAS;QAChB,GAAG;QACH,OAAO,EAAE,EAAE;KACZ,CAAA;IACD,MAAM,MAAM,GAA6B,CAAC,WAAW,CAAC,CAAC;IAEvD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACzB,IAAI,MAAM,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QAED,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACpB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YACnG,MAAM,CAAC,IAAI,CAAC,GAAG,6BAA6B,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;QAC1F,CAAC;aAAM,CAAC;YACN,MAAM,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,MAAM,CAAC;YACX,uBAAuB;YACvB,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,IAAmC,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { DatePicker } from "antd";
|
|
3
|
+
interface RangePickerProps extends Omit<React.ComponentProps<typeof DatePicker.RangePicker>, 'value' | 'onChange'> {
|
|
4
|
+
value?: [string | null, string | null] | null;
|
|
5
|
+
onChange?: (value?: [string | null, string | null] | null) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const DateRange: React.FC<RangePickerProps>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DateRange = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const dayjs_1 = tslib_1.__importDefault(require("dayjs"));
|
|
7
|
+
const antd_1 = require("antd");
|
|
8
|
+
const DateRange = ({ value, onChange, ...props }) => {
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(antd_1.DatePicker.RangePicker, { showTime: {
|
|
10
|
+
showNow: true,
|
|
11
|
+
showHour: true,
|
|
12
|
+
showMinute: true,
|
|
13
|
+
showSecond: true,
|
|
14
|
+
showMillisecond: true,
|
|
15
|
+
}, allowEmpty: [true, true], presets: [
|
|
16
|
+
{
|
|
17
|
+
label: 'Today',
|
|
18
|
+
value: [(0, dayjs_1.default)().startOf('day'), (0, dayjs_1.default)().endOf('day')],
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
label: 'Yesterday',
|
|
22
|
+
value: [(0, dayjs_1.default)().subtract(1, 'day').startOf('day'), (0, dayjs_1.default)().subtract(1, 'day').endOf('day')],
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
label: 'Last 15 minutes',
|
|
26
|
+
value: [(0, dayjs_1.default)().subtract(15, 'minute'), (0, dayjs_1.default)()],
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
label: 'Last 30 minutes',
|
|
30
|
+
value: [(0, dayjs_1.default)().subtract(30, 'minute'), (0, dayjs_1.default)()],
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
label: 'Last 1 hour',
|
|
34
|
+
value: [(0, dayjs_1.default)().subtract(1, 'hour'), (0, dayjs_1.default)()],
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
label: 'Last 24 hours',
|
|
38
|
+
value: [(0, dayjs_1.default)().subtract(1, 'day'), (0, dayjs_1.default)()],
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
label: 'Last 7 days',
|
|
42
|
+
value: [(0, dayjs_1.default)().subtract(7, 'day'), (0, dayjs_1.default)()],
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
label: 'Last 30 days',
|
|
46
|
+
value: [(0, dayjs_1.default)().subtract(30, 'day'), (0, dayjs_1.default)()],
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
label: 'This month',
|
|
50
|
+
value: [(0, dayjs_1.default)().startOf('month'), (0, dayjs_1.default)().endOf('month')],
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
label: 'Last month',
|
|
54
|
+
value: [(0, dayjs_1.default)().subtract(1, 'month').startOf('month'), (0, dayjs_1.default)().subtract(1, 'month').endOf('month')],
|
|
55
|
+
},
|
|
56
|
+
], value: value?.map(date => (0, dayjs_1.default)(date)), onChange: (dates) => {
|
|
57
|
+
onChange?.(dates?.map(date => date?.toISOString() ?? null));
|
|
58
|
+
}, ...props }));
|
|
59
|
+
};
|
|
60
|
+
exports.DateRange = DateRange;
|
|
61
|
+
//# sourceMappingURL=DateRange.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateRange.js","sourceRoot":"","sources":["../../../src/components/Inputs/DateRange.tsx"],"names":[],"mappings":";;;;;AAEA,0DAA0B;AAC1B,+BAAkC;AAO3B,MAAM,SAAS,GAA+B,CAAC,EACpD,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,iBAAU,CAAC,WAAW,IACrB,QAAQ,EAAE;YACR,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,IAAI;YAChB,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,IAAI;SACtB,EACD,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EACxB,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,CAAC,IAAA,eAAK,GAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,IAAA,eAAK,GAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aACtD;YACD;gBACE,KAAK,EAAE,WAAW;gBAClB,KAAK,EAAE,CAAC,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aAC5F;YACD;gBACE,KAAK,EAAE,iBAAiB;gBACxB,KAAK,EAAE,CAAC,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,IAAA,eAAK,GAAE,CAAC;aACjD;YACD;gBACE,KAAK,EAAE,iBAAiB;gBACxB,KAAK,EAAE,CAAC,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,IAAA,eAAK,GAAE,CAAC;aACjD;YACD;gBACE,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,CAAC,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,IAAA,eAAK,GAAE,CAAC;aAC9C;YACD;gBACE,KAAK,EAAE,eAAe;gBACtB,KAAK,EAAE,CAAC,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,IAAA,eAAK,GAAE,CAAC;aAC7C;YACD;gBACE,KAAK,EAAE,aAAa;gBACpB,KAAK,EAAE,CAAC,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,IAAA,eAAK,GAAE,CAAC;aAC7C;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,CAAC,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,IAAA,eAAK,GAAE,CAAC;aAC9C;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,CAAC,IAAA,eAAK,GAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,IAAA,eAAK,GAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aAC1D;YACD;gBACE,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,CAAC,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,IAAA,eAAK,GAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aACpG;SACF,EACD,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAA,eAAK,EAAC,IAAI,CAAC,CAA2C,EAChF,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,IAAI,CAA0C,CAAC,CAAC;QACvG,CAAC,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAA;AAhEY,QAAA,SAAS,aAgErB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MultiStringSelect = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const antd_1 = require("antd");
|
|
6
|
+
const MultiStringSelect = ({ value, onChange }) => {
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(antd_1.Select, { dropdownStyle: { minWidth: 200 }, allowClear: true, mode: "tags", style: { minWidth: 200 }, maxTagCount: 'responsive', value: value, onChange: onChange, notFoundContent: 'Enter manually' }));
|
|
8
|
+
};
|
|
9
|
+
exports.MultiStringSelect = MultiStringSelect;
|
|
10
|
+
//# sourceMappingURL=MultiStringSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiStringSelect.js","sourceRoot":"","sources":["../../../src/components/Inputs/MultiStringSelect.tsx"],"names":[],"mappings":";;;;AAAA,+BAA8B;AAGvB,MAAM,iBAAiB,GAGzB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3B,OAAO,CACL,uBAAC,aAAM,IACL,aAAa,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAChC,UAAU,EAAE,IAAI,EAChB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EACxB,WAAW,EAAC,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAC,gBAAgB,GAChC,CACH,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,iBAAiB,qBAgB7B"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.NumberInputHandlingNewRecord = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const antd_1 = require("antd");
|
|
6
|
+
const Table_1 = require("../Table");
|
|
7
|
+
const NumberInputHandlingNewRecord = ({ value, onChange }) => {
|
|
8
|
+
return (0, jsx_runtime_1.jsx)(antd_1.InputNumber, { value: (0, Table_1.isRecordNew)({ id: value }) ? '' : value, onChange: onChange });
|
|
9
|
+
};
|
|
10
|
+
exports.NumberInputHandlingNewRecord = NumberInputHandlingNewRecord;
|
|
11
|
+
//# sourceMappingURL=NumberInputHandlingNewRecord.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberInputHandlingNewRecord.js","sourceRoot":"","sources":["../../../src/components/Inputs/NumberInputHandlingNewRecord.tsx"],"names":[],"mappings":";;;;AAEA,+BAAmC;AACnC,oCAAuC;AAEhC,MAAM,4BAA4B,GAA+B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9F,OAAO,uBAAC,kBAAW,IACjB,KAAK,EAAE,IAAA,mBAAW,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,EAC9C,QAAQ,EAAE,QAAQ,GAClB,CAAA;AACJ,CAAC,CAAA;AALY,QAAA,4BAA4B,gCAKxC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SwitchProps } from "antd/es/switch";
|
|
3
|
+
interface NumberSwitcherProps extends Omit<SwitchProps, 'value' | 'onChange'> {
|
|
4
|
+
value?: number;
|
|
5
|
+
onChange?: (value?: number) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const NumberSwitch: React.FC<NumberSwitcherProps>;
|
|
8
|
+
export {};
|