@uxf/cms 3.0.1 → 4.0.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -1
- package/lib/Layout/Layout.js +18 -18
- package/package.json +6 -3
- package/pages/GridPage/GridPage.js +34 -5
- package/pages/GridPage/types.d.ts +13 -13
- package/styles/theme.js +1 -4
package/README.md
CHANGED
@@ -13,12 +13,28 @@
|
|
13
13
|
- [@uxf/cms/pages](./README_pages.md) - NextJS stránky
|
14
14
|
- [@uxf/cms/lab](./README_lab.md) - Komponenty které ještě nejsou odladěné na stabilní verzi
|
15
15
|
|
16
|
-
##
|
16
|
+
## Instalace
|
17
|
+
|
18
|
+
Od verze 4.0 balíček používá Tailwind CSS
|
17
19
|
|
18
20
|
```shell
|
19
21
|
yarn add @uxf/cms dayjs
|
20
22
|
```
|
21
23
|
|
24
|
+
Do souboru `tailwind.config.js` přidat následující řádky
|
25
|
+
|
26
|
+
```js
|
27
|
+
/** @type {import('tailwindcss').Config} */
|
28
|
+
module.exports = {
|
29
|
+
content: [
|
30
|
+
"./node_modules/@uxf/cms/**/*.js"
|
31
|
+
],
|
32
|
+
plugins: [],
|
33
|
+
};
|
34
|
+
```
|
35
|
+
|
36
|
+
## Použití balíčku
|
37
|
+
|
22
38
|
Konfigurace balíčku se prvádí v souboru `_app.tsx`.
|
23
39
|
|
24
40
|
```tsx
|
package/lib/Layout/Layout.js
CHANGED
@@ -4,8 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
4
|
};
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
6
|
exports.Layout = void 0;
|
7
|
-
var
|
8
|
-
var Box_1 = __importDefault(require("@mui/material/Box"));
|
7
|
+
var CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
|
9
8
|
var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
|
10
9
|
var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
|
11
10
|
var Typography_1 = __importDefault(require("@mui/material/Typography"));
|
@@ -27,21 +26,22 @@ var Layout = function (props) {
|
|
27
26
|
config_1.config.get("app-name"))),
|
28
27
|
react_1.default.createElement(CssBaseline_1.default, null),
|
29
28
|
react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo, ToolbarRight: ToolbarRight }),
|
30
|
-
react_1.default.createElement(
|
31
|
-
|
32
|
-
react_1.default.createElement(
|
33
|
-
react_1.default.createElement(
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
react_1.default.createElement(
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
29
|
+
react_1.default.createElement("div", { className: "flex flex-row w-full" },
|
30
|
+
react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, UserMenu: UserMenu }),
|
31
|
+
react_1.default.createElement("main", { className: "grow" }, loading ? (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center h-96" },
|
32
|
+
react_1.default.createElement("div", { className: "text-center" },
|
33
|
+
react_1.default.createElement(CircularProgress_1.default, null),
|
34
|
+
react_1.default.createElement(Typography_1.default, { mt: 1 }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
35
|
+
react_1.default.createElement(Toolbar_1.default, { variant: "dense" }),
|
36
|
+
react_1.default.createElement(styles_1.LayoutHeader, { hasHeader: !!header, sx: { p: 3 } },
|
37
|
+
MessageBar,
|
38
|
+
react_1.default.createElement("div", { style: { fontSize: 10 } }, Breadcrumbs),
|
39
|
+
react_1.default.createElement("div", { className: "flex flex-row items-center" },
|
40
|
+
react_1.default.createElement(Typography_1.default, { flex: 1, variant: "h4", component: "h2", color: header ? "#fff" : undefined }, title),
|
41
|
+
TitleRightContainer),
|
42
|
+
subtitle,
|
43
|
+
header),
|
44
|
+
react_1.default.createElement("div", { className: "p-3" }, children)))))));
|
45
45
|
};
|
46
46
|
exports.Layout = Layout;
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRkFBOEQ7QUFDOUQsMEVBQW9EO0FBQ3BELGtFQUErQztBQUMvQyx3RUFBa0Q7QUFDbEQsbURBQTZCO0FBQzdCLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFDdEMsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBb0Q7QUFHN0MsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSztJQUVyQyxJQUFBLFFBQVEsR0FhUixLQUFLLFNBYkcsRUFDUixLQUFLLEdBWUwsS0FBSyxNQVpBLEVBQ0wsSUFBSSxHQVdKLEtBQUssS0FYRCxFQUNKLElBQUksR0FVSixLQUFLLEtBVkQsRUFDSixpQkFBaUIsR0FTakIsS0FBSyxrQkFUWSxFQUNqQixRQUFRLEdBUVIsS0FBSyxTQVJHLEVBQ1IsTUFBTSxHQU9OLEtBQUssT0FQQyxFQUNOLFdBQVcsR0FNWCxLQUFLLFlBTk0sRUFDWCxZQUFZLEdBS1osS0FBSyxhQUxPLEVBQ1osVUFBVSxHQUlWLEtBQUssV0FKSyxFQUNWLE9BQU8sR0FHUCxLQUFLLFFBSEUsRUFDUCxRQUFRLEdBRVIsS0FBSyxTQUZHLEVBQ1IsbUJBQW1CLEdBQ25CLEtBQUssb0JBRGMsQ0FDYjtJQUVWLE9BQU8sQ0FDSCw4QkFBQyxtQkFBVTtRQUNQLDhCQUFDLGNBQUk7WUFDRCx3Q0FBTSxJQUFJLEVBQUMsVUFBVSxFQUFDLE9BQU8sRUFBQyxxQ0FBcUMsR0FBRztZQUN0RSx3Q0FBTSxPQUFPLEVBQUMsT0FBTyxHQUFHO1lBQ3hCO2dCQUNLLEtBQUs7O2dCQUFLLGVBQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQzdCLENBQ0w7UUFDUCw4QkFBQyxxQkFBVyxPQUFHO1FBQ2YsOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFlBQVksR0FBSTtRQUNsRCx1Q0FBSyxTQUFTLEVBQUMsc0JBQXNCO1lBQ2pDLDhCQUFDLGlCQUFPLElBQUMsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1lBQ2pGLHdDQUFNLFNBQVMsRUFBQyxNQUFNLElBQ2pCLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDUCx1Q0FBSyxTQUFTLEVBQUMsZ0RBQWdEO2dCQUMzRCx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMsMEJBQWdCLE9BQUc7b0JBQ3BCLDhCQUFDLG9CQUFVLElBQUMsRUFBRSxFQUFFLENBQUMsbUNBQThCLENBQzdDLENBQ0osQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBO2dCQUNJLDhCQUFDLGlCQUFVLElBQUMsT0FBTyxFQUFDLE9BQU8sR0FBRztnQkFDOUIsOEJBQUMscUJBQVksSUFBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFO29CQUMxQyxVQUFVO29CQUNYLHVDQUFLLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsSUFBRyxXQUFXLENBQU87b0JBQ2pELHVDQUFLLFNBQVMsRUFBQyw0QkFBNEI7d0JBQ3ZDLDhCQUFDLG9CQUFVLElBQ1AsSUFBSSxFQUFFLENBQUMsRUFDUCxPQUFPLEVBQUMsSUFBSSxFQUNaLFNBQVMsRUFBQyxJQUFJLEVBQ2QsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTLElBRWpDLEtBQUssQ0FDRzt3QkFDWixtQkFBbUIsQ0FDbEI7b0JBQ0wsUUFBUTtvQkFDUixNQUFNLENBQ0k7Z0JBQ2YsdUNBQUssU0FBUyxFQUFDLEtBQUssSUFBRSxRQUFRLENBQU8sQ0FDdEMsQ0FDTixDQUNFLENBQ0wsQ0FDRyxDQUNoQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakVXLFFBQUEsTUFBTSxVQWlFakIifQ==
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@uxf/cms",
|
3
|
-
"version": "
|
3
|
+
"version": "4.0.0-beta.3",
|
4
4
|
"description": "UXF Cms",
|
5
5
|
"author": "UXFans <dev@uxf.cz>",
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/cms#readme",
|
@@ -32,6 +32,7 @@
|
|
32
32
|
"@mui/material": "^5.0.2",
|
33
33
|
"@mui/styles": "^5.0.1",
|
34
34
|
"@mui/x-date-pickers": "^5.0.0-alpha.1",
|
35
|
+
"@tailwindcss/forms": "^0.5.2",
|
35
36
|
"@types/express-http-proxy": "^1.6.2",
|
36
37
|
"@types/node": "^16.7.10",
|
37
38
|
"@types/qs": "^6.9.7",
|
@@ -39,11 +40,12 @@
|
|
39
40
|
"@types/react-dom": "^17.0.9",
|
40
41
|
"@typescript-eslint/eslint-plugin": "^5.11.0",
|
41
42
|
"@uxf/core": "^2.1.4",
|
42
|
-
"@uxf/data-grid": "^
|
43
|
+
"@uxf/data-grid": "^4.0.0-beta.10",
|
43
44
|
"@uxf/eslint-config": "^1.2.3",
|
44
45
|
"@uxf/router": "^2.0.1",
|
45
46
|
"@uxf/wysiwyg": "^1.1.2",
|
46
47
|
"@uxf/wysiwyg-mui5-plugins": "^1.0.1",
|
48
|
+
"autoprefixer": "^10.4.7",
|
47
49
|
"axios": "^0.21.1",
|
48
50
|
"axios-hooks": "^2.7.0",
|
49
51
|
"coordinate-parser": "^1.0.7",
|
@@ -61,6 +63,7 @@
|
|
61
63
|
"http-proxy-middleware": "^2.0.1",
|
62
64
|
"next": "^12.0.7",
|
63
65
|
"path": "^0.12.7",
|
66
|
+
"postcss": "^8.4.14",
|
64
67
|
"prettier": "^2.4.1",
|
65
68
|
"qs": "^6.10.1",
|
66
69
|
"react": "^17.0.2",
|
@@ -68,6 +71,7 @@
|
|
68
71
|
"react-final-form": "^6.5.7",
|
69
72
|
"react-final-form-arrays": "^3.1.3",
|
70
73
|
"redux-devtools-extension": "^2.13.9",
|
74
|
+
"tailwindcss": "^3.1.5",
|
71
75
|
"ts-node": "^10.2.1",
|
72
76
|
"typescript": "^4.4.3"
|
73
77
|
},
|
@@ -76,7 +80,6 @@
|
|
76
80
|
"@mui/material": "^5.0.0",
|
77
81
|
"@mui/x-date-pickers": "^5.0.0-alpha.1",
|
78
82
|
"@uxf/core": ">= 2.1.3",
|
79
|
-
"@uxf/data-grid": "^3.1.1",
|
80
83
|
"@uxf/wysiwyg": "^1.1.2",
|
81
84
|
"@uxf/wysiwyg-mui5-plugins": "^1.0.1",
|
82
85
|
"axios": "^0.21.0",
|
@@ -65,6 +65,33 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
65
65
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
66
66
|
}
|
67
67
|
};
|
68
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
69
|
+
var t = {};
|
70
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
71
|
+
t[p] = s[p];
|
72
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
73
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
74
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
75
|
+
t[p[i]] = s[p[i]];
|
76
|
+
}
|
77
|
+
return t;
|
78
|
+
};
|
79
|
+
var __read = (this && this.__read) || function (o, n) {
|
80
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
81
|
+
if (!m) return o;
|
82
|
+
var i = m.call(o), r, ar = [], e;
|
83
|
+
try {
|
84
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
85
|
+
}
|
86
|
+
catch (error) { e = { error: error }; }
|
87
|
+
finally {
|
88
|
+
try {
|
89
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
90
|
+
}
|
91
|
+
finally { if (e) throw e.error; }
|
92
|
+
}
|
93
|
+
return ar;
|
94
|
+
};
|
68
95
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
69
96
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
70
97
|
};
|
@@ -74,7 +101,7 @@ var Add_1 = __importDefault(require("@mui/icons-material/Add"));
|
|
74
101
|
var Box_1 = __importDefault(require("@mui/material/Box"));
|
75
102
|
var Fab_1 = __importDefault(require("@mui/material/Fab"));
|
76
103
|
var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
|
77
|
-
var
|
104
|
+
var tailwindui_1 = require("@uxf/data-grid/tailwindui");
|
78
105
|
var router_1 = require("@uxf/router");
|
79
106
|
var router_2 = __importDefault(require("next/router"));
|
80
107
|
var qs_1 = __importDefault(require("qs"));
|
@@ -94,8 +121,10 @@ exports.dataGridLoader = dataGridLoader;
|
|
94
121
|
var DefaultLayout = function (props) { return react_1.default.createElement("div", __assign({}, props)); };
|
95
122
|
var GridPageComponent = function (props) {
|
96
123
|
var _a;
|
97
|
-
var metaSchema = props.metaSchema, entityAlias = props.entityAlias, gridSchema = props.gridSchema, getOpenUrl = props.getOpenUrl, getEditUrl = props.getEditUrl, onOpen = props.onOpen, onAdd = props.onAdd, onEdit = props.onEdit, onRemove = props.onRemove,
|
124
|
+
var _b = props.ui, ui = _b === void 0 ? {} : _b, metaSchema = props.metaSchema, entityAlias = props.entityAlias, gridSchema = props.gridSchema, getOpenUrl = props.getOpenUrl, getEditUrl = props.getEditUrl, onOpen = props.onOpen, onAdd = props.onAdd, onEdit = props.onEdit, onRemove = props.onRemove, query = props.query, initialHiddenColumns = props.initialHiddenColumns, loader = props.loader, title = props.title, rowHeight = props.rowHeight, defaultConfig = props.defaultConfig, _c = props.AddIcon, AddIcon = _c === void 0 ? react_1.default.createElement(Add_1.default, null) : _c, _d = props.onAddTitle, onAddTitle = _d === void 0 ? "Přidat záznam" : _d, toolbarPlugins = props.toolbarPlugins, selectable = props.selectable;
|
98
125
|
var hiddenColumnProps = (0, useHiddenColumns_1.useHiddenColumns)(entityAlias, initialHiddenColumns);
|
126
|
+
var _e = __read((0, react_1.useState)(new Set()), 2), selectedRows = _e[0], setSelectedRows = _e[1];
|
127
|
+
var _f = ui.Layout, Layout = _f === void 0 ? DefaultLayout : _f, dataGridUi = __rest(ui, ["Layout"]);
|
99
128
|
var dataGridRef = (0, react_1.useRef)();
|
100
129
|
var universalLoader = (0, react_1.useCallback)(function (gridName, request, encodedRequest) {
|
101
130
|
var _a, _b;
|
@@ -111,14 +140,14 @@ var GridPageComponent = function (props) {
|
|
111
140
|
}); }, [dataGridRef]);
|
112
141
|
return (react_1.default.createElement(Layout, { key: entityAlias, title: (_a = title !== null && title !== void 0 ? title : metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.title) !== null && _a !== void 0 ? _a : "" },
|
113
142
|
react_1.default.createElement(Box_1.default, { mb: 10 },
|
114
|
-
react_1.default.createElement(
|
143
|
+
react_1.default.createElement(tailwindui_1.DataGrid, __assign({ schema: gridSchema, initialState: (query === null || query === void 0 ? void 0 : query.filter) ? (0, router_1.queryParamToString)(query === null || query === void 0 ? void 0 : query.filter) : undefined, title: title !== null && title !== void 0 ? title : metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.title, onCsvDownload: function (r) { return window.open("/api/cms/datagrid/export/".concat(entityAlias, "?").concat(qs_1.default.stringify(r))); }, gridName: entityAlias, loader: loader !== null && loader !== void 0 ? loader : universalLoader }, hiddenColumnProps, { noBorder: true, onOpen: onOpen && (function (row) { return onOpen(entityAlias, row, actionsBag); }), getOpenUrl: getOpenUrl && (function (row) { return getOpenUrl(entityAlias, row); }), onEdit: onEdit && (function (row) { return onEdit(entityAlias, row, actionsBag); }), getEditUrl: getEditUrl && (function (row) { return getEditUrl(entityAlias, row); }), onRemove: onRemove && (function (row) { return onRemove(entityAlias, row, actionsBag); }), rowHeight: rowHeight, defaultConfig: defaultConfig, ui: dataGridUi, toolbarPlugins: toolbarPlugins !== null && toolbarPlugins !== void 0 ? toolbarPlugins : tailwindui_1.DEFAULT_TOOLBAR_PLUGINS, selectedRows: selectable ? selectedRows : undefined, onChangeSelectedRows: selectable ? setSelectedRows : undefined }))),
|
115
144
|
onAdd && (!metaSchema || (metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.actions.includes("add"))) && (react_1.default.createElement(Tooltip_1.default, { title: onAddTitle },
|
116
145
|
react_1.default.createElement(Fab_1.default, { sx: { position: "fixed", bottom: 16, right: 16 }, onClick: function () { return onAdd(entityAlias, actionsBag); }, color: "primary" }, AddIcon)))));
|
117
146
|
};
|
118
147
|
GridPageComponent.displayName = "GridPageComponent";
|
119
148
|
var GridPage = function (config) {
|
120
149
|
var Component = function (props) {
|
121
|
-
return (react_1.default.createElement(GridPageComponent, __assign({}, props, { title: config.title, loader: config.loader, onEdit: config.onEdit, getEditUrl: config.getEditUrl, onAdd: config.onAdd, onRemove: config.onRemove, onOpen: config.onOpen, getOpenUrl: config.getOpenUrl,
|
150
|
+
return (react_1.default.createElement(GridPageComponent, __assign({}, props, { title: config.title, loader: config.loader, onEdit: config.onEdit, getEditUrl: config.getEditUrl, onAdd: config.onAdd, onRemove: config.onRemove, onOpen: config.onOpen, getOpenUrl: config.getOpenUrl, rowHeight: config.rowHeight, defaultConfig: config.defaultConfig, AddIcon: config.AddIcon, onAddTitle: config.onAddTitle, ui: config.ui, toolbarPlugins: config.toolbarPlugins, selectable: config.selectable })));
|
122
151
|
};
|
123
152
|
Component.getInitialProps = function (ctx) { return __awaiter(void 0, void 0, void 0, function () {
|
124
153
|
var entityAlias, initialHiddenColumns, _a;
|
@@ -155,4 +184,4 @@ var GridPage = function (config) {
|
|
155
184
|
return (0, withAuthenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Component);
|
156
185
|
};
|
157
186
|
exports.GridPage = GridPage;
|
158
|
-
//# sourceMappingURL=data:application/json;base64,
|
187
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JpZFBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvR3JpZFBhZ2UvR3JpZFBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdFQUEwQztBQUMxQywwREFBb0M7QUFDcEMsMERBQW9DO0FBQ3BDLGtFQUE0QztBQUM1Qyx3REFBOEU7QUFFOUUsc0NBQWlEO0FBRWpELHVEQUFpQztBQUNqQywwQ0FBb0I7QUFDcEIsNkNBQXNFO0FBQ3RFLDJCQUF3QztBQUN4QyxpQ0FBMEM7QUFDMUMsMEVBQXlFO0FBQ3pFLHFDQUFvRDtBQUNwRCxpRUFBcUY7QUFFckYsdURBQXNEO0FBQ3RELHVDQUF5QztBQUVqQyxJQUFBLFlBQVksR0FBSyxJQUFBLHlCQUFtQixHQUFFLGFBQTFCLENBQTJCO0FBRXhDLElBQU0sY0FBYyxHQUFHLFVBQUMsUUFBZ0IsRUFBRSxPQUFnQjtJQUM3RCxPQUFPLFlBQVksQ0FBVyxJQUFJLEVBQUUsNEJBQXFCLFFBQVEsQ0FBRSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLElBQUksRUFBTixDQUFNLENBQUMsQ0FBQztBQUNuSCxDQUFDLENBQUM7QUFGVyxRQUFBLGNBQWMsa0JBRXpCO0FBRUYsSUFBTSxhQUFhLEdBQW9CLFVBQUMsS0FBSyxJQUFLLE9BQUEsa0RBQVMsS0FBSyxFQUFJLEVBQWxCLENBQWtCLENBQUM7QUFFckUsSUFBTSxpQkFBaUIsR0FBcUMsVUFBQyxLQUFLOztJQUUxRCxJQUFBLEtBb0JBLEtBQUssR0FwQkUsRUFBUCxFQUFFLG1CQUFHLEVBQUUsS0FBQSxFQUNQLFVBQVUsR0FtQlYsS0FB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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="node" />
|
2
|
-
import {
|
2
|
+
import { DataGridProps, Loader, Schema, ToolbarPlugin, UIComponents as DataGridUIComponents } from "@uxf/data-grid";
|
3
3
|
import { NextPageContext } from "next";
|
4
4
|
import { ParsedUrlQuery } from "querystring";
|
5
5
|
import { EntityMetaSchema } from "../../api";
|
@@ -10,6 +10,7 @@ export declare type ActionsBag = {
|
|
10
10
|
reload: () => void;
|
11
11
|
};
|
12
12
|
export declare type GridPageComponentProps = {
|
13
|
+
ui?: UIComponents;
|
13
14
|
entityAlias: string;
|
14
15
|
title?: string;
|
15
16
|
initialHiddenColumns: string[];
|
@@ -23,18 +24,19 @@ export declare type GridPageComponentProps = {
|
|
23
24
|
loader?: Loader;
|
24
25
|
gridSchema: Schema<any>;
|
25
26
|
metaSchema?: EntityMetaSchema;
|
26
|
-
BodyCell?: BodyCellComponent<any, any>;
|
27
|
-
FilterInput?: FilterInputComponent<any>;
|
28
|
-
FilterListItem?: FilterListItemComponent<any>;
|
29
|
-
Layout?: LayoutComponent;
|
30
27
|
rowHeight?: DataGridProps<any, any>["rowHeight"];
|
31
|
-
FullTextInputProps?: DataGridProps<any, any>["FullTextInputProps"];
|
32
28
|
defaultConfig?: DataGridProps<any, any>["defaultConfig"];
|
33
29
|
AddIcon?: ReactElement;
|
34
30
|
onAddTitle?: string;
|
35
|
-
|
31
|
+
toolbarPlugins?: ToolbarPlugin[];
|
32
|
+
selectable?: boolean;
|
33
|
+
};
|
36
34
|
export declare type EntityAliasExtractor = (ctx: NextPageContext) => string;
|
35
|
+
declare type UIComponents = Partial<DataGridUIComponents<any, any>> & {
|
36
|
+
Layout?: LayoutComponent;
|
37
|
+
};
|
37
38
|
export declare type GridPageConfig<T extends object = any> = {
|
39
|
+
ui?: UIComponents;
|
38
40
|
title?: string;
|
39
41
|
entityAlias: string | EntityAliasExtractor;
|
40
42
|
onOpen?: (entityAlias: string, row: T, actions: ActionsBag) => void;
|
@@ -45,13 +47,11 @@ export declare type GridPageConfig<T extends object = any> = {
|
|
45
47
|
onRemove?: (entityAlias: string, row: T, actions: ActionsBag) => void;
|
46
48
|
allowedRoles?: string[];
|
47
49
|
loader?: Loader;
|
48
|
-
BodyCell?: BodyCellComponent<any, any>;
|
49
|
-
FilterInput?: FilterInputComponent<any>;
|
50
|
-
FilterListItem?: FilterListItemComponent<any>;
|
51
|
-
Layout?: LayoutComponent;
|
52
50
|
rowHeight?: DataGridProps<any, any>["rowHeight"];
|
53
|
-
FullTextInputProps?: DataGridProps<any, any>["FullTextInputProps"];
|
54
51
|
defaultConfig?: DataGridProps<any, any>["defaultConfig"];
|
55
52
|
AddIcon?: ReactElement;
|
56
53
|
onAddTitle?: string;
|
57
|
-
|
54
|
+
toolbarPlugins?: ToolbarPlugin[];
|
55
|
+
selectable?: boolean;
|
56
|
+
};
|
57
|
+
export {};
|
package/styles/theme.js
CHANGED
@@ -29,9 +29,6 @@ exports.theme = (0, styles_1.createTheme)({
|
|
29
29
|
error: {
|
30
30
|
main: "#ed1c24",
|
31
31
|
},
|
32
|
-
background: {
|
33
|
-
default: "#f5f5f5",
|
34
|
-
},
|
35
32
|
},
|
36
33
|
typography: __assign({ fontFamily: [
|
37
34
|
"LatoCustom",
|
@@ -47,4 +44,4 @@ exports.theme = (0, styles_1.createTheme)({
|
|
47
44
|
'"Segoe UI Symbol"',
|
48
45
|
].join(",") }, exports.defaultTypography),
|
49
46
|
});
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvc3R5bGVzL3RoZW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0NBQWlFO0FBRXBELFFBQUEsaUJBQWlCLEdBQStCO0lBQ3pELEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDcEIsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUNwQixFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUU7Q0FDeEMsQ0FBQztBQUVXLFFBQUEsS0FBSyxHQUFHLElBQUEsb0JBQVcsRUFBQztJQUM3QixPQUFPLEVBQUU7UUFDTCxPQUFPLEVBQUU7WUFDTCxJQUFJLEVBQUUsU0FBUztTQUNsQjtRQUNELFNBQVMsRUFBRTtZQUNQLElBQUksRUFBRSxTQUFTO1NBQ2xCO1FBQ0QsS0FBSyxFQUFFO1lBQ0gsSUFBSSxFQUFFLFNBQVM7U0FDbEI7S0FDSjtJQUNELFVBQVUsYUFDTixVQUFVLEVBQUU7WUFDUixZQUFZO1lBQ1osZUFBZTtZQUNmLG9CQUFvQjtZQUNwQixZQUFZO1lBQ1osUUFBUTtZQUNSLGtCQUFrQjtZQUNsQixPQUFPO1lBQ1AsWUFBWTtZQUNaLHFCQUFxQjtZQUNyQixrQkFBa0I7WUFDbEIsbUJBQW1CO1NBQ3RCLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUNSLHlCQUFpQixDQUN2QjtDQUNKLENBQUMsQ0FBQyJ9
|