@uxf/cms 2.2.3 → 2.3.0

package/README.md

@@ -96,6 +96,69 @@ import { Paper } from "@uxf/cms/ui/Paper";
 
 ## Pages
 
+### ContentBuilder
+
+```tsx
+import { ContentBuilder } from "@uxf/cms/lab/ContentBuilder";
+import { Wysiwyg, WysiwygContent } from "@uxf/cms/lab/ContentBuilder/content/Wysiwyg"
+
+type Contents = WysiwygContent | ...;
+
+export default ContentBuilder<Contents>({
+    contentComponents: [ Wysiwyg ],
+    initialValues: {
+        active: false,
+        publishedAt: moment().startOf("day").add(1, "month").toISOString(),
+        name: "",
+        author: "",
+        visibilityLevel: "PRIVATE",
+        seo: {},
+        image: null,
+        content: [
+            {
+                type: "wysiwyg",
+                content: null,
+            },
+        ],
+    },
+    onSubmit: async (content) => {
+        // implement me
+    },
+    ui: {
+        Layout: (props) => (
+            <Layout menuConfiguration={menu} title="Nový článek">
+                {props.children}
+            </Layout>
+        ),
+    },
+});
+```
+
+#### Custom section
+
+```tsx
+import { ContentHeader, Content } from "@uxf/cms/pages/ContentBuilder";
+import { TextInput } from "@uxf/cms/forms/components/TextInput";
+
+export type WysiwygContent = Content<"wysiwyg", any>;
+
+export const Wysiwyg: ContentComponent<WysiwygContent> = (props) => {
+    const { name } = props;
+
+    return (
+        <Paper>
+            <ContentHeader {...props} />
+            <TextInput name="text" label="Wysiwyg" />
+        </Paper>
+    );
+};
+
+Wysiwyg.getConfig = () => ({
+    type: "wysiwyg",
+    label: "Strukturovaný text",
+});
+```
+
 ### ForgottenPasswordPage
 
 ```tsx

package/lab/ContentBuilderPage/ContentBuilder.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { Content, ContentBuilderConfig } from "./types";
+export declare const ContentBuilder: <T extends Content<string, any>>(config: ContentBuilderConfig<T>) => React.FunctionComponent<any> & {
+    getInitialProps?(context: import("next").NextPageContext): any;
+};

package/lab/ContentBuilderPage/ContentBuilder.js

@@ -0,0 +1,93 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBuilder = void 0;
+var react_1 = __importDefault(require("react"));
+var Form_1 = require("./components/Form");
+var DefaultLayout = function (props) { return react_1.default.createElement("div", __assign({}, props)); };
+var ContentBuilderComponent = function (props) {
+    var _a;
+    var config = props.config, initialValues = props.initialValues;
+    var ui = config.ui;
+    var Layout = (_a = ui.Layout) !== null && _a !== void 0 ? _a : DefaultLayout;
+    return (react_1.default.createElement(Layout, null,
+        react_1.default.createElement(Form_1.Form, { config: config, onSubmit: config.onSubmit, initialValues: initialValues })));
+};
+ContentBuilderComponent.displayName = "ContentBuilderComponent";
+var ContentBuilder = function (config) {
+    var Page = function (_a) {
+        var initialValues = _a.initialValues;
+        return react_1.default.createElement(ContentBuilderComponent, { config: config, initialValues: initialValues });
+    };
+    Page.getInitialProps = function (ctx) { return __awaiter(void 0, void 0, void 0, function () {
+        var initialValues, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!(typeof config.initialValues === "function")) return [3 /*break*/, 2];
+                    return [4 /*yield*/, config.initialValues(ctx)];
+                case 1:
+                    _a = _b.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    _a = config.initialValues;
+                    _b.label = 3;
+                case 3:
+                    initialValues = _a;
+                    return [2 /*return*/, { initialValues: initialValues }];
+            }
+        });
+    }); };
+    return Page;
+};
+exports.ContentBuilder = ContentBuilder;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudEJ1aWxkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGFiL0NvbnRlbnRCdWlsZGVyUGFnZS9Db250ZW50QnVpbGRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSxnREFBMEI7QUFFMUIsMENBQXlDO0FBRXpDLElBQU0sYUFBYSxHQUFhLFVBQUMsS0FBSyxJQUFLLE9BQUEsa0RBQVMsS0FBSyxFQUFJLEVBQWxCLENBQWtCLENBQUM7QUFFOUQsSUFBTSx1QkFBdUIsR0FBd0UsVUFBQyxLQUFLOztJQUMvRixJQUFBLE1BQU0sR0FBb0IsS0FBSyxPQUF6QixFQUFFLGFBQWEsR0FBSyxLQUFLLGNBQVYsQ0FBVztJQUNoQyxJQUFBLEVBQUUsR0FBSyxNQUFNLEdBQVgsQ0FBWTtJQUV0QixJQUFNLE1BQU0sR0FBRyxNQUFBLEVBQUUsQ0FBQyxNQUFNLG1DQUFJLGFBQWEsQ0FBQztJQUUxQyxPQUFPLENBQ0gsOEJBQUMsTUFBTTtRQUNILDhCQUFDLFdBQUksSUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQUMsUUFBUSxFQUFFLGFBQWEsRUFBRSxhQUFhLEdBQUksQ0FDNUUsQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBQ0YsdUJBQXVCLENBQUMsV0FBVyxHQUFHLHlCQUF5QixDQUFDO0FBRXpELElBQU0sY0FBYyxHQUFHLFVBQWlDLE1BQStCO0lBQzFGLElBQU0sSUFBSSxHQUFrQixVQUFDLEVBQWlCO1lBQWYsYUFBYSxtQkFBQTtRQUN4QyxPQUFPLDhCQUFDLHVCQUF1QixJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLGFBQWEsR0FBSSxDQUFDO0lBQ3JGLENBQUMsQ0FBQztJQUVGLElBQUksQ0FBQyxlQUFlLEdBQUcsVUFBTyxHQUFHOzs7Ozt5QkFFekIsQ0FBQSxPQUFPLE1BQU0sQ0FBQyxhQUFhLEtBQUssVUFBVSxDQUFBLEVBQTFDLHdCQUEwQztvQkFBRyxxQkFBTSxNQUFNLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxFQUFBOztvQkFBL0IsS0FBQSxTQUErQixDQUFBOzs7b0JBQUcsS0FBQSxNQUFNLENBQUMsYUFBYSxDQUFBOzs7b0JBRGpHLGFBQWEsS0FDb0Y7b0JBRXZHLHNCQUFPLEVBQUUsYUFBYSxlQUFBLEVBQUUsRUFBQzs7O1NBQzVCLENBQUM7SUFFRixPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDLENBQUM7QUFiVyxRQUFBLGNBQWMsa0JBYXpCIn0=

package/lab/ContentBuilderPage/ContentHeader.d.ts

@@ -0,0 +1,3 @@
+import { ContentProps } from "./types";
+import React from "react";
+export declare const ContentHeader: React.FC<ContentProps>;

package/lab/ContentBuilderPage/ContentHeader.js

@@ -0,0 +1,54 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentHeader = void 0;
+var react_1 = __importDefault(require("react"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+var InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+var Select_1 = __importDefault(require("@mui/material/Select"));
+var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
+var ContentHeader = function (props) {
+    var index = props.index, name = props.name, TypeInputProps = props.TypeInputProps;
+    var inputId = "field-".concat(name);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Typography_1.default, { variant: "h3", pt: 2, px: 2 },
+            "Sekce #",
+            index + 1),
+        react_1.default.createElement(Box_1.default, { p: 2 },
+            react_1.default.createElement(FormControl_1.default, { fullWidth: true },
+                react_1.default.createElement(InputLabel_1.default, { id: inputId }, "Typ"),
+                react_1.default.createElement(Select_1.default, __assign({ label: "Typ", size: "small", labelId: inputId }, TypeInputProps), TypeInputProps.options.map(function (_a) {
+                    var children = _a.children, menuItemProps = __rest(_a, ["children"]);
+                    return (react_1.default.createElement(MenuItem_1.default, __assign({ key: index }, menuItemProps), children));
+                })))),
+        react_1.default.createElement(Divider_1.default, null)));
+};
+exports.ContentHeader = ContentHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudEhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWIvQ29udGVudEJ1aWxkZXJQYWdlL0NvbnRlbnRIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSxnREFBMEI7QUFDMUIsd0VBQWtEO0FBQ2xELDBEQUFvQztBQUNwQywwRUFBb0Q7QUFDcEQsd0VBQWtEO0FBQ2xELGdFQUEwQztBQUMxQyxvRUFBOEM7QUFDOUMsa0VBQTRDO0FBRXJDLElBQU0sYUFBYSxHQUEyQixVQUFDLEtBQUs7SUFDL0MsSUFBQSxLQUFLLEdBQTJCLEtBQUssTUFBaEMsRUFBRSxJQUFJLEdBQXFCLEtBQUssS0FBMUIsRUFBRSxjQUFjLEdBQUssS0FBSyxlQUFWLENBQVc7SUFFOUMsSUFBTSxPQUFPLEdBQUcsZ0JBQVMsSUFBSSxDQUFFLENBQUM7SUFFaEMsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsb0JBQVUsSUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7O1lBQ3pCLEtBQUssR0FBRyxDQUFDLENBQ1I7UUFDYiw4QkFBQyxhQUFHLElBQUMsQ0FBQyxFQUFFLENBQUM7WUFDTCw4QkFBQyxxQkFBVyxJQUFDLFNBQVM7Z0JBQ2xCLDhCQUFDLG9CQUFVLElBQUMsRUFBRSxFQUFFLE9BQU8sVUFBa0I7Z0JBQ3pDLDhCQUFDLGdCQUFNLGFBQUMsS0FBSyxFQUFDLEtBQUssRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLE9BQU8sRUFBRSxPQUFPLElBQU0sY0FBYyxHQUNoRSxjQUFjLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLEVBQThCO29CQUE1QixJQUFBLFFBQVEsY0FBQSxFQUFLLGFBQWEsY0FBNUIsWUFBOEIsQ0FBRjtvQkFDckQsT0FBTyxDQUNILDhCQUFDLGtCQUFRLGFBQUMsR0FBRyxFQUFFLEtBQUssSUFBTSxhQUFhLEdBQ2xDLFFBQVEsQ0FDRixDQUNkLENBQUM7Z0JBQ04sQ0FBQyxDQUFDLENBQ0csQ0FDQyxDQUNaO1FBQ04sOEJBQUMsaUJBQU8sT0FBRyxDQUNaLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQTNCVyxRQUFBLGFBQWEsaUJBMkJ4QiJ9

package/lab/ContentBuilderPage/components/Form.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { FormProps } from "react-final-form";
+import { ContentBuilderConfig, RootContent } from "../types";
+export declare const Form: React.FC<FormProps<RootContent<any>> & {
+    config: ContentBuilderConfig<any>;
+}>;

package/lab/ContentBuilderPage/components/Form.js

@@ -0,0 +1,66 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+var react_1 = __importDefault(require("react"));
+var react_final_form_1 = require("react-final-form");
+var final_form_arrays_1 = __importDefault(require("final-form-arrays"));
+var react_final_form_arrays_1 = require("react-final-form-arrays");
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var FormContent_1 = require("./FormContent");
+var Save_1 = __importDefault(require("@mui/icons-material/Save"));
+var Fab_1 = __importDefault(require("@mui/material/Fab"));
+var FormRootFields_1 = require("./FormRootFields");
+var Form = function (props) {
+    var config = props.config, formProps = __rest(props, ["config"]);
+    return (react_1.default.createElement(react_final_form_1.Form, __assign({}, formProps, { mutators: __assign({}, final_form_arrays_1.default) }), function (_a) {
+        var handleSubmit = _a.handleSubmit, submitting = _a.submitting;
+        return (react_1.default.createElement("form", { onSubmit: handleSubmit },
+            react_1.default.createElement(Grid_1.default, { container: true, spacing: 2 },
+                react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                    react_1.default.createElement(FormRootFields_1.FormRootFields, null)),
+                react_1.default.createElement(react_final_form_arrays_1.FieldArray, { name: "content" }, function (_a) {
+                    var fields = _a.fields;
+                    return (react_1.default.createElement(react_1.default.Fragment, null,
+                        fields.map(function (name, index) { return (react_1.default.createElement(Grid_1.default, { key: name, item: true, xs: 12 },
+                            react_1.default.createElement(FormContent_1.FormContent, { name: name, contentComponents: config.contentComponents, index: index, onRemove: function () { return fields.remove(index); } }))); }),
+                        react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                            react_1.default.createElement(Button_1.default, { variant: "outlined", type: "button", onClick: function () {
+                                    var _a, _b;
+                                    return fields.push({
+                                        type: (_b = (_a = config.contentComponents[0]) === null || _a === void 0 ? void 0 : _a.getConfig().type) !== null && _b !== void 0 ? _b : "unknown",
+                                        content: null,
+                                    });
+                                } }, "P\u0159idat sekci"))));
+                })),
+            react_1.default.createElement(Fab_1.default, { color: "primary", type: "submit", sx: { position: "fixed", bottom: 16, right: 16 }, disabled: submitting },
+                react_1.default.createElement(Save_1.default, null))));
+    }));
+};
+exports.Form = Form;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9sYWIvQ29udGVudEJ1aWxkZXJQYWdlL2NvbXBvbmVudHMvRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQixxREFBcUU7QUFDckUsd0VBQThDO0FBQzlDLG1FQUFxRDtBQUNyRCxnRUFBMEM7QUFDMUMsNERBQXNDO0FBQ3RDLDZDQUE0QztBQUM1QyxrRUFBZ0Q7QUFDaEQsMERBQW9DO0FBRXBDLG1EQUFrRDtBQUUzQyxJQUFNLElBQUksR0FBa0YsVUFBQyxLQUFLO0lBQzdGLElBQUEsTUFBTSxHQUFtQixLQUFLLE9BQXhCLEVBQUssU0FBUyxVQUFLLEtBQUssRUFBaEMsVUFBd0IsQ0FBRixDQUFXO0lBRXZDLE9BQU8sQ0FDSCw4QkFBQyx1QkFBYyxlQUNQLFNBQVMsSUFDYixRQUFRLGVBQ0QsMkJBQWEsTUFHbkIsVUFBQyxFQUE0QjtZQUExQixZQUFZLGtCQUFBLEVBQUUsVUFBVSxnQkFBQTtRQUFPLE9BQUEsQ0FDL0Isd0NBQU0sUUFBUSxFQUFFLFlBQVk7WUFDeEIsOEJBQUMsY0FBSSxJQUFDLFNBQVMsUUFBQyxPQUFPLEVBQUUsQ0FBQztnQkFDdEIsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRTtvQkFDYiw4QkFBQywrQkFBYyxPQUFHLENBQ2Y7Z0JBQ1AsOEJBQUMsb0NBQVUsSUFBQyxJQUFJLEVBQUMsU0FBUyxJQUNyQixVQUFDLEVBQVU7d0JBQVIsTUFBTSxZQUFBO29CQUFPLE9BQUEsQ0FDYjt3QkFDSyxNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUssSUFBSyxPQUFBLENBQ3pCLDhCQUFDLGNBQUksSUFBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRTs0QkFDeEIsOEJBQUMseUJBQVcsSUFDUixJQUFJLEVBQUUsSUFBSSxFQUNWLGlCQUFpQixFQUFFLE1BQU0sQ0FBQyxpQkFBaUIsRUFDM0MsS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsY0FBTSxPQUFBLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQXBCLENBQW9CLEdBQ3RDLENBQ0MsQ0FDVixFQVQ0QixDQVM1QixDQUFDO3dCQUNGLDhCQUFDLGNBQUksSUFBQyxJQUFJLFFBQUMsRUFBRSxFQUFFLEVBQUU7NEJBQ2IsOEJBQUMsZ0JBQU0sSUFDSCxPQUFPLEVBQUMsVUFBVSxFQUNsQixJQUFJLEVBQUMsUUFBUSxFQUNiLE9BQU8sRUFBRTs7b0NBQ0wsT0FBQSxNQUFNLENBQUMsSUFBSSxDQUFDO3dDQUNSLElBQUksRUFBRSxNQUFBLE1BQUEsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQywwQ0FBRSxTQUFTLEdBQUcsSUFBSSxtQ0FBSSxTQUFTO3dDQUNoRSxPQUFPLEVBQUUsSUFBSTtxQ0FDaEIsQ0FBQyxDQUFBO2lDQUFBLHdCQUlELENBQ04sQ0FDUixDQUNOO2dCQTNCZ0IsQ0EyQmhCLENBQ1EsQ0FDVjtZQUNQLDhCQUFDLGFBQUcsSUFDQSxLQUFLLEVBQUMsU0FBUyxFQUNmLElBQUksRUFBQyxRQUFRLEVBQ2IsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFDaEQsUUFBUSxFQUFFLFVBQVU7Z0JBRXBCLDhCQUFDLGNBQVEsT0FBRyxDQUNWLENBQ0gsQ0FDVjtJQTlDa0MsQ0E4Q2xDLENBQ1ksQ0FDcEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTNEVyxRQUFBLElBQUksUUEyRGYifQ==

package/lab/ContentBuilderPage/components/FormContent.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ContentComponent, ContentProps } from "../types";
+interface FormSectionProps extends Omit<ContentProps, "TypeInputProps"> {
+    contentComponents: ContentComponent<any>[];
+}
+export declare const FormContent: React.FC<FormSectionProps>;
+export {};

package/lab/ContentBuilderPage/components/FormContent.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContent = void 0;
+var react_1 = __importDefault(require("react"));
+var react_final_form_1 = require("react-final-form");
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Warning_1 = __importDefault(require("@mui/icons-material/Warning"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var getSection = function (sections, type) {
+    return sections.find(function (s) { return s.getConfig().type === type; });
+};
+var FormContent = function (props) {
+    var contentComponents = props.contentComponents, onRemove = props.onRemove, name = props.name, index = props.index;
+    var input = (0, react_final_form_1.useField)("".concat(name, ".type")).input;
+    var SectionContent = getSection(contentComponents, input.value);
+    if (SectionContent) {
+        return (react_1.default.createElement(SectionContent, { name: "".concat(name, ".content"), onRemove: onRemove, index: index, TypeInputProps: __assign(__assign({}, input), { options: contentComponents.map(function (s) { return ({
+                    value: s.getConfig().type,
+                    children: s.getConfig().label,
+                }); }) }) }));
+    }
+    return (react_1.default.createElement(Box_1.default, { display: "flex", alignItems: "center", justifyContent: "center", p: 2 },
+        react_1.default.createElement(Warning_1.default, { color: "error" }),
+        react_1.default.createElement(Typography_1.default, { color: "error", ml: 2, fontWeight: "bold" }, "Nepodporovan\u00E1 sekce")));
+};
+exports.FormContent = FormContent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGFiL0NvbnRlbnRCdWlsZGVyUGFnZS9jb21wb25lbnRzL0Zvcm1Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQixxREFBNEM7QUFDNUMsMERBQW9DO0FBQ3BDLHdFQUFzRDtBQUN0RCx3RUFBa0Q7QUFPbEQsSUFBTSxVQUFVLEdBQUcsVUFBQyxRQUFpQyxFQUFFLElBQVk7SUFDL0QsT0FBTyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUksS0FBSyxJQUFJLEVBQTNCLENBQTJCLENBQUMsQ0FBQztBQUM3RCxDQUFDLENBQUM7QUFFSyxJQUFNLFdBQVcsR0FBK0IsVUFBQyxLQUFLO0lBQ2pELElBQUEsaUJBQWlCLEdBQTRCLEtBQUssa0JBQWpDLEVBQUUsUUFBUSxHQUFrQixLQUFLLFNBQXZCLEVBQUUsSUFBSSxHQUFZLEtBQUssS0FBakIsRUFBRSxLQUFLLEdBQUssS0FBSyxNQUFWLENBQVc7SUFFbkQsSUFBQSxLQUFLLEdBQUssSUFBQSwyQkFBUSxFQUFDLFVBQUcsSUFBSSxVQUFPLENBQUMsTUFBN0IsQ0FBOEI7SUFFM0MsSUFBTSxjQUFjLEdBQUcsVUFBVSxDQUFDLGlCQUFpQixFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUVsRSxJQUFJLGNBQWMsRUFBRTtRQUNoQixPQUFPLENBQ0gsOEJBQUMsY0FBYyxJQUNYLElBQUksRUFBRSxVQUFHLElBQUksYUFBVSxFQUN2QixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsS0FBSyxFQUNaLGNBQWMsd0JBQ1AsS0FBSyxLQUNSLE9BQU8sRUFBRSxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDO29CQUNuQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUk7b0JBQ3pCLFFBQVEsRUFBRSxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUMsS0FBSztpQkFDaEMsQ0FBQyxFQUhvQyxDQUdwQyxDQUFDLE1BRVQsQ0FDTCxDQUFDO0tBQ0w7SUFFRCxPQUFPLENBQ0gsOEJBQUMsYUFBRyxJQUFDLE9BQU8sRUFBQyxNQUFNLEVBQUMsVUFBVSxFQUFDLFFBQVEsRUFBQyxjQUFjLEVBQUMsUUFBUSxFQUFDLENBQUMsRUFBRSxDQUFDO1FBQ2hFLDhCQUFDLGlCQUFXLElBQUMsS0FBSyxFQUFDLE9BQU8sR0FBRztRQUM3Qiw4QkFBQyxvQkFBVSxJQUFDLEtBQUssRUFBQyxPQUFPLEVBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUMsTUFBTSwrQkFFckMsQ0FDWCxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFoQ1csUUFBQSxXQUFXLGVBZ0N0QiJ9

package/lab/ContentBuilderPage/components/FormRootFields.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FormRootFields: React.FC;

package/lab/ContentBuilderPage/components/FormRootFields.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormRootFields = void 0;
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var Checkbox_1 = require("../../../forms/components/Checkbox");
+var TextInput_1 = require("../../../forms/components/TextInput");
+var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var react_1 = __importDefault(require("react"));
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
+var DateTimePicker_1 = require("../../../forms/components/DateTimePicker");
+var FileInput_1 = require("../../../ui/FileInput");
+var SelectDeprecated_1 = require("../../../forms/components/SelectDeprecated");
+var options = [
+    { id: "PRIVATE", label: "Privátní" },
+    { id: "PUBLIC_WITHOUT_SITEMAP", label: "Veřejný bez sitemapy" },
+    { id: "PUBLIC", label: "Veřejný" },
+];
+var FormRootFields = function () {
+    return (react_1.default.createElement(Paper_1.default, null,
+        react_1.default.createElement(Typography_1.default, { variant: "h3", pt: 2, px: 2 }, "Z\u00E1kladn\u00ED nastaven\u00ED"),
+        react_1.default.createElement(Grid_1.default, { container: true, spacing: 2, p: 2 },
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12, md: 6 },
+                react_1.default.createElement(Checkbox_1.Checkbox, { name: "active", label: "Aktivn\u00ED" })),
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12, md: 6 },
+                react_1.default.createElement(SelectDeprecated_1.SelectDeprecated, { name: "visibilityLevel", label: "Viditelnost", options: options, required: true })),
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                react_1.default.createElement(TextInput_1.TextInput, { name: "name", label: "N\u00E1zev", required: true })),
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                react_1.default.createElement(DateTimePicker_1.DateTimePicker, { name: "publishedAt", label: "Datum publikace", required: true })),
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                react_1.default.createElement(TextInput_1.TextInput, { name: "author", label: "Autor" })),
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                react_1.default.createElement(FileInput_1.FileInput, { disabled: true, id: "image", value: null, onChange: function () { return null; }, name: "image", label: "Obr\u00E1zek" }))),
+        react_1.default.createElement(Divider_1.default, null),
+        react_1.default.createElement(Typography_1.default, { variant: "h3", pt: 2, px: 2 }, "SEO"),
+        react_1.default.createElement(Grid_1.default, { container: true, spacing: 2, p: 2 },
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                react_1.default.createElement(TextInput_1.TextInput, { name: "seo.name", label: "N\u00E1zev" })),
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                react_1.default.createElement(TextInput_1.TextInput, { name: "seo.title", label: "Nadpis" })),
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                react_1.default.createElement(TextInput_1.TextInput, { name: "seo.description", label: "Popis" })),
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                react_1.default.createElement(TextInput_1.TextInput, { name: "seo.ogTitle", label: "OG nadpis" })),
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                react_1.default.createElement(TextInput_1.TextInput, { name: "seo.ogDescription", label: "OG popis" })),
+            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
+                react_1.default.createElement(FileInput_1.FileInput, { disabled: true, id: "seo.ogImage", value: null, onChange: function () { return null; }, name: "seo.ogImage", label: "OG obr\u00E1zek" })))));
+};
+exports.FormRootFields = FormRootFields;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybVJvb3RGaWVsZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGFiL0NvbnRlbnRCdWlsZGVyUGFnZS9jb21wb25lbnRzL0Zvcm1Sb290RmllbGRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSx3RUFBa0Q7QUFDbEQsNERBQXNDO0FBQ3RDLCtEQUE4RDtBQUM5RCxpRUFBZ0U7QUFDaEUsOERBQXdDO0FBQ3hDLGdEQUEwQjtBQUMxQixrRUFBNEM7QUFDNUMsMkVBQTBFO0FBQzFFLG1EQUFrRDtBQUNsRCwrRUFBOEU7QUFHOUUsSUFBTSxPQUFPLEdBQWtEO0lBQzNELEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFO0lBQ3BDLEVBQUUsRUFBRSxFQUFFLHdCQUF3QixFQUFFLEtBQUssRUFBRSxzQkFBc0IsRUFBRTtJQUMvRCxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRTtDQUNyQyxDQUFDO0FBRUssSUFBTSxjQUFjLEdBQWE7SUFDcEMsT0FBTyxDQUNILDhCQUFDLGVBQUs7UUFDRiw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyx3Q0FFeEI7UUFDYiw4QkFBQyxjQUFJLElBQUMsU0FBUyxRQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDNUIsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDO2dCQUNwQiw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsS0FBSyxFQUFDLGNBQVMsR0FBRyxDQUN2QztZQUNQLDhCQUFDLGNBQUksSUFBQyxJQUFJLFFBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQztnQkFDcEIsOEJBQUMs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

package/lab/ContentBuilderPage/content/Wysiwyg.d.ts

@@ -0,0 +1,3 @@
+import { Content, ContentComponent } from "../types";
+export declare type WysiwygContent = Content<"wysiwyg", any>;
+export declare const Wysiwyg: ContentComponent<WysiwygContent>;

package/lab/ContentBuilderPage/content/Wysiwyg.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wysiwyg = void 0;
+var react_1 = __importDefault(require("react"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Editor_1 = require("@uxf/wysiwyg/Editor");
+var react_final_form_1 = require("react-final-form");
+var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var ContentHeader_1 = require("../ContentHeader");
+var Wysiwyg = function (props) {
+    var name = props.name;
+    var input = (0, react_final_form_1.useField)("".concat(name, ".content"), { allowNull: true }).input;
+    return (react_1.default.createElement(Paper_1.default, null,
+        react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props)),
+        react_1.default.createElement(Box_1.default, { sx: { "> .MuiPaper-root": { border: "none" } } },
+            react_1.default.createElement(Editor_1.WysiwygEditor, { value: input.value, onChange: input.onChange, imageNamespace: "default" // TODO
+                , imageUrlClient: function () { return ""; }, onUploadImage: function () {
+                    // TODO
+                    return Promise.resolve({ id: 1, name: "", namespace: "", type: "", url: "", extension: "", uuid: "" });
+                } }))));
+};
+exports.Wysiwyg = Wysiwyg;
+exports.Wysiwyg.getConfig = function () { return ({
+    type: "wysiwyg",
+    label: "Strukturovaný text",
+}); };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV3lzaXd5Zy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9sYWIvQ29udGVudEJ1aWxkZXJQYWdlL2NvbnRlbnQvV3lzaXd5Zy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFFMUIsMERBQW9DO0FBQ3BDLDhDQUFvRDtBQUNwRCxxREFBNEM7QUFDNUMsOERBQXdDO0FBQ3hDLGtEQUFpRDtBQUkxQyxJQUFNLE9BQU8sR0FBcUMsVUFBQyxLQUFLO0lBQ25ELElBQUEsSUFBSSxHQUFLLEtBQUssS0FBVixDQUFXO0lBQ2YsSUFBQSxLQUFLLEdBQUssSUFBQSwyQkFBUSxFQUFDLFVBQUcsSUFBSSxhQUFVLEVBQUUsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLENBQUMsTUFBckQsQ0FBc0Q7SUFFbkUsT0FBTyxDQUNILDhCQUFDLGVBQUs7UUFDRiw4QkFBQyw2QkFBYSxlQUFLLEtBQUssRUFBSTtRQUM1Qiw4QkFBQyxhQUFHLElBQUMsRUFBRSxFQUFFLEVBQUUsa0JBQWtCLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLEVBQUU7WUFDL0MsOEJBQUMsc0JBQWEsSUFDVixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFDbEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQ3hCLGNBQWMsRUFBQyxTQUFTLENBQUMsT0FBTztrQkFDaEMsY0FBYyxFQUFFLGNBQU0sT0FBQSxFQUFFLEVBQUYsQ0FBRSxFQUN4QixhQUFhLEVBQUU7b0JBQ1gsT0FBTztvQkFDUCxPQUFBLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLENBQUM7Z0JBQS9GLENBQStGLEdBRXJHLENBQ0EsQ0FDRixDQUNYLENBQUM7QUFDTixDQUFDLENBQUM7QUFyQlcsUUFBQSxPQUFPLFdBcUJsQjtBQUVGLGVBQU8sQ0FBQyxTQUFTLEdBQUcsY0FBTSxPQUFBLENBQUM7SUFDdkIsSUFBSSxFQUFFLFNBQVM7SUFDZixLQUFLLEVBQUUsb0JBQW9CO0NBQzlCLENBQUMsRUFId0IsQ0FHeEIsQ0FBQyJ9

package/lab/ContentBuilderPage/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types";
+export * from "./ContentBuilder";
+export * from "./ContentHeader";

package/lab/ContentBuilderPage/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./ContentBuilder"), exports);
+__exportStar(require("./ContentHeader"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGFiL0NvbnRlbnRCdWlsZGVyUGFnZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7QUFBQSwwQ0FBd0I7QUFDeEIsbURBQWlDO0FBQ2pDLGtEQUFnQyJ9

package/lab/ContentBuilderPage/types.d.ts

@@ -0,0 +1,49 @@
+import React, { ReactNode } from "react";
+import { MenuItemProps } from "@mui/material/MenuItem";
+import { NextPageContext } from "next";
+import { FieldInputProps, FormProps } from "react-final-form";
+export interface ContentProps {
+    name: string;
+    index: number;
+    onRemove: () => void;
+    TypeInputProps: FieldInputProps<string> & {
+        options: MenuItemProps[];
+    };
+}
+export declare type ContentComponent<T extends Content<string, any>> = React.FC<ContentProps> & {
+    getConfig: () => {
+        type: T["type"];
+        label: ReactNode;
+    };
+};
+export interface ContentBuilderConfig<Contents extends Content<string, any>> {
+    contentComponents: ContentComponent<any>[];
+    onSubmit: FormProps<RootContent<Contents>>["onSubmit"];
+    initialValues: RootContent<Contents> | ((ctx: NextPageContext) => Promise<RootContent<Contents>>);
+    allowedRoles?: string[];
+    ui: {
+        Layout?: React.FC;
+    };
+}
+export interface Content<Type extends string, Content> {
+    type: Type;
+    content: Content;
+}
+export declare type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
+export declare type RootContent<T> = {
+    active: boolean;
+    visibilityLevel: VisibilityLevel;
+    name: string;
+    publishedAt: string;
+    author: string;
+    image: any;
+    seo?: {
+        name?: string;
+        title?: string;
+        description?: string;
+        ogTitle?: string;
+        ogDescription?: string;
+        ogImage?: any;
+    };
+    content: T[];
+};

package/lab/ContentBuilderPage/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGFiL0NvbnRlbnRCdWlsZGVyUGFnZS90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "2.2.3",
+  "version": "2.3.0",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -52,6 +52,7 @@
     "@uxf/data-grid": "^3.1.1",
     "@uxf/eslint-config": "^1.1.0",
     "@uxf/router": "^1.7.0",
+    "@uxf/wysiwyg": "^1.0.0-beta.3",
     "axios": "^0.21.1",
     "axios-hooks": "^2.7.0",
     "eslint": "^7.32.0",

package/ui/FileInput/FileInput.js

@@ -48,7 +48,7 @@ var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var react_1 = __importDefault(require("react"));
 var FileInput = function (props) {
-    var id = props.id, name = props.name, label = props.label, placeholder = props.placeholder, value = props.value, onChange = props.onChange;
+    var id = props.id, name = props.name, label = props.label, placeholder = props.placeholder, value = props.value, onChange = props.onChange, disabled = props.disabled;
     var handleChange = function (e) { return __awaiter(void 0, void 0, void 0, function () {
         var files;
         var _a;
@@ -74,7 +74,7 @@ var FileInput = function (props) {
                 height: "40px",
                 alignItems: "center",
                 "&:hover": {
-                    borderColor: "#212121",
+                    borderColor: disabled ? undefined : "#212121",
                 },
             } },
             react_1.default.createElement("input", { type: "file", id: id, name: name, style: { display: "none" }, onChange: handleChange }),
@@ -83,7 +83,7 @@ var FileInput = function (props) {
             react_1.default.createElement(Typography_1.default, { flex: 1, color: function (theme) { return (value ? undefined : theme.palette.text.disabled); }, textOverflow: "ellipsis", minWidth: 0, whiteSpace: "nowrap", overflow: "hidden", sx: { lineBreak: "anywhere" }, pr: 1 }, value ? value.name : placeholder),
             value ? (react_1.default.createElement(Tooltip_1.default, { title: "Smazat" },
                 react_1.default.createElement(IconButton_1.default, { onClick: function () { return onChange(null); } },
-                    react_1.default.createElement(Clear_1.default, null)))) : (react_1.default.createElement(Button_1.default, { component: "label", size: "small", variant: "contained", htmlFor: id }, "Vybrat soubor")))));
+                    react_1.default.createElement(Clear_1.default, null)))) : (react_1.default.createElement(Button_1.default, { disabled: disabled, component: "label", size: "small", variant: "contained", htmlFor: id }, "Vybrat soubor")))));
 };
 exports.FileInput = FileInput;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsZUlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL0ZpbGVJbnB1dC9GaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLG9FQUFrRDtBQUNsRCwwREFBb0M7QUFDcEMsZ0VBQTBDO0FBQzFDLHdFQUFrRDtBQUNsRCxrRUFBNEM7QUFDNUMsd0VBQWtEO0FBQ2xELGdEQUEwQjtBQUduQixJQUFNLFNBQVMsR0FBNkIsVUFBQyxLQUFLO0lBQzdDLElBQUEsRUFBRSxHQUFnRCxLQUFLLEdBQXJELEVBQUUsSUFBSSxHQUEwQyxLQUFLLEtBQS9DLEVBQUUsS0FBSyxHQUFtQyxLQUFLLE1BQXhDLEVBQUUsV0FBVyxHQUFzQixLQUFLLFlBQTNCLEVBQUUsS0FBSyxHQUFlLEtBQUssTUFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFaEUsSUFBTSxZQUFZLEdBQUcsVUFBTyxDQUFzQzs7OztZQUM5RCxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUM7WUFFTixLQUFLLEdBQUcsTUFBQSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssbUNBQUksRUFBRSxDQUFDO1lBRW5DLElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2xCLG9DQUFvQztnQkFDcEMsS0FBSyxDQUFDLHlCQUF5QixDQUFDLENBQUM7YUFDcEM7WUFFRCxJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO2dCQUNwQixRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDdEI7OztTQUNKLENBQUM7SUFFRiwrQ0FBK0M7SUFFL0MsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsYUFBRyxJQUNBLFFBQVEsRUFBQyxVQUFVLEVBQ25CLE9BQU8sRUFBQyxNQUFNLEVBQ2QsYUFBYSxFQUFDLEtBQUssRUFDbkIsRUFBRSxFQUFFLEdBQUcsRUFDUCxFQUFFLEVBQUUsQ0FBQyxFQUNMLEVBQUUsRUFBRTtnQkFDQSxZQUFZLEVBQUUsS0FBSztnQkFDbkIsTUFBTSxFQUFFLG1CQUFtQjtnQkFDM0IsRUFBRSxFQUFFLENBQUM7Z0JBQ0wsTUFBTSxFQUFFLE1BQU07Z0JBQ2QsVUFBVSxFQUFFLFFBQVE7Z0JBQ3BCLFNBQVMsRUFBRTtvQkFDUCxXQUFXLEVBQUUsU0FBUztpQkFDekI7YUFDSjtZQUVELHlDQUFPLElBQUksRUFBQyxNQUFNLEVBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxRQUFRLEVBQUUsWUFBWSxHQUFJO1lBQzdGLDhCQUFDLGFBQUcsSUFBQyxRQUFRLEVBQUMsVUFBVSxFQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRTtnQkFDakYsOEJBQUMsb0JBQVUsSUFBQyxRQUFRLEVBQUMsT0FBTyxFQUFDLEtBQUssRUFBQyxpQkFBaUIsSUFDL0MsS0FBSyxDQUNHLENBQ1g7WUFDTiw4QkFBQyxvQkFBVSxJQUNQLElBQUksRUFBRSxDQUFDLEVBQ1AsS0FBSyxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQWpELENBQWlELEVBQ25FLFlBQVksRUFBQyxVQUFVLEVBQ3ZCLFFBQVEsRUFBRSxDQUFDLEVBQ1gsVUFBVSxFQUFDLFFBQVEsRUFDbkIsUUFBUSxFQUFDLFFBQVEsRUFDakIsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxFQUM3QixFQUFFLEVBQUUsQ0FBQyxJQUVKLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUN4QjtZQUNaLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDTCw4QkFBQyxpQkFBTyxJQUFDLEtBQUssRUFBQyxRQUFRO2dCQUNuQiw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFkLENBQWM7b0JBQ3JDLDhCQUFDLGVBQVMsT0FBRyxDQUNKLENBQ1AsQ0FDYixDQUFDLENBQUMsQ0FBQyxDQUNBLDhCQUFDLGdCQUFNLElBQUMsU0FBUyxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLE9BQU8sRUFBQyxXQUFXLEVBQUMsT0FBTyxFQUFFLEVBQUUsb0JBRTdELENBQ1osQ0FDQyxDQUNQLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQXZFVyxRQUFBLFNBQVMsYUF1RXBCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsZUlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL0ZpbGVJbnB1dC9GaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLG9FQUFrRDtBQUNsRCwwREFBb0M7QUFDcEMsZ0VBQTBDO0FBQzFDLHdFQUFrRDtBQUNsRCxrRUFBNEM7QUFDNUMsd0VBQWtEO0FBQ2xELGdEQUEwQjtBQUduQixJQUFNLFNBQVMsR0FBNkIsVUFBQyxLQUFLO0lBQzdDLElBQUEsRUFBRSxHQUEwRCxLQUFLLEdBQS9ELEVBQUUsSUFBSSxHQUFvRCxLQUFLLEtBQXpELEVBQUUsS0FBSyxHQUE2QyxLQUFLLE1BQWxELEVBQUUsV0FBVyxHQUFnQyxLQUFLLFlBQXJDLEVBQUUsS0FBSyxHQUF5QixLQUFLLE1BQTlCLEVBQUUsUUFBUSxHQUFlLEtBQUssU0FBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFMUUsSUFBTSxZQUFZLEdBQUcsVUFBTyxDQUFzQzs7OztZQUM5RCxDQUFDLENBQUMsT0FBTyxFQUFFLENBQUM7WUFFTixLQUFLLEdBQUcsTUFBQSxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssbUNBQUksRUFBRSxDQUFDO1lBRW5DLElBQUksS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2xCLG9DQUFvQztnQkFDcEMsS0FBSyxDQUFDLHlCQUF5QixDQUFDLENBQUM7YUFDcEM7WUFFRCxJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO2dCQUNwQixRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDdEI7OztTQUNKLENBQUM7SUFFRiwrQ0FBK0M7SUFFL0MsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsYUFBRyxJQUNBLFFBQVEsRUFBQyxVQUFVLEVBQ25CLE9BQU8sRUFBQyxNQUFNLEVBQ2QsYUFBYSxFQUFDLEtBQUssRUFDbkIsRUFBRSxFQUFFLEdBQUcsRUFDUCxFQUFFLEVBQUUsQ0FBQyxFQUNMLEVBQUUsRUFBRTtnQkFDQSxZQUFZLEVBQUUsS0FBSztnQkFDbkIsTUFBTSxFQUFFLG1CQUFtQjtnQkFDM0IsRUFBRSxFQUFFLENBQUM7Z0JBQ0wsTUFBTSxFQUFFLE1BQU07Z0JBQ2QsVUFBVSxFQUFFLFFBQVE7Z0JBQ3BCLFNBQVMsRUFBRTtvQkFDUCxXQUFXLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVM7aUJBQ2hEO2FBQ0o7WUFFRCx5Q0FBTyxJQUFJLEVBQUMsTUFBTSxFQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLFlBQVksR0FBSTtZQUM3Riw4QkFBQyxhQUFHLElBQUMsUUFBUSxFQUFDLFVBQVUsRUFBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUU7Z0JBQ2pGLDhCQUFDLG9CQUFVLElBQUMsUUFBUSxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsaUJBQWlCLElBQy9DLEtBQUssQ0FDRyxDQUNYO1lBQ04sOEJBQUMsb0JBQVUsSUFDUCxJQUFJLEVBQUUsQ0FBQyxFQUNQLEtBQUssRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFqRCxDQUFpRCxFQUNuRSxZQUFZLEVBQUMsVUFBVSxFQUN2QixRQUFRLEVBQUUsQ0FBQyxFQUNYLFVBQVUsRUFBQyxRQUFRLEVBQ25CLFFBQVEsRUFBQyxRQUFRLEVBQ2pCLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsRUFDN0IsRUFBRSxFQUFFLENBQUMsSUFFSixLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FDeEI7WUFDWixLQUFLLENBQUMsQ0FBQyxDQUFDLENBQ0wsOEJBQUMsaUJBQU8sSUFBQyxLQUFLLEVBQUMsUUFBUTtnQkFDbkIsOEJBQUMsb0JBQVUsSUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBZCxDQUFjO29CQUNyQyw4QkFBQyxlQUFTLE9BQUcsQ0FDSixDQUNQLENBQ2IsQ0FBQyxDQUFDLENBQUMsQ0FDQSw4QkFBQyxnQkFBTSxJQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLE9BQU8sRUFBQyxXQUFXLEVBQUMsT0FBTyxFQUFFLEVBQUUsb0JBRWpGLENBQ1osQ0FDQyxDQUNQLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQXZFVyxRQUFBLFNBQVMsYUF1RXBCIn0=

package/ui/FileInput/types.d.ts

@@ -3,6 +3,7 @@ export interface FileInputProps {
     id: string;
     name: string;
     placeholder?: string;
+    disabled?: boolean;
     label: ReactNode;
     onChange: (file: File | null) => void;
     value: File | null | undefined;