@uxf/cms 6.0.0-beta.11 → 6.0.0-beta.13

package/pages/ContentBuilder/components/FormRootFields.js

@@ -1,20 +1,56 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormRootFields = void 0;
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Grid_1 = __importDefault(require("@mui/material/Grid"));
-var Checkbox_1 = require("../../../forms/components/Checkbox");
-var TextInput_1 = require("../../../forms/components/TextInput");
 var react_1 = __importDefault(require("react"));
-var DateTimePicker_1 = require("../../../forms/components/DateTimePicker");
-var Select_1 = require("../../../forms/components/Select");
-var FileUploadInput_1 = require("../../../forms/components/FileUploadInput");
-var Autocomplete_1 = require("../../../forms/components/Autocomplete");
 var api_1 = require("../../../api");
-var AutocompleteMultiple_1 = require("../../../forms/components/AutocompleteMultiple");
+var select_1 = require("@uxf/form/select");
+var text_input_1 = require("@uxf/form/text-input");
+var textarea_1 = require("@uxf/form/textarea");
+var combobox_1 = require("@uxf/form/combobox/combobox");
+var multi_combobox_1 = require("@uxf/form/multi-combobox");
+var file_input_1 = require("@uxf/form/file-input");
+var config_1 = require("../../../config");
+var DateTimePicker2_1 = require("../../../forms/components/DateTimePicker2");
+var checkbox_1 = require("@uxf/form/checkbox");
 var options = [
     { id: "PRIVATE", label: "Privátní" },
     { id: "PUBLIC_WITHOUT_SITEMAP", label: "Veřejný bez sitemapy" },
@@ -22,50 +58,70 @@ var options = [
 ];
 var FormRootFields = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    var children = props.children, config = props.config, id = props.id;
+    var children = props.children, config = props.config, id = props.id, control = props.control;
+    var onUploadFile = function (files) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, config_1.container.get("api.uploadFile")(files[0])];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, [response]];
+                case 2:
+                    e_1 = _a.sent();
+                    // if (onError) {
+                    //     onError(e);
+                    // }
+                    return [2 /*return*/, []];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
     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 }))),
