@uxf/cms 4.0.0-beta.2 → 4.0.0-beta.5
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 +1 -1
- package/pages/FormPage/Field/Content.js +3 -4
- package/pages/FormPage/Form.js +2 -2
- package/ui/Paper/Paper.js +3 -3
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", { style: { width: "calc(100% - ".concat(styles_1.drawerWidth, "px)") } }, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRkFBOEQ7QUFDOUQsMEVBQW9EO0FBQ3BELGtFQUErQztBQUMvQyx3RUFBa0Q7QUFDbEQsbURBQTZCO0FBQzdCLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFDdEMsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBaUU7QUFHMUQsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSztJQUVyQyxJQUFBLFFBQVEsR0FhUixLQUFLLFNBYkcsRUFDUixLQUFLLEdBWUwsS0FBSyxNQVpBLEVBQ0wsSUFBSSxHQVdKLEtBQUssS0FYRCxFQUNKLElBQUksR0FVSixLQUFLLEtBVkQsRUFDSixpQkFBaUIsR0FTakIsS0FBSyxrQkFUWSxFQUNqQixRQUFRLEdBUVIsS0FBSyxTQVJHLEVBQ1IsTUFBTSxHQU9OLEtBQUssT0FQQyxFQUNOLFdBQVcsR0FNWCxLQUFLLFlBTk0sRUFDWCxZQUFZLEdBS1osS0FBSyxhQUxPLEVBQ1osVUFBVSxHQUlWLEtBQUssV0FKSyxFQUNWLE9BQU8sR0FHUCxLQUFLLFFBSEUsRUFDUCxRQUFRLEdBRVIsS0FBSyxTQUZHLEVBQ1IsbUJBQW1CLEdBQ25CLEtBQUssb0JBRGMsQ0FDYjtJQUVWLE9BQU8sQ0FDSCw4QkFBQyxtQkFBVTtRQUNQLDhCQUFDLGNBQUk7WUFDRCx3Q0FBTSxJQUFJLEVBQUMsVUFBVSxFQUFDLE9BQU8sRUFBQyxxQ0FBcUMsR0FBRztZQUN0RSx3Q0FBTSxPQUFPLEVBQUMsT0FBTyxHQUFHO1lBQ3hCO2dCQUNLLEtBQUs7O2dCQUFLLGVBQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQzdCLENBQ0w7UUFDUCw4QkFBQyxxQkFBVyxPQUFHO1FBQ2YsOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFlBQVksR0FBSTtRQUNsRCx1Q0FBSyxTQUFTLEVBQUMsc0JBQXNCO1lBQ2pDLDhCQUFDLGlCQUFPLElBQUMsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1lBQ2pGLHdDQUFNLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxzQkFBZSxvQkFBVyxRQUFLLEVBQUUsSUFDbEQsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNQLHVDQUFLLFNBQVMsRUFBQyxnREFBZ0Q7Z0JBQzNELHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQywwQkFBZ0IsT0FBRztvQkFDcEIsOEJBQUMsb0JBQVUsSUFBQyxFQUFFLEVBQUUsQ0FBQyxtQ0FBOEIsQ0FDN0MsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ksOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHO2dCQUM5Qiw4QkFBQyxxQkFBWSxJQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUU7b0JBQzFDLFVBQVU7b0JBQ1gsdUNBQUssS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxJQUFHLFdBQVcsQ0FBTztvQkFDakQsdUNBQUssU0FBUyxFQUFDLDRCQUE0Qjt3QkFDdkMsOEJBQUMsb0JBQVUsSUFDUCxJQUFJLEVBQUUsQ0FBQyxFQUNQLE9BQU8sRUFBQyxJQUFJLEVBQ1osU0FBUyxFQUFDLElBQUksRUFDZCxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFakMsS0FBSyxDQUNHO3dCQUNaLG1CQUFtQixDQUNsQjtvQkFDTCxRQUFRO29CQUNSLE1BQU0sQ0FDSTtnQkFDZix1Q0FBSyxTQUFTLEVBQUMsS0FBSyxJQUFFLFFBQVEsQ0FBTyxDQUN0QyxDQUNOLENBQ0UsQ0FDTCxDQUNHLENBQ2hCLENBQUM7QUFDTixDQUFDLENBQUM7QUFqRVcsUUFBQSxNQUFNLFVBaUVqQiJ9
|
package/package.json
CHANGED
|
@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Content = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var ContentBuilder_1 = require("../../ContentBuilder");
|
|
9
|
-
var Box_1 = __importDefault(require("@mui/material/Box"));
|
|
10
9
|
var Wysiwyg_1 = require("../../ContentBuilder/content/Wysiwyg");
|
|
11
10
|
var Content = function (props) {
|
|
12
11
|
var fieldSchema = props.fieldSchema, _a = props.prefix, prefix = _a === void 0 ? "" : _a, contentComponents = props.contentComponents;
|
|
13
|
-
return (react_1.default.createElement(
|
|
14
|
-
react_1.default.createElement(
|
|
12
|
+
return (react_1.default.createElement("fieldset", null,
|
|
13
|
+
react_1.default.createElement("legend", null, fieldSchema.label),
|
|
15
14
|
react_1.default.createElement(ContentBuilder_1.ContentField, { contentComponents: contentComponents !== null && contentComponents !== void 0 ? contentComponents : [Wysiwyg_1.Wysiwyg], name: "".concat(prefix).concat(fieldSchema.name) })));
|
|
16
15
|
};
|
|
17
16
|
exports.Content = Content;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9GaWVsZC9Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsdURBQXNFO0FBRXRFLGdFQUErRDtBQUV4RCxJQUFNLE9BQU8sR0FBMkUsVUFBQyxLQUFLO0lBQ3pGLElBQUEsV0FBVyxHQUFxQyxLQUFLLFlBQTFDLEVBQUUsS0FBbUMsS0FBSyxPQUE3QixFQUFYLE1BQU0sbUJBQUcsRUFBRSxLQUFBLEVBQUUsaUJBQWlCLEdBQUssS0FBSyxrQkFBVixDQUFXO0lBQzlELE9BQU8sQ0FDSDtRQUNJLDhDQUFTLFdBQVcsQ0FBQyxLQUFLLENBQVU7UUFDcEMsOEJBQUMsNkJBQVksSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsYUFBakIsaUJBQWlCLGNBQWpCLGlCQUFpQixHQUFJLENBQUMsaUJBQU8sQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFHLE1BQU0sU0FBRyxXQUFXLENBQUMsSUFBSSxDQUFFLEdBQUksQ0FDbEcsQ0FDZCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBUlcsUUFBQSxPQUFPLFdBUWxCIn0=
|
package/pages/FormPage/Form.js
CHANGED
|
@@ -30,11 +30,11 @@ var BaseSubmitButton = function (props) {
|
|
|
30
30
|
var Form = function (props) {
|
|
31
31
|
var initialValues = props.initialValues, onSubmit = props.onSubmit, schema = props.schema, _a = props.Field, Field = _a === void 0 ? BaseField_1.BaseField : _a, entityAlias = props.entityAlias, isEditing = props.isEditing, _b = props.SubmitButton, SubmitButton = _b === void 0 ? BaseSubmitButton : _b;
|
|
32
32
|
return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: onSubmit, mutators: __assign({}, final_form_arrays_1.default) }, function (formState) {
|
|
33
|
-
return (react_1.default.createElement("form", { onSubmit: formState.handleSubmit },
|
|
33
|
+
return (react_1.default.createElement("form", { onSubmit: formState.handleSubmit, className: "pb-20" },
|
|
34
34
|
react_1.default.createElement(Grid_1.default, { container: true, spacing: 3 }, schema.fields.map(function (field, i) { return (react_1.default.createElement(Grid_1.default, { item: true, key: i, xs: 12 },
|
|
35
35
|
react_1.default.createElement(Field, { fieldSchema: field, entityAlias: entityAlias, isEditing: isEditing }))); })),
|
|
36
36
|
react_1.default.createElement(SubmitButton, { formState: formState })));
|
|
37
37
|
}));
|
|
38
38
|
};
|
|
39
39
|
exports.Form = Form;
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9Gb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHdFQUE4QztBQUM5Qyw0REFBc0M7QUFDdEMsbUNBQStCO0FBQy9CLGtFQUFnRDtBQUNoRCxnREFBMEI7QUFDMUIscURBQTRGO0FBRzVGLHlDQUF3QztBQWF4QyxJQUFNLGdCQUFnQixHQUEwQixVQUFDLEtBQUs7SUFDMUMsSUFBQSxTQUFTLEdBQUssS0FBSyxVQUFWLENBQVc7SUFDNUIsT0FBTyxDQUNILDhCQUFDLFlBQUcsSUFBQyxLQUFLLEVBQUMsYUFBUSxFQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxVQUFVLElBQUksU0FBUyxDQUFDLFFBQVE7UUFDbEYsOEJBQUMsY0FBUSxPQUFHLENBQ1YsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRUssSUFBTSxJQUFJLEdBQUcsVUFBZ0IsS0FBbUI7SUFFL0MsSUFBQSxhQUFhLEdBT2IsS0FBSyxjQVBRLEVBQ2IsUUFBUSxHQU1SLEtBQUssU0FORyxFQUNSLE1BQU0sR0FLTixLQUFLLE9BTEMsRUFDTixLQUlBLEtBQUssTUFKWSxFQUFqQixLQUFLLG1CQUFHLHFCQUFTLEtBQUEsRUFDakIsV0FBVyxHQUdYLEtBQUssWUFITSxFQUNYLFNBQVMsR0FFVCxLQUFLLFVBRkksRUFDVCxLQUNBLEtBQUssYUFEMEIsRUFBL0IsWUFBWSxtQkFBRyxnQkFBZ0IsS0FBQSxDQUN6QjtJQUVWLE9BQU8sQ0FDSCw4QkFBQyx1QkFBYyxJQUFDLGFBQWEsRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLGVBQU8sMkJBQWEsS0FDekYsVUFBQyxTQUFTO1FBQ1AsT0FBTyxDQUNILHdDQUFNLFFBQVEsRUFBRSxTQUFTLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBQyxPQUFPO1lBQ3JELDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsSUFDckIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsQ0FBQyxJQUFLLE9BQUEsQ0FDN0IsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFO2dCQUNyQiw4QkFBQyxLQUFLLElBQUMsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxTQUFTLEdBQUksQ0FDMUUsQ0FDVixFQUpnQyxDQUloQyxDQUFDLENBQ0M7WUFDUCw4QkFBQyxZQUFZLElBQUMsU0FBUyxFQUFFLFNBQVMsR0FBSSxDQUNuQyxDQUNWLENBQUM7SUFDTixDQUFDLENBQ1ksQ0FDcEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTdCVyxRQUFBLElBQUksUUE2QmYifQ==
|
package/ui/Paper/Paper.js
CHANGED
|
@@ -16,11 +16,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.Paper = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var
|
|
19
|
+
var Box_1 = __importDefault(require("@mui/material/Box"));
|
|
20
20
|
var Paper = function (props) {
|
|
21
21
|
var ml = props.ml, mt = props.mt, mr = props.mr, mb = props.mb, _a = props.ph, ph = _a === void 0 ? 2 : _a, _b = props.pv, pv = _b === void 0 ? 2 : _b;
|
|
22
22
|
var sx = __assign({ ml: ml, mt: mt, mr: mr, mb: mb, paddingX: ph, paddingY: pv }, props.sx);
|
|
23
|
-
return (react_1.default.createElement(
|
|
23
|
+
return (react_1.default.createElement(Box_1.default, __assign({ sx: sx }, props), props.children));
|
|
24
24
|
};
|
|
25
25
|
exports.Paper = Paper;
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvUGFwZXIvUGFwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRzFCLDBEQUFvQztBQUU3QixJQUFNLEtBQUssR0FBeUIsVUFBQyxLQUFLO0lBQ3JDLElBQUEsRUFBRSxHQUFpQyxLQUFLLEdBQXRDLEVBQUUsRUFBRSxHQUE2QixLQUFLLEdBQWxDLEVBQUUsRUFBRSxHQUF5QixLQUFLLEdBQTlCLEVBQUUsRUFBRSxHQUFxQixLQUFLLEdBQTFCLEVBQUUsS0FBbUIsS0FBSyxHQUFsQixFQUFOLEVBQUUsbUJBQUcsQ0FBQyxLQUFBLEVBQUUsS0FBVyxLQUFLLEdBQVYsRUFBTixFQUFFLG1CQUFHLENBQUMsS0FBQSxDQUFXO0lBQ2pELElBQU0sRUFBRSxjQUNKLEVBQUUsSUFBQSxFQUNGLEVBQUUsSUFBQSxFQUNGLEVBQUUsSUFBQSxFQUNGLEVBQUUsSUFBQSxFQUNGLFFBQVEsRUFBRSxFQUFFLEVBQ1osUUFBUSxFQUFFLEVBQUUsSUFDVCxLQUFLLENBQUMsRUFBRSxDQUNkLENBQUM7SUFDRixPQUFPLENBQ0gsOEJBQUMsYUFBRyxhQUFDLEVBQUUsRUFBRSxFQUFFLElBQU0sS0FBSyxHQUNqQixLQUFLLENBQUMsUUFBUSxDQUNiLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWhCVyxRQUFBLEtBQUssU0FnQmhCIn0=
|