@uxf/cms 6.0.0-beta.3 → 6.0.0-beta.31

package/pages/ContentBuilder/components/FormRootFields.js

@@ -4,17 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (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 DateTimePicker_1 = require("../../../forms/components/DateTimePicker");
+var checkbox_1 = require("@uxf/form/checkbox");
+var onUploadFile_1 = require("../../../forms/utils/onUploadFile");
 var options = [
     { id: "PRIVATE", label: "Privátní" },
     { id: "PUBLIC_WITHOUT_SITEMAP", label: "Veřejný bez sitemapy" },
@@ -22,50 +22,50 @@ 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;
     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(DateTimePicker_1.DateTimePicker, { 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", onUploadFile: onUploadFile_1.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, ...", onUploadFile: onUploadFile_1.onUploadFile, control: control })))),
         children));
 };
 exports.FormRootFields = FormRootFields;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybVJvb3RGaWVsZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29tcG9uZW50cy9Gb3JtUm9vdEZpZWxkcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsd0VBQWtEO0FBQ2xELDREQUFzQztBQUN0QywrREFBOEQ7QUFDOUQsaUVBQWdFO0FBQ2hFLGdEQUF5QztBQUN6QywyRUFBMEU7QUFDMUUsMkRBQTBEO0FBRTFELDZFQUE0RTtBQUM1RSx1RUFBc0U7QUFDdEUsb0NBQWtFO0FBQ2xFLHVGQUFzRjtBQUV0RixJQUFNLE9BQU8sR0FBa0Q7SUFDM0QsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7SUFDcEMsRUFBRSxFQUFFLEVBQUUsd0JBQXdCLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFO0lBQy9ELEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO0NBQ3JDLENBQUM7QUFRSyxJQUFNLGNBQWMsR0FBb0IsVUFBQyxLQUFLOztJQUN6QyxJQUFBLFFBQVEsR0FBaUIsS0FBSyxTQUF0QixFQUFFLE1BQU0sR0FBUyxLQUFLLE9BQWQsRUFBRSxFQUFFLEdBQUssS0FBSyxHQUFWLENBQVc7SUFFdkMsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxXQUFXO1FBQ3RCLDhCQUFDLGNBQUksSUFBQyxTQUFTLFFBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDO1lBQ25DLE1BQU0sQ0FBQyxZQUFZLElBQUksQ0FDcEIsOEJBQUMsY0FBSSxJQUFDLElBQUksUUFBQyxFQUFFLEVBQUUsRUFBRTtnQkFDYiw4QkFBQyxlQUFNLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxLQUFLLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsWUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybVJvb3RGaWVsZHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29tcG9uZW50cy9Gb3JtUm9vdEZpZWxkcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQXlDO0FBRXpDLG9DQUFrRTtBQUNsRSwyQ0FBMEM7QUFDMUMsbURBQWlEO0FBQ2pELCtDQUE4QztBQUU5Qyx3REFBdUQ7QUFDdkQsMkRBQXlEO0FBQ3pELG1EQUFpRDtBQUNqRCwyRUFBMEU7QUFDMUUsK0NBQThDO0FBQzlDLGtFQUFpRTtBQUVqRSxJQUFNLE9BQU8sR0FBa0Q7SUFDM0QsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7SUFDcEMsRUFBRSxFQUFFLEVBQUUsd0JBQXdCLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFO0lBQy9ELEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO0NBQ3JDLENBQUM7QUFTSyxJQUFNLGNBQWMsR0FBb0IsVUFBQyxLQUFLOztJQUN6QyxJQUFBLFFBQVEsR0FBMEIsS0FBSyxTQUEvQixFQUFFLE1BQU0sR0FBa0IsS0FBSyxPQUF2QixFQUFFLEVBQUUsR0FBYyxLQUFLLEdBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRWhELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsV0FBVztRQUN0Qix1Q0FBSyxTQUFTLEVBQUMscUJBQXFCO1lBQy9CLE1BQU0sQ0FBQyxZQUFZLElBQUksQ0FDcEI7Z0JBQ0ksOEJBQUMsZUFBTSxJQUNILElBQUksRUFBQyxNQUFNLEVBQ1gsS0FBSyxFQUFDLEtBQUssRUFDWCxPQUFPLEVBQUUsTUFBTSxDQUFDLFlBQVksRUFDNUIsVUFBVSxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQ2hCLFVBQVUsUUFDVixPQUFPLEVBQUUsT0FBTyxHQUNsQixD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

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