-            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(TextInput_1.TextInput, { name: "name", label: "Nadpis", required: true })),
-            !((_a = config.hide) === null || _a === void 0 ? void 0 : _a.publishedAt) && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(DateTimePicker_1.DateTimePicker, { name: "publishedAt", label: "Datum publikace", required: true }))),
-            !((_b = config.hide) === null || _b === void 0 ? void 0 : _b.perex) && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(TextInput_1.TextInput, { name: "perex", label: "Perex", multiline: true, minRows: 3 }))),
-            !((_c = config.hide) === null || _c === void 0 ? void 0 : _c.author) && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(Autocomplete_1.Autocomplete, { name: "author", label: "Autor", loadOptions: function (term) {
+        react_1.default.createElement("div", { className: "space-y-4 px-4 pb-4" },
+            config.allowedTypes && (react_1.default.createElement("div", null,
+                react_1.default.createElement(select_1.Select, { name: "type", label: "Typ", options: config.allowedTypes, isReadOnly: !!id, isRequired: true, control: control }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "name", label: "Nadpis", isRequired: true, control: control })),
+            !((_a = config.hide) === null || _a === void 0 ? void 0 : _a.publishedAt) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(DateTimePicker2_1.DateTimePicker2, { name: "publishedAt", label: "Datum publikace", isRequired: true, control: control }))),
+            !((_b = config.hide) === null || _b === void 0 ? void 0 : _b.perex) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(textarea_1.Textarea, { name: "perex", label: "Perex", rows: 3, control: control }))),
+            !((_c = config.hide) === null || _c === void 0 ? void 0 : _c.author) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(combobox_1.Combobox, { name: "author", label: "Autor", loadOptions: function (term) {
                         return (0, api_1.autocomplete)(null, { name: "content-author" }, { term: term }).then(function (r) { return r.data; });
-                    } }))),
-            !((_d = config.hide) === null || _d === void 0 ? void 0 : _d.category) && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(Autocomplete_1.Autocomplete, { name: "category", label: "Kategorie", loadOptions: function (term) {
+                    }, control: control }))),
+            !((_d = config.hide) === null || _d === void 0 ? void 0 : _d.category) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(combobox_1.Combobox, { name: "category", label: "Kategorie", loadOptions: function (term) {
                         return (0, api_1.autocomplete)(null, { name: "content-category" }, { term: term }).then(function (r) { return r.data; });
-                    } }))),
-            react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(AutocompleteMultiple_1.AutocompleteMultiple, { name: "tags", label: "Tagy", loadOptions: function (term) {
+                    }, control: control }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: "tags", label: "Tagy", loadOptions: function (term) {
                         return (0, api_1.autocomplete)(null, { name: "content-tag" }, { term: term }).then(function (r) { return r.data; });
-                    } })),
-            !((_e = config.hide) === null || _e === void 0 ? void 0 : _e.image) && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(FileUploadInput_1.FileUploadInput, { id: "image", name: "image", label: "Hlavn\u00ED obr\u00E1zek" }))),
-            react_1.default.createElement(Grid_1.default, { item: true, xs: 12, md: 6 },
-                react_1.default.createElement(Checkbox_1.Checkbox, { name: "active", label: "Aktivn\u00ED" })),
-            react_1.default.createElement(Grid_1.default, { item: true, xs: 12, md: 6 },
-                react_1.default.createElement(Select_1.Select, { name: "visibilityLevel", label: "Viditelnost", options: options, required: true }))),
-        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: "Slug", helperText: "Slug = unik\u00E1tn\u00ED koncovka URL adresy" })),
-            !((_g = (_f = config.hide) === null || _f === void 0 ? void 0 : _f.seo) === null || _g === void 0 ? void 0 : _g.title) && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(TextInput_1.TextInput, { name: "seo.title", label: "Nadpis" }))),
-            !((_j = (_h = config.hide) === null || _h === void 0 ? void 0 : _h.seo) === null || _j === void 0 ? void 0 : _j.description) && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(TextInput_1.TextInput, { name: "seo.description", label: "Popis" }))),
-            !((_l = (_k = config.hide) === null || _k === void 0 ? void 0 : _k.seo) === null || _l === void 0 ? void 0 : _l.ogTitle) && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(TextInput_1.TextInput, { name: "seo.ogTitle", label: "OG nadpis", helperText: "Nadpis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ..." }))),
-            !((_o = (_m = config.hide) === null || _m === void 0 ? void 0 : _m.seo) === null || _o === void 0 ? void 0 : _o.ogDescription) && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(TextInput_1.TextInput, { name: "seo.ogDescription", label: "OG popis", helperText: "Popis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ..." }))),
-            !((_q = (_p = config.hide) === null || _p === void 0 ? void 0 : _p.seo) === null || _q === void 0 ? void 0 : _q.ogImage) && (react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(FileUploadInput_1.FileUploadInput, { id: "seo.ogImage", name: "seo.ogImage", label: "OG obr\u00E1zek", helperText: "Obr\u00E1zek kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ..." })))),
+                    }, control: control })),
+            !((_e = config.hide) === null || _e === void 0 ? void 0 : _e.image) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(file_input_1.FileInput, { id: "image", name: "image", label: "Hlavn\u00ED obr\u00E1zek", onUploadFiles: onUploadFile, control: control }))),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(checkbox_1.Checkbox, { name: "active", label: "Aktivn\u00ED", control: control })),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(select_1.Select, { name: "visibilityLevel", label: "Viditelnost", options: options, isRequired: true, control: control }))),
+        react_1.default.createElement("h2", { className: "uxf-typo-h5 px-4 pt-6 pb-4" }, "SEO"),
+        react_1.default.createElement("div", { className: "space-y-4 p-4" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "seo.name", label: "Slug", helperText: "Slug = unik\u00E1tn\u00ED koncovka URL adresy", control: control })),
+            !((_g = (_f = config.hide) === null || _f === void 0 ? void 0 : _f.seo) === null || _g === void 0 ? void 0 : _g.title) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "seo.title", label: "Nadpis", control: control }))),
+            !((_j = (_h = config.hide) === null || _h === void 0 ? void 0 : _h.seo) === null || _j === void 0 ? void 0 : _j.description) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "seo.description", label: "Popis", control: control }))),
+            !((_l = (_k = config.hide) === null || _k === void 0 ? void 0 : _k.seo) === null || _l === void 0 ? void 0 : _l.ogTitle) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "seo.ogTitle", label: "OG nadpis", helperText: "Nadpis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", control: control }))),
+            !((_o = (_m = config.hide) === null || _m === void 0 ? void 0 : _m.seo) === null || _o === void 0 ? void 0 : _o.ogDescription) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(text_input_1.TextInput, { name: "seo.ogDescription", label: "OG popis", helperText: "Popis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", control: control }))),
+            !((_q = (_p = config.hide) === null || _p === void 0 ? void 0 : _p.seo) === null || _q === void 0 ? void 0 : _q.ogImage) && (react_1.default.createElement("div", null,
+                react_1.default.createElement(file_input_1.FileInput, { id: "seo.ogImage", name: "seo.ogImage", label: "OG obr\u00E1zek", helperText: "Obr\u00E1zek kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", onUploadFiles: onUploadFile, control: control })))),
         children));
 };
 exports.FormRootFields = FormRootFields;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybVJvb3RGaWVsZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29tcG9uZW50cy9Gb3JtUm9vdEZpZWxkcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsd0VBQWtEO0FBQ2xELDREQUFzQztBQUN0QywrREFBOEQ7QUFDOUQsaUVBQWdFO0FBQ2hFLGdEQUF5QztBQUN6QywyRUFBMEU7QUFDMUUsMkRBQTBEO0FBRTFELDZFQUE0RTtBQUM1RSx1RUFBc0U7QUFDdEUsb0NBQWtFO0FBQ2xFLHVGQUFzRjtBQUV0RixJQUFNLE9BQU8sR0FBa0Q7SUFDM0QsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7SUFDcEMsRUFBRSxFQUFFLEVBQUUsd0JBQXdCLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFO0lBQy9ELEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO0NBQ3JDLENBQUM7QUFRSyxJQUFNLGNBQWMsR0FBb0IsVUFBQyxLQUFLOztJQUN6QyxJQUFBLFFBQVEsR0FBaUIsS0FBSyxTQUF0QixFQUFFLE1BQU0sR0FBUyxLQUFLLE9BQWQsRUFBRSxFQUFFLEdBQUssS0FBSyxHQUFWLENBQVc7SUFFdkMsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxXQUFXO1FBQ3RCLDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ25DLE1BQU0sQ0FBQyxZQUFZLElBQUksQ0FDcEIsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRTtnQkFDYiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxLQUFLLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsWUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybVJvb3RGaWVsZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29tcG9uZW50cy9Gb3JtUm9vdEZpZWxkcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQXlDO0FBRXpDLG9DQUFrRTtBQUNsRSwyQ0FBMEM7QUFDMUMsbURBQWlEO0FBQ2pELCtDQUE4QztBQUU5Qyx3REFBdUQ7QUFDdkQsMkRBQXlEO0FBQ3pELG1EQUFpRTtBQUNqRSwwQ0FBNEM7QUFDNUMsNkVBQTRFO0FBQzVFLCtDQUE4QztBQUU5QyxJQUFNLE9BQU8sR0FBa0Q7SUFDM0QsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7SUFDcEMsRUFBRSxFQUFFLEVBQUUsd0JBQXdCLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFO0lBQy9ELEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO0NBQ3JDLENBQUM7QUFTSyxJQUFNLGNBQWMsR0FBb0IsVUFBQyxLQUFLOztJQUN6QyxJQUFBLFFBQVEsR0FBMEIsS0FBSyxTQUEvQixFQUFFLE1BQU0sR0FBa0IsS0FBSyxPQUF2QixFQUFFLEVBQUUsR0FBYyxLQUFLLEdBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRWhELElBQU0sWUFBWSxHQUF5QyxVQUFPLEtBQUs7Ozs7OztvQkFFOUMscUJBQU0sa0JBQVMsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBQTs7b0JBQTFELFFBQVEsR0FBRyxTQUErQztvQkFDaEUsc0JBQU8sQ0FBQyxRQUFRLENBQUMsRUFBQzs7O29CQUVsQixpQkFBaUI7b0JBQ2pCLGtCQUFrQjtvQkFDbEIsSUFBSTtv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

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

