@uxf/cms 4.0.0-beta.17 → 4.0.0-beta.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -4,9 +4,12 @@ import { Content, ContentComponent, ContentProps } from "../types";
|
|
|
4
4
|
export declare type FeatureSectionFormData = {
|
|
5
5
|
title: string;
|
|
6
6
|
subtitle?: string;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
features: Array<{
|
|
8
|
+
title: string;
|
|
9
|
+
image?: FileResponse;
|
|
10
|
+
text?: WysiwygContent;
|
|
11
|
+
ctaUrl?: string;
|
|
12
|
+
}>;
|
|
10
13
|
};
|
|
11
14
|
declare type Props = ContentProps;
|
|
12
15
|
export declare type FeatureSectionContent = Content<"featureSection", FeatureSectionFormData>;
|
|
@@ -15,10 +15,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.FeatureSection = void 0;
|
|
18
|
+
var material_1 = require("@mui/material");
|
|
19
|
+
var Typography_1 = __importDefault(require("@mui/material/Typography"));
|
|
18
20
|
var react_1 = __importDefault(require("react"));
|
|
21
|
+
var react_final_form_arrays_1 = require("react-final-form-arrays");
|
|
19
22
|
var FileUploadInput_1 = require("../../../forms/components/FileUploadInput");
|
|
20
23
|
var TextInput_1 = require("../../../forms/components/TextInput");
|
|
21
24
|
var WysiwygField_1 = require("../../../forms/components/WysiwygField");
|
|
25
|
+
var Button_1 = require("../../../ui/Button");
|
|
22
26
|
var ContentHeader_1 = require("../ContentHeader");
|
|
23
27
|
var FeatureSection = function (props) {
|
|
24
28
|
var name = props.name;
|
|
@@ -31,15 +35,39 @@ var FeatureSection = function (props) {
|
|
|
31
35
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
32
36
|
react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(name, ".subtitle"), label: "Podnadpis" })),
|
|
33
37
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
34
|
-
react_1.default.createElement(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
react_1.default.createElement(react_final_form_arrays_1.FieldArray, { name: "".concat(name, ".features") }, function (_a) {
|
|
39
|
+
var fields = _a.fields;
|
|
40
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
41
|
+
fields.map(function (fieldName, index) {
|
|
42
|
+
var handleRemove = function () {
|
|
43
|
+
// eslint-disable-next-line no-alert
|
|
44
|
+
if (confirm("Opravdu chcete smazat feature?")) {
|
|
45
|
+
fields.remove(index);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
return (react_1.default.createElement("div", { key: "feature-".concat(index), className: "border-l-2 border-primary pl-8 mb-8" },
|
|
49
|
+
react_1.default.createElement("div", { className: "flex justify-between" },
|
|
50
|
+
react_1.default.createElement(Typography_1.default, { variant: "h4", pt: 1, mb: 3, fontWeight: "bold" },
|
|
51
|
+
"Feature #",
|
|
52
|
+
index + 1),
|
|
53
|
+
index > 0 ? (react_1.default.createElement("div", null,
|
|
54
|
+
react_1.default.createElement(Button_1.Button, { size: "small", color: "error", onClick: handleRemove }, "Smazat feature"))) : (react_1.default.createElement(material_1.Box, null))),
|
|
55
|
+
react_1.default.createElement("div", { className: "grid grid-cols-12 gap-4 mt-2" },
|
|
56
|
+
react_1.default.createElement("div", { className: "col-span-12" },
|
|
57
|
+
react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".title"), label: "Nadpis", required: true })),
|
|
58
|
+
react_1.default.createElement("div", { className: "col-span-12" },
|
|
59
|
+
react_1.default.createElement(FileUploadInput_1.FileUploadInput, { id: "".concat(fieldName, ".image"), name: "".concat(fieldName, ".image"), label: "Obr\u00E1zek" })),
|
|
60
|
+
react_1.default.createElement("div", { className: "col-span-12" },
|
|
61
|
+
react_1.default.createElement(WysiwygField_1.WysiwygField, { name: "".concat(fieldName, ".text") })),
|
|
62
|
+
react_1.default.createElement("div", { className: "col-span-12" },
|
|
63
|
+
react_1.default.createElement(TextInput_1.TextInput, { name: "".concat(fieldName, ".ctaUrl"), label: "CTA url" })))));
|
|
64
|
+
}),
|
|
65
|
+
react_1.default.createElement(Button_1.Button, { variant: "outlined", onClick: function () { return fields.push({ title: "" }); } }, "P\u0159idat feature")));
|
|
66
|
+
}))))));
|
|
39
67
|
};
|
|
40
68
|
exports.FeatureSection = FeatureSection;
|
|
41
69
|
exports.FeatureSection.getConfig = function () { return ({
|
|
42
70
|
type: "featureSection",
|
|
43
71
|
label: "Feature sekce",
|
|
44
72
|
}); };
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmVhdHVyZVNlY3Rpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvcGFnZXMvQ29udGVudEJ1aWxkZXIvY29udGVudC9GZWF0dXJlU2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwwQ0FBb0M7QUFDcEMsd0VBQWtEO0FBRWxELGdEQUEwQjtBQUMxQixtRUFBcUQ7QUFDckQsNkVBQTRFO0FBQzVFLGlFQUFnRTtBQUNoRSx1RUFBc0U7QUFDdEUsNkNBQTRDO0FBRTVDLGtEQUFpRDtBQWtCMUMsSUFBTSxjQUFjLEdBQW1ELFVBQUMsS0FBSztJQUN4RSxJQUFBLElBQUksR0FBSyxLQUFLLEtBQVYsQ0FBVztJQUN2QixPQUFPLENBQ0g7UUFDSSw4QkFBQyw2QkFBYSxlQUFLLEtBQUssRUFBSTtRQUM1Qix1Q0FBSyxTQUFTLEVBQUMsTUFBTTtZQUNqQix1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO2dCQUN6Qyx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFdBQVEsRUFBRSxLQUFLLEVBQUMsUUFBUSxFQUFDLFFBQVEsU0FBRyxDQUMxRDtnQkFDTix1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMscUJBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLGNBQVcsRUFBRSxLQUFLLEVBQUMsV0FBVyxHQUFHLENBQ3ZEO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxvQ0FBVSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksY0FBVyxJQUMvQixVQUFDLEVBQVU7NEJBQVIsTUFBTSxZQUFBO3dCQUNOLE9BQU8sQ0FDSDs0QkFDSyxNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsU0FBUyxFQUFFLEtBQUs7Z0NBQ3pCLElBQU0sWUFBWSxHQUFHO29DQUNqQixvQ0FBb0M7b0NBQ3BDLElBQUksT0FBTyxDQUFDLGdDQUFnQyxDQUFDLEVBQUU7d0NBQzNDLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7cUNBQ3hCO2dDQUNMLENBQUMsQ0FBQztnQ0FDRixPQUFPLENBQ0gsdUNBQ0ksR0FBRyxFQUFFLGtCQUFXLEtBQUssQ0FBRSxFQUN2QixTQUFTLEVBQUMscUNBQXFDO29DQUUvQyx1Q0FBSyxTQUFTLEVBQUMsc0JBQXNCO3dDQUNqQyw4QkFBQyxvQkFBVSxJQUFDLE9BQU8sRUFBQyxJQUFJLEVBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLFVBQVUsRUFBQyxNQUFNOzs0Q0FDMUMsS0FBSyxHQUFHLENBQUMsQ0FDVjt3Q0FDWixLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNUOzRDQUNJLDhCQUFDLGVBQU0sSUFDSCxJQUFJLEVBQUMsT0FBTyxFQUNaLEtBQUssRUFBQyxPQUFPLEVBQ2IsT0FBTyxFQUFFLFlBQVkscUJBR2hCLENBQ1AsQ0FDVCxDQUFDLENBQUMsQ0FBQyxDQUNBLDhCQUFDLGNBQUcsT0FBRyxDQUNWLENBQ0M7b0NBQ04sdUNBQUssU0FBUyxFQUFDLDhCQUE4Qjt3Q0FDekMsdUNBQUssU0FBUyxFQUFDLGFBQWE7NENBQ3hCLDhCQUFDLHFCQUFTLElBQ04sSUFBSSxFQUFFLFVBQUcsU0FBUyxXQUFRLEVBQzFCLEtBQUssRUFBQyxRQUFRLEVBQ2QsUUFBUSxTQUNWLENBQ0E7d0NBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7NENBQ3hCLDhCQUFDLGlDQUFlLElBQ1osRUFBRSxFQUFFLFVBQUcsU0FBUyxXQUFRLEVBQ3hCLElBQUksRUFBRSxVQUFHLFNBQVMsV0FBUSxFQUMxQixLQUFLLEVBQUMsY0FBUyxHQUNqQixDQUNBO3dDQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhOzRDQUN4Qiw4QkFBQywyQkFBWSxJQUFDLElBQUksRUFBRSxVQUFHLFNBQVMsVUFBTyxHQUFJLENBQ3pDO3dDQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhOzRDQUN4Qiw4QkFBQyxxQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLFNBQVMsWUFBUyxFQUFFLEtBQUssRUFBQyxTQUFTLEdBQUcsQ0FDeEQsQ0FDSixDQUNKLENBQ1QsQ0FBQzs0QkFDTixDQUFDLENBQUM7NEJBQ0YsOEJBQUMsZUFBTSxJQUFDLE9BQU8sRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFFLGNBQU0sT0FBQSxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQTFCLENBQTBCLDBCQUUzRCxDQUNWLENBQ04sQ0FBQztvQkFDTixDQUFDLENBQ1EsQ0FDWCxDQUNKLENBQ0osQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFyRlcsUUFBQSxjQUFjLGtCQXFGekI7QUFFRixzQkFBYyxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUM5QixJQUFJLEVBQUUsZ0JBQWdCO0lBQ3RCLEtBQUssRUFBRSxlQUFlO0NBQ3pCLENBQUMsRUFIK0IsQ0FHL0IsQ0FBQyJ9
|