@@ -1,7 +1,7 @@
 import { WysiwygContent } from "@uxf/wysiwyg";
-import { FileResponse } from "../../../ui/FileUploadInput";
 import { Content, ContentComponent, ContentProps } from "../types";
-export declare type FeatureSectionFormData = {
+import { FileResponse } from "../../../api";
+export type FeatureSectionFormData = {
     title: string;
     subtitle?: string;
     features: Array<{
@@ -11,7 +11,7 @@ export declare type FeatureSectionFormData = {
         ctaUrl?: string;
     }>;
 };
-declare type Props = ContentProps;
-export declare type FeatureSectionContent = Content<"featureSection", FeatureSectionFormData>;
+type Props = ContentProps;
+export type FeatureSectionContent = Content<"featureSection", FeatureSectionFormData>;
 export declare const FeatureSection: ContentComponent<FeatureSectionContent, Props>;
 export {};

package/pages/ContentBuilder/content/FeatureSection.js

@@ -15,59 +15,53 @@ var __importDefault = (this && this.__importDefault) || function (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 button_1 = require("@uxf/ui/button");
+var react_hook_form_1 = require("react-hook-form");
+var onUploadDropzoneFile_1 = require("../../../forms/utils/onUploadDropzoneFile");
 var FeatureSection = function (props) {
-    var name = props.name;
+    var name = props.name, control = props.control;
+    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: "grid grid-cols-12 gap-4 mt-2" },
+            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-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" },
-                                            "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: "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, ".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", onUploadFile: onUploadDropzoneFile_1.onUploadDropzoneFile, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmVhdHVyZVNlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29udGVudC9GZWF0dXJlU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtREFBaUQ7QUFFakQsZ0RBQTBCO0FBQzFCLGtEQUFpRDtBQUVqRCxtREFBaUQ7QUFDakQseUNBQXdDO0FBQ3hDLG1EQUFnRDtBQUVoRCxrRkFBaUY7QUFpQjFFLElBQU0sY0FBYyxHQUFtRCxVQUFDLEtBQUs7SUFDeEUsSUFBQSxJQUFJLEdBQWMsS0FBSyxLQUFuQixFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUUxQixJQUFBLEtBQTZCLElBQUEsK0JBQWEsRUFBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLElBQUksRUFBRSxVQUFHLElBQUksY0FBVyxFQUFFLENBQUMsRUFBL0UsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUF5RCxDQUFDO0lBRXhGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLDZCQUFhLGVBQUssS0FBSyxFQUFJO1FBQzVCLHVDQUFLLFNBQVMsRUFBQyxNQUFNO1lBQ2pCLHVDQUFLLFNBQVMsRUFBQyw4QkFBOEI7Z0JBQ3pDLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksV0FBUSxFQUFFLEtBQUssRUFBQyxRQUFRLEVBQUMsVUFBVSxRQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDOUU7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLHNCQUFTLElBQUMsSUFBSSxFQUFFLFVBQUcsSUFBSSxjQUFXLEVBQUUsS0FBSyxFQUFDLFdBQVcsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3pFO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN2QixNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsS0FBSyxFQUFFLEtBQUs7d0JBQ3JCLElBQU0sWUFBWSxHQUFHOzRCQUNqQixvQ0FBb0M7NEJBQ3BDLElBQUksT0FBTyxDQUFDLGdDQUFnQyxDQUFDLEVBQUU7Z0NBQzNDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQzs2QkFDakI7d0JBQ0wsQ0FBQyxDQUFDO3dCQUNGLE9BQU8sQ0FDSCx1Q0FBSyxHQUFHLEVBQUUsa0JBQVcsS0FBSyxDQUFDLEVBQUUsQ0FBRSxFQUFFLFNBQVMsRUFBQyxxQ0FBcUM7NEJBQzVFLHVDQUFLLFNBQVMsRUFBQyxzQkFBc0I7Z0NBQ2pDLHNDQUFJLFNBQVMsRUFBQyxhQUFhOztvQ0FBVyxLQUFLLEdBQUcsQ0FBQyxDQUFNO2dDQUNwRCxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNUO29DQUNJLDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBRSxZQUFZLHFCQUU5QixDQUNQLENBQ1QsQ0FBQyxDQUFDLENBQUMsQ0FDQSwwQ0FBTyxDQUNWLENBQ0M7NEJBQ04sdUNBQUssU0FBUyxFQUFDLDhCQUE4QjtnQ0FDekMsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0NBQ3hCLDhCQUFDLHNCQUFTLElBQ04sSUFBSSxFQUFFLFVBQUcsSUFBSSx1QkFBYSxLQUFLLFlBQVMsRUFDeEMsS0FBSyxFQUFDLFFBQVEsRUFDZCxVQUFVLFFBQ1YsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQTtnQ0FDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQ0FDeEIsOEJBQUMsc0JBQVMsSUFDTixFQUFFLEVBQUUsVUFBRyxJQUFJLHVCQUFhLEtBQUssWUFBUyxFQUN0QyxJQUFJLEVBQUUsVUFBRyxJQUFJLHVCQUFhLEtBQUssWUFBUyxFQUN4QyxLQUFLLEVBQUMsY0FBUyxFQUNmLFlBQVksRUFBRSwyQ0FBb0IsRUFDbEMsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQTtnQ0FDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYSwyREFHdEI7Z0NBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7b0NBQ3hCLDhCQUFDLHNCQUFTLElBQ04sSUFBSSxFQUFFLFVBQUcsSUFBSSx1QkFBYSxLQUFLLGFBQVUsRUFDekMsS0FBSyxFQUFDLFNBQVMsRUFDZixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBLENBQ0osQ0FDSixDQUNULENBQUM7b0JBQ04sQ0FBQyxDQUFDO29CQUNGLDhCQUFDLGVBQU0sSUFBQyxPQUFPLEVBQUMsVUFBVSxFQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsTUFBTSxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQXJCLENBQXFCLDBCQUV0RCxDQUNQLENBQ0osQ0FDSixDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9FVyxRQUFBLGNBQWMsa0JBK0V6QjtBQUVGLHNCQUFjLENBQUMsU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQzlCLElBQUksRUFBRSxnQkFBZ0I7SUFDdEIsS0FBSyxFQUFFLGVBQWU7Q0FDekIsQ0FBQyxFQUgrQixDQUcvQixDQUFDIn0=

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

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

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 dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
+var onUploadDropzoneFile_1 = require("../../../forms/utils/onUploadDropzoneFile");
 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9Db250ZW50QnVpbGRlci9jb250ZW50L0dhbGxlcnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLGtEQUFpRDtBQUNqRCxvRUFBa0U7QUFDbEUsa0VBQWdFO0FBRWhFLGtGQUFpRjtBQVUxRSxJQUFNLE9BQU8sR0FBNEMsVUFBQyxLQUFLO0lBQzFELElBQUEsSUFBSSxHQUFjLEtBQUssS0FBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFFaEMsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsNkJBQWEsZUFBSyxLQUFLLEVBQUk7UUFDNUIsdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsOEJBQUMsOEJBQWEsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFlBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSwyQ0FBb0IsR0FBSTtZQUMvRiw4QkFBQyw0QkFBWSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDeEQsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFaVyxRQUFBLE9BQU8sV0FZbEI7QUFFRixlQUFPLENBQUMsU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQ3ZCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7Q0FDbkIsQ0FBQyxFQUh3QixDQUd4QixDQUFDIn0=

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

@@ -1,12 +1,12 @@
 import { WysiwygContent } from "@uxf/wysiwyg";
 import { Content, ContentComponent, ContentProps } from "../types";
-export declare type HeroSectionFormData = {
+export type HeroSectionFormData = {
     title: string;
     subtitle?: string;
     text?: WysiwygContent;
     ctaUrl?: string;
 };
-declare type Props = ContentProps;
-export declare type HeroSectionContent = Content<"heroSection", HeroSectionFormData>;
+type Props = ContentProps;
+export type HeroSectionContent = Content<"heroSection", HeroSectionFormData>;
 export declare const HeroSection: ContentComponent<HeroSectionContent, Props>;
 export {};

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: "grid grid-cols-12 gap-4 mt-2" },
+            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,6 +1,6 @@
 import { Content, ContentComponent, ContentProps } from "../types";
-import { FileResponse } from "../../../ui/FileUploadInput";
-export declare type PersonFormData = {
+import { FileResponse } from "../../../api";
+export type PersonFormData = {
     name?: string;
     subtitle?: string;
     image?: FileResponse;
@@ -8,10 +8,10 @@ export declare type PersonFormData = {
     phone?: string;
     email?: string;
 };
-export declare type PeopleFormData = {
+export type PeopleFormData = {
     people: PersonFormData[];
 };
-export declare type PeopleContent = Content<"people", PeopleFormData>;
-declare type Props = ContentProps;
+export type PeopleContent = Content<"people", PeopleFormData>;
+type Props = ContentProps;
 export declare const People: ContentComponent<PeopleContent, Props>;
 export {};

package/pages/ContentBuilder/content/People.js

@@ -16,55 +16,52 @@ var __importDefault = (this && this.__importDefault) || function (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 react_hook_form_1 = require("react-hook-form");
+var button_1 = require("@uxf/ui/button");
+var text_input_1 = require("@uxf/form/text-input");
+var textarea_1 = require("@uxf/form/textarea");
+var file_input_1 = require("@uxf/form/file-input");
+var onUploadFile_1 = require("../../../forms/utils/onUploadFile");
 var People = function (props) {
-    var name = props.name;
+    var name = props.name, control = props.control;
+    var _a = (0, react_hook_form_1.useFieldArray)({ control: control, name: "".concat(name, ".people") }), 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(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")));
-            }))));
+            fields.map(function (field, index) {
+                var handleRemove = function () {
+                    // eslint-disable-next-line no-alert
+                    if (confirm("Opravdu chcete smazat osobu?")) {
+                        remove(index);
+                    }
+                };
+                return (react_1.default.createElement("div", { key: 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 mb-3 pt-1" },
+                            "Osoba #",
+                            index + 1),
+                        index > 0 ? (react_1.default.createElement("div", null,
+                            react_1.default.createElement(button_1.Button, { size: "sm", onClick: handleRemove }, "Smazat osobu"))) : (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, ".people.").concat(index, ".name"), label: "Jm\u00E9no", isRequired: true, control: control })),
+                        react_1.default.createElement("div", { className: "col-span-12" },
+                            react_1.default.createElement(file_input_1.FileInput, { id: "".concat(name, ".people.").concat(index, ".image"), name: "".concat(name, ".people.").concat(index, ".image"), label: "Obr\u00E1zek", control: control, onUploadFile: onUploadFile_1.onUploadFile })),
+                        react_1.default.createElement("div", { className: "col-span-12" },
+                            react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".subtitle"), label: "Popisek", control: control })),
+                        react_1.default.createElement("div", { className: "col-span-12" },
+                            react_1.default.createElement(textarea_1.Textarea, { name: "".concat(name, ".people.").concat(index, ".text"), label: "Text", rows: 2, control: control })),
+                        react_1.default.createElement("div", { className: "col-span-6" },
+                            react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".phone"), label: "Telefon", type: "tel", control: control })),
+                        react_1.default.createElement("div", { className: "col-span-6" },
+                            react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".email"), label: "E-mail", type: "email", control: control })))));
+            }),
+            react_1.default.createElement(button_1.Button, { variant: "outlined", onClick: function () { return append({ name: "" }); } }, "P\u0159idat osobu"))));
 };
 exports.People = People;
 exports.People.getConfig = function () { return ({
     type: "people",
     label: "Lidé",
 }); };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGVvcGxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL0NvbnRlbnRCdWlsZGVyL2NvbnRlbnQvUGVvcGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQiwwREFBb0M7QUFDcEMsa0RBQWlEO0FBQ2pELGlFQUFnRTtBQUNoRSw2RUFBNEU7QUFDNUUsbUVBQXFEO0FBQ3JELGdFQUEwQztBQUMxQyx3RUFBa0Q7QUFvQjNDLElBQU0sTUFBTSxHQUEyQyxVQUFDLEtBQUs7SUFDeEQsSUFBQSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFdkIsT0FBTyxDQUNIO1FBQ0ksOEJBQUMsNkJBQWEsZUFBSyxLQUFLLEVBQUk7UUFDNUIsdUNBQUssU0FBUyxFQUFDLE1BQU07WUFDakIsOEJBQUMsb0NBQVUsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFlBQVMsSUFDN0IsVUFBQyxFQUFVO29CQUFSLE1BQU0sWUFBQTtnQkFDTixPQUFPLENBQ0g7b0JBQ0ssTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFDLFNBQVMsRUFBRSxLQUFLO3dCQUN6QixJQUFNLFlBQVksR0FBRzs0QkFDakIsb0NBQW9DOzRCQUNwQyxJQUFJLE9BQU8sQ0FBQyw4QkFBOEIsQ0FBQyxFQUFFO2dDQUN6QyxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDOzZCQUN4Qjt3QkFDTCxDQUFDLENBQUM7d0JBQ0YsT0FBTyxDQUNILHVDQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLHFDQUFxQzs0QkFDNUQsdUNBQUssU0FBUyxFQUFDLHNCQUFzQjtnQ0FDakMsOEJBQUMsb0JBQVUsSUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFDLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxVQUFVLEVBQUMsTUFBTTs7b0NBQzVDLEtBQUssR0FBRyxDQUFDLENBQ1I7Z0NBQ1osS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDVDtvQ0FDSSw4QkFBQyxnQkFBTSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsWUFBWSxtQkFFL0MsQ0FDUCxDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0EsOEJBQUMsYUFBRyxPQUFHLENBQ1YsQ0FDQzs0QkFDTix1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO2dDQUN6Qyx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQ0FDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxTQUFTLFVBQU8sRUFBRSxLQUFLLEVBQUMsWUFBTyxFQUFDLFFBQVEsU0FBRyxDQUM3RDtnQ0FDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQ0FDeEIsOEJBQUMsaUNBQWUsSUFDWixFQUFFLEVBQUUsVUFBRyxTQUFTLFdBQVEsRUFDeEIsSUFBSSxFQUFFLFVBQUcsU0FBUyxXQUFRLEVBQzFCLEtBQUssRUFBQyxjQUFTLEdBQ2pCLENBQ0E7Z0NBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7b0NBQ3hCLDhCQUFDLHFCQUFTLElBQUMsSUFBSSxFQUFFLFVBQUcsU0FBUyxjQUFXLEVBQUUsS0FBSyxFQUFDLFNBQVMsR0FBRyxDQUMxRDtnQ0FDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQ0FDeEIsOEJBQUMscUJBQVMsSUFDTixJQUFJLEVBQUUsVUFBRyxTQUFTLFVBQU8sRUFDekIsS0FBSyxFQUFDLE1BQU0sRUFDWixTQUFTLFFBQ1QsSUFBSSxFQUFDLEdBQUcsR0FDVixDQUNBO2dDQUNOLHVDQUFLLFNBQVMsRUFBQyxZQUFZO29DQUN2Qiw4QkFBQyxxQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLFNBQVMsV0FBUSxFQUFFLEtBQUssRUFBQyxTQUFTLEVBQUMsSUFBSSxFQUFDLEtBQUssR0FBRyxDQUNsRTtnQ0FDTix1Q0FBSyxTQUFTLEVBQUMsWUFBWTtvQ0FDdkIsOEJBQUMscUJBQVMsSUFDTixJQUFJLEVBQUUsVUFBRyxTQUFTLFdBQVEsRUFDMUIsS0FBSyxFQUFDLFFBQVEsRUFDZCxJQUFJLEVBQUMsT0FBTyxHQUNkLENBQ0EsQ0FDSixDQUNKLENBQ1QsQ0FBQztvQkFDTixDQUFDLENBQUM7b0JBQ0YsOEJBQUMsZ0JBQU0sSUFBQyxPQUFPLEVBQUMsVUFBVSxFQUFDLE9BQU8sRUFBRSxjQUFNLE9BQUEsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUF6QixDQUF5Qix3QkFFMUQsQ0FDVixDQUNOLENBQUM7WUFDTixDQUFDLENBQ1EsQ0FDWCxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWhGVyxRQUFBLE1BQU0sVUFnRmpCO0FBRUYsY0FBTSxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUN0QixJQUFJLEVBQUUsUUFBUTtJQUNkLEtBQUssRUFBRSxNQUFNO0NBQ2hCLENBQUMsRUFIdUIsQ0FHdkIsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGVvcGxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL0NvbnRlbnRCdWlsZGVyL2NvbnRlbnQvUGVvcGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixrREFBaUQ7QUFDakQsbURBQWdEO0FBQ2hELHlDQUF3QztBQUN4QyxtREFBaUQ7QUFDakQsK0NBQThDO0FBQzlDLG1EQUFpRDtBQUNqRCxrRUFBaUU7QUFvQjFELElBQU0sTUFBTSxHQUEyQyxVQUFDLEtBQUs7SUFDeEQsSUFBQSxJQUFJLEdBQWMsS0FBSyxLQUFuQixFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUUxQixJQUFBLEtBQTZCLElBQUEsK0JBQWEsRUFBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLElBQUksRUFBRSxVQUFHLElBQUksWUFBUyxFQUFFLENBQUMsRUFBN0UsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUF1RCxDQUFDO0lBRXRGLE9BQU8sQ0FDSDtRQUNJLDhCQUFDLDZCQUFhLGVBQUssS0FBSyxFQUFJO1FBQzVCLHVDQUFLLFNBQVMsRUFBQyxNQUFNO1lBQ2hCLE1BQU0sQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsS0FBSztnQkFDckIsSUFBTSxZQUFZLEdBQUc7b0JBQ2pCLG9DQUFvQztvQkFDcEMsSUFBSSxPQUFPLENBQUMsOEJBQThCLENBQUMsRUFBRTt3QkFDekMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO3FCQUNqQjtnQkFDTCxDQUFDLENBQUM7Z0JBQ0YsT0FBTyxDQUNILHVDQUFLLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxFQUFFLFNBQVMsRUFBQyxxQ0FBcUM7b0JBQy9ELHVDQUFLLFNBQVMsRUFBQyxzQkFBc0I7d0JBQ2pDLHNDQUFJLFNBQVMsRUFBQyx1QkFBdUI7OzRCQUFTLEtBQUssR0FBRyxDQUFDLENBQU07d0JBQzVELEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQ1Q7NEJBQ0ksOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFFLFlBQVksbUJBRTlCLENBQ1AsQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBLDBDQUFPLENBQ1YsQ0FDQztvQkFDTix1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO3dCQUN6Qyx1Q0FBSyxTQUFTLEVBQUMsYUFBYTs0QkFDeEIsOEJBQUMsc0JBQVMsSUFDTixJQUFJLEVBQUUsVUFBRyxJQUFJLHFCQUFXLEtBQUssVUFBTyxFQUNwQyxLQUFLLEVBQUMsWUFBTyxFQUNiLFVBQVUsUUFDVixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBO3dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhOzRCQUN4Qiw4QkFBQyxzQkFBUyxJQUNOLEVBQUUsRUFBRSxVQUFHLElBQUkscUJBQVcsS0FBSyxXQUFRLEVBQ25DLElBQUksRUFBRSxVQUFHLElBQUkscUJBQVcsS0FBSyxXQUFRLEVBQ3JDLEtBQUssRUFBQyxjQUFTLEVBQ2YsT0FBTyxFQUFFLE9BQU8sRUFDaEIsWUFBWSxFQUFFLDJCQUFZLEdBQzVCLENBQ0E7d0JBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7NEJBQ3hCLDhCQUFDLHNCQUFTLElBQ04sSUFBSSxFQUFFLFVBQUcsSUFBSSxxQkFBVyxLQUFLLGNBQVcsRUFDeEMsS0FBSyxFQUFDLFNBQVMsRUFDZixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBO3dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhOzRCQUN4Qiw4QkFBQyxtQkFBUSxJQUNMLElBQUksRUFBRSxVQUFHLElBQUkscUJBQVcsS0FBSyxVQUFPLEVBQ3BDLEtBQUssRUFBQyxNQUFNLEVBQ1osSUFBSSxFQUFFLENBQUMsRUFDUCxPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBO3dCQUNOLHVDQUFLLFNBQVMsRUFBQyxZQUFZOzRCQUN2Qiw4QkFBQyxzQkFBUyxJQUNOLElBQUksRUFBRSxVQUFHLElBQUkscUJBQVcsS0FBSyxXQUFRLEVBQ3JDLEtBQUssRUFBQyxTQUFTLEVBQ2YsSUFBSSxFQUFDLEtBQUssRUFDVixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBO3dCQUNOLHVDQUFLLFNBQVMsRUFBQyxZQUFZOzRCQUN2Qiw4QkFBQyxzQkFBUyxJQUNOLElBQUksRUFBRSxVQUFHLElBQUkscUJBQVcsS0FBSyxXQUFRLEVBQ3JDLEtBQUssRUFBQyxRQUFRLEVBQ2QsSUFBSSxFQUFDLE9BQU8sRUFDWixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBLENBQ0osQ0FDSixDQUNULENBQUM7WUFDTixDQUFDLENBQUM7WUFDRiw4QkFBQyxlQUFNLElBQUMsT0FBTyxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUUsY0FBTSxPQUFBLE1BQU0sQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFwQixDQUFvQix3QkFFckQsQ0FDUCxDQUNKLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXpGVyxRQUFBLE1BQU0sVUF5RmpCO0FBRUYsY0FBTSxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUN0QixJQUFJLEVBQUUsUUFBUTtJQUNkLEtBQUssRUFBRSxNQUFNO0NBQ2hCLENBQUMsRUFIdUIsQ0FHdkIsQ0FBQyJ9

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

@@ -1,10 +1,10 @@
 import { Content, ContentComponent, ContentProps } from "../types";
 import { EditorImageElementPlugin, EditorPlugin, WysiwygEditorProps } from "@uxf/wysiwyg/Editor";
-export declare type WysiwygContent = Content<"wysiwyg", any>;
-declare type ConfigProps = {
+export type WysiwygContent = Content<"wysiwyg", any>;
+type ConfigProps = {
     editorProps?: Partial<Omit<WysiwygEditorProps, "value" | "onChange">>;
 };
-declare type Props = ContentProps & ConfigProps;
+type Props = ContentProps & ConfigProps;
 export declare const DefaultImagePlugin: EditorImageElementPlugin;
 export declare const DEFAULT_EDITOR_PLUGINS: EditorPlugin[];
 export declare const Wysiwyg: ContentComponent<WysiwygContent, Props> & {