@@ -1,6 +1,6 @@
 import { WysiwygContent } from "@uxf/wysiwyg";
-import { FileResponse } from "../../../ui/FileUploadInput";
 import { Content, ContentComponent, ContentProps } from "../types";
+import { FileResponse } from "../../../api";
 export declare type FeatureSectionFormData = {
     title: string;
     subtitle?: string;

package/pages/ContentBuilder/content/FeatureSection.js

@@ -10,64 +10,114 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureSection = void 0;
-var material_1 = require("@mui/material");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var text_input_1 = require("@uxf/form/text-input");
 var react_1 = __importDefault(require("react"));
-var react_final_form_arrays_1 = require("react-final-form-arrays");
-var FileUploadInput_1 = require("../../../forms/components/FileUploadInput");
-var TextInput_1 = require("../../../forms/components/TextInput");
-var WysiwygField_1 = require("../../../forms/components/WysiwygField");
-var Button_1 = require("../../../ui/Button");
 var ContentHeader_1 = require("../ContentHeader");
+var file_input_1 = require("@uxf/form/file-input");
+var config_1 = require("../../../config");
+var button_1 = require("@uxf/ui/button");
+var react_hook_form_1 = require("react-hook-form");
 var FeatureSection = function (props) {
-    var name = props.name;
+    var name = props.name, control = props.control;
+    var onUploadFile = function (files) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, config_1.container.get("api.uploadFile")(files[0])];
+                case 1:
+                    response = _a.sent();
+                    return [2 /*return*/, [response]];
+                case 2:
+                    e_1 = _a.sent();
+                    // if (onError) {
+                    //     onError(e);
+                    // }
+                    return [2 /*return*/, []];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var _a = (0, react_hook_form_1.useFieldArray)({ control: control, name: "".concat(name, ".features") }), fields = _a.fields, remove = _a.remove, append = _a.append;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props)),
         react_1.default.createElement("div", { className: "pt-6" },
             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", required: true })),
+                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", isRequired: true, control: control })),
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".subtitle"), label: "Podnadpis" })),
+                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".subtitle"), label: "Podnadpis", control: control })),
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(react_final_form_arrays_1.FieldArray, { name: "".concat(name, ".features") }, 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 feature?")) {
-                                        fields.remove(index);
-                                    }
-                                };
-                                return (react_1.default.createElement("div", { key: "feature-".concat(index), className: "border-primary mb-8 border-l-2 pl-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" },
-                                            "Feature #",
-                                            index + 1),
-                                        index > 0 ? (react_1.default.createElement("div", null,
-                                            react_1.default.createElement(Button_1.Button, { size: "small", color: "error", onClick: handleRemove }, "Smazat feature"))) : (react_1.default.createElement(material_1.Box, null))),
-                                    react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
-                                        react_1.default.createElement("div", { className: "col-span-12" },
-                                            react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".title"), label: "Nadpis", 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(WysiwygField_1.WysiwygField, { name: "".concat(fieldName, ".text") })),
-                                        react_1.default.createElement("div", { className: "col-span-12" },
-                                            react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".ctaUrl"), label: "CTA url" })))));
-                            }),
-                            react_1.default.createElement(Button_1.Button, { variant: "outlined", onClick: function () { return fields.push({ title: "" }); } }, "P\u0159idat feature")));
-                    }))))));
+                    fields.map(function (field, index) {
+                        var handleRemove = function () {
+                            // eslint-disable-next-line no-alert
+                            if (confirm("Opravdu chcete smazat feature?")) {
+                                remove(index);
+                            }
+                        };
+                        return (react_1.default.createElement("div", { key: "feature-".concat(field.id), className: "border-primary mb-8 border-l-2 pl-8" },
+                            react_1.default.createElement("div", { className: "flex justify-between" },
+                                react_1.default.createElement("h4", { className: "uxf-typo-h6" },
+                                    "Feature #",
+                                    index + 1),
+                                index > 0 ? (react_1.default.createElement("div", null,
+                                    react_1.default.createElement(button_1.Button, { size: "sm", onClick: handleRemove }, "Smazat feature"))) : (react_1.default.createElement("div", null))),
+                            react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
+                                react_1.default.createElement("div", { className: "col-span-12" },
+                                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".features[").concat(index, "].title"), label: "Nadpis", isRequired: true, control: control })),
+                                react_1.default.createElement("div", { className: "col-span-12" },
+                                    react_1.default.createElement(file_input_1.FileInput, { id: "".concat(name, ".features[").concat(index, "].image"), name: "".concat(name, ".features[").concat(index, "].image"), label: "Obr\u00E1zek", onUploadFiles: onUploadFile, control: control })),
+                                react_1.default.createElement("div", { className: "col-span-12" }, "TODO: @honisek - Wysiwyg je z\u00E1visl\u00FD na MUI"),
+                                react_1.default.createElement("div", { className: "col-span-12" },
+                                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".features[").concat(index, "].ctaUrl"), label: "CTA url", control: control })))));
+                    }),
+                    react_1.default.createElement(button_1.Button, { variant: "outlined", onClick: function () { return append({ title: "" }); } }, "P\u0159idat feature"))))));
 };
 exports.FeatureSection = FeatureSection;
 exports.FeatureSection.getConfig = function () { return ({
     type: "featureSection",
     label: "Feature sekce",
 }); };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmVhdHVyZVNlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29udGVudC9GZWF0dXJlU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwwQ0FBb0M7QUFDcEMsd0VBQWtEO0FBRWxELGdEQUEwQjtBQUMxQixtRUFBcUQ7QUFDckQsNkVBQTRFO0FBQzVFLGlFQUFnRTtBQUNoRSx1RUFBc0U7QUFDdEUsNkNBQTRDO0FBRTVDLGtEQUFpRDtBQWtCMUMsSUFBTSxjQUFjLEdBQW1ELFVBQUMsS0FBSztJQUN4RSxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUN2QixPQUFPLENBQ0g7UUFDSSw4QkFBQyw2QkFBYSxlQUFLLEtBQUssRUFBSTtRQUM1Qix1Q0FBSyxTQUFTLEVBQUMsTUFBTTtZQUNqQix1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO2dCQUN6Qyx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFdBQVEsRUFBRSxLQUFLLEVBQUMsUUFBUSxFQUFDLFFBQVEsU0FBRyxDQUMxRDtnQkFDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLGNBQVcsRUFBRSxLQUFLLEVBQUMsV0FBVyxHQUFHLENBQ3ZEO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxvQ0FBVSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksY0FBVyxJQUMvQixVQUFDLEVBQVU7NEJBQVIsTUFBTSxZQUFBO3dCQUNOLE9BQU8sQ0FDSDs0QkFDSyxNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsU0FBUyxFQUFFLEtBQUs7Z0NBQ3pCLElBQU0sWUFBWSxHQUFHO29DQUNqQixvQ0FBb0M7b0NBQ3BDLElBQUksT0FBTyxDQUFDLGdDQUFnQyxDQUFDLEVBQUU7d0NBQzNDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7cUNBQ3hCO2dDQUNMLENBQUMsQ0FBQztnQ0FDRixPQUFPLENBQ0gsdUNBQ0ksR0FBRyxFQUFFLGtCQUFXLEtBQUssQ0FBRSxFQUN2QixTQUFTLEVBQUMscUNBQXFDO29DQUUvQyx1Q0FBSyxTQUFTLEVBQUMsc0JBQXNCO3dDQUNqQyw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLFVBQVUsRUFBQyxNQUFNOzs0Q0FDMUMsS0FBSyxHQUFHLENBQUMsQ0FDVjt3Q0FDWixLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNUOzRDQUNJLDhCQUFDLGVBQU0sSUFDSCxJQUFJLEVBQUMsT0FBTyxFQUNaLEtBQUssRUFBQyxPQUFPLEVBQ2IsT0FBTyxFQUFFLFlBQVkscUJBR2hCLENBQ1AsQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBLDhCQUFDLGNBQUcsT0FBRyxDQUNWLENBQ0M7b0NBQ04sdUNBQUssU0FBUyxFQUFDLDhCQUE4Qjt3Q0FDekMsdUNBQUssU0FBUyxFQUFDLGFBQWE7NENBQ3hCLDhCQUFDLHFCQUFTLElBQ04sSUFBSSxFQUFFLFVBQUcsU0FBUyxXQUFRLEVBQzFCLEtBQUssRUFBQyxRQUFRLEVBQ2QsUUFBUSxTQUNWLENBQ0E7d0NBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7NENBQ3hCLDhCQUFDLGlDQUFlLElBQ1osRUFBRSxFQUFFLFVBQUcsU0FBUyxXQUFRLEVBQ3hCLElBQUksRUFBRSxVQUFHLFNBQVMsV0FBUSxFQUMxQixLQUFLLEVBQUMsY0FBUyxHQUNqQixDQUNBO3dDQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhOzRDQUN4Qiw4QkFBQywyQkFBWSxJQUFDLElBQUksRUFBRSxVQUFHLFNBQVMsVUFBTyxHQUFJLENBQ3pDO3dDQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhOzRDQUN4Qiw4QkFBQyxxQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLFNBQVMsWUFBUyxFQUFFLEtBQUssRUFBQyxTQUFTLEdBQUcsQ0FDeEQsQ0FDSixDQUNKLENBQ1QsQ0FBQzs0QkFDTixDQUFDLENBQUM7NEJBQ0YsOEJBQUMsZUFBTSxJQUFDLE9BQU8sRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQTFCLENBQTBCLDBCQUUzRCxDQUNWLENBQ04sQ0FBQztvQkFDTixDQUFDLENBQ1EsQ0FDWCxDQUNKLENBQ0osQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFyRlcsUUFBQSxjQUFjLGtCQXFGekI7QUFFRixzQkFBYyxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUM5QixJQUFJLEVBQUUsZ0JBQWdCO0lBQ3RCLEtBQUssRUFBRSxlQUFlO0NBQ3pCLENBQUMsRUFIK0IsQ0FHL0IsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmVhdHVyZVNlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29udGVudC9GZWF0dXJlU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtREFBaUQ7QUFFakQsZ0RBQTBCO0FBQzFCLGtEQUFpRDtBQUVqRCxtREFBaUU7QUFDakUsMENBQTRDO0FBQzVDLHlDQUF3QztBQUN4QyxtREFBZ0Q7QUFrQnpDLElBQU0sY0FBYyxHQUFtRCxVQUFDLEtBQUs7SUFDeEUsSUFBQSxJQUFJLEdBQWMsS0FBSyxLQUFuQixFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUVoQyxJQUFNLFlBQVksR0FBeUMsVUFBTyxLQUFLOzs7Ozs7b0JBRTlDLHFCQUFNLGtCQUFTLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUE7O29CQUExRCxRQUFRLEdBQUcsU0FBK0M7b0JBQ2hFLHNCQUFPLENBQUMsUUFBUSxDQUFDLEVBQUM7OztvQkFFbEIsaUJBQWlCO29CQUNqQixrQkFBa0I7b0JBQ2xCLElBQUk7b0JBQ0osc0JBQU8sRUFBRSxFQUFDOzs7O1NBRWpCLENBQUM7SUFFSSxJQUFBLEtBQTZCLElBQUEsK0JBQWEsRUFBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLElBQUksRUFBRSxVQUFHLElBQUksY0FBVyxFQUFFLENBQUMsRUFBL0UsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUF5RCxDQUFDO0lBRXhGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLDZCQUFhLGVBQUssS0FBSyxFQUFJO1FBQzVCLHVDQUFLLFNBQVMsRUFBQyxNQUFNO1lBQ2pCLHVDQUFLLFNBQVMsRUFBQyw4QkFBOEI7Z0JBQ3pDLHVD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

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

