@uxf/cms 6.0.0-beta.75 → 6.0.0-beta.77
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/config/icons-config.d.ts +1 -1
- package/config/icons-config.js +1 -1
- package/config/icons.d.ts +15 -0
- package/config/icons.js +4 -1
- package/lib/layout/layout.js +6 -6
- package/lib/layout/types.d.ts +2 -0
- package/lib/login-layout/login-layout.js +3 -3
- package/package.json +6 -3
- package/pages/content-builder/components/form-content.d.ts +3 -0
- package/pages/content-builder/components/form-content.js +33 -6
- package/pages/content-builder/components/form-root-fields.js +45 -42
- package/pages/content-builder/components/form.js +59 -13
- package/pages/content-builder/components/header.d.ts +6 -0
- package/pages/content-builder/components/header.js +18 -0
- package/pages/content-builder/constants.d.ts +2 -0
- package/pages/content-builder/constants.js +6 -0
- package/pages/content-builder/content/feature-section.js +32 -13
- package/pages/content-builder/content/gallery.js +23 -6
- package/pages/content-builder/content/hero-section.js +27 -8
- package/pages/content-builder/content/people.js +30 -13
- package/pages/content-builder/content/wysiwyg.js +22 -6
- package/pages/content-builder/content-builder-page.js +10 -12
- package/pages/content-builder/content-field.js +62 -15
- package/pages/content-builder/content-header.js +64 -16
- package/pages/content-builder/context/details-visibility-context.d.ts +4 -0
- package/pages/content-builder/context/details-visibility-context.js +93 -0
- package/pages/content-builder/hooks/use-sortable.d.ts +15 -0
- package/pages/content-builder/hooks/use-sortable.js +83 -0
- package/pages/content-builder/types.d.ts +2 -0
- package/pages/form-page/base-field.js +3 -3
- package/pages/grid-page/grid-page.js +8 -6
- package/ui/widget/widget.js +3 -3
- package/utils/icons.config.js +15 -0
- package/utils/use-viewport-height.d.ts +1 -0
- package/utils/use-viewport-height.js +46 -0
|
@@ -10,6 +10,22 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
+
if (!m) return o;
|
|
16
|
+
var i = m.call(o), r, ar = [], e;
|
|
17
|
+
try {
|
|
18
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
+
}
|
|
20
|
+
catch (error) { e = { error: error }; }
|
|
21
|
+
finally {
|
|
22
|
+
try {
|
|
23
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
+
}
|
|
25
|
+
finally { if (e) throw e.error; }
|
|
26
|
+
}
|
|
27
|
+
return ar;
|
|
28
|
+
};
|
|
13
29
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
30
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
31
|
};
|
|
@@ -22,17 +38,19 @@ var file_input_1 = require("@uxf/form/file-input");
|
|
|
22
38
|
var button_1 = require("@uxf/ui/button");
|
|
23
39
|
var react_hook_form_1 = require("react-hook-form");
|
|
24
40
|
var on_upload_dropzone_file_1 = require("../../../forms/utils/on-upload-dropzone-file");
|
|
41
|
+
var wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
|
|
42
|
+
var details_visibility_context_1 = require("../context/details-visibility-context");
|
|
25
43
|
var FeatureSection = function (props) {
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
return (react_1.default.createElement("div",
|
|
44
|
+
var _a = __read((0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id), 1), visibility = _a[0];
|
|
45
|
+
var _b = (0, react_hook_form_1.useFieldArray)({ control: props.control, name: "".concat(props.name, ".features") }), fields = _b.fields, remove = _b.remove, append = _b.append;
|
|
46
|
+
return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
|
|
29
47
|
react_1.default.createElement(content_header_1.ContentHeader, __assign({}, props)),
|
|
30
|
-
react_1.default.createElement("div", { className: "
|
|
48
|
+
visibility && (react_1.default.createElement("div", { className: "p-4" },
|
|
31
49
|
react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
|
|
32
50
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
33
|
-
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", isRequired: true, control: control })),
|
|
51
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".title"), label: "Nadpis", isRequired: true, control: props.control })),
|
|
34
52
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
35
|
-
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".subtitle"), label: "Podnadpis", control: control })),
|
|
53
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".subtitle"), label: "Podnadpis", control: props.control })),
|
|
36
54
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
37
55
|
fields.map(function (field, index) {
|
|
38
56
|
var handleRemove = function () {
|
|
@@ -47,21 +65,22 @@ var FeatureSection = function (props) {
|
|
|
47
65
|
"Feature #",
|
|
48
66
|
index + 1),
|
|
49
67
|
index > 0 ? (react_1.default.createElement("div", null,
|
|
50
|
-
react_1.default.createElement(button_1.Button, { size: "sm", onClick: handleRemove }, "Smazat feature"))) : (react_1.default.createElement("div", null))),
|
|
68
|
+
react_1.default.createElement(button_1.Button, { size: "sm", variant: "white", onClick: handleRemove }, "Smazat feature"))) : (react_1.default.createElement("div", null))),
|
|
51
69
|
react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
|
|
52
70
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
53
|
-
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".features[").concat(index, "].title"), label: "Nadpis", isRequired: true, control: control })),
|
|
71
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".features[").concat(index, "].title"), label: "Nadpis", isRequired: true, control: props.control })),
|
|
72
|
+
react_1.default.createElement("div", { className: "col-span-12" },
|
|
73
|
+
react_1.default.createElement(file_input_1.FileInput, { id: "".concat(props.name, ".features[").concat(index, "].image"), name: "".concat(props.name, ".features[").concat(index, "].image"), label: "Obr\u00E1zek", onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile, control: props.control })),
|
|
54
74
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
55
|
-
react_1.default.createElement(
|
|
56
|
-
react_1.default.createElement("div", { className: "col-span-12" }, "TODO: @honisek - Wysiwyg je z\u00E1visl\u00FD na MUI"),
|
|
75
|
+
react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { name: "".concat(props.name, ".features[").concat(index, "].text"), control: props.control })),
|
|
57
76
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
58
|
-
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".features[").concat(index, "].ctaUrl"), label: "CTA url", control: control })))));
|
|
77
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".features[").concat(index, "].ctaUrl"), label: "CTA url", control: props.control })))));
|
|
59
78
|
}),
|
|
60
|
-
react_1.default.createElement(button_1.Button, { variant: "
|
|
79
|
+
react_1.default.createElement(button_1.Button, { variant: "white", size: "sm", onClick: function () { return append({ title: "" }); } }, "P\u0159idat feature")))))));
|
|
61
80
|
};
|
|
62
81
|
exports.FeatureSection = FeatureSection;
|
|
63
82
|
exports.FeatureSection.getConfig = function () { return ({
|
|
64
83
|
type: "featureSection",
|
|
65
84
|
label: "Feature sekce",
|
|
66
85
|
}); };
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb250ZW50L2ZlYXR1cmUtc2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsbURBQWlEO0FBRWpELGdEQUEwQjtBQUMxQixvREFBa0Q7QUFFbEQsbURBQWlEO0FBQ2pELHlDQUF3QztBQUN4QyxtREFBZ0Q7QUFFaEQsd0ZBQW9GO0FBQ3BGLHlFQUF1RTtBQUN2RSxvRkFBdUY7QUFpQmhGLElBQU0sY0FBYyxHQUFtRCxVQUFDLEtBQUs7SUFDMUUsSUFBQSxLQUFBLE9BQWUsSUFBQSwyREFBOEIsRUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUEsRUFBdEQsVUFBVSxRQUE0QyxDQUFDO0lBRXhELElBQUEsS0FBNkIsSUFBQSwrQkFBYSxFQUFDLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQUcsS0FBSyxDQUFDLElBQUksY0FBVyxFQUFFLENBQUMsRUFBcEcsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUE4RSxDQUFDO0lBRTdHLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsb0RBQW9EO1FBQy9ELDhCQUFDLDhCQUFhLGVBQUssS0FBSyxFQUFJO1FBQzNCLFVBQVUsSUFBSSxDQUNYLHVDQUFLLFNBQVMsRUFBQyxLQUFLO1lBQ2hCLHVDQUFLLFNBQVMsRUFBQyw4QkFBOEI7Z0JBQ3pDLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLEtBQUssQ0FBQyxJQUFJLFdBQVEsRUFBRSxLQUFLLEVBQUMsUUFBUSxFQUFDLFVBQVUsUUFBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sR0FBSSxDQUMxRjtnQkFDTix1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
|
|
@@ -10,6 +10,22 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
+
if (!m) return o;
|
|
16
|
+
var i = m.call(o), r, ar = [], e;
|
|
17
|
+
try {
|
|
18
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
+
}
|
|
20
|
+
catch (error) { e = { error: error }; }
|
|
21
|
+
finally {
|
|
22
|
+
try {
|
|
23
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
+
}
|
|
25
|
+
finally { if (e) throw e.error; }
|
|
26
|
+
}
|
|
27
|
+
return ar;
|
|
28
|
+
};
|
|
13
29
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
30
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
31
|
};
|
|
@@ -20,17 +36,18 @@ var content_header_1 = require("../content-header");
|
|
|
20
36
|
var dropzone_input_1 = require("@uxf/form/dropzone/dropzone-input");
|
|
21
37
|
var dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
|
|
22
38
|
var on_upload_dropzone_file_1 = require("../../../forms/utils/on-upload-dropzone-file");
|
|
39
|
+
var details_visibility_context_1 = require("../context/details-visibility-context");
|
|
23
40
|
var Gallery = function (props) {
|
|
24
|
-
var
|
|
25
|
-
return (react_1.default.createElement("div",
|
|
41
|
+
var _a = __read((0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id), 1), visibility = _a[0];
|
|
42
|
+
return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
|
|
26
43
|
react_1.default.createElement(content_header_1.ContentHeader, __assign({}, props)),
|
|
27
|
-
react_1.default.createElement("div", { className: "
|
|
28
|
-
react_1.default.createElement(dropzone_input_1.DropzoneInput, { name: "".concat(name, ".images"), control: control, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile }),
|
|
29
|
-
react_1.default.createElement(dropzone_list_1.DropzoneList, { name: "".concat(name, ".images"), control: control }))));
|
|
44
|
+
visibility && (react_1.default.createElement("div", { className: "p-4" },
|
|
45
|
+
react_1.default.createElement(dropzone_input_1.DropzoneInput, { name: "".concat(props.name, ".images"), control: props.control, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile }),
|
|
46
|
+
react_1.default.createElement(dropzone_list_1.DropzoneList, { name: "".concat(props.name, ".images"), control: props.control })))));
|
|
30
47
|
};
|
|
31
48
|
exports.Gallery = Gallery;
|
|
32
49
|
exports.Gallery.getConfig = function () { return ({
|
|
33
50
|
type: "gallery",
|
|
34
51
|
label: "Galerie",
|
|
35
52
|
}); };
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9jb250ZW50LWJ1aWxkZXIvY29udGVudC9nYWxsZXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFFMUIsb0RBQWtEO0FBQ2xELG9FQUFrRTtBQUNsRSxrRUFBZ0U7QUFFaEUsd0ZBQW9GO0FBQ3BGLG9GQUF1RjtBQVVoRixJQUFNLE9BQU8sR0FBNEMsVUFBQyxLQUFLO0lBQzVELElBQUEsS0FBQSxPQUFlLElBQUEsMkRBQThCLEVBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFBLEVBQXRELFVBQVUsUUFBNEMsQ0FBQztJQUU5RCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLG9EQUFvRDtRQUMvRCw4QkFBQyw4QkFBYSxlQUFLLEtBQUssRUFBSTtRQUMzQixVQUFVLElBQUksQ0FDWCx1Q0FBSyxTQUFTLEVBQUMsS0FBSztZQUNoQiw4QkFBQyw4QkFBYSxJQUNWLElBQUksRUFBRSxVQUFHLEtBQUssQ0FBQyxJQUFJLFlBQVMsRUFDNUIsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQ3RCLFlBQVksRUFBRSw4Q0FBb0IsR0FDcEM7WUFDRiw4QkFBQyw0QkFBWSxJQUFDLElBQUksRUFBRSxVQUFHLEtBQUssQ0FBQyxJQUFJLFlBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sR0FBSSxDQUNwRSxDQUNULENBQ0MsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBbEJXLFFBQUEsT0FBTyxXQWtCbEI7QUFFRixlQUFPLENBQUMsU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQ3ZCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7Q0FDbkIsQ0FBQyxFQUh3QixDQUd4QixDQUFDIn0=
|
|
@@ -10,6 +10,22 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
+
if (!m) return o;
|
|
16
|
+
var i = m.call(o), r, ar = [], e;
|
|
17
|
+
try {
|
|
18
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
+
}
|
|
20
|
+
catch (error) { e = { error: error }; }
|
|
21
|
+
finally {
|
|
22
|
+
try {
|
|
23
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
+
}
|
|
25
|
+
finally { if (e) throw e.error; }
|
|
26
|
+
}
|
|
27
|
+
return ar;
|
|
28
|
+
};
|
|
13
29
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
30
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
31
|
};
|
|
@@ -18,23 +34,26 @@ exports.HeroSection = void 0;
|
|
|
18
34
|
var text_input_1 = require("@uxf/form/text-input");
|
|
19
35
|
var react_1 = __importDefault(require("react"));
|
|
20
36
|
var content_header_1 = require("../content-header");
|
|
37
|
+
var wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
|
|
38
|
+
var details_visibility_context_1 = require("../context/details-visibility-context");
|
|
21
39
|
var HeroSection = function (props) {
|
|
22
|
-
var
|
|
23
|
-
return (react_1.default.createElement("div",
|
|
40
|
+
var _a = __read((0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id), 1), visibility = _a[0];
|
|
41
|
+
return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
|
|
24
42
|
react_1.default.createElement(content_header_1.ContentHeader, __assign({}, props)),
|
|
25
|
-
react_1.default.createElement("div", { className: "
|
|
43
|
+
visibility && (react_1.default.createElement("div", { className: "p-4" },
|
|
26
44
|
react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
|
|
27
45
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
28
|
-
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", isRequired: true, control: control })),
|
|
46
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".title"), label: "Nadpis", isRequired: true, control: props.control })),
|
|
47
|
+
react_1.default.createElement("div", { className: "col-span-12" },
|
|
48
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".subtitle"), label: "Podnadpis", control: props.control })),
|
|
29
49
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
30
|
-
react_1.default.createElement(
|
|
31
|
-
react_1.default.createElement("div", { className: "col-span-12" }, "TODO: @honisek - Wysiwyg je z\u00E1visl\u00FD na MUI"),
|
|
50
|
+
react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { name: "".concat(props.name, ".text"), control: props.control })),
|
|
32
51
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
33
|
-
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".ctaUrl"), label: "CTA url", control: control }))))));
|
|
52
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".ctaUrl"), label: "CTA url", control: props.control })))))));
|
|
34
53
|
};
|
|
35
54
|
exports.HeroSection = HeroSection;
|
|
36
55
|
exports.HeroSection.getConfig = function () { return ({
|
|
37
56
|
type: "heroSection",
|
|
38
57
|
label: "Hero sekce",
|
|
39
58
|
}); };
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1zZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb250ZW50L2hlcm8tc2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsbURBQWlEO0FBRWpELGdEQUEwQjtBQUMxQixvREFBa0Q7QUFFbEQseUVBQXVFO0FBQ3ZFLG9GQUF1RjtBQWFoRixJQUFNLFdBQVcsR0FBZ0QsVUFBQyxLQUFLO0lBQ3BFLElBQUEsS0FBQSxPQUFlLElBQUEsMkRBQThCLEVBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFBLEVBQXRELFVBQVUsUUFBNEMsQ0FBQztJQUU5RCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLG9EQUFvRDtRQUMvRCw4QkFBQyw4QkFBYSxlQUFLLEtBQUssRUFBSTtRQUMzQixVQUFVLElBQUksQ0FDWCx1Q0FBSyxTQUFTLEVBQUMsS0FBSztZQUNoQix1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO2dCQUN6Qyx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMsc0JBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxLQUFLLENBQUMsSUFBSSxXQUFRLEVBQUUsS0FBSyxFQUFDLFFBQVEsRUFBQyxVQUFVLFFBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEdBQUksQ0FDMUY7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLHNCQUFTLElBQUMsSUFBSSxFQUFFLFVBQUcsS0FBSyxDQUFDLElBQUksY0FBVyxFQUFFLEtBQUssRUFBQyxXQUFXLEVBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEdBQUksQ0FDckY7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLDRCQUFZLElBQUMsSUFBSSxFQUFFLFVBQUcsS0FBSyxDQUFDLElBQUksVUFBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxHQUFJLENBQ2xFO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLEtBQUssQ0FBQyxJQUFJLFlBQVMsRUFBRSxLQUFLLEVBQUMsU0FBUyxFQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxHQUFJLENBQ2pGLENBQ0osQ0FDSixDQUNULENBQ0MsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsV0FBVyxlQTBCdEI7QUFFRixtQkFBVyxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUMzQixJQUFJLEVBQUUsYUFBYTtJQUNuQixLQUFLLEVBQUUsWUFBWTtDQUN0QixDQUFDLEVBSDRCLENBRzVCLENBQUMifQ==
|
|
@@ -10,6 +10,22 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
+
if (!m) return o;
|
|
16
|
+
var i = m.call(o), r, ar = [], e;
|
|
17
|
+
try {
|
|
18
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
+
}
|
|
20
|
+
catch (error) { e = { error: error }; }
|
|
21
|
+
finally {
|
|
22
|
+
try {
|
|
23
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
+
}
|
|
25
|
+
finally { if (e) throw e.error; }
|
|
26
|
+
}
|
|
27
|
+
return ar;
|
|
28
|
+
};
|
|
13
29
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
30
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
31
|
};
|
|
@@ -23,12 +39,13 @@ var text_input_1 = require("@uxf/form/text-input");
|
|
|
23
39
|
var textarea_1 = require("@uxf/form/textarea");
|
|
24
40
|
var file_input_1 = require("@uxf/form/file-input");
|
|
25
41
|
var on_upload_file_1 = require("../../../forms/utils/on-upload-file");
|
|
42
|
+
var details_visibility_context_1 = require("../context/details-visibility-context");
|
|
26
43
|
var People = function (props) {
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
return (react_1.default.createElement("div",
|
|
44
|
+
var _a = __read((0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id), 1), visibility = _a[0];
|
|
45
|
+
var _b = (0, react_hook_form_1.useFieldArray)({ control: props.control, name: "".concat(props.name, ".people") }), fields = _b.fields, remove = _b.remove, append = _b.append;
|
|
46
|
+
return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
|
|
30
47
|
react_1.default.createElement(content_header_1.ContentHeader, __assign({}, props)),
|
|
31
|
-
react_1.default.createElement("div", { className: "
|
|
48
|
+
visibility && (react_1.default.createElement("div", { className: "p-4" },
|
|
32
49
|
fields.map(function (field, index) {
|
|
33
50
|
var handleRemove = function () {
|
|
34
51
|
// eslint-disable-next-line no-alert
|
|
@@ -42,26 +59,26 @@ var People = function (props) {
|
|
|
42
59
|
"Osoba #",
|
|
43
60
|
index + 1),
|
|
44
61
|
index > 0 ? (react_1.default.createElement("div", null,
|
|
45
|
-
react_1.default.createElement(button_1.Button, { size: "sm", onClick: handleRemove }, "Smazat osobu"))) : (react_1.default.createElement("div", null))),
|
|
62
|
+
react_1.default.createElement(button_1.Button, { size: "sm", variant: "white", onClick: handleRemove }, "Smazat osobu"))) : (react_1.default.createElement("div", null))),
|
|
46
63
|
react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
|
|
47
64
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
48
|
-
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".name"), label: "Jm\u00E9no", isRequired: true, control: control })),
|
|
65
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".people.").concat(index, ".name"), label: "Jm\u00E9no", isRequired: true, control: props.control })),
|
|
49
66
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
50
|
-
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: on_upload_file_1.onUploadFile })),
|
|
67
|
+
react_1.default.createElement(file_input_1.FileInput, { id: "".concat(props.name, ".people.").concat(index, ".image"), name: "".concat(props.name, ".people.").concat(index, ".image"), label: "Obr\u00E1zek", control: props.control, onUploadFile: on_upload_file_1.onUploadFile })),
|
|
51
68
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
52
|
-
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".subtitle"), label: "Popisek", control: control })),
|
|
69
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".people.").concat(index, ".subtitle"), label: "Popisek", control: props.control })),
|
|
53
70
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
54
|
-
react_1.default.createElement(textarea_1.Textarea, { name: "".concat(name, ".people.").concat(index, ".text"), label: "Text", rows: 2, control: control })),
|
|
71
|
+
react_1.default.createElement(textarea_1.Textarea, { name: "".concat(props.name, ".people.").concat(index, ".text"), label: "Text", rows: 2, control: props.control })),
|
|
55
72
|
react_1.default.createElement("div", { className: "col-span-6" },
|
|
56
|
-
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".phone"), label: "Telefon", type: "tel", control: control })),
|
|
73
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".people.").concat(index, ".phone"), label: "Telefon", type: "tel", control: props.control })),
|
|
57
74
|
react_1.default.createElement("div", { className: "col-span-6" },
|
|
58
|
-
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".email"), label: "E-mail", type: "email", control: control })))));
|
|
75
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(props.name, ".people.").concat(index, ".email"), label: "E-mail", type: "email", control: props.control })))));
|
|
59
76
|
}),
|
|
60
|
-
react_1.default.createElement(button_1.Button, { variant: "
|
|
77
|
+
react_1.default.createElement(button_1.Button, { variant: "white", size: "sm", onClick: function () { return append({ name: "" }); } }, "P\u0159idat osobu")))));
|
|
61
78
|
};
|
|
62
79
|
exports.People = People;
|
|
63
80
|
exports.People.getConfig = function () { return ({
|
|
64
81
|
type: "people",
|
|
65
82
|
label: "Lidé",
|
|
66
83
|
}); };
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVvcGxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb250ZW50L3Blb3BsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLG9EQUFrRDtBQUNsRCxtREFBZ0Q7QUFDaEQseUNBQXdDO0FBQ3hDLG1EQUFpRDtBQUNqRCwrQ0FBOEM7QUFDOUMsbURBQWlEO0FBQ2pELHNFQUFtRTtBQUVuRSxvRkFBdUY7QUFtQmhGLElBQU0sTUFBTSxHQUEyQyxVQUFDLEtBQUs7SUFDMUQsSUFBQSxLQUFBLE9BQWUsSUFBQSwyREFBOEIsRUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUEsRUFBdEQsVUFBVSxRQUE0QyxDQUFDO0lBRXhELElBQUEsS0FBNkIsSUFBQSwrQkFBYSxFQUFDLEVBQUUsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQUcsS0FBSyxDQUFDLElBQUksWUFBUyxFQUFFLENBQUMsRUFBbEcsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUE0RSxDQUFDO0lBRTNHLE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsb0RBQW9EO1FBQy9ELDhCQUFDLDhCQUFhLGVBQUssS0FBSyxFQUFJO1FBQzNCLFVBQVUsSUFBSSxDQUNYLHVDQUFLLFNBQVMsRUFBQyxLQUFLO1lBQ2YsTUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQUssRUFBRSxLQUFLO2dCQUNyQixJQUFNLFlBQVksR0FBRztvQkFDakIsb0NBQW9DO29CQUNwQyxJQUFJLE9BQU8sQ0FBQyw4QkFBOEIsQ0FBQyxFQUFFO3dCQUN6QyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7cUJBQ2pCO2dCQUNMLENBQUMsQ0FBQztnQkFDRixPQUFPLENBQ0gsdUNBQUssR0FBRyxFQUFFLEtBQUss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
|
|
@@ -10,6 +10,22 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
+
if (!m) return o;
|
|
16
|
+
var i = m.call(o), r, ar = [], e;
|
|
17
|
+
try {
|
|
18
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
+
}
|
|
20
|
+
catch (error) { e = { error: error }; }
|
|
21
|
+
finally {
|
|
22
|
+
try {
|
|
23
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
+
}
|
|
25
|
+
finally { if (e) throw e.error; }
|
|
26
|
+
}
|
|
27
|
+
return ar;
|
|
28
|
+
};
|
|
13
29
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
30
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
31
|
};
|
|
@@ -18,12 +34,12 @@ exports.Wysiwyg = void 0;
|
|
|
18
34
|
var react_1 = __importDefault(require("react"));
|
|
19
35
|
var content_header_1 = require("../content-header");
|
|
20
36
|
var wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
|
|
37
|
+
var details_visibility_context_1 = require("../context/details-visibility-context");
|
|
21
38
|
var Wysiwyg = function (props) {
|
|
22
|
-
var
|
|
23
|
-
return (react_1.default.createElement("div",
|
|
24
|
-
react_1.default.createElement(
|
|
25
|
-
|
|
26
|
-
react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: props.allPluginsOptions, plugins: props.plugins, editorProps: editorProps, control: control, isRequired: true, label: "Text", name: "".concat(props.name, ".content"), placeholder: "Zadejte text" }))));
|
|
39
|
+
var _a = __read((0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id), 1), visibility = _a[0];
|
|
40
|
+
return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
|
|
41
|
+
react_1.default.createElement(content_header_1.ContentHeader, { id: props.id, control: props.control, name: props.name, index: props.index, onRemove: props.onRemove, TypeInputProps: props.TypeInputProps, title: props.title }),
|
|
42
|
+
visibility && (react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: props.allPluginsOptions, plugins: props.plugins, editorProps: props.editorProps, control: props.control, isRequired: true, label: "Text", name: "".concat(props.name, ".content"), placeholder: "Zadejte text", className: "p-4" }))));
|
|
27
43
|
};
|
|
28
44
|
exports.Wysiwyg = Wysiwyg;
|
|
29
45
|
var defaultGetConfig = function () { return ({
|
|
@@ -38,4 +54,4 @@ exports.Wysiwyg.create = function (config) {
|
|
|
38
54
|
return Component;
|
|
39
55
|
};
|
|
40
56
|
exports.Wysiwyg.getConfig = defaultGetConfig;
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9jb250ZW50LWJ1aWxkZXIvY29udGVudC93eXNpd3lnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFFMUIsb0RBQWtEO0FBQ2xELHlFQUF1RTtBQUl2RSxvRkFBdUY7QUFZaEYsSUFBTSxPQUFPLEdBRWhCLFVBQUMsS0FBSztJQUNBLElBQUEsS0FBQSxPQUFlLElBQUEsMkRBQThCLEVBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFBLEVBQXRELFVBQVUsUUFBNEMsQ0FBQztJQUU5RCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLG9EQUFvRDtRQUMvRCw4QkFBQyw4QkFBYSxJQUNWLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxFQUNaLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxFQUN0QixJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUksRUFDaEIsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2xCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUN4QixjQUFjLEVBQUUsS0FBSyxDQUFDLGNBQWMsRUFDcEMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEdBQ3BCO1FBQ0QsVUFBVSxJQUFJLENBQ1gsOEJBQUMsNEJBQVksSUFDVCxpQkFBaUIsRUFBRSxLQUFLLENBQUMsaUJBQWlCLEVBQzFDLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxFQUN0QixXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFDOUIsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQ3RCLFVBQVUsUUFDVixLQUFLLEVBQUMsTUFBTSxFQUNaLElBQUksRUFBRSxVQUFHLEtBQUssQ0FBQyxJQUFJLGFBQVUsRUFDN0IsV0FBVyxFQUFDLGNBQWMsRUFDMUIsU0FBUyxFQUFDLEtBQUssR0FDakIsQ0FDTCxDQUNDLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9CVyxRQUFBLE9BQU8sV0ErQmxCO0FBRUYsSUFBTSxnQkFBZ0IsR0FBcUMsY0FBTSxPQUFBLENBQUM7SUFDOUQsSUFBSSxFQUFFLFNBQVM7SUFDZixLQUFLLEVBQUUsb0JBQW9CO0NBQzlCLENBQUMsRUFIK0QsQ0FHL0QsQ0FBQztBQUVILGVBQU8sQ0FBQyxNQUFNLEdBQUcsVUFBQyxNQUFXO0lBQVgsdUJBQUEsRUFBQSxXQUFXO0lBQ2pCLElBQUEsV0FBVyxHQUFpQyxNQUFNLFlBQXZDLEVBQUUsaUJBQWlCLEdBQWMsTUFBTSxrQkFBcEIsRUFBRSxPQUFPLEdBQUssTUFBTSxRQUFYLENBQVk7SUFDM0QsSUFBTSxTQUFTLEdBQXFDLFVBQUMsS0FBSyxJQUFLLE9BQUEsQ0FDM0QsOEJBQUMsZUFBTyxhQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLE9BQU8sRUFBRSxPQUFPLElBQU0sS0FBSyxJQUFFLFdBQVcsRUFBRSxXQUFXLElBQUksQ0FDM0csRUFGOEQsQ0FFOUQsQ0FBQztJQUNGLFNBQVMsQ0FBQyxTQUFTLEdBQUcsZ0JBQWdCLENBQUM7SUFFdkMsT0FBTyxTQUFTLENBQUM7QUFDckIsQ0FBQyxDQUFDO0FBRUYsZUFBTyxDQUFDLFNBQVMsR0FBRyxnQkFBZ0IsQ0FBQyJ9
|
|
@@ -139,30 +139,28 @@ var defaultOnSubmitSuccess = function (id) { return __awaiter(void 0, void 0, vo
|
|
|
139
139
|
}); };
|
|
140
140
|
var ContentBuilderPageComponent = function (props) {
|
|
141
141
|
var _a, _b, _c;
|
|
142
|
-
var
|
|
143
|
-
var
|
|
144
|
-
var
|
|
145
|
-
var onSubmit = (_b = config.onSubmit) !== null && _b !== void 0 ? _b : defaultOnSubmit;
|
|
146
|
-
var onSubmitSuccess = (_c = config.onSubmitSuccess) !== null && _c !== void 0 ? _c : defaultOnSubmitSuccess;
|
|
142
|
+
var Layout = (_a = props.config.ui.Layout) !== null && _a !== void 0 ? _a : DefaultLayout;
|
|
143
|
+
var onSubmit = (_b = props.config.onSubmit) !== null && _b !== void 0 ? _b : defaultOnSubmit;
|
|
144
|
+
var onSubmitSuccess = (_c = props.config.onSubmitSuccess) !== null && _c !== void 0 ? _c : defaultOnSubmitSuccess;
|
|
147
145
|
var handleSubmit = (0, react_1.useCallback)(function (values) { return __awaiter(void 0, void 0, void 0, function () {
|
|
148
146
|
var preparedValues, response;
|
|
149
147
|
return __generator(this, function (_a) {
|
|
150
148
|
switch (_a.label) {
|
|
151
149
|
case 0:
|
|
152
|
-
preparedValues = config.type ? __assign(__assign({}, values), { type: config.type }) : values;
|
|
153
|
-
return [4 /*yield*/, onSubmit(id, preparedValues)];
|
|
150
|
+
preparedValues = props.config.type ? __assign(__assign({}, values), { type: props.config.type }) : values;
|
|
151
|
+
return [4 /*yield*/, onSubmit(props.id, preparedValues)];
|
|
154
152
|
case 1:
|
|
155
153
|
response = _a.sent();
|
|
156
|
-
return [4 /*yield*/, onSubmitSuccess(id, preparedValues, response)];
|
|
154
|
+
return [4 /*yield*/, onSubmitSuccess(props.id, preparedValues, response)];
|
|
157
155
|
case 2:
|
|
158
156
|
_a.sent();
|
|
159
157
|
return [2 /*return*/];
|
|
160
158
|
}
|
|
161
159
|
});
|
|
162
|
-
}); }, [onSubmit, onSubmitSuccess, id, config]);
|
|
160
|
+
}); }, [onSubmit, onSubmitSuccess, props.id, props.config]);
|
|
163
161
|
return (react_1.default.createElement(Layout, null,
|
|
164
|
-
react_1.default.createElement("div", { className: "
|
|
165
|
-
react_1.default.createElement(form_1.Form, { config: config, id: id, onSubmit: handleSubmit, defaultValues: initialValues }))));
|
|
162
|
+
react_1.default.createElement("div", { className: "-mx-4 md:-mx-10" },
|
|
163
|
+
react_1.default.createElement(form_1.Form, { config: props.config, id: props.id, onSubmit: handleSubmit, defaultValues: props.initialValues }))));
|
|
166
164
|
};
|
|
167
165
|
ContentBuilderPageComponent.displayName = "ContentBuilderComponent";
|
|
168
166
|
var ContentBuilderPage = function (config) {
|
|
@@ -198,4 +196,4 @@ var ContentBuilderPage = function (config) {
|
|
|
198
196
|
return (0, with_authenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Page);
|
|
199
197
|
};
|
|
200
198
|
exports.ContentBuilderPage = ContentBuilderPage;
|
|
201
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
199
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1idWlsZGVyLXBhZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvY29udGVudC1idWlsZGVyL2NvbnRlbnQtYnVpbGRlci1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0EsNkNBQStDO0FBRS9DLDBDQUFvRDtBQUNwRCw0RUFBMEU7QUFDMUUsaUNBQXFFO0FBQ3JFLHNDQUFpRDtBQUNqRCxtQ0FBdUU7QUFDdkUsdUNBQXlDO0FBRXpDLElBQU0sYUFBYSxHQUFPLFVBQUMsS0FBSyxJQUFLLE9BQUEsa0RBQVMsS0FBSyxFQUFJLEVBQWxCLENBQWtCLENBQUM7QUFFeEQsSUFBTSxvQkFBb0IsR0FBK0MsVUFBTyxHQUFHOzs7OztnQkFDekUsU0FBUyxHQUFHLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFBLDJCQUFrQixFQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztnQkFFbkUsSUFBSSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2pCLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ25CLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUM7cUJBRWpCLFNBQVMsRUFBVCx3QkFBUztnQkFDVixxQkFBTSxJQUFBLGdCQUFVLEVBQUMsR0FBRyxFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLElBQUEsOEJBQXFCLEVBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUE3QixDQUE2QixDQUFDLEVBQUE7O2dCQUEzRSxL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
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
@@ -8,21 +19,57 @@ var form_content_1 = require("./components/form-content");
|
|
|
8
19
|
var react_1 = __importDefault(require("react"));
|
|
9
20
|
var button_1 = require("@uxf/ui/button");
|
|
10
21
|
var react_hook_form_1 = require("react-hook-form");
|
|
22
|
+
var core_1 = require("@dnd-kit/core");
|
|
23
|
+
var sortable_1 = require("@dnd-kit/sortable");
|
|
24
|
+
var modal_service_1 = require("@uxf/ui/modal/modal-service");
|
|
25
|
+
var use_sortable_1 = require("./hooks/use-sortable");
|
|
26
|
+
var details_visibility_context_1 = require("./context/details-visibility-context");
|
|
27
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
11
28
|
var ContentField = function (props) {
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
29
|
+
var _a = (0, react_hook_form_1.useFieldArray)({
|
|
30
|
+
name: "".concat(props.name, ".data"),
|
|
31
|
+
control: props.control,
|
|
32
|
+
}), fields = _a.fields, remove = _a.remove, insert = _a.insert, move = _a.move;
|
|
33
|
+
var createSection = function (component, index) {
|
|
34
|
+
insert(index + 1, { type: component.getConfig().type, content: null });
|
|
35
|
+
(0, modal_service_1.closeModal)();
|
|
36
|
+
};
|
|
37
|
+
var _b = (0, use_sortable_1.useSortable)({
|
|
38
|
+
fields: fields,
|
|
39
|
+
handleDragEnd: move,
|
|
40
|
+
}), memoizedSensors = _b.memoizedSensors, activeItem = _b.activeItem, itemsIds = _b.itemsIds, dropAnimationConfig = _b.dropAnimationConfig, onDragStart = _b.onDragStart, onDragEnd = _b.onDragEnd, onDragCancel = _b.onDragCancel;
|
|
41
|
+
var activeItemIndex = fields.findIndex(function (f) { return f.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id); });
|
|
42
|
+
var setVisibilityForAll = (0, details_visibility_context_1.useDetailsVisibilityControls)();
|
|
43
|
+
return (react_1.default.createElement("div", { className: "grow px-4 pb-8 xl:overflow-y-auto" },
|
|
44
|
+
react_1.default.createElement("div", { className: "mb-4 mt-6 flex flex-wrap items-center justify-between gap-4" },
|
|
45
|
+
react_1.default.createElement("h2", { className: "uxf-typo-h5" }, "Obsah"),
|
|
46
|
+
fields.length > 1 && (react_1.default.createElement("div", { className: "flex justify-end space-x-4" },
|
|
47
|
+
react_1.default.createElement(button_1.Button, { variant: "white", size: "xs", onClick: function () { return setVisibilityForAll(true); } },
|
|
48
|
+
react_1.default.createElement(icon_1.Icon, { name: "arrow-down-from-line", className: "mr-1" }),
|
|
49
|
+
"otev\u0159\u00EDt v\u0161e"),
|
|
50
|
+
react_1.default.createElement(button_1.Button, { variant: "white", size: "xs", onClick: function () { return setVisibilityForAll(false); } },
|
|
51
|
+
react_1.default.createElement(icon_1.Icon, { name: "arrow-up-to-line", className: "mr-1" }),
|
|
52
|
+
"zav\u0159\u00EDt v\u0161e")))),
|
|
53
|
+
react_1.default.createElement(core_1.DndContext, { sensors: memoizedSensors, onDragStart: onDragStart, onDragEnd: onDragEnd, onDragCancel: onDragCancel },
|
|
54
|
+
react_1.default.createElement(sortable_1.SortableContext, { items: itemsIds, strategy: sortable_1.verticalListSortingStrategy },
|
|
55
|
+
react_1.default.createElement("div", { className: "space-y-4 pl-8" }, fields.map(function (field, index) {
|
|
56
|
+
var _a;
|
|
57
|
+
return (react_1.default.createElement("div", { key: field.id },
|
|
58
|
+
react_1.default.createElement(form_content_1.FormContent, { title: (_a = props.contentComponents
|
|
59
|
+
.find(function (c) { return c.getConfig().type === field.type; })) === null || _a === void 0 ? void 0 : _a.getConfig().label, id: field.id, name: "".concat(props.name, ".data[").concat(index, "]"), contentComponents: props.contentComponents, index: index, onRemove: function () { return remove(index); }, control: props.control, createSection: createSection })));
|
|
60
|
+
}))),
|
|
61
|
+
react_1.default.createElement(core_1.DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? (react_1.default.createElement(form_content_1.FormContent, __assign({}, activeItem, { name: "".concat(props.name, ".data[").concat(activeItemIndex, "]"), contentComponents: props.contentComponents, index: activeItemIndex, control: props.control, createSection: createSection, showAddButton: false }))) : null)),
|
|
62
|
+
fields.length < 1 && (react_1.default.createElement("div", null,
|
|
63
|
+
react_1.default.createElement(button_1.Button, { className: "h-20 border-2 border-dashed border-gray-600", size: "lg", variant: "text", isFullWidth: true, onClick: function () {
|
|
64
|
+
return (0, modal_service_1.openModal)({
|
|
65
|
+
children: (react_1.default.createElement("div", { className: "px-4 py-6" },
|
|
66
|
+
react_1.default.createElement("h2", { className: "uxf-typo-h5 mb-4" }, "P\u0159idat sekci"),
|
|
67
|
+
react_1.default.createElement("div", { className: "space-y-4" }, props.contentComponents.map(function (component) { return (react_1.default.createElement(button_1.Button, { key: component.getConfig().type, isFullWidth: true, variant: "white", onClick: function () { return createSection(component, 0); } }, component.getConfig().label)); })))),
|
|
68
|
+
width: "sm",
|
|
69
|
+
});
|
|
70
|
+
} },
|
|
71
|
+
react_1.default.createElement(icon_1.Icon, { name: "plus", className: "mr-3", size: 16 }),
|
|
72
|
+
"P\u0159idat sekci")))));
|
|
26
73
|
};
|
|
27
74
|
exports.ContentField = ContentField;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9jb250ZW50LWJ1aWxkZXIvY29udGVudC1maWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwwREFBd0Q7QUFDeEQsZ0RBQWtDO0FBRWxDLHlDQUF3QztBQUN4QyxtREFBeUQ7QUFDekQsc0NBQXdEO0FBQ3hELDhDQUFpRjtBQUNqRiw2REFBb0U7QUFDcEUscURBQW1EO0FBQ25ELG1GQUFvRjtBQUNwRixxQ0FBb0M7QUFRN0IsSUFBTSxZQUFZLEdBQTBCLFVBQUMsS0FBSztJQUMvQyxJQUFBLEtBQW1DLElBQUEsK0JBQWEsRUFBQztRQUNuRCxJQUFJLEVBQUUsVUFBRyxLQUFLLENBQUMsSUFBSSxVQUFPO1FBQzFCLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTztLQUN6QixDQUFDLEVBSE0sTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsSUFBSSxVQUdsQyxDQUFDO0lBRUgsSUFBTSxhQUFhLEdBQUcsVUFBQyxTQUFnQyxFQUFFLEtBQWE7UUFDbEUsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUN2RSxJQUFBLDBCQUFVLEdBQUUsQ0FBQztJQUNqQixDQUFDLENBQUM7SUFFSSxJQUFBLEtBQ0YsSUFBQSwwQkFBVyxFQUFDO1FBQ1IsTUFBTSxRQUFBO1FBQ04sYUFBYSxFQUFFLElBQUk7S0FDdEIsQ0FBQyxFQUpFLGVBQWUscUJBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsbUJBQW1CLHlCQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFlBQVksa0JBSWxHLENBQUM7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
|