@uxf/cms 3.0.0 → 4.0.0-beta.10

package/README.md

@@ -13,12 +13,28 @@
 - [@uxf/cms/pages](./README_pages.md) - NextJS stránky
 - [@uxf/cms/lab](./README_lab.md) - Komponenty které ještě nejsou odladěné na stabilní verzi
 
-## Použití balíčku
+## Instalace
+
+Od verze 4.0 balíček používá Tailwind CSS
 
 ```shell
 yarn add @uxf/cms dayjs
 ```
 
+Do souboru `tailwind.config.js` přidat následující řádky
+
+```js
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        "./node_modules/@uxf/cms/**/*.js"
+    ],
+    plugins: [],
+};
+```
+
+## Použití balíčku
+
 Konfigurace balíčku se prvádí v souboru `_app.tsx`.
 
 ```tsx

package/forms/components/DropZone/DropZone.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { FileResponse } from "../../../ui/FileUploadInput";
+export interface DropZoneProps {
+    name: string;
+}
+export declare type FileState = FileResponse;
+export declare const DropZone: React.FC<DropZoneProps>;

package/forms/components/DropZone/DropZone.js

@@ -0,0 +1,159 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropZone = void 0;
+var react_dropzone_1 = require("react-dropzone");
+var react_1 = __importStar(require("react"));
+var react_final_form_1 = require("react-final-form");
+var config_1 = require("../../../config");
+var resizer_1 = require("@uxf/core/utils/resizer");
+var ImagePreview = function (props) {
+    var loading = props.loading, onRemove = props.onRemove, src = props.src, alt = props.alt, title = props.title;
+    return (react_1.default.createElement("div", { className: "w-16 h-16 mr-2 mb-2 rounded-md overflow-hidden relative border border-gray-300" },
+        onRemove && (react_1.default.createElement("button", { className: "absolute right-0 top-0 bg-black hover:bg-opacity-70 bg-opacity-50 rounded-bl-md", onClick: onRemove },
+            react_1.default.createElement("svg", { className: "w-5 h-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })))),
+        react_1.default.createElement("img", { alt: alt, title: title, className: "h-full w-full", src: src }),
+        loading && (react_1.default.createElement("div", { className: "absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center bg-black bg-opacity-50" },
+            react_1.default.createElement("svg", { className: "animate-spin h-6 w-6 text-white", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
+                react_1.default.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                react_1.default.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }))))));
+};
+var DropZone = function (props) {
+    var name = props.name;
+    var input = (0, react_final_form_1.useField)(name, {}).input;
+    var fieldValue = input.value || [];
+    var _a = __read((0, react_1.useState)([]), 2), acceptedFiles = _a[0], setAcceptedFiles = _a[1];
+    var _b = (0, react_dropzone_1.useDropzone)({
+        onDrop: function (acceptedFiles) { return __awaiter(void 0, void 0, void 0, function () {
+            var uploadFile, responses, successResponses;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setAcceptedFiles(acceptedFiles);
+                        uploadFile = config_1.container.get("api.uploadFile");
+                        return [4 /*yield*/, Promise.allSettled(acceptedFiles.map(function (af) { return uploadFile(af); }))];
+                    case 1:
+                        responses = _a.sent();
+                        successResponses = responses
+                            .map(function (r) { return (r.status === "fulfilled" ? r.value : null); })
+                            .filter(function (r) { return r !== null; });
+                        setAcceptedFiles([]);
+                        input.onChange(__spreadArray(__spreadArray([], __read(fieldValue), false), __read(successResponses), false));
+                        return [2 /*return*/];
+                }
+            });
+        }); },
+    }), getRootProps = _b.getRootProps, getInputProps = _b.getInputProps, isDragActive = _b.isDragActive;
+    var onRemove = function (index) { return function () {
+        // eslint-disable-next-line no-alert
+        if (confirm("Opravdu chcete smazat fotografii?")) {
+            var newWalue = __spreadArray([], __read(fieldValue), false);
+            newWalue.splice(index, 1);
+            input.onChange(newWalue);
+        }
+    }; };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", __assign({}, getRootProps({ className: "dropzone" }), { className: "border-dashed rounded-md border-2 py-8 bg-gray-100 hover:border-gray-300 cursor-pointer " +
+                (isDragActive ? "border-gray-300" : "border-gray-200") }),
+            react_1.default.createElement("input", __assign({}, getInputProps())),
+            react_1.default.createElement("p", { className: "text-center text-xs text-gray-400" }, "Drag drop some files here, or click to select files")),
+        react_1.default.createElement("div", { className: "pt-2 flex flex-row flex-wrap" },
+            fieldValue.map(function (file, index) {
+                var _a;
+                return (react_1.default.createElement(ImagePreview, { key: file.id, src: (_a = (0, resizer_1.resizerImageUrl)(file, 200, 200, {})) !== null && _a !== void 0 ? _a : "", onRemove: onRemove(index), alt: file.name, title: file.name }));
+            }),
+            acceptedFiles.map(function (file) { return (react_1.default.createElement(ImagePreview, { key: file.name, loading: true, src: URL.createObjectURL(file) })); }))));
+};
+exports.DropZone = DropZone;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcFpvbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9Ecm9wWm9uZS9Ecm9wWm9uZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGlEQUE2QztBQUM3Qyw2Q0FBd0M7QUFDeEMscURBQTRDO0FBRTVDLDBDQUE0QztBQUM1QyxtREFBMEQ7QUFnQjFELElBQU0sWUFBWSxHQUFnQyxVQUFDLEtBQUs7SUFDNUMsSUFBQSxPQUFPLEdBQWdDLEtBQUssUUFBckMsRUFBRSxRQUFRLEdBQXNCLEtBQUssU0FBM0IsRUFBRSxHQUFHLEdBQWlCLEtBQUssSUFBdEIsRUFBRSxHQUFHLEdBQVksS0FBSyxJQUFqQixFQUFFLEtBQUssR0FBSyxLQUFLLE1BQVYsQ0FBVztJQUNyRCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLGdGQUFnRjtRQUMxRixRQUFRLElBQUksQ0FDVCwwQ0FDSSxTQUFTLEVBQUMsaUZBQWlGLEVBQzNGLE9BQU8sRUFBRSxRQUFRO1lBRWpCLHVDQUNJLFNBQVMsRUFBQyxvQkFBb0IsRUFDOUIsSUFBSSxFQUFDLE1BQU0sRUFDWCxNQUFNLEVBQUMsY0FBYyxFQUNyQixPQUFPLEVBQUMsV0FBVyxFQUNuQixLQUFLLEVBQUMsNEJBQTRCO2dCQUVsQyx3Q0FBTSxhQUFhLEVBQUMsT0FBTyxFQUFDLGNBQWMsRUFBQyxPQUFPLEVBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUMsc0JBQXNCLEdBQUcsQ0FDNUYsQ0FDRCxDQUNaO1FBQ0QsdUNBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBQyxlQUFlLEVBQUMsR0FBRyxFQUFFLEdBQUcsR0FBSTtRQUNs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

package/forms/components/DropZone/index.d.ts

@@ -0,0 +1 @@
+export * from "./DropZone";

package/forms/components/DropZone/index.js

@@ -0,0 +1,14 @@
+"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("./DropZone"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvY29tcG9uZW50cy9Ecm9wWm9uZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTJCIn0=

package/forms/components/TextInput/TextInput.js

@@ -80,14 +80,14 @@ var requiredValidator = function (errorMessage) {
     };
 };
 var TextInput = function (props) {
-    var _a;
-    var disabled = props.disabled, error = props.error, helperText = props.helperText, label = props.label, name = props.name, onBlur = props.onBlur, onFocus = props.onFocus, required = props.required, _b = props.requiredErrorMessage, requiredErrorMessage = _b === void 0 ? "Vyplňte políčko" : _b, _c = props.validate, validate = _c === void 0 ? [] : _c, restProps = __rest(props, ["disabled", "error", "helperText", "label", "name", "onBlur", "onFocus", "required", "requiredErrorMessage", "validate"]);
+    var _a, _b;
+    var disabled = props.disabled, error = props.error, helperText = props.helperText, label = props.label, name = props.name, onBlur = props.onBlur, onFocus = props.onFocus, required = props.required, _c = props.requiredErrorMessage, requiredErrorMessage = _c === void 0 ? "Vyplňte políčko" : _c, _d = props.validate, validate = _d === void 0 ? [] : _d, restProps = __rest(props, ["disabled", "error", "helperText", "label", "name", "onBlur", "onFocus", "required", "requiredErrorMessage", "validate"]);
     var validator = composeValidators_1.composeValidators.apply(void 0, __spreadArray([required && !disabled ? requiredValidator(requiredErrorMessage) : undefined], __read(validate), false));
-    var _d = (0, react_final_form_1.useField)(name, {
+    var _e = (0, react_final_form_1.useField)(name, {
         validate: validator,
         allowNull: true,
         parse: function (value) { return (value === "" ? null : value); },
-    }), input = _d.input, meta = _d.meta;
+    }), input = _e.input, meta = _e.meta;
     var onBlurHandler = (0, react_1.useCallback)(function (e) {
         input.onBlur(e);
         if (onBlur) {
@@ -102,7 +102,7 @@ var TextInput = function (props) {
     }, [input, onFocus]);
     return (react_1.default.createElement(TextField_1.default, __assign({ error: error || !!(meta.touched && meta.error), helperText: (meta.touched && meta.error) || helperText, disabled: disabled, fullWidth: true, variant: "outlined", size: "small", label: react_1.default.createElement(react_1.default.Fragment, null,
             label,
-            required ? " *" : ""), name: name, onChange: input.onChange, value: (_a = input.value) !== null && _a !== void 0 ? _a : "", onBlur: onBlurHandler, onFocus: onFocusHandler }, restProps)));
+            required ? " *" : ""), name: name, onChange: input.onChange, value: (_a = input.value) !== null && _a !== void 0 ? _a : "", onBlur: onBlurHandler, onFocus: onFocusHandler, InputLabelProps: __assign({ shrink: true }, ((_b = restProps.InputLabelProps) !== null && _b !== void 0 ? _b : {})) }, restProps)));
 };
 exports.TextInput = TextInput;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2NvbXBvbmVudHMvVGV4dElucHV0L1RleHRJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsc0VBQWdEO0FBRWhELDZDQUF5RTtBQUN6RSxxREFBNEM7QUFDNUMsc0VBQXFFO0FBR3JFLElBQU0saUJBQWlCLEdBQ25CLFVBQUMsWUFBdUI7SUFDeEIsT0FBQSxVQUFDLEtBQWE7UUFDVixPQUFBLEtBQUssS0FBSyxFQUFFLElBQUksS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFNBQVM7SUFBaEYsQ0FBZ0Y7QUFEcEYsQ0FDb0YsQ0FBQztBQUVsRixJQUFNLFNBQVMsR0FBRyxVQUF1QyxLQUErQjs7SUFFdkYsSUFBQSxRQUFRLEdBV1IsS0FBSyxTQVhHLEVBQ1IsS0FBSyxHQVVMLEtBQUssTUFWQSxFQUNMLFVBQVUsR0FTVixLQUFLLFdBVEssRUFDVixLQUFLLEdBUUwsS0FBSyxNQVJBLEVBQ0wsSUFBSSxHQU9KLEtBQUssS0FQRCxFQUNKLE1BQU0sR0FNTixLQUFLLE9BTkMsRUFDTixPQUFPLEdBS1AsS0FBSyxRQUxFLEVBQ1AsUUFBUSxHQUlSLEtBQUssU0FKRyxFQUNSLEtBR0EsS0FBSyxxQkFIbUMsRUFBeEMsb0JBQW9CLG1CQUFHLGlCQUFpQixLQUFBLEVBQ3hDLEtBRUEsS0FBSyxTQUZRLEVBQWIsUUFBUSxtQkFBRyxFQUFFLEtBQUEsRUFDVixTQUFTLFVBQ1osS0FBSyxFQVpILHlIQVlMLENBRGUsQ0FDTjtJQUVWLElBQU0sU0FBUyxHQUFHLHFDQUFpQiw4QkFDL0IsUUFBUSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLFVBQ3hFLFFBQVEsVUFDZCxDQUFDO0lBRUksSUFBQSxLQUFrQixJQUFBLDJCQUFRLEVBQWdCLElBQWMsRUFBRTtRQUM1RCxRQUFRLEVBQUUsU0FBUztRQUNuQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLENBQUMsS0FBSyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBN0IsQ0FBNkI7S0FDbEQsQ0FBQyxFQUpNLEtBQUssV0FBQSxFQUFFLElBQUksVUFJakIsQ0FBQztJQUVILElBQU0sYUFBYSxHQUFHLElBQUEsbUJBQVcsRUFDN0IsVUFBQyxDQUFDO1FBQ0UsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNoQixJQUFJLE1BQU0sRUFBRTtZQUNSLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNiO0lBQ0wsQ0FBQyxFQUNELENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUNsQixDQUFDO0lBRUYsSUFBTSxjQUFjLEdBQUcsSUFBQSxtQkFBVyxFQUM5QixVQUFDLENBQUM7UUFDRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2pCLElBQUksT0FBTyxFQUFFO1lBQ1QsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ2Q7SUFDTCxDQUFDLEVBQ0QsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQ25CLENBQUM7SUFFRixPQUFPLENBQ0gsOEJBQUMsbUJBQVMsYUFDTixLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUM5QyxVQUFVLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxVQUFVLEVBQ3RELFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsUUFDVCxPQUFPLEVBQUMsVUFBVSxFQUNsQixJQUFJLEVBQUMsT0FBTyxFQUNaLEtBQUssRUFDRDtZQUNLLEtBQUs7WUFDTCxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUN0QixFQUVQLElBQUksRUFBRSxJQUFjLEVBQ3BCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixLQUFLLEVBQUUsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxFQUFFLEVBQ3hCLE1BQU0sRUFBRSxhQUFhLEVBQ3JCLE9BQU8sRUFBRSxjQUFjLElBQ25CLFNBQVMsRUFDZixDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUFwRVcsUUFBQSxTQUFTLGFBb0VwQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dElucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2NvbXBvbmVudHMvVGV4dElucHV0L1RleHRJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsc0VBQWdEO0FBRWhELDZDQUF5RTtBQUN6RSxxREFBNEM7QUFDNUMsc0VBQXFFO0FBR3JFLElBQU0saUJBQWlCLEdBQ25CLFVBQUMsWUFBdUI7SUFDeEIsT0FBQSxVQUFDLEtBQWE7UUFDVixPQUFBLEtBQUssS0FBSyxFQUFFLElBQUksS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFNBQVM7SUFBaEYsQ0FBZ0Y7QUFEcEYsQ0FDb0YsQ0FBQztBQUVsRixJQUFNLFNBQVMsR0FBRyxVQUF1QyxLQUErQjs7SUFFdkYsSUFBQSxRQUFRLEdBV1IsS0FBSyxTQVhHLEVBQ1IsS0FBSyxHQVVMLEtBQUssTUFWQSxFQUNMLFVBQVUsR0FTVixLQUFLLFdBVEssRUFDVixLQUFLLEdBUUwsS0FBSyxNQVJBLEVBQ0wsSUFBSSxHQU9KLEtBQUssS0FQRCxFQUNKLE1BQU0sR0FNTixLQUFLLE9BTkMsRUFDTixPQUFPLEdBS1AsS0FBSyxRQUxFLEVBQ1AsUUFBUSxHQUlSLEtBQUssU0FKRyxFQUNSLEtBR0EsS0FBSyxxQkFIbUMsRUFBeEMsb0JBQW9CLG1CQUFHLGlCQUFpQixLQUFBLEVBQ3hDLEtBRUEsS0FBSyxTQUZRLEVBQWIsUUFBUSxtQkFBRyxFQUFFLEtBQUEsRUFDVixTQUFTLFVBQ1osS0FBSyxFQVpILHlIQVlMLENBRGUsQ0FDTjtJQUVWLElBQU0sU0FBUyxHQUFHLHFDQUFpQiw4QkFDL0IsUUFBUSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLFVBQ3hFLFFBQVEsVUFDZCxDQUFDO0lBRUksSUFBQSxLQUFrQixJQUFBLDJCQUFRLEVBQWdCLElBQWMsRUFBRTtRQUM1RCxRQUFRLEVBQUUsU0FBUztRQUNuQixTQUFTLEVBQUUsSUFBSTtRQUNmLEtBQUssRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLENBQUMsS0FBSyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBN0IsQ0FBNkI7S0FDbEQsQ0FBQyxFQUpNLEtBQUssV0FBQSxFQUFFLElBQUksVUFJakIsQ0FBQztJQUVILElBQU0sYUFBYSxHQUFHLElBQUEsbUJBQVcsRUFDN0IsVUFBQyxDQUFDO1FBQ0UsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNoQixJQUFJLE1BQU0sRUFBRTtZQUNSLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNiO0lBQ0wsQ0FBQyxFQUNELENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUNsQixDQUFDO0lBRUYsSUFBTSxjQUFjLEdBQUcsSUFBQSxtQkFBVyxFQUM5QixVQUFDLENBQUM7UUFDRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2pCLElBQUksT0FBTyxFQUFFO1lBQ1QsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ2Q7SUFDTCxDQUFDLEVBQ0QsQ0FBQyxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQ25CLENBQUM7SUFFRixPQUFPLENBQ0gsOEJBQUMsbUJBQVMsYUFDTixLQUFLLEVBQUUsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUM5QyxVQUFVLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxVQUFVLEVBQ3RELFFBQVEsRUFBRSxRQUFRLEVBQ2xCLFNBQVMsUUFDVCxPQUFPLEVBQUMsVUFBVSxFQUNsQixJQUFJLEVBQUMsT0FBTyxFQUNaLEtBQUssRUFDRDtZQUNLLEtBQUs7WUFDTCxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUN0QixFQUVQLElBQUksRUFBRSxJQUFjLEVBQ3BCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixLQUFLLEVBQUUsTUFBQSxLQUFLLENBQUMsS0FBSyxtQ0FBSSxFQUFFLEVBQ3hCLE1BQU0sRUFBRSxhQUFhLEVBQ3JCLE9BQU8sRUFBRSxjQUFjLEVBQ3ZCLGVBQWUsYUFBSSxNQUFNLEVBQUUsSUFBSSxJQUFLLENBQUMsTUFBQSxTQUFTLENBQUMsZUFBZSxtQ0FBSSxFQUFFLENBQUMsS0FDakUsU0FBUyxFQUNmLENBQ0wsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXJFVyxRQUFBLFNBQVMsYUFxRXBCIn0=

package/lib/Layout/Layout.js

@@ -4,8 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-var material_1 = require("@mui/material");
-var Box_1 = __importDefault(require("@mui/material/Box"));
+var CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
 var CssBaseline_1 = __importDefault(require("@mui/material/CssBaseline"));
 var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
@@ -27,21 +26,22 @@ var Layout = function (props) {
                 config_1.config.get("app-name"))),
         react_1.default.createElement(CssBaseline_1.default, null),
         react_1.default.createElement(AppBar_1.AppBar, { Logo: Logo, ToolbarRight: ToolbarRight }),
-        react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, UserMenu: UserMenu }),
-        react_1.default.createElement(Box_1.default, { component: "main", sx: { flexGrow: 1 } }, loading ? (react_1.default.createElement(Box_1.default, { minHeight: "60vh", display: "flex", alignItems: "center", justifyContent: "center" },
-            react_1.default.createElement(Box_1.default, { textAlign: "center" },
-                react_1.default.createElement(material_1.CircularProgress, null),
-                react_1.default.createElement(Typography_1.default, { mt: 1 }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Toolbar_1.default, { variant: "dense" }),
-            react_1.default.createElement(styles_1.LayoutHeader, { hasHeader: !!header, sx: { p: 3 } },
-                MessageBar,
-                react_1.default.createElement("div", { style: { fontSize: 10 } }, Breadcrumbs),
-                react_1.default.createElement(Box_1.default, { display: "flex", flexDirection: "row", alignItems: "center" },
-                    react_1.default.createElement(Typography_1.default, { flex: 1, variant: "h4", component: "h2", color: header ? "#fff" : undefined }, title),
-                    TitleRightContainer),
-                subtitle,
-                header),
-            react_1.default.createElement(Box_1.default, { sx: { padding: 3 } }, children))))));
+        react_1.default.createElement("div", { className: "flex flex-row w-full" },
+            react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Menu: Menu, UserMenu: UserMenu }),
+            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" },
+                react_1.default.createElement("div", { className: "text-center" },
+                    react_1.default.createElement(CircularProgress_1.default, null),
+                    react_1.default.createElement(Typography_1.default, { mt: 1 }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Toolbar_1.default, { variant: "dense" }),
+                react_1.default.createElement(styles_1.LayoutHeader, { hasHeader: !!header, sx: { p: 3 } },
+                    MessageBar,
+                    react_1.default.createElement("div", { style: { fontSize: 10 } }, Breadcrumbs),
+                    react_1.default.createElement("div", { className: "flex flex-row items-center" },
+                        react_1.default.createElement(Typography_1.default, { flex: 1, variant: "h4", component: "h2", color: header ? "#fff" : undefined }, title),
+                        TitleRightContainer),
+                    subtitle,
+                    header),
+                react_1.default.createElement("div", { className: "p-3" }, children)))))));
 };
 exports.Layout = Layout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwQ0FBaUQ7QUFDakQsMERBQW9DO0FBQ3BDLDBFQUFvRDtBQUNwRCxrRUFBK0M7QUFDL0Msd0VBQWtEO0FBQ2xELG1EQUE2QjtBQUM3QixnREFBa0M7QUFDbEMsdUNBQXNDO0FBQ3RDLG1DQUFrQztBQUNsQyxxQ0FBb0M7QUFDcEMsbUNBQW9EO0FBRzdDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7SUFFckMsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsS0FBSyxHQVlMLEtBQUssTUFaQSxFQUNMLElBQUksR0FXSixLQUFLLEtBWEQsRUFDSixJQUFJLEdBVUosS0FBSyxLQVZELEVBQ0osaUJBQWlCLEdBU2pCLEtBQUssa0JBVFksRUFDakIsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLE1BQU0sR0FPTixLQUFLLE9BUEMsRUFDTixXQUFXLEdBTVgsS0FBSyxZQU5NLEVBQ1gsWUFBWSxHQUtaLEtBQUssYUFMTyxFQUNaLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixPQUFPLEdBR1AsS0FBSyxRQUhFLEVBQ1AsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLG1CQUFtQixHQUNuQixLQUFLLG9CQURjLENBQ2I7SUFFVixPQUFPLENBQ0gsOEJBQUMsbUJBQVU7UUFDUCw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUN4QjtnQkFDSyxLQUFLOztnQkFBSyxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUM3QixDQUNMO1FBQ1AsOEJBQUMscUJBQVcsT0FBRztRQUNmLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxZQUFZLEdBQUk7UUFDbEQsOEJBQUMsaUJBQU8sSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEdBQUk7UUFDakYsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxJQUNwQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxVQUFVLEVBQUMsUUFBUSxFQUFDLGNBQWMsRUFBQyxRQUFRO1lBQzVFLDhCQUFDLGFBQUcsSUFBQyxTQUFTLEVBQUMsUUFBUTtnQkFDbkIsOEJBQUMsMkJBQWdCLE9BQUc7Z0JBQ3BCLDhCQUFDLG9CQUFVLElBQUMsRUFBRSxFQUFFLENBQUMsbUNBQThCLENBQzdDLENBQ0osQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBO1lBQ0ksOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHO1lBQzlCLDhCQUFDLHFCQUFZLElBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRTtnQkFDMUMsVUFBVTtnQkFDWCx1Q0FBSyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLElBQUcsV0FBVyxDQUFPO2dCQUNqRCw4QkFBQyxhQUFHLElBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxhQUFhLEVBQUMsS0FBSyxFQUFDLFVBQVUsRUFBQyxRQUFRO29CQUN2RCw4QkFBQyxvQkFBVSxJQUFDLElBQUksRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFDLElBQUksRUFBQyxTQUFTLEVBQUMsSUFBSSxFQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUM5RSxLQUFLLENBQ0c7b0JBQ1osbUJBQW1CLENBQ2xCO2dCQUNMLFFBQVE7Z0JBQ1IsTUFBTSxDQUNJO1lBQ2YsOEJBQUMsYUFBRyxJQUFDLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsSUFBRyxRQUFRLENBQU8sQ0FDMUMsQ0FDTixDQUNDLENBQ0csQ0FDaEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTFEVyxRQUFBLE1BQU0sVUEwRGpCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxvRkFBOEQ7QUFDOUQsMEVBQW9EO0FBQ3BELGtFQUErQztBQUMvQyx3RUFBa0Q7QUFDbEQsbURBQTZCO0FBQzdCLGdEQUFrQztBQUNsQyx1Q0FBc0M7QUFDdEMsbUNBQWtDO0FBQ2xDLHFDQUFvQztBQUNwQyxtQ0FBaUU7QUFHMUQsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSztJQUVyQyxJQUFBLFFBQVEsR0FhUixLQUFLLFNBYkcsRUFDUixLQUFLLEdBWUwsS0FBSyxNQVpBLEVBQ0wsSUFBSSxHQVdKLEtBQUssS0FYRCxFQUNKLElBQUksR0FVSixLQUFLLEtBVkQsRUFDSixpQkFBaUIsR0FTakIsS0FBSyxrQkFUWSxFQUNqQixRQUFRLEdBUVIsS0FBSyxTQVJHLEVBQ1IsTUFBTSxHQU9OLEtBQUssT0FQQyxFQUNOLFdBQVcsR0FNWCxLQUFLLFlBTk0sRUFDWCxZQUFZLEdBS1osS0FBSyxhQUxPLEVBQ1osVUFBVSxHQUlWLEtBQUssV0FKSyxFQUNWLE9BQU8sR0FHUCxLQUFLLFFBSEUsRUFDUCxRQUFRLEdBRVIsS0FBSyxTQUZHLEVBQ1IsbUJBQW1CLEdBQ25CLEtBQUssb0JBRGMsQ0FDYjtJQUVWLE9BQU8sQ0FDSCw4QkFBQyxtQkFBVTtRQUNQLDhCQUFDLGNBQUk7WUFDRCx3Q0FBTSxJQUFJLEVBQUMsVUFBVSxFQUFDLE9BQU8sRUFBQyxxQ0FBcUMsR0FBRztZQUN0RSx3Q0FBTSxPQUFPLEVBQUMsT0FBTyxHQUFHO1lBQ3hCO2dCQUNLLEtBQUs7O2dCQUFLLGVBQU0sQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQzdCLENBQ0w7UUFDUCw4QkFBQyxxQkFBVyxPQUFHO1FBQ2YsOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFlBQVksR0FBSTtRQUNsRCx1Q0FBSyxTQUFTLEVBQUMsc0JBQXNCO1lBQ2pDLDhCQUFDLGlCQUFPLElBQUMsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1lBQ2pGLHdDQUFNLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxzQkFBZSxvQkFBVyxRQUFLLEVBQUUsSUFDbEQsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUNQLHVDQUFLLFNBQVMsRUFBQyxnREFBZ0Q7Z0JBQzNELHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQywwQkFBZ0IsT0FBRztvQkFDcEIsOEJBQUMsb0JBQVUsSUFBQyxFQUFFLEVBQUUsQ0FBQyxtQ0FBOEIsQ0FDN0MsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ksOEJBQUMsaUJBQVUsSUFBQyxPQUFPLEVBQUMsT0FBTyxHQUFHO2dCQUM5Qiw4QkFBQyxxQkFBWSxJQUFDLFNBQVMsRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUU7b0JBQzFDLFVBQVU7b0JBQ1gsdUNBQUssS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxJQUFHLFdBQVcsQ0FBTztvQkFDakQsdUNBQUssU0FBUyxFQUFDLDRCQUE0Qjt3QkFDdkMsOEJBQUMsb0JBQVUsSUFDUCxJQUFJLEVBQUUsQ0FBQyxFQUNQLE9BQU8sRUFBQyxJQUFJLEVBQ1osU0FBUyxFQUFDLElBQUksRUFDZCxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFFakMsS0FBSyxDQUNHO3dCQUNaLG1CQUFtQixDQUNsQjtvQkFDTCxRQUFRO29CQUNSLE1BQU0sQ0FDSTtnQkFDZix1Q0FBSyxTQUFTLEVBQUMsS0FBSyxJQUFFLFFBQVEsQ0FBTyxDQUN0QyxDQUNOLENBQ0UsQ0FDTCxDQUNHLENBQ2hCLENBQUM7QUFDTixDQUFDLENBQUM7QUFqRVcsUUFBQSxNQUFNLFVBaUVqQiJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "3.0.0",
+  "version": "4.0.0-beta.10",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -32,6 +32,7 @@
     "@mui/material": "^5.0.2",
     "@mui/styles": "^5.0.1",
     "@mui/x-date-pickers": "^5.0.0-alpha.1",
+    "@tailwindcss/forms": "^0.5.2",
     "@types/express-http-proxy": "^1.6.2",
     "@types/node": "^16.7.10",
     "@types/qs": "^6.9.7",
@@ -39,11 +40,12 @@
     "@types/react-dom": "^17.0.9",
     "@typescript-eslint/eslint-plugin": "^5.11.0",
     "@uxf/core": "^2.1.4",
-    "@uxf/data-grid": "^3.1.1",
+    "@uxf/data-grid": "^4.0.0-beta.10",
     "@uxf/eslint-config": "^1.2.3",
     "@uxf/router": "^2.0.1",
     "@uxf/wysiwyg": "^1.1.2",
     "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
+    "autoprefixer": "^10.4.7",
     "axios": "^0.21.1",
     "axios-hooks": "^2.7.0",
     "coordinate-parser": "^1.0.7",
@@ -61,13 +63,16 @@
     "http-proxy-middleware": "^2.0.1",
     "next": "^12.0.7",
     "path": "^0.12.7",
+    "postcss": "^8.4.14",
     "prettier": "^2.4.1",
     "qs": "^6.10.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-dropzone": "^14.2.2",
     "react-final-form": "^6.5.7",
     "react-final-form-arrays": "^3.1.3",
     "redux-devtools-extension": "^2.13.9",
+    "tailwindcss": "^3.1.5",
     "ts-node": "^10.2.1",
     "typescript": "^4.4.3"
   },
@@ -76,7 +81,6 @@
     "@mui/material": "^5.0.0",
     "@mui/x-date-pickers": "^5.0.0-alpha.1",
     "@uxf/core": ">= 2.1.3",
-    "@uxf/data-grid": "^3.1.1",
     "@uxf/wysiwyg": "^1.1.2",
     "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
     "axios": "^0.21.0",
@@ -87,6 +91,7 @@
     "final-form-calculate": "^1.3.2",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
+    "react-dropzone": "^14.2.2",
     "react-final-form": "^6.5.1",
     "react-final-form-arrays": "^3.1.3"
   }

package/pages/ContentBuilder/ContentHeader.js

@@ -47,11 +47,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentHeader = void 0;
 var react_1 = __importStar(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 Button_1 = __importDefault(require("@mui/material/Button"));
 var ContentHeader = function (props) {
     var index = props.index, name = props.name, TypeInputProps = props.TypeInputProps, onRemove = props.onRemove;
     var inputId = "field-".concat(name);
@@ -61,18 +61,14 @@ var ContentHeader = function (props) {
             onRemove();
         }
     }, [onRemove]);
-    return (react_1.default.createElement(Box_1.default, null,
-        react_1.default.createElement(Box_1.default, { display: "flex", justifyContent: "space-between", pb: 1 },
-            react_1.default.createElement(Typography_1.default, { variant: "caption", pt: 1, fontWeight: "bold" },
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "flex flex-row justify-between items-center pt-8 pb-4" },
+            react_1.default.createElement(Typography_1.default, { variant: "h3", fontWeight: "bold" },
                 "Sekce #",
                 index + 1),
-            index > 0 ? (react_1.default.createElement(Typography_1.default, { variant: "caption", pt: 1, fontWeight: "bold", onClick: removeHandler, sx: {
-                    "&:hover": {
-                        textDecoration: "underline",
-                        cursor: "pointer",
-                    },
-                } }, "Smazat")) : (react_1.default.createElement(Box_1.default, null))),
-        react_1.default.createElement(Box_1.default, { pt: 1 },
+            index > 0 ? (react_1.default.createElement("div", null,
+                react_1.default.createElement(Button_1.default, { size: "small", color: "error", onClick: removeHandler }, "Smazat sekci"))) : (react_1.default.createElement("div", null))),
+        react_1.default.createElement("div", { className: "pt-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) {
@@ -81,4 +77,4 @@ var ContentHeader = function (props) {
                 }))))));
 };
 exports.ContentHeader = ContentHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudEhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9Db250ZW50SGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLDZDQUEyQztBQUMzQyx3RUFBa0Q7QUFDbEQsMERBQW9DO0FBQ3BDLDBFQUFvRDtBQUNwRCx3RUFBa0Q7QUFDbEQsZ0VBQTBDO0FBQzFDLG9FQUE4QztBQUV2QyxJQUFNLGFBQWEsR0FBMkIsVUFBQyxLQUFLO0lBQy9DLElBQUEsS0FBSyxHQUFxQyxLQUFLLE1BQTFDLEVBQUUsSUFBSSxHQUErQixLQUFLLEtBQXBDLEVBQUUsY0FBYyxHQUFlLEtBQUssZUFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFeEQsSUFBTSxPQUFPLEdBQUcsZ0JBQVMsSUFBSSxDQUFFLENBQUM7SUFFaEMsSUFBTSxhQUFhLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQzlCLG9DQUFvQztRQUNwQyxJQUFJLE9BQU8sQ0FBQyw4QkFBOEIsQ0FBQyxFQUFFO1lBQ3pDLFFBQVEsRUFBRSxDQUFDO1NBQ2Q7SUFDTCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBRWYsT0FBTyxDQUNILDhCQUFDLGFBQUc7UUFDQSw4QkFBQyxhQUFHLElBQUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxjQUFjLEVBQUMsZUFBZSxFQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ3BELDhCQUFDLG9CQUFVLElBQUMsT0FBTyxFQUFDLFNBQVMsRUFBQyxFQUFFLEVBQUUsQ0FBQyxFQUFFLFVBQVUsRUFBQyxNQUFNOztnQkFDMUMsS0FBSyxHQUFHLENBQUMsQ0FDUjtZQUNaLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQ1QsOEJBQUMsb0JBQVUsSUFDUCxPQUFPLEVBQUMsU0FBUyxFQUNqQixFQUFFLEVBQUUsQ0FBQyxFQUNMLFVBQVUsRUFBQyxNQUFNLEVBQ2pCLE9BQU8sRUFBRSxhQUFhLEVBQ3RCLEVBQUUsRUFBRTtvQkFDQSxTQUFTLEVBQUU7d0JBQ1AsY0FBYyxFQUFFLFdBQVc7d0JBQzNCLE1BQU0sRUFBRSxTQUFTO3FCQUNwQjtpQkFDSixhQUdRLENBQ2hCLENBQUMsQ0FBQyxDQUFDLENBQ0EsOEJBQUMsYUFBRyxPQUFHLENBQ1YsQ0FDQztRQUNOLDhCQUFDLGFBQUcsSUFBQyxFQUFFLEVBQUUsQ0FBQztZQUNOLDhCQUFDLHFCQUFXLElBQUMsU0FBUztnQkFDbEIsOEJBQUMsb0JBQVUsSUFBQyxFQUFFLEVBQUUsT0FBTyxVQUFrQjtnQkFDekMsOEJBQUMsZ0JBQU0sYUFBQyxLQUFLLEVBQUMsS0FBSyxFQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFFLE9BQU8sSUFBTSxjQUFjLEdBQ2hFLGNBQWMsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLFVBQUMsRUFBOEI7b0JBQTVCLElBQUEsUUFBUSxjQUFBLEVBQUssYUFBYSxjQUE1QixZQUE4QixDQUFGO29CQUNyRCxPQUFPLENBQ0gsOEJBQUMsa0JBQVEsYUFBQyxHQUFHLEVBQUUsS0FBSyxJQUFNLGFBQWEsR0FDbEMsUUFBUSxDQUNGLENBQ2QsQ0FBQztnQkFDTixDQUFDLENBQUMsQ0FDRyxDQUNDLENBQ1osQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFyRFcsUUFBQSxhQUFhLGlCQXFEeEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudEhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9Db250ZW50SGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLDZDQUEyQztBQUMzQyx3RUFBa0Q7QUFDbEQsMEVBQW9EO0FBQ3BELHdFQUFrRDtBQUNsRCxnRUFBMEM7QUFDMUMsb0VBQThDO0FBQzlDLGdFQUEwQztBQUVuQyxJQUFNLGFBQWEsR0FBMkIsVUFBQyxLQUFLO0lBQy9DLElBQUEsS0FBSyxHQUFxQyxLQUFLLE1BQTFDLEVBQUUsSUFBSSxHQUErQixLQUFLLEtBQXBDLEVBQUUsY0FBYyxHQUFlLEtBQUssZUFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFeEQsSUFBTSxPQUFPLEdBQUcsZ0JBQVMsSUFBSSxDQUFFLENBQUM7SUFFaEMsSUFBTSxhQUFhLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQzlCLG9DQUFvQztRQUNwQyxJQUFJLE9BQU8sQ0FBQyw4QkFBOEIsQ0FBQyxFQUFFO1lBQ3pDLFFBQVEsRUFBRSxDQUFDO1NBQ2Q7SUFDTCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBRWYsT0FBTyxDQUNIO1FBQ0ksdUNBQUssU0FBUyxFQUFDLHNEQUFzRDtZQUNqRSw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsVUFBVSxFQUFDLE1BQU07O2dCQUM5QixLQUFLLEdBQUcsQ0FBQyxDQUNSO1lBQ1osS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDVDtnQkFDSSw4QkFBQyxnQkFBTSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsYUFBYSxtQkFFaEQsQ0FDUCxDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0EsMENBQU8sQ0FDVixDQUNDO1FBQ04sdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsOEJBQUMscUJBQVcsSUFBQyxTQUFTO2dCQUNsQiw4QkFBQyxvQkFBVSxJQUFDLEVBQUUsRUFBRSxPQUFPLFVBQWtCO2dCQUN6Qyw4QkFBQyxnQkFBTSxhQUFDLEtBQUssRUFBQyxLQUFLLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsT0FBTyxJQUFNLGNBQWMsR0FDaEUsY0FBYyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxFQUE4QjtvQkFBNUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxhQUFhLGNBQTVCLFlBQThCLENBQUY7b0JBQ3JELE9BQU8sQ0FDSCw4QkFBQyxrQkFBUSxhQUFDLEdBQUcsRUFBRSxLQUFLLElBQU0sYUFBYSxHQUNsQyxRQUFRLENBQ0YsQ0FDZCxDQUFDO2dCQUNOLENBQUMsQ0FBQyxDQUNHLENBQ0MsQ0FDWixDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTVDVyxRQUFBLGFBQWEsaUJBNEN4QiJ9

package/pages/ContentBuilder/components/Form.js

@@ -34,7 +34,6 @@ var Fab_1 = __importDefault(require("@mui/material/Fab"));
 var FormRootFields_1 = require("./FormRootFields");
 var ContentField_1 = require("../ContentField");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Divider_1 = __importDefault(require("@mui/material/Divider"));
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var final_form_calculate_1 = __importDefault(require("final-form-calculate"));
 // Create Decorator
@@ -55,13 +54,12 @@ var Form = function (props) {
         var handleSubmit = _a.handleSubmit, submitting = _a.submitting;
         return (react_1.default.createElement("form", { onSubmit: handleSubmit },
             react_1.default.createElement(FormRootFields_1.FormRootFields, { config: config, id: id },
-                react_1.default.createElement(Divider_1.default, null),
                 react_1.default.createElement(Box_1.default, { px: 2 },
-                    react_1.default.createElement(Typography_1.default, { variant: "h3", pt: 2 }, "Obsah"),
+                    react_1.default.createElement(Typography_1.default, { variant: "h2", pt: 6, pb: 2, style: { fontWeight: 500 } }, "Obsah"),
                     react_1.default.createElement(ContentField_1.ContentField, { name: "content", contentComponents: config.contentComponents }))),
             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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb21wb25lbnRzL0Zvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIscURBQTRGO0FBQzVGLHdFQUE4QztBQUM5QyxrRUFBZ0Q7QUFDaEQsMERBQW9DO0FBRXBDLG1EQUFrRDtBQUNsRCxnREFBK0M7QUFDL0Msd0VBQWtEO0FBQ2xELGtFQUE0QztBQUM1QywwREFBb0M7QUFDcEMsOEVBQW1EO0FBTW5ELG1CQUFtQjtBQUNuQixJQUFNLFNBQVMsR0FBRyxJQUFBLDhCQUFlO0FBQzdCLGdCQUFnQjtBQUNoQjtJQUNJLEtBQUssRUFBRSxNQUFNO0lBQ2IsT0FBTyxFQUFFO1FBQ0wsbURBQW1EO1FBQ25ELFVBQVUsRUFBRSxVQUFDLFNBQVMsRUFBRSxTQUFjLEVBQUUsVUFBZTtZQUNuRCxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLEtBQUssVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQztRQUMxRyxDQUFDO0tBQ0o7Q0FDSixDQUNKLENBQUM7QUFDSyxJQUFNLElBQUksR0FBd0IsVUFBQyxLQUFLO0lBQ25DLElBQUEsTUFBTSxHQUF1QixLQUFLLE9BQTVCLEVBQUUsRUFBRSxHQUFtQixLQUFLLEdBQXhCLEVBQUssU0FBUyxVQUFLLEtBQUssRUFBcEMsZ0JBQTRCLENBQUYsQ0FBVztJQUUzQyxPQUFPLENBQ0gsOEJBQUMsdUJBQWMsZUFDUCxTQUFTLElBQ2IsUUFBUSxlQUNELDJCQUFhLEdBRXBCLFVBQVUsRUFBRSxDQUFDLFNBQWdCLENBQUMsS0FFN0IsVUFBQyxFQUE0QjtZQUExQixZQUFZLGtCQUFBLEVBQUUsVUFBVSxnQkFBQTtRQUFPLE9BQUEsQ0FDL0Isd0NBQU0sUUFBUSxFQUFFLFlBQVk7WUFDeEIsOEJBQUMsK0JBQWMsSUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxFQUFFO2dCQUNsQyw4QkFBQyxpQkFBTyxPQUFHO2dCQUNYLDhCQUFDLGFBQUcsSUFBQyxFQUFFLEVBQUUsQ0FBQztvQkFDTiw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsRUFBRSxFQUFFLENBQUMsWUFFakI7b0JBQ2IsOEJBQUMsMkJBQVksSUFBQyxJQUFJLEVBQUMsU0FBUyxFQUFDLGlCQUFpQixFQUFFLE1BQU0sQ0FBQyxpQkFBaUIsR0FBSSxDQUMxRSxDQUNPO1lBQ2pCLDhCQUFDLGFBQUcsSUFDQSxLQUFLLEVBQUMsU0FBUyxFQUNmLElBQUksRUFBQyxRQUFRLEVBQ2IsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFDaEQsUUFBUSxFQUFFLFVBQVU7Z0JBRXBCLDhCQUFDLGNBQVEsT0FBRyxDQUNWLENBQ0gsQ0FDVjtJQXBCa0MsQ0FvQmxDLENBQ1ksQ0FDcEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWxDVyxRQUFBLElBQUksUUFrQ2YifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb21wb25lbnRzL0Zvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIscURBQTRGO0FBQzVGLHdFQUE4QztBQUM5QyxrRUFBZ0Q7QUFDaEQsMERBQW9DO0FBRXBDLG1EQUFrRDtBQUNsRCxnREFBK0M7QUFDL0Msd0VBQWtEO0FBQ2xELDBEQUFvQztBQUNwQyw4RUFBbUQ7QUFNbkQsbUJBQW1CO0FBQ25CLElBQU0sU0FBUyxHQUFHLElBQUEsOEJBQWU7QUFDN0IsZ0JBQWdCO0FBQ2hCO0lBQ0ksS0FBSyxFQUFFLE1BQU07SUFDYixPQUFPLEVBQUU7UUFDTCxtREFBbUQ7UUFDbkQsVUFBVSxFQUFFLFVBQUMsU0FBUyxFQUFFLFNBQWMsRUFBRSxVQUFlO1lBQ25ELE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksS0FBSyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDO1FBQzFHLENBQUM7S0FDSjtDQUNKLENBQ0osQ0FBQztBQUNLLElBQU0sSUFBSSxHQUF3QixVQUFDLEtBQUs7SUFDbkMsSUFBQSxNQUFNLEdBQXVCLEtBQUssT0FBNUIsRUFBRSxFQUFFLEdBQW1CLEtBQUssR0FBeEIsRUFBSyxTQUFTLFVBQUssS0FBSyxFQUFwQyxnQkFBNEIsQ0FBRixDQUFXO0lBRTNDLE9BQU8sQ0FDSCw4QkFBQyx1QkFBYyxlQUNQLFNBQVMsSUFDYixRQUFRLGVBQ0QsMkJBQWEsR0FFcEIsVUFBVSxFQUFFLENBQUMsU0FBZ0IsQ0FBQyxLQUU3QixVQUFDLEVBQTRCO1lBQTFCLFlBQVksa0JBQUEsRUFBRSxVQUFVLGdCQUFBO1FBQU8sT0FBQSxDQUMvQix3Q0FBTSxRQUFRLEVBQUUsWUFBWTtZQUN4Qiw4QkFBQywrQkFBYyxJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEVBQUU7Z0JBQ2xDLDhCQUFDLGFBQUcsSUFBQyxFQUFFLEVBQUUsQ0FBQztvQkFDTiw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsWUFFcEQ7b0JBQ2IsOEJBQUMsMkJBQVksSUFBQyxJQUFJLEVBQUMsU0FBUyxFQUFDLGlCQUFpQixFQUFFLE1BQU0sQ0FBQyxpQkFBaUIsR0FBSSxDQUMxRSxDQUNPO1lBQ2pCLDhCQUFDLGFBQUcsSUFDQSxLQUFLLEVBQUMsU0FBUyxFQUNmLElBQUksRUFBQyxRQUFRLEVBQ2IsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsRUFDaEQsUUFBUSxFQUFFLFVBQVU7Z0JBRXBCLDhCQUFDLGNBQVEsT0FBRyxDQUNWLENBQ0gsQ0FDVjtJQW5Ca0MsQ0FtQmxDLENBQ1ksQ0FDcEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWpDVyxRQUFBLElBQUksUUFpQ2YifQ==

package/pages/ContentBuilder/components/FormContent.js

@@ -17,7 +17,6 @@ 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) {
@@ -33,9 +32,9 @@ var FormContent = function (props) {
                     children: s.getConfig().label,
                 }); }) }) }));
     }
-    return (react_1.default.createElement(Box_1.default, { display: "flex", alignItems: "center", justifyContent: "center", p: 2 },
+    return (react_1.default.createElement("div", { className: "flex align-center justify-center p-4" },
         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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29tcG9uZW50cy9Gb3JtQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIscURBQTRDO0FBQzVDLDBEQUFvQztBQUNwQyx3RUFBc0Q7QUFDdEQsd0VBQWtEO0FBT2xELElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBaUMsRUFBRSxJQUFZO0lBQy9ELE9BQU8sUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUEzQixDQUEyQixDQUFDLENBQUM7QUFDN0QsQ0FBQyxDQUFDO0FBRUssSUFBTSxXQUFXLEdBQStCLFVBQUMsS0FBSztJQUNqRCxJQUFBLGlCQUFpQixHQUE0QixLQUFLLGtCQUFqQyxFQUFFLFFBQVEsR0FBa0IsS0FBSyxTQUF2QixFQUFFLElBQUksR0FBWSxLQUFLLEtBQWpCLEVBQUUsS0FBSyxHQUFLLEtBQUssTUFBVixDQUFXO0lBRW5ELElBQUEsS0FBSyxHQUFLLElBQUEsMkJBQVEsRUFBQyxVQUFHLElBQUksVUFBTyxDQUFDLE1BQTdCLENBQThCO0lBRTNDLElBQU0sY0FBYyxHQUFHLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFbEUsSUFBSSxjQUFjLEVBQUU7UUFDaEIsT0FBTyxDQUNILDhCQUFDLGNBQWMsSUFDWCxJQUFJLEVBQUUsVUFBRyxJQUFJLGFBQVUsRUFDdkIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFFLEtBQUssRUFDWixjQUFjLHdCQUNQLEtBQUssS0FDUixPQUFPLEVBQUUsaUJBQWlCLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQztvQkFDbkMsS0FBSyxFQUFFLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJO29CQUN6QixRQUFRLEVBQUUsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDLEtBQUs7aUJBQ2hDLENBQUMsRUFIb0MsQ0FHcEMsQ0FBQyxNQUVULENBQ0wsQ0FBQztLQUNMO0lBRUQsT0FBTyxDQUNILDhCQUFDLGFBQUcsSUFBQyxPQUFPLEVBQUMsTUFBTSxFQUFDLFVBQVUsRUFBQyxRQUFRLEVBQUMsY0FBYyxFQUFDLFFBQVEsRUFBQyxDQUFDLEVBQUUsQ0FBQztRQUNoRSw4QkFBQyxpQkFBVyxJQUFDLEtBQUssRUFBQyxPQUFPLEdBQUc7UUFDN0IsOEJBQUMsb0JBQVUsSUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsVUFBVSxFQUFDLE1BQU0sK0JBRXJDLENBQ1gsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBaENXLFFBQUEsV0FBVyxlQWdDdEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29tcG9uZW50cy9Gb3JtQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFDMUIscURBQTRDO0FBQzVDLHdFQUFzRDtBQUN0RCx3RUFBa0Q7QUFPbEQsSUFBTSxVQUFVLEdBQUcsVUFBQyxRQUFpQyxFQUFFLElBQVk7SUFDL0QsT0FBTyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUksS0FBSyxJQUFJLEVBQTNCLENBQTJCLENBQUMsQ0FBQztBQUM3RCxDQUFDLENBQUM7QUFFSyxJQUFNLFdBQVcsR0FBK0IsVUFBQyxLQUFLO0lBQ2pELElBQUEsaUJBQWlCLEdBQTRCLEtBQUssa0JBQWpDLEVBQUUsUUFBUSxHQUFrQixLQUFLLFNBQXZCLEVBQUUsSUFBSSxHQUFZLEtBQUssS0FBakIsRUFBRSxLQUFLLEdBQUssS0FBSyxNQUFWLENBQVc7SUFFbkQsSUFBQSxLQUFLLEdBQUssSUFBQSwyQkFBUSxFQUFDLFVBQUcsSUFBSSxVQUFPLENBQUMsTUFBN0IsQ0FBOEI7SUFFM0MsSUFBTSxjQUFjLEdBQUcsVUFBVSxDQUFDLGlCQUFpQixFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUVsRSxJQUFJLGNBQWMsRUFBRTtRQUNoQixPQUFPLENBQ0gsOEJBQUMsY0FBYyxJQUNYLElBQUksRUFBRSxVQUFHLElBQUksYUFBVSxFQUN2QixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsS0FBSyxFQUNaLGNBQWMsd0JBQ1AsS0FBSyxLQUNSLE9BQU8sRUFBRSxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDO29CQUNuQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUk7b0JBQ3pCLFFBQVEsRUFBRSxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUMsS0FBSztpQkFDaEMsQ0FBQyxFQUhvQyxDQUdwQyxDQUFDLE1BRVQsQ0FDTCxDQUFDO0tBQ0w7SUFFRCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLHNDQUFzQztRQUNqRCw4QkFBQyxpQkFBVyxJQUFDLEtBQUssRUFBQyxPQUFPLEdBQUc7UUFDN0IsOEJBQUMsb0JBQVUsSUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsVUFBVSxFQUFDLE1BQU0sK0JBRXJDLENBQ1gsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBaENXLFFBQUEsV0FBVyxlQWdDdEIifQ==

package/pages/ContentBuilder/components/FormRootFields.js

@@ -8,9 +8,7 @@ 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 Select_1 = require("../../../forms/components/Select");
 var FileUploadInput_1 = require("../../../forms/components/FileUploadInput");
@@ -25,7 +23,7 @@ var options = [
 var FormRootFields = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     var children = props.children, config = props.config, id = props.id;
-    return (react_1.default.createElement(Paper_1.default, { sx: { pb: 1, pt: 2 } },
+    return (react_1.default.createElement("div", { className: "pb-2 pt-4" },
         react_1.default.createElement(Grid_1.default, { container: true, spacing: 2, px: 2, pb: 2 },
             config.allowedTypes && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
                 react_1.default.createElement(Select_1.Select, { name: "type", label: "Typ", options: config.allowedTypes, readOnly: !!id, required: true }))),
@@ -53,8 +51,7 @@ var FormRootFields = function (props) {
                 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(Select_1.Select, { name: "visibilityLevel", label: "Viditelnost", options: options, required: true }))),
-        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(Typography_1.default, { variant: "h2", pt: 6, pb: 4, px: 2, style: { fontWeight: 500 } }, "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: "SEO N\u00E1zev", helperText: "SEO n\u00E1zev = unik\u00E1tn\u00ED koncovka URL adresy" })),
@@ -71,4 +68,4 @@ var FormRootFields = function (props) {
         children));
 };
 exports.FormRootFields = FormRootFields;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybVJvb3RGaWVsZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29tcG9uZW50cy9Gb3JtUm9vdEZpZWxkcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsd0VBQWtEO0FBQ2xELDREQUFzQztBQUN0QywrREFBOEQ7QUFDOUQsaUVBQWdFO0FBQ2hFLDhEQUF3QztBQUN4QyxnREFBMEI7QUFDMUIsa0VBQTRDO0FBQzVDLDJFQUEwRTtBQUMxRSwyREFBMEQ7QUFFMUQsNkVBQTRFO0FBQzVFLHVFQUFzRTtBQUN0RSxvQ0FBa0U7QUFDbEUsdUZBQXNGO0FBRXRGLElBQU0sT0FBTyxHQUFrRDtJQUMzRCxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtJQUNwQyxFQUFFLEVBQUUsRUFBRSx3QkFBd0IsRUFBRSxLQUFLLEVBQUUsc0JBQXNCLEVBQUU7SUFDL0QsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7Q0FDckMsQ0FBQztBQU9LLElBQU0sY0FBYyxHQUFvQixVQUFDLEtBQUs7O0lBQ3pDLElBQUEsUUFBUSxHQUFpQixLQUFLLFNBQXRCLEVBQUUsTUFBTSxHQUFTLEtBQUssT0FBZCxFQUFFLEVBQUUsR0FBSyxLQUFLLEdBQVYsQ0FBVztJQUV2QyxPQUFPLENBQ0gsOEJBQUMsZUFBSyxJQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRTtRQUN2Qiw4QkFBQyxjQUFJLElBQUMsU0FBUyxRQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQztZQUNuQyxNQUFNLENBQUMsWUFBWSxJQUFJLENBQ3BCLDhCQUFDLGNBQUksSUFBQyxJQUFJLFFBQUMsRUFBRSxFQUFFLEVBQUU7Z0JBQ2IsOEJB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybVJvb3RGaWVsZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29tcG9uZW50cy9Gb3JtUm9vdEZpZWxkcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsd0VBQWtEO0FBQ2xELDREQUFzQztBQUN0QywrREFBOEQ7QUFDOUQsaUVBQWdFO0FBQ2hFLGdEQUEwQjtBQUMxQiwyRUFBMEU7QUFDMUUsMkRBQTBEO0FBRTFELDZFQUE0RTtBQUM1RSx1RUFBc0U7QUFDdEUsb0NBQWtFO0FBQ2xFLHVGQUFzRjtBQUV0RixJQUFNLE9BQU8sR0FBa0Q7SUFDM0QsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7SUFDcEMsRUFBRSxFQUFFLEVBQUUsd0JBQXdCLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFO0lBQy9ELEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO0NBQ3JDLENBQUM7QUFPSyxJQUFNLGNBQWMsR0FBb0IsVUFBQyxLQUFLOztJQUN6QyxJQUFBLFFBQVEsR0FBaUIsS0FBSyxTQUF0QixFQUFFLE1BQU0sR0FBUyxLQUFLLE9BQWQsRUFBRSxFQUFFLEdBQUssS0FBSyxHQUFWLENBQVc7SUFFdkMsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxXQUFXO1FBQ3RCLDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ25DLE1BQU0sQ0FBQyxZQUFZLElBQUksQ0FDcEIsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRTtnQkFDYiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxLQUFLLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsWUFB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

package/pages/ContentBuilder/content/Gallery.d.ts

@@ -0,0 +1,9 @@
+import { Content, ContentComponent, ContentProps } from "../types";
+import { FileResponse } from "../../../ui/FileUploadInput";
+export declare type GalleryFormData = {
+    images?: FileResponse[];
+};
+export declare type GalleryContent = Content<"gallery", GalleryFormData>;
+declare type Props = ContentProps;
+export declare const Gallery: ContentComponent<GalleryContent, Props>;
+export {};

package/pages/ContentBuilder/content/Gallery.js

@@ -0,0 +1,34 @@
+"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.Gallery = void 0;
+var react_1 = __importDefault(require("react"));
+var ContentHeader_1 = require("../ContentHeader");
+var DropZone_1 = require("../../../forms/components/DropZone");
+var Gallery = function (props) {
+    var name = props.name;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "pb-4" },
+            react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props))),
+        react_1.default.createElement("div", { className: "mt-2" },
+            react_1.default.createElement(DropZone_1.DropZone, { name: "".concat(name, ".images") }))));
+};
+exports.Gallery = Gallery;
+exports.Gallery.getConfig = function () { return ({
+    type: "gallery",
+    label: "Galerie",
+}); };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb250ZW50L0dhbGxlcnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLGtEQUFpRDtBQUVqRCwrREFBOEQ7QUFVdkQsSUFBTSxPQUFPLEdBQTRDLFVBQUMsS0FBSztJQUMxRCxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixPQUFPLENBQ0g7UUFDSSx1Q0FBSyxTQUFTLEVBQUMsTUFBTTtZQUNqQiw4QkFBQyw2QkFBYSxlQUFLLEtBQUssRUFBSSxDQUMxQjtRQUNOLHVDQUFLLFNBQVMsRUFBQyxNQUFNO1lBQ2pCLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFFLFVBQUcsSUFBSSxZQUFTLEdBQUksQ0FDbEMsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFiVyxRQUFBLE9BQU8sV0FhbEI7QUFFRixlQUFPLENBQUMsU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQ3ZCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7Q0FDbkIsQ0FBQyxFQUh3QixDQUd4QixDQUFDIn0=

package/pages/ContentBuilder/content/People.d.ts

@@ -0,0 +1,17 @@
+import { Content, ContentComponent, ContentProps } from "../types";
+import { FileResponse } from "../../../ui/FileUploadInput";
+export declare type PersonFormData = {
+    name?: string;
+    subtitle?: string;
+    image?: FileResponse;
+    text?: string;
+    phone?: string;
+    email?: string;
+};
+export declare type PeopleFormData = {
+    people: PersonFormData[];
+};
+export declare type PeopleContent = Content<"people", PeopleFormData>;
+declare type Props = ContentProps;
+export declare const People: ContentComponent<PeopleContent, Props>;
+export {};

package/pages/ContentBuilder/content/People.js

@@ -0,0 +1,71 @@
+"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.People = void 0;
+var react_1 = __importDefault(require("react"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var ContentHeader_1 = require("../ContentHeader");
+var TextInput_1 = require("../../../forms/components/TextInput");
+var FileUploadInput_1 = require("../../../forms/components/FileUploadInput");
+var react_final_form_arrays_1 = require("react-final-form-arrays");
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var People = function (props) {
+    var name = props.name;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "pb-4" },
+            react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props))),
+        react_1.default.createElement("div", { className: "mt-2" },
+            react_1.default.createElement(react_final_form_arrays_1.FieldArray, { name: "".concat(name, ".people") }, function (_a) {
+                var fields = _a.fields;
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    fields.map(function (fieldName, index) {
+                        var handleRemove = function () {
+                            // eslint-disable-next-line no-alert
+                            if (confirm("Opravdu chcete smazat osobu?")) {
+                                fields.remove(index);
+                            }
+                        };
+                        return (react_1.default.createElement("div", { key: index, className: "border-l-2 border-primary pl-8 mb-8" },
+                            react_1.default.createElement("div", { className: "flex justify-between" },
+                                react_1.default.createElement(Typography_1.default, { variant: "h4", pt: 1, mb: 3, fontWeight: "bold" },
+                                    "Osoba #",
+                                    index + 1),
+                                index > 0 ? (react_1.default.createElement("div", null,
+                                    react_1.default.createElement(Button_1.default, { size: "small", color: "error", onClick: handleRemove }, "Smazat osobu"))) : (react_1.default.createElement(Box_1.default, null))),
+                            react_1.default.createElement("div", { className: "grid grid-cols-12 gap-4 mt-2" },
+                                react_1.default.createElement("div", { className: "col-span-12" },
+                                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".name"), label: "Jm\u00E9no", required: true })),
+                                react_1.default.createElement("div", { className: "col-span-12" },
+                                    react_1.default.createElement(FileUploadInput_1.FileUploadInput, { id: "".concat(fieldName, ".image"), name: "".concat(fieldName, ".image"), label: "Obr\u00E1zek" })),
+                                react_1.default.createElement("div", { className: "col-span-12" },
+                                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".subtitle"), label: "Popisek" })),
+                                react_1.default.createElement("div", { className: "col-span-12" },
+                                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".text"), label: "Text", multiline: true, rows: "2" })),
+                                react_1.default.createElement("div", { className: "col-span-6" },
+                                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".phone"), label: "Telefon", type: "tel" })),
+                                react_1.default.createElement("div", { className: "col-span-6" },
+                                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".email"), label: "E-mail", type: "email" })))));
+                    }),
+                    react_1.default.createElement(Button_1.default, { variant: "outlined", onClick: function () { return fields.push({ name: "" }); } }, "P\u0159idat osobu")));
+            }))));
+};
+exports.People = People;
+exports.People.getConfig = function () { return ({
+    type: "people",
+    label: "Lidé",
+}); };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGVvcGxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL0NvbnRlbnRCdWlsZGVyL2NvbnRlbnQvUGVvcGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQiwwREFBb0M7QUFDcEMsa0RBQWlEO0FBQ2pELGlFQUFnRTtBQUNoRSw2RUFBNEU7QUFDNUUsbUVBQXFEO0FBQ3JELGdFQUEwQztBQUMxQyx3RUFBa0Q7QUFvQjNDLElBQU0sTUFBTSxHQUEyQyxVQUFDLEtBQUs7SUFDeEQsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsT0FBTyxDQUNIO1FBQ0ksdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsOEJBQUMsNkJBQWEsZUFBSyxLQUFLLEVBQUksQ0FDMUI7UUFDTix1Q0FBSyxTQUFTLEVBQUMsTUFBTTtZQUNqQiw4QkFBQyxvQ0FBVSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxJQUM3QixVQUFDLEVBQVU7b0JBQVIsTUFBTSxZQUFBO2dCQUNOLE9BQU8sQ0FDSDtvQkFDSyxNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsU0FBUyxFQUFFLEtBQUs7d0JBQ3pCLElBQU0sWUFBWSxHQUFHOzRCQUNqQixvQ0FBb0M7NEJBQ3BDLElBQUksT0FBTyxDQUFDLDhCQUE4QixDQUFDLEVBQUU7Z0NBQ3pDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7NkJBQ3hCO3dCQUNMLENBQUMsQ0FBQzt3QkFDRixPQUFPLENBQ0gsdUNBQUssR0FBRyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUMscUNBQXFDOzRCQUM1RCx1Q0FBSyxTQUFTLEVBQUMsc0JBQXNCO2dDQUNqQyw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLFVBQVUsRUFBQyxNQUFNOztvQ0FDNUMsS0FBSyxHQUFHLENBQUMsQ0FDUjtnQ0FDWixLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNUO29DQUNJLDhCQUFDLGdCQUFNLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLE9BQU8sRUFBRSxZQUFZLG1CQUUvQyxDQUNQLENBQ1QsQ0FBQyxDQUFDLENBQUMsQ0FDQSw4QkFBQyxhQUFHLE9BQUcsQ0FDVixDQUNDOzRCQUNOLHVDQUFLLFNBQVMsRUFBQyw4QkFBOEI7Z0NBQ3pDLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29DQUN4Qiw4QkFBQyxxQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLFNBQVMsVUFBTyxFQUFFLEtBQUssRUFBQyxZQUFPLEVBQUMsUUFBUSxTQUFHLENBQzdEO2dDQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29DQUN4Qiw4QkFBQyxpQ0FBZSxJQUNaLEVBQUUsRUFBRSxVQUFHLFNBQVMsV0FBUSxFQUN4QixJQUFJLEVBQUUsVUFBRyxTQUFTLFdBQVEsRUFDMUIsS0FBSyxFQUFDLGNBQVMsR0FDakIsQ0FDQTtnQ0FDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQ0FDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxTQUFTLGNBQVcsRUFBRSxLQUFLLEVBQUMsU0FBUyxHQUFHLENBQzFEO2dDQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29DQUN4Qiw4QkFBQyxxQkFBUyxJQUNOLElBQUksRUFBRSxVQUFHLFNBQVMsVUFBTyxFQUN6QixLQUFLLEVBQUMsTUFBTSxFQUNaLFNBQVMsUUFDVCxJQUFJLEVBQUMsR0FBRyxHQUNWLENBQ0E7Z0NBQ04sdUNBQUssU0FBUyxFQUFDLFlBQVk7b0NBQ3ZCLDhCQUFDLHFCQUFTLElBQUMsSUFBSSxFQUFFLFVBQUcsU0FBUyxXQUFRLEVBQUUsS0FBSyxFQUFDLFNBQVMsRUFBQyxJQUFJLEVBQUMsS0FBSyxHQUFHLENBQ2xFO2dDQUNOLHVDQUFLLFNBQVMsRUFBQyxZQUFZO29DQUN2Qiw4QkFBQyxxQkFBUyxJQUNOLElBQUksRUFBRSxVQUFHLFNBQVMsV0FBUSxFQUMxQixLQUFLLEVBQUMsUUFBUSxFQUNkLElBQUksRUFBQyxPQUFPLEdBQ2QsQ0FDQSxDQUNKLENBQ0osQ0FDVCxDQUFDO29CQUNOLENBQUMsQ0FBQztvQkFDRiw4QkFBQyxnQkFBTSxJQUFDLE9BQU8sRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQXpCLENBQXlCLHdCQUUxRCxDQUNWLENBQ04sQ0FBQztZQUNOLENBQUMsQ0FDUSxDQUNYLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBbEZXLFFBQUEsTUFBTSxVQWtGakI7QUFFRixjQUFNLENBQUMsU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQ3RCLElBQUksRUFBRSxRQUFRO0lBQ2QsS0FBSyxFQUFFLE1BQU07Q0FDaEIsQ0FBQyxFQUh1QixDQUd2QixDQUFDIn0=

package/pages/FormPage/Field/Content.js

@@ -6,13 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Content = void 0;
 var react_1 = __importDefault(require("react"));
 var ContentBuilder_1 = require("../../ContentBuilder");
-var Box_1 = __importDefault(require("@mui/material/Box"));
 var Wysiwyg_1 = require("../../ContentBuilder/content/Wysiwyg");
 var Content = function (props) {
     var fieldSchema = props.fieldSchema, _a = props.prefix, prefix = _a === void 0 ? "" : _a, contentComponents = props.contentComponents;
-    return (react_1.default.createElement(Box_1.default, { component: "fieldset", borderRadius: 1, border: function (theme) { return "1px solid ".concat(theme.palette.grey.A400); } },
-        react_1.default.createElement(Box_1.default, { component: "legend", px: 1 }, fieldSchema.label),
+    return (react_1.default.createElement("fieldset", null,
+        react_1.default.createElement("legend", null, fieldSchema.label),
         react_1.default.createElement(ContentBuilder_1.ContentField, { contentComponents: contentComponents !== null && contentComponents !== void 0 ? contentComponents : [Wysiwyg_1.Wysiwyg], name: "".concat(prefix).concat(fieldSchema.name) })));
 };
 exports.Content = Content;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9GaWVsZC9Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsdURBQXNFO0FBRXRFLDBEQUFvQztBQUNwQyxnRUFBK0Q7QUFFeEQsSUFBTSxPQUFPLEdBQTJFLFVBQUMsS0FBSztJQUN6RixJQUFBLFdBQVcsR0FBcUMsS0FBSyxZQUExQyxFQUFFLEtBQW1DLEtBQUssT0FBN0IsRUFBWCxNQUFNLG1CQUFHLEVBQUUsS0FBQSxFQUFFLGlCQUFpQixHQUFLLEtBQUssa0JBQVYsQ0FBVztJQUM5RCxPQUFPLENBQ0gsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxVQUFVLEVBQUMsWUFBWSxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsVUFBQyxLQUFLLElBQUssT0FBQSxvQkFBYSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUUsRUFBdEMsQ0FBc0M7UUFDaEcsOEJBQUMsYUFBRyxJQUFDLFNBQVMsRUFBQyxRQUFRLEVBQUMsRUFBRSxFQUFFLENBQUMsSUFDeEIsV0FBVyxDQUFDLEtBQUssQ0FDaEI7UUFDTiw4QkFBQyw2QkFBWSxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixhQUFqQixpQkFBaUIsY0FBakIsaUJBQWlCLEdBQUksQ0FBQyxpQkFBTyxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQUcsTUFBTSxTQUFHLFdBQVcsQ0FBQyxJQUFJLENBQUUsR0FBSSxDQUN2RyxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFWVyxRQUFBLE9BQU8sV0FVbEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9GaWVsZC9Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsdURBQXNFO0FBRXRFLGdFQUErRDtBQUV4RCxJQUFNLE9BQU8sR0FBMkUsVUFBQyxLQUFLO0lBQ3pGLElBQUEsV0FBVyxHQUFxQyxLQUFLLFlBQTFDLEVBQUUsS0FBbUMsS0FBSyxPQUE3QixFQUFYLE1BQU0sbUJBQUcsRUFBRSxLQUFBLEVBQUUsaUJBQWlCLEdBQUssS0FBSyxrQkFBVixDQUFXO0lBQzlELE9BQU8sQ0FDSDtRQUNJLDhDQUFTLFdBQVcsQ0FBQyxLQUFLLENBQVU7UUFDcEMsOEJBQUMsNkJBQVksSUFBQyxpQkFBaUIsRUFBRSxpQkFBaUIsYUFBakIsaUJBQWlCLGNBQWpCLGlCQUFpQixHQUFJLENBQUMsaUJBQU8sQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFHLE1BQU0sU0FBRyxXQUFXLENBQUMsSUFBSSxDQUFFLEdBQUksQ0FDbEcsQ0FDZCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBUlcsUUFBQSxPQUFPLFdBUWxCIn0=

package/pages/FormPage/Form.js

@@ -30,11 +30,11 @@ var BaseSubmitButton = function (props) {
 var Form = function (props) {
     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;
     return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: onSubmit, mutators: __assign({}, final_form_arrays_1.default) }, function (formState) {
-        return (react_1.default.createElement("form", { onSubmit: formState.handleSubmit },
+        return (react_1.default.createElement("form", { onSubmit: formState.handleSubmit, className: "pb-20" },
             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 },
                 react_1.default.createElement(Field, { fieldSchema: field, entityAlias: entityAlias, isEditing: isEditing }))); })),
             react_1.default.createElement(SubmitButton, { formState: formState })));
     }));
 };
 exports.Form = Form;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9Gb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHdFQUE4QztBQUM5Qyw0REFBc0M7QUFDdEMsbUNBQStCO0FBQy9CLGtFQUFnRDtBQUNoRCxnREFBMEI7QUFDMUIscURBQTRGO0FBRzVGLHlDQUF3QztBQWF4QyxJQUFNLGdCQUFnQixHQUEwQixVQUFDLEtBQUs7SUFDMUMsSUFBQSxTQUFTLEdBQUssS0FBSyxVQUFWLENBQVc7SUFDNUIsT0FBTyxDQUNILDhCQUFDLFlBQUcsSUFBQyxLQUFLLEVBQUMsYUFBUSxFQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxVQUFVLElBQUksU0FBUyxDQUFDLFFBQVE7UUFDbEYsOEJBQUMsY0FBUSxPQUFHLENBQ1YsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRUssSUFBTSxJQUFJLEdBQUcsVUFBZ0IsS0FBbUI7SUFFL0MsSUFBQSxhQUFhLEdBT2IsS0FBSyxjQVBRLEVBQ2IsUUFBUSxHQU1SLEtBQUssU0FORyxFQUNSLE1BQU0sR0FLTixLQUFLLE9BTEMsRUFDTixLQUlBLEtBQUssTUFKWSxFQUFqQixLQUFLLG1CQUFHLHFCQUFTLEtBQUEsRUFDakIsV0FBVyxHQUdYLEtBQUssWUFITSxFQUNYLFNBQVMsR0FFVCxLQUFLLFVBRkksRUFDVCxLQUNBLEtBQUssYUFEMEIsRUFBL0IsWUFBWSxtQkFBRyxnQkFBZ0IsS0FBQSxDQUN6QjtJQUVWLE9BQU8sQ0FDSCw4QkFBQyx1QkFBYyxJQUFDLGFBQWEsRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLGVBQU8sMkJBQWEsS0FDekYsVUFBQyxTQUFTO1FBQ1AsT0FBTyxDQUNILHdDQUFNLFFBQVEsRUFBRSxTQUFTLENBQUMsWUFBWTtZQUNsQyw4QkFBQyxjQUFJLElBQUMsU0FBUyxRQUFDLE9BQU8sRUFBRSxDQUFDLElBQ3JCLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsS0FBSyxFQUFFLENBQUMsSUFBSyxPQUFBLENBQzdCLDhCQUFDLGNBQUksSUFBQyxJQUFJLFFBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRTtnQkFDckIsOEJBQUMsS0FBSyxJQUFDLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsU0FBUyxHQUFJLENBQzFFLENBQ1YsRUFKZ0MsQ0FJaEMsQ0FBQyxDQUNDO1lBQ1AsOEJBQUMsWUFBWSxJQUFDLFNBQVMsRUFBRSxTQUFTLEdBQUksQ0FDbkMsQ0FDVixDQUFDO0lBQ04sQ0FBQyxDQUNZLENBQ3BCLENBQUM7QUFDTixDQUFDLENBQUM7QUE3QlcsUUFBQSxJQUFJLFFBNkJmIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9Gb3JtUGFnZS9Gb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHdFQUE4QztBQUM5Qyw0REFBc0M7QUFDdEMsbUNBQStCO0FBQy9CLGtFQUFnRDtBQUNoRCxnREFBMEI7QUFDMUIscURBQTRGO0FBRzVGLHlDQUF3QztBQWF4QyxJQUFNLGdCQUFnQixHQUEwQixVQUFDLEtBQUs7SUFDMUMsSUFBQSxTQUFTLEdBQUssS0FBSyxVQUFWLENBQVc7SUFDNUIsT0FBTyxDQUNILDhCQUFDLFlBQUcsSUFBQyxLQUFLLEVBQUMsYUFBUSxFQUFDLElBQUksRUFBQyxRQUFRLEVBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxVQUFVLElBQUksU0FBUyxDQUFDLFFBQVE7UUFDbEYsOEJBQUMsY0FBUSxPQUFHLENBQ1YsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRUssSUFBTSxJQUFJLEdBQUcsVUFBZ0IsS0FBbUI7SUFFL0MsSUFBQSxhQUFhLEdBT2IsS0FBSyxjQVBRLEVBQ2IsUUFBUSxHQU1SLEtBQUssU0FORyxFQUNSLE1BQU0sR0FLTixLQUFLLE9BTEMsRUFDTixLQUlBLEtBQUssTUFKWSxFQUFqQixLQUFLLG1CQUFHLHFCQUFTLEtBQUEsRUFDakIsV0FBVyxHQUdYLEtBQUssWUFITSxFQUNYLFNBQVMsR0FFVCxLQUFLLFVBRkksRUFDVCxLQUNBLEtBQUssYUFEMEIsRUFBL0IsWUFBWSxtQkFBRyxnQkFBZ0IsS0FBQSxDQUN6QjtJQUVWLE9BQU8sQ0FDSCw4QkFBQyx1QkFBYyxJQUFDLGFBQWEsRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLGVBQU8sMkJBQWEsS0FDekYsVUFBQyxTQUFTO1FBQ1AsT0FBTyxDQUNILHdDQUFNLFFBQVEsRUFBRSxTQUFTLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBQyxPQUFPO1lBQ3JELDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsSUFDckIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsQ0FBQyxJQUFLLE9BQUEsQ0FDN0IsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFO2dCQUNyQiw4QkFBQyxLQUFLLElBQUMsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxTQUFTLEdBQUksQ0FDMUUsQ0FDVixFQUpnQyxDQUloQyxDQUFDLENBQ0M7WUFDUCw4QkFBQyxZQUFZLElBQUMsU0FBUyxFQUFFLFNBQVMsR0FBSSxDQUNuQyxDQUNWLENBQUM7SUFDTixDQUFDLENBQ1ksQ0FDcEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQTdCVyxRQUFBLElBQUksUUE2QmYifQ==

package/pages/GridPage/GridPage.js

@@ -65,6 +65,33 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -74,7 +101,7 @@ var Add_1 = __importDefault(require("@mui/icons-material/Add"));
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var Fab_1 = __importDefault(require("@mui/material/Fab"));
 var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
-var data_grid_1 = require("@uxf/data-grid");
+var tailwindui_1 = require("@uxf/data-grid/tailwindui");
 var router_1 = require("@uxf/router");
 var router_2 = __importDefault(require("next/router"));
 var qs_1 = __importDefault(require("qs"));
@@ -94,8 +121,10 @@ exports.dataGridLoader = dataGridLoader;
 var DefaultLayout = function (props) { return react_1.default.createElement("div", __assign({}, props)); };
 var GridPageComponent = function (props) {
     var _a;
-    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, BodyCell = props.BodyCell, FilterInput = props.FilterInput, query = props.query, initialHiddenColumns = props.initialHiddenColumns, loader = props.loader, title = props.title, ActionCell = props.ActionCell, FilterListItem = props.FilterListItem, _b = props.Layout, Layout = _b === void 0 ? DefaultLayout : _b, actionCellWidth = props.actionCellWidth, rowHeight = props.rowHeight, FullTextInputProps = props.FullTextInputProps, 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;
+    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;
     var hiddenColumnProps = (0, useHiddenColumns_1.useHiddenColumns)(entityAlias, initialHiddenColumns);
+    var _e = __read((0, react_1.useState)(new Set()), 2), selectedRows = _e[0], setSelectedRows = _e[1];
+    var _f = ui.Layout, Layout = _f === void 0 ? DefaultLayout : _f, dataGridUi = __rest(ui, ["Layout"]);
     var dataGridRef = (0, react_1.useRef)();
     var universalLoader = (0, react_1.useCallback)(function (gridName, request, encodedRequest) {
         var _a, _b;
@@ -111,14 +140,14 @@ var GridPageComponent = function (props) {
     }); }, [dataGridRef]);
     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 : "" },
         react_1.default.createElement(Box_1.default, { mb: 10 },
-            react_1.default.createElement(data_grid_1.DataGrid, __assign({ ref: dataGridRef, 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, BodyCell: BodyCell, FilterInput: FilterInput, FilterListItem: FilterListItem }, hiddenColumnProps, { 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); }), ActionCell: ActionCell, actionCellWidth: actionCellWidth, rowHeight: rowHeight, FullTextInputProps: FullTextInputProps, defaultConfig: defaultConfig }))),
+            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 }))),
         onAdd && (!metaSchema || (metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.actions.includes("add"))) && (react_1.default.createElement(Tooltip_1.default, { title: onAddTitle },
             react_1.default.createElement(Fab_1.default, { sx: { position: "fixed", bottom: 16, right: 16 }, onClick: function () { return onAdd(entityAlias, actionsBag); }, color: "primary" }, AddIcon)))));
 };
 GridPageComponent.displayName = "GridPageComponent";
 var GridPage = function (config) {
     var Component = function (props) {
-        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, BodyCell: config.BodyCell, ActionCell: config.ActionCell, FilterInput: config.FilterInput, FilterListItem: config.FilterListItem, actionCellWidth: config.actionCellWidth, Layout: config.Layout, rowHeight: config.rowHeight, FullTextInputProps: config.FullTextInputProps, defaultConfig: config.defaultConfig, AddIcon: config.AddIcon, onAddTitle: config.onAddTitle })));
+        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 })));
     };
     Component.getInitialProps = function (ctx) { return __awaiter(void 0, void 0, void 0, function () {
         var entityAlias, initialHiddenColumns, _a;
@@ -155,4 +184,4 @@ var GridPage = function (config) {
     return (0, withAuthenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Component);
 };
 exports.GridPage = GridPage;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JpZFBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvR3JpZFBhZ2UvR3JpZFBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdFQUEwQztBQUMxQywwREFBb0M7QUFDcEMsMERBQW9DO0FBQ3BDLGtFQUE0QztBQUM1Qyw0Q0FBcUU7QUFDckUsc0NBQWlEO0FBRWpELHVEQUFpQztBQUNqQywwQ0FBb0I7QUFDcEIsNkNBQTREO0FBQzVELDJCQUF3QztBQUN4QyxpQ0FBMEM7QUFDMUMsMEVBQXlFO0FBQ3pFLHFDQUFvRDtBQUNwRCxpRUFBcUY7QUFFckYsdURBQXNEO0FBQ3RELHVDQUF5QztBQUVqQyxJQUFBLFlBQVksR0FBSyxJQUFBLHlCQUFtQixHQUFFLGFBQTFCLENBQTJCO0FBRXhDLElBQU0sY0FBYyxHQUFHLFVBQUMsUUFBZ0IsRUFBRSxPQUFnQjtJQUM3RCxPQUFPLFlBQVksQ0FBVyxJQUFJLEVBQUUsNEJBQXFCLFFBQVEsQ0FBRSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLElBQUksRUFBTixDQUFNLENBQUMsQ0FBQztBQUNuSCxDQUFDLENBQUM7QUFGVyxRQUFBLGNBQWMsa0JBRXpCO0FBRUYsSUFBTSxhQUFhLEdBQW9CLFVBQUMsS0FBSyxJQUFLLE9BQUEsa0RBQVMsS0FBSyxFQUFJLEVBQWxCLENBQWtCLENBQUM7QUFFckUsSUFBTSxpQkFBaUIsR0FBcUMsVUFBQyxLQUFLOztJQUUxRCxJQUFBLFVBQVUsR0F3QlYsS0FBSyxXQXhCSyxFQUNWLFdBQVcsR0F1QlgsS0FBSyxZQXZCTSxFQUNYLFVBQVUsR0FzQlYsS0FBSyxXQXRCSyxFQUNWLFVBQVUsR0Fx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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JpZFBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvR3JpZFBhZ2UvR3JpZFBhZ2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdFQUEwQztBQUMxQywwREFBb0M7QUFDcEMsMERBQW9DO0FBQ3BDLGtFQUE0QztBQUM1Qyx3REFBOEU7QUFFOUUsc0NBQWlEO0FBRWpELHVEQUFpQztBQUNqQywwQ0FBb0I7QUFDcEIsNkNBQXNFO0FBQ3RFLDJCQUF3QztBQUN4QyxpQ0FBMEM7QUFDMUMsMEVBQXlFO0FBQ3pFLHFDQUFvRDtBQUNwRCxpRUFBcUY7QUFFckYsdURBQXNEO0FBQ3RELHVDQUF5QztBQUVqQyxJQUFBLFlBQVksR0FBSyxJQUFBLHlCQUFtQixHQUFFLGFBQTFCLENBQTJCO0FBRXhDLElBQU0sY0FBYyxHQUFHLFVBQUMsUUFBZ0IsRUFBRSxPQUFnQjtJQUM3RCxPQUFPLFlBQVksQ0FBVyxJQUFJLEVBQUUsNEJBQXFCLFFBQVEsQ0FBRSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLElBQUksRUFBTixDQUFNLENBQUMsQ0FBQztBQUNuSCxDQUFDLENBQUM7QUFGVyxRQUFBLGNBQWMsa0JBRXpCO0FBRUYsSUFBTSxhQUFhLEdBQW9CLFVBQUMsS0FBSyxJQUFLLE9BQUEsa0RBQVMsS0FBSyxFQUFJLEVBQWxCLENBQWtCLENBQUM7QUFFckUsSUFBTSxpQkFBaUIsR0FBcUMsVUFBQyxLQUFLOztJQUUxRCxJQUFBLEtBb0JBLEtBQUssR0FwQkUsRUFBUCxFQUFFLG1CQUFHLEVBQUUsS0FBQSxFQUNQLFVBQVUsR0FtQlYsS0FB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

package/pages/GridPage/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import { ActionCellWithRequiredWidth, BodyCellComponent, DataGridProps, FilterInputComponent, FilterListItemComponent, Loader, Schema } from "@uxf/data-grid";
+import { DataGridProps, Loader, Schema, ToolbarPlugin, UIComponents as DataGridUIComponents } from "@uxf/data-grid";
 import { NextPageContext } from "next";
 import { ParsedUrlQuery } from "querystring";
 import { EntityMetaSchema } from "../../api";
@@ -10,6 +10,7 @@ export declare type ActionsBag = {
     reload: () => void;
 };
 export declare type GridPageComponentProps = {
+    ui?: UIComponents;
     entityAlias: string;
     title?: string;
     initialHiddenColumns: string[];
@@ -23,18 +24,19 @@ export declare type GridPageComponentProps = {
     loader?: Loader;
     gridSchema: Schema<any>;
     metaSchema?: EntityMetaSchema;
-    BodyCell?: BodyCellComponent<any, any>;
-    FilterInput?: FilterInputComponent<any>;
-    FilterListItem?: FilterListItemComponent<any>;
-    Layout?: LayoutComponent;
     rowHeight?: DataGridProps<any, any>["rowHeight"];
-    FullTextInputProps?: DataGridProps<any, any>["FullTextInputProps"];
     defaultConfig?: DataGridProps<any, any>["defaultConfig"];
     AddIcon?: ReactElement;
     onAddTitle?: string;
-} & ActionCellWithRequiredWidth<any>;
+    toolbarPlugins?: ToolbarPlugin[];
+    selectable?: boolean;
+};
 export declare type EntityAliasExtractor = (ctx: NextPageContext) => string;
+declare type UIComponents = Partial<DataGridUIComponents<any, any>> & {
+    Layout?: LayoutComponent;
+};
 export declare type GridPageConfig<T extends object = any> = {
+    ui?: UIComponents;
     title?: string;
     entityAlias: string | EntityAliasExtractor;
     onOpen?: (entityAlias: string, row: T, actions: ActionsBag) => void;
@@ -45,13 +47,11 @@ export declare type GridPageConfig<T extends object = any> = {
     onRemove?: (entityAlias: string, row: T, actions: ActionsBag) => void;
     allowedRoles?: string[];
     loader?: Loader;
-    BodyCell?: BodyCellComponent<any, any>;
-    FilterInput?: FilterInputComponent<any>;
-    FilterListItem?: FilterListItemComponent<any>;
-    Layout?: LayoutComponent;
     rowHeight?: DataGridProps<any, any>["rowHeight"];
-    FullTextInputProps?: DataGridProps<any, any>["FullTextInputProps"];
     defaultConfig?: DataGridProps<any, any>["defaultConfig"];
     AddIcon?: ReactElement;
     onAddTitle?: string;
-} & ActionCellWithRequiredWidth<any>;
+    toolbarPlugins?: ToolbarPlugin[];
+    selectable?: boolean;
+};
+export {};

package/styles/theme.js

@@ -14,9 +14,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.theme = exports.defaultTypography = void 0;
 var styles_1 = require("@mui/material/styles");
 exports.defaultTypography = {
-    h1: { fontSize: 34 },
-    h2: { fontSize: 24 },
+    h1: { fontSize: 34, fontWeight: 500 },
+    h2: { fontSize: 24, fontWeight: 500 },
     h3: { fontSize: 18, fontWeight: 500 },
+    h4: { fontSize: 16, fontWeight: 500 },
 };
 exports.theme = (0, styles_1.createTheme)({
     palette: {
@@ -29,9 +30,6 @@ exports.theme = (0, styles_1.createTheme)({
         error: {
             main: "#ed1c24",
         },
-        background: {
-            default: "#f5f5f5",
-        },
     },
     typography: __assign({ fontFamily: [
             "LatoCustom",
@@ -47,4 +45,4 @@ exports.theme = (0, styles_1.createTheme)({
             '"Segoe UI Symbol"',
         ].join(",") }, exports.defaultTypography),
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvc3R5bGVzL3RoZW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0NBQWlFO0FBRXBELFFBQUEsaUJBQWlCLEdBQStCO0lBQ3pELEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDcEIsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUNwQixFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUU7Q0FDeEMsQ0FBQztBQUVXLFFBQUEsS0FBSyxHQUFHLElBQUEsb0JBQVcsRUFBQztJQUM3QixPQUFPLEVBQUU7UUFDTCxPQUFPLEVBQUU7WUFDTCxJQUFJLEVBQUUsU0FBUztTQUNsQjtRQUNELFNBQVMsRUFBRTtZQUNQLElBQUksRUFBRSxTQUFTO1NBQ2xCO1FBQ0QsS0FBSyxFQUFFO1lBQ0gsSUFBSSxFQUFFLFNBQVM7U0FDbEI7UUFDRCxVQUFVLEVBQUU7WUFDUixPQUFPLEVBQUUsU0FBUztTQUNyQjtLQUNKO0lBQ0QsVUFBVSxhQUNOLFVBQVUsRUFBRTtZQUNSLFlBQVk7WUFDWixlQUFlO1lBQ2Ysb0JBQW9CO1lBQ3BCLFlBQVk7WUFDWixRQUFRO1lBQ1Isa0JBQWtCO1lBQ2xCLE9BQU87WUFDUCxZQUFZO1lBQ1oscUJBQXFCO1lBQ3JCLGtCQUFrQjtZQUNsQixtQkFBbUI7U0FDdEIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQ1IseUJBQWlCLENBQ3ZCO0NBQ0osQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvc3R5bGVzL3RoZW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7O0FBQUEsK0NBQWlFO0FBRXBELFFBQUEsaUJBQWlCLEdBQStCO0lBQ3pELEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRTtJQUNyQyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUU7SUFDckMsRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFFO0lBQ3JDLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRTtDQUN4QyxDQUFDO0FBRVcsUUFBQSxLQUFLLEdBQUcsSUFBQSxvQkFBVyxFQUFDO0lBQzdCLE9BQU8sRUFBRTtRQUNMLE9BQU8sRUFBRTtZQUNMLElBQUksRUFBRSxTQUFTO1NBQ2xCO1FBQ0QsU0FBUyxFQUFFO1lBQ1AsSUFBSSxFQUFFLFNBQVM7U0FDbEI7UUFDRCxLQUFLLEVBQUU7WUFDSCxJQUFJLEVBQUUsU0FBUztTQUNsQjtLQUNKO0lBQ0QsVUFBVSxhQUNOLFVBQVUsRUFBRTtZQUNSLFlBQVk7WUFDWixlQUFlO1lBQ2Ysb0JBQW9CO1lBQ3BCLFlBQVk7WUFDWixRQUFRO1lBQ1Isa0JBQWtCO1lBQ2xCLE9BQU87WUFDUCxZQUFZO1lBQ1oscUJBQXFCO1lBQ3JCLGtCQUFrQjtZQUNsQixtQkFBbUI7U0FDdEIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQ1IseUJBQWlCLENBQ3ZCO0NBQ0osQ0FBQyxDQUFDIn0=

package/ui/FileUploadInput/types.d.ts

@@ -4,7 +4,7 @@ export interface FileResponse {
     name: string;
     uuid: string;
     extension: string;
-    namespace: string;
+    namespace: string | null;
     type?: string;
 }
 export interface FileUploadInputProps {

package/ui/Paper/Paper.js

@@ -16,11 +16,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Paper = void 0;
 var react_1 = __importDefault(require("react"));
-var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
 var Paper = function (props) {
     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;
     var sx = __assign({ ml: ml, mt: mt, mr: mr, mb: mb, paddingX: ph, paddingY: pv }, props.sx);
-    return (react_1.default.createElement(Paper_1.default, __assign({ variant: "outlined", sx: sx }, props), props.children));
+    return (react_1.default.createElement(Box_1.default, __assign({ sx: sx }, props), props.children));
 };
 exports.Paper = Paper;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvUGFwZXIvUGFwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBQzFCLDhEQUE0RTtBQUdyRSxJQUFNLEtBQUssR0FBeUIsVUFBQyxLQUFLO0lBQ3JDLElBQUEsRUFBRSxHQUFpQyxLQUFLLEdBQXRDLEVBQUUsRUFBRSxHQUE2QixLQUFLLEdBQWxDLEVBQUUsRUFBRSxHQUF5QixLQUFLLEdBQTlCLEVBQUUsRUFBRSxHQUFxQixLQUFLLEdBQTFCLEVBQUUsS0FBbUIsS0FBSyxHQUFsQixFQUFOLEVBQUUsbUJBQUcsQ0FBQyxLQUFBLEVBQUUsS0FBVyxLQUFLLEdBQVYsRUFBTixFQUFFLG1CQUFHLENBQUMsS0FBQSxDQUFXO0lBQ2pELElBQU0sRUFBRSxjQUNKLEVBQUUsSUFBQSxFQUNGLEVBQUUsSUFBQSxFQUNGLEVBQUUsSUFBQSxFQUNGLEVBQUUsSUFBQSxFQUNGLFFBQVEsRUFBRSxFQUFFLEVBQ1osUUFBUSxFQUFFLEVBQUUsSUFDVCxLQUFLLENBQUMsRUFBRSxDQUNkLENBQUM7SUFDRixPQUFPLENBQ0gsOEJBQUMsZUFBUSxhQUFDLE9BQU8sRUFBQyxVQUFVLEVBQUMsRUFBRSxFQUFFLEVBQUUsSUFBTSxLQUFLLEdBQ3pDLEtBQUssQ0FBQyxRQUFRLENBQ1IsQ0FDZCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBaEJXLFFBQUEsS0FBSyxTQWdCaEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvUGFwZXIvUGFwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRzFCLDBEQUFvQztBQUU3QixJQUFNLEtBQUssR0FBeUIsVUFBQyxLQUFLO0lBQ3JDLElBQUEsRUFBRSxHQUFpQyxLQUFLLEdBQXRDLEVBQUUsRUFBRSxHQUE2QixLQUFLLEdBQWxDLEVBQUUsRUFBRSxHQUF5QixLQUFLLEdBQTlCLEVBQUUsRUFBRSxHQUFxQixLQUFLLEdBQTFCLEVBQUUsS0FBbUIsS0FBSyxHQUFsQixFQUFOLEVBQUUsbUJBQUcsQ0FBQyxLQUFBLEVBQUUsS0FBVyxLQUFLLEdBQVYsRUFBTixFQUFFLG1CQUFHLENBQUMsS0FBQSxDQUFXO0lBQ2pELElBQU0sRUFBRSxjQUNKLEVBQUUsSUFBQSxFQUNGLEVBQUUsSUFBQSxFQUNGLEVBQUUsSUFBQSxFQUNGLEVBQUUsSUFBQSxFQUNGLFFBQVEsRUFBRSxFQUFFLEVBQ1osUUFBUSxFQUFFLEVBQUUsSUFDVCxLQUFLLENBQUMsRUFBRSxDQUNkLENBQUM7SUFDRixPQUFPLENBQ0gsOEJBQUMsYUFBRyxhQUFDLEVBQUUsRUFBRSxFQUFFLElBQU0sS0FBSyxHQUNqQixLQUFLLENBQUMsUUFBUSxDQUNiLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWhCVyxRQUFBLEtBQUssU0FnQmhCIn0=