@@ -1,5 +1,5 @@
 import { Content, ContentComponent, ContentProps } from "../types";
-import { FileResponse } from "../../../ui/FileUploadInput";
+import { FileResponse } from "../../../api";
 export declare type GalleryFormData = {
     images?: FileResponse[];
 };

package/pages/ContentBuilder/content/Gallery.js

@@ -17,17 +17,20 @@ 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 dropzone_input_1 = require("@uxf/form/dropzone/dropzone-input");
+var onUploadDropzoneFile_1 = require("../../../forms/utils/onUploadDropzoneFile");
+var dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
 var Gallery = function (props) {
-    var name = props.name;
+    var name = props.name, control = props.control;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props)),
         react_1.default.createElement("div", { className: "pt-6" },
-            react_1.default.createElement(DropZone_1.DropZone, { name: "".concat(name, ".images") }))));
+            react_1.default.createElement(dropzone_input_1.DropzoneInput, { name: "".concat(name, ".images"), control: control, onUploadFile: onUploadDropzoneFile_1.onUploadDropzoneFile }),
+            react_1.default.createElement(dropzone_list_1.DropzoneList, { name: "".concat(name, ".images"), control: control }))));
 };
 exports.Gallery = Gallery;
 exports.Gallery.getConfig = function () { return ({
     type: "gallery",
     label: "Galerie",
 }); };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb250ZW50L0dhbGxlcnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLGtEQUFpRDtBQUVqRCwrREFBOEQ7QUFVdkQsSUFBTSxPQUFPLEdBQTRDLFVBQUMsS0FBSztJQUMxRCxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUV2QixPQUFPLENBQ0g7UUFDSSw4QkFBQyw2QkFBYSxlQUFLLEtBQUssRUFBSTtRQUM1Qix1Q0FBSyxTQUFTLEVBQUMsTUFBTTtZQUNqQiw4QkFBQyxtQkFBUSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxHQUFJLENBQ2xDLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWFcsUUFBQSxPQUFPLFdBV2xCO0FBRUYsZUFBTyxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUN2QixJQUFJLEVBQUUsU0FBUztJQUNmLEtBQUssRUFBRSxTQUFTO0NBQ25CLENBQUMsRUFId0IsQ0FHeEIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb250ZW50L0dhbGxlcnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLGtEQUFpRDtBQUNqRCxvRUFBa0U7QUFDbEUsa0ZBQWlGO0FBQ2pGLGtFQUFnRTtBQVd6RCxJQUFNLE9BQU8sR0FBNEMsVUFBQyxLQUFLO0lBQzFELElBQUEsSUFBSSxHQUFjLEtBQUssS0FBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFFaEMsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsNkJBQWEsZUFBSyxLQUFLLEVBQUk7UUFDNUIsdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsOEJBQUMsOEJBQWEsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFlBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSwyQ0FBb0IsR0FBSTtZQUMvRiw4QkFBQyw0QkFBWSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDeEQsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFaVyxRQUFBLE9BQU8sV0FZbEI7QUFFRixlQUFPLENBQUMsU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQ3ZCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7Q0FDbkIsQ0FBQyxFQUh3QixDQUd4QixDQUFDIn0=

package/pages/ContentBuilder/content/HeroSection.js

@@ -15,28 +15,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeroSection = void 0;
+var text_input_1 = require("@uxf/form/text-input");
 var react_1 = __importDefault(require("react"));
-var TextInput_1 = require("../../../forms/components/TextInput");
-var WysiwygField_1 = require("../../../forms/components/WysiwygField");
 var ContentHeader_1 = require("../ContentHeader");
 var HeroSection = function (props) {
-    var name = props.name;
+    var name = props.name, control = props.control;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(ContentHeader_1.ContentHeader, __assign({}, props)),
         react_1.default.createElement("div", { className: "pt-6" },
             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", required: true })),
+                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", isRequired: true, control: control })),
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".subtitle"), label: "Podnadpis" })),
+                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".subtitle"), label: "Podnadpis", control: control })),
+                react_1.default.createElement("div", { className: "col-span-12" }, "TODO: @honisek - Wysiwyg je z\u00E1visl\u00FD na MUI"),
                 react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(WysiwygField_1.WysiwygField, { name: "".concat(name, ".text") })),
-                react_1.default.createElement("div", { className: "col-span-12" },
-                    react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".ctaUrl"), label: "CTA url" }))))));
+                    react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".ctaUrl"), label: "CTA url", control: control }))))));
 };
 exports.HeroSection = HeroSection;
 exports.HeroSection.getConfig = function () { return ({
     type: "heroSection",
     label: "Hero sekce",
 }); };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyb1NlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29udGVudC9IZXJvU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFDQSxnREFBMEI7QUFDMUIsaUVBQWdFO0FBQ2hFLHVFQUFzRTtBQUN0RSxrREFBaUQ7QUFjMUMsSUFBTSxXQUFXLEdBQWdELFVBQUMsS0FBSztJQUNsRSxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUN2QixPQUFPLENBQ0g7UUFDSSw4QkFBQyw2QkFBYSxlQUFLLEtBQUssRUFBSTtRQUM1Qix1Q0FBSyxTQUFTLEVBQUMsTUFBTTtZQUNqQix1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO2dCQUN6Qyx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFdBQVEsRUFBRSxLQUFLLEVBQUMsUUFBUSxFQUFDLFFBQVEsU0FBRyxDQUMxRDtnQkFDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLGNBQVcsRUFBRSxLQUFLLEVBQUMsV0FBVyxHQUFHLENBQ3ZEO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQywyQkFBWSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksVUFBTyxHQUFJLENBQ3BDO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxxQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxFQUFFLEtBQUssRUFBQyxTQUFTLEdBQUcsQ0FDbkQsQ0FDSixDQUNKLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdkJXLFFBQUEsV0FBVyxlQXVCdEI7QUFFRixtQkFBVyxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUMzQixJQUFJLEVBQUUsYUFBYTtJQUNuQixLQUFLLEVBQUUsWUFBWTtDQUN0QixDQUFDLEVBSDRCLENBRzVCLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVyb1NlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29udGVudC9IZXJvU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtREFBaUQ7QUFFakQsZ0RBQTBCO0FBQzFCLGtEQUFpRDtBQWMxQyxJQUFNLFdBQVcsR0FBZ0QsVUFBQyxLQUFLO0lBQ2xFLElBQUEsSUFBSSxHQUFjLEtBQUssS0FBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFFaEMsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsNkJBQWEsZUFBSyxLQUFLLEVBQUk7UUFDNUIsdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsdUNBQUssU0FBUyxFQUFDLDhCQUE4QjtnQkFDekMsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLHNCQUFTLElBQUMsSUFBSSxFQUFFLFVBQUcsSUFBSSxXQUFRLEVBQUUsS0FBSyxFQUFDLFFBQVEsRUFBQyxVQUFVLFFBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUM5RTtnQkFDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMsc0JBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLGNBQVcsRUFBRSxLQUFLLEVBQUMsV0FBVyxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDekU7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWEsMkRBR3RCO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxFQUFFLEtBQUssRUFBQyxTQUFTLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUNyRSxDQUNKLENBQ0osQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUF6QlcsUUFBQSxXQUFXLGVBeUJ0QjtBQUVGLG1CQUFXLENBQUMsU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQzNCLElBQUksRUFBRSxhQUFhO0lBQ25CLEtBQUssRUFBRSxZQUFZO0NBQ3RCLENBQUMsRUFINEIsQ0FHNUIsQ0FBQyJ9

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

@@ -1,5 +1,5 @@
 import { Content, ContentComponent, ContentProps } from "../types";
-import { FileResponse } from "../../../ui/FileUploadInput";
+import { FileResponse } from "../../../api";
 export declare type PersonFormData = {
     name?: string;
     subtitle?: string;