@uxf/cms 6.0.0-beta.75 → 6.0.0-beta.76
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 +1 -0
- package/pages/content-builder/constants.js +5 -0
- package/pages/content-builder/content/feature-section.js +26 -6
- package/pages/content-builder/content/gallery.js +22 -4
- package/pages/content-builder/content/hero-section.js +25 -5
- package/pages/content-builder/content/people.js +23 -5
- package/pages/content-builder/content/wysiwyg.js +22 -5
- package/pages/content-builder/content-builder-page.js +2 -2
- package/pages/content-builder/content-field.js +54 -14
- package/pages/content-builder/content-header.js +63 -14
- 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/useSortable.d.ts +15 -0
- package/pages/content-builder/hooks/useSortable.js +83 -0
- package/pages/content-builder/types.d.ts +1 -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,12 +38,15 @@ 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
44
|
var name = props.name, control = props.control;
|
|
27
|
-
var _a = (0,
|
|
28
|
-
|
|
45
|
+
var _a = __read((0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id), 1), visibility = _a[0];
|
|
46
|
+
var _b = (0, react_hook_form_1.useFieldArray)({ control: control, name: "".concat(name, ".features") }), fields = _b.fields, remove = _b.remove, append = _b.append;
|
|
47
|
+
return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
|
|
29
48
|
react_1.default.createElement(content_header_1.ContentHeader, __assign({}, props)),
|
|
30
|
-
react_1.default.createElement("div", { className: "
|
|
49
|
+
visibility && (react_1.default.createElement("div", { className: "p-4" },
|
|
31
50
|
react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
|
|
32
51
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
33
52
|
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", isRequired: true, control: control })),
|
|
@@ -53,15 +72,16 @@ var FeatureSection = function (props) {
|
|
|
53
72
|
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".features[").concat(index, "].title"), label: "Nadpis", isRequired: true, control: control })),
|
|
54
73
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
55
74
|
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: on_upload_dropzone_file_1.onUploadDropzoneFile, control: control })),
|
|
56
|
-
react_1.default.createElement("div", { className: "col-span-12" },
|
|
75
|
+
react_1.default.createElement("div", { className: "col-span-12" },
|
|
76
|
+
react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { name: "".concat(name, ".features[").concat(index, "].text"), control: control })),
|
|
57
77
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
58
78
|
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".features[").concat(index, "].ctaUrl"), label: "CTA url", control: control })))));
|
|
59
79
|
}),
|
|
60
|
-
react_1.default.createElement(button_1.Button, { variant: "outlined", onClick: function () { return append({ title: "" }); } }, "P\u0159idat feature"))))));
|
|
80
|
+
react_1.default.createElement(button_1.Button, { variant: "outlined", onClick: function () { return append({ title: "" }); } }, "P\u0159idat feature")))))));
|
|
61
81
|
};
|
|
62
82
|
exports.FeatureSection = FeatureSection;
|
|
63
83
|
exports.FeatureSection.getConfig = function () { return ({
|
|
64
84
|
type: "featureSection",
|
|
65
85
|
label: "Feature sekce",
|
|
66
86
|
}); };
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVhdHVyZS1zZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb250ZW50L2ZlYXR1cmUtc2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsbURBQWlEO0FBRWpELGdEQUEwQjtBQUMxQixvREFBa0Q7QUFFbEQsbURBQWlEO0FBQ2pELHlDQUF3QztBQUN4QyxtREFBZ0Q7QUFFaEQsd0ZBQW9GO0FBQ3BGLHlFQUF1RTtBQUN2RSxvRkFBdUY7QUFpQmhGLElBQU0sY0FBYyxHQUFtRCxVQUFDLEtBQUs7SUFDeEUsSUFBQSxJQUFJLEdBQWMsS0FBSyxLQUFuQixFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUMxQixJQUFBLEtBQUEsT0FBZSxJQUFBLDJEQUE4QixFQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBQSxFQUF0RCxVQUFVLFFBQTRDLENBQUM7SUFFeEQsSUFBQSxLQUE2QixJQUFBLCtCQUFhLEVBQUMsRUFBRSxPQUFPLFNBQUEsRUFBRSxJQUFJLEVBQUUsVUFBRyxJQUFJLGNBQVcsRUFBRSxDQUFDLEVBQS9FLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBeUQsQ0FBQztJQUV4RixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLG9EQUFvRDtRQUMvRCw4QkFBQyw4QkFBYSxlQUFLLEtBQUssRUFBSTtRQUMzQixVQUFVLElBQUksQ0FDWCx1Q0FBSyxTQUFTLEVBQUMsS0FBSztZQUNoQix1Q0FBSyxTQUFTLEVBQUMsOEJBQThCO2dCQUN6Qyx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtvQkFDeEIsOEJBQUMsc0JBQVMsSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFdBQVEsRUFBRSxLQUFLLEVBQUMsUUFBUSxFQUFDLFVBQVUsUUFBQyxPQUFPLEVBQUUsT0FBTyxH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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,19 @@ 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
41
|
var name = props.name, control = props.control;
|
|
25
|
-
|
|
42
|
+
var _a = __read((0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id), 1), visibility = _a[0];
|
|
43
|
+
return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
|
|
26
44
|
react_1.default.createElement(content_header_1.ContentHeader, __assign({}, props)),
|
|
27
|
-
react_1.default.createElement("div", { className: "
|
|
45
|
+
visibility && (react_1.default.createElement("div", { className: "p-4" },
|
|
28
46
|
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 }))));
|
|
47
|
+
react_1.default.createElement(dropzone_list_1.DropzoneList, { name: "".concat(name, ".images"), control: control })))));
|
|
30
48
|
};
|
|
31
49
|
exports.Gallery = Gallery;
|
|
32
50
|
exports.Gallery.getConfig = function () { return ({
|
|
33
51
|
type: "gallery",
|
|
34
52
|
label: "Galerie",
|
|
35
53
|
}); };
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FsbGVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9jb250ZW50LWJ1aWxkZXIvY29udGVudC9nYWxsZXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFFMUIsb0RBQWtEO0FBQ2xELG9FQUFrRTtBQUNsRSxrRUFBZ0U7QUFFaEUsd0ZBQW9GO0FBQ3BGLG9GQUF1RjtBQVVoRixJQUFNLE9BQU8sR0FBNEMsVUFBQyxLQUFLO0lBQzFELElBQUEsSUFBSSxHQUFjLEtBQUssS0FBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFDMUIsSUFBQSxLQUFBLE9BQWUsSUFBQSwyREFBOEIsRUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUEsRUFBdEQsVUFBVSxRQUE0QyxDQUFDO0lBRTlELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsb0RBQW9EO1FBQy9ELDhCQUFDLDhCQUFhLGVBQUssS0FBSyxFQUFJO1FBQzNCLFVBQVUsSUFBSSxDQUNYLHVDQUFLLFNBQVMsRUFBQyxLQUFLO1lBQ2hCLDhCQUFDLDhCQUFhLElBQUMsSUFBSSxFQUFFLFVBQUcsSUFBSSxZQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsOENBQW9CLEdBQUk7WUFDL0YsOEJBQUMsNEJBQVksSUFBQyxJQUFJLEVBQUUsVUFBRyxJQUFJLFlBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3hELENBQ1QsQ0FDQyxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFmVyxRQUFBLE9BQU8sV0FlbEI7QUFFRixlQUFPLENBQUMsU0FBUyxHQUFHLGNBQU0sT0FBQSxDQUFDO0lBQ3ZCLElBQUksRUFBRSxTQUFTO0lBQ2YsS0FBSyxFQUFFLFNBQVM7Q0FDbkIsQ0FBQyxFQUh3QixDQUd4QixDQUFDIn0=
|
|
@@ -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,27 @@ 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
40
|
var name = props.name, control = props.control;
|
|
23
|
-
|
|
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" },
|
|
24
43
|
react_1.default.createElement(content_header_1.ContentHeader, __assign({}, props)),
|
|
25
|
-
react_1.default.createElement("div", { className: "
|
|
44
|
+
visibility && (react_1.default.createElement("div", { className: "p-4" },
|
|
26
45
|
react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
|
|
27
46
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
28
47
|
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".title"), label: "Nadpis", isRequired: true, control: control })),
|
|
29
48
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
30
49
|
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".subtitle"), label: "Podnadpis", control: control })),
|
|
31
|
-
react_1.default.createElement("div", { className: "col-span-12" }, "TODO: @honisek - Wysiwyg je z\u00E1visl\u00FD na MUI"),
|
|
32
50
|
react_1.default.createElement("div", { className: "col-span-12" },
|
|
33
|
-
react_1.default.createElement(
|
|
51
|
+
react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { name: "".concat(name, ".text"), control: control })),
|
|
52
|
+
react_1.default.createElement("div", { className: "col-span-12" },
|
|
53
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".ctaUrl"), label: "CTA url", control: control })))))));
|
|
34
54
|
};
|
|
35
55
|
exports.HeroSection = HeroSection;
|
|
36
56
|
exports.HeroSection.getConfig = function () { return ({
|
|
37
57
|
type: "heroSection",
|
|
38
58
|
label: "Hero sekce",
|
|
39
59
|
}); };
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1zZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb250ZW50L2hlcm8tc2VjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsbURBQWlEO0FBRWpELGdEQUEwQjtBQUMxQixvREFBa0Q7QUFFbEQseUVBQXVFO0FBQ3ZFLG9GQUF1RjtBQWFoRixJQUFNLFdBQVcsR0FBZ0QsVUFBQyxLQUFLO0lBQ2xFLElBQUEsSUFBSSxHQUFjLEtBQUssS0FBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFDMUIsSUFBQSxLQUFBLE9BQWUsSUFBQSwyREFBOEIsRUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUEsRUFBdEQsVUFBVSxRQUE0QyxDQUFDO0lBRTlELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsb0RBQW9EO1FBQy9ELDhCQUFDLDhCQUFhLGVBQUssS0FBSyxFQUFJO1FBQzNCLFVBQVUsSUFBSSxDQUNYLHVDQUFLLFNBQVMsRUFBQyxLQUFLO1lBQ2hCLHVDQUFLLFNBQVMsRUFBQyw4QkFBOEI7Z0JBQ3pDLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksV0FBUSxFQUFFLEtBQUssRUFBQyxRQUFRLEVBQUMsVUFBVSxRQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDOUU7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLHNCQUFTLElBQUMsSUFBSSxFQUFFLFVBQUcsSUFBSSxjQUFXLEVBQUUsS0FBSyxFQUFDLFdBQVcsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3pFO2dCQUNOLHVDQUFLLFNBQVMsRUFBQyxhQUFhO29CQUN4Qiw4QkFBQyw0QkFBWSxJQUFDLElBQUksRUFBRSxVQUFHLElBQUksVUFBTyxFQUFFLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdEQ7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLHNCQUFTLElBQUMsSUFBSSxFQUFFLFVBQUcsSUFBSSxZQUFTLEVBQUUsS0FBSyxFQUFDLFNBQVMsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3JFLENBQ0osQ0FDSixDQUNULENBQ0MsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBM0JXLFFBQUEsV0FBVyxlQTJCdEI7QUFFRixtQkFBVyxDQUFDLFNBQVMsR0FBRyxjQUFNLE9BQUEsQ0FBQztJQUMzQixJQUFJLEVBQUUsYUFBYTtJQUNuQixLQUFLLEVBQUUsWUFBWTtDQUN0QixDQUFDLEVBSDRCLENBRzVCLENBQUMifQ==
|
|
@@ -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,14 @@ 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
44
|
var name = props.name, control = props.control;
|
|
28
|
-
var _a = (0,
|
|
29
|
-
|
|
45
|
+
var _a = __read((0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id), 1), visibility = _a[0];
|
|
46
|
+
var _b = (0, react_hook_form_1.useFieldArray)({ control: control, name: "".concat(name, ".people") }), fields = _b.fields, remove = _b.remove, append = _b.append;
|
|
47
|
+
return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
|
|
30
48
|
react_1.default.createElement(content_header_1.ContentHeader, __assign({}, props)),
|
|
31
|
-
react_1.default.createElement("div", { className: "
|
|
49
|
+
visibility && (react_1.default.createElement("div", { className: "p-4" },
|
|
32
50
|
fields.map(function (field, index) {
|
|
33
51
|
var handleRemove = function () {
|
|
34
52
|
// eslint-disable-next-line no-alert
|
|
@@ -57,11 +75,11 @@ var People = function (props) {
|
|
|
57
75
|
react_1.default.createElement("div", { className: "col-span-6" },
|
|
58
76
|
react_1.default.createElement(text_input_1.TextInput, { name: "".concat(name, ".people.").concat(index, ".email"), label: "E-mail", type: "email", control: control })))));
|
|
59
77
|
}),
|
|
60
|
-
react_1.default.createElement(button_1.Button, { variant: "outlined", onClick: function () { return append({ name: "" }); } }, "P\u0159idat osobu"))));
|
|
78
|
+
react_1.default.createElement(button_1.Button, { variant: "outlined", onClick: function () { return append({ name: "" }); } }, "P\u0159idat osobu")))));
|
|
61
79
|
};
|
|
62
80
|
exports.People = People;
|
|
63
81
|
exports.People.getConfig = function () { return ({
|
|
64
82
|
type: "people",
|
|
65
83
|
label: "Lidé",
|
|
66
84
|
}); };
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVvcGxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb250ZW50L3Blb3BsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBCO0FBRTFCLG9EQUFrRDtBQUNsRCxtREFBZ0Q7QUFDaEQseUNBQXdDO0FBQ3hDLG1EQUFpRDtBQUNqRCwrQ0FBOEM7QUFDOUMsbURBQWlEO0FBQ2pELHNFQUFtRTtBQUVuRSxvRkFBdUY7QUFtQmhGLElBQU0sTUFBTSxHQUEyQyxVQUFDLEtBQUs7SUFDeEQsSUFBQSxJQUFJLEdBQWMsS0FBSyxLQUFuQixFQUFFLE9BQU8sR0FBSyxLQUFLLFFBQVYsQ0FBVztJQUMxQixJQUFBLEtBQUEsT0FBZSxJQUFBLDJEQUE4QixFQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBQSxFQUF0RCxVQUFVLFFBQTRDLENBQUM7SUFFeEQsSUFBQSxLQUE2QixJQUFBLCtCQUFhLEVBQUMsRUFBRSxPQUFPLFNBQUEsRUFBRSxJQUFJLEVBQUUsVUFBRyxJQUFJLFlBQVMsRUFBRSxDQUFDLEVBQTdFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBdUQsQ0FBQztJQUV0RixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLG9EQUFvRDtRQUMvRCw4QkFBQyw4QkFBYSxlQUFLLEtBQUssRUFBSTtRQUMzQixVQUFVLElBQUksQ0FDWCx1Q0FBSyxTQUFTLEVBQUMsS0FBSztZQUNmLE1BQU0sQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLEVBQUUsS0FBSztnQkFDckIsSUFBTSxZQUFZLEdBQUc7b0JBQ2pCLG9DQUFvQztvQkFDcEMsSUFBSSxPQUFPLENBQUMsOEJBQThCLENBQUMsRUFBRTt3QkFDekMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO3FCQUNqQjtnQkFDTCxDQUFDLENBQUM7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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,13 @@ 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
39
|
var control = props.control, editorProps = props.editorProps, TypeInputProps = props.TypeInputProps, onRemove = props.onRemove, index = props.index;
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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" },
|
|
42
|
+
react_1.default.createElement(content_header_1.ContentHeader, { id: props.id, control: control, name: props.name, index: index, onRemove: onRemove, TypeInputProps: TypeInputProps }),
|
|
43
|
+
visibility && (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", className: "p-4" }))));
|
|
27
44
|
};
|
|
28
45
|
exports.Wysiwyg = Wysiwyg;
|
|
29
46
|
var defaultGetConfig = function () { return ({
|
|
@@ -38,4 +55,4 @@ exports.Wysiwyg.create = function (config) {
|
|
|
38
55
|
return Component;
|
|
39
56
|
};
|
|
40
57
|
exports.Wysiwyg.getConfig = defaultGetConfig;
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3lzaXd5Zy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9jb250ZW50LWJ1aWxkZXIvY29udGVudC93eXNpd3lnLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFFMUIsb0RBQWtEO0FBQ2xELHlFQUF1RTtBQUl2RSxvRkFBdUY7QUFZaEYsSUFBTSxPQUFPLEdBRWhCLFVBQUMsS0FBSztJQUNFLElBQUEsT0FBTyxHQUFtRCxLQUFLLFFBQXhELEVBQUUsV0FBVyxHQUFzQyxLQUFLLFlBQTNDLEVBQUUsY0FBYyxHQUFzQixLQUFLLGVBQTNCLEVBQUUsUUFBUSxHQUFZLEtBQUssU0FBakIsRUFBRSxLQUFLLEdBQUssS0FBSyxNQUFWLENBQVc7SUFDbEUsSUFBQSxLQUFBLE9BQWUsSUFBQSwyREFBOEIsRUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUEsRUFBdEQsVUFBVSxRQUE0QyxDQUFDO0lBRTlELE9BQU8sQ0FDSCx1Q0FBSyxTQUFTLEVBQUMsb0RBQW9EO1FBQy9ELDhCQUFDLDhCQUFhLElBQ1YsRUFBRSxFQUFFLEtBQUssQ0FBQyxFQUFFLEVBQ1osT0FBTyxFQUFFLE9BQU8sRUFDaEIsSUFBSSxFQUFFLEtBQUssQ0FBQyxJQUFJLEVBQ2hCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsY0FBYyxFQUFFLGNBQWMsR0FDaEM7UUFDRCxVQUFVLElBQUksQ0FDWCw4QkFBQyw0QkFBWSxJQUNULGlCQUFpQixFQUFFLEtBQUssQ0FBQyxpQkFBaUIsRUFDMUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLEVBQ3RCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLFVBQVUsUUFDVixLQUFLLEVBQUMsTUFBTSxFQUNaLElBQUksRUFBRSxVQUFHLEtBQUssQ0FBQyxJQUFJLGFBQVUsRUFDN0IsV0FBVyxFQUFDLGNBQWMsRUFDMUIsU0FBUyxFQUFDLEtBQUssR0FDakIsQ0FDTCxDQUNDLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9CVyxRQUFBLE9BQU8sV0ErQmxCO0FBRUYsSUFBTSxnQkFBZ0IsR0FBcUMsY0FBTSxPQUFBLENBQUM7SUFDOUQsSUFBSSxFQUFFLFNBQVM7SUFDZixLQUFLLEVBQUUsb0JBQW9CO0NBQzlCLENBQUMsRUFIK0QsQ0FHL0QsQ0FBQztBQUVILGVBQU8sQ0FBQyxNQUFNLEdBQUcsVUFBQyxNQUFXO0lBQVgsdUJBQUEsRUFBQSxXQUFXO0lBQ2pCLElBQUEsV0FBVyxHQUFpQyxNQUFNLFlBQXZDLEVBQUUsaUJBQWlCLEdBQWMsTUFBTSxrQkFBcEIsRUFBRSxPQUFPLEdBQUssTUFBTSxRQUFYLENBQVk7SUFDM0QsSUFBTSxTQUFTLEdBQXFDLFVBQUMsS0FBSyxJQUFLLE9BQUEsQ0FDM0QsOEJBQUMsZUFBTyxhQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLE9BQU8sRUFBRSxPQUFPLElBQU0sS0FBSyxJQUFFLFdBQVcsRUFBRSxXQUFXLElBQUksQ0FDM0csRUFGOEQsQ0FFOUQsQ0FBQztJQUNGLFNBQVMsQ0FBQyxTQUFTLEdBQUcsZ0JBQWdCLENBQUM7SUFFdkMsT0FBTyxTQUFTLENBQUM7QUFDckIsQ0FBQyxDQUFDO0FBRUYsZUFBTyxDQUFDLFNBQVMsR0FBRyxnQkFBZ0IsQ0FBQyJ9
|
|
@@ -161,7 +161,7 @@ var ContentBuilderPageComponent = function (props) {
|
|
|
161
161
|
});
|
|
162
162
|
}); }, [onSubmit, onSubmitSuccess, id, config]);
|
|
163
163
|
return (react_1.default.createElement(Layout, null,
|
|
164
|
-
react_1.default.createElement("div", { className: "
|
|
164
|
+
react_1.default.createElement("div", { className: "md:-mx-10" },
|
|
165
165
|
react_1.default.createElement(form_1.Form, { config: config, id: id, onSubmit: handleSubmit, defaultValues: initialValues }))));
|
|
166
166
|
};
|
|
167
167
|
ContentBuilderPageComponent.displayName = "ContentBuilderComponent";
|
|
@@ -198,4 +198,4 @@ var ContentBuilderPage = function (config) {
|
|
|
198
198
|
return (0, with_authenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Page);
|
|
199
199
|
};
|
|
200
200
|
exports.ContentBuilderPage = ContentBuilderPage;
|
|
201
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
201
|
+
//# 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,50 @@ 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 useSortable_1 = require("./hooks/useSortable");
|
|
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
29
|
var contentComponents = props.contentComponents, name = props.name, control = props.control;
|
|
13
|
-
var _a = (0, react_hook_form_1.useFieldArray)({ name: "".concat(name, ".data"), control: control }), fields = _a.fields, remove = _a.remove,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
30
|
+
var _a = (0, react_hook_form_1.useFieldArray)({ name: "".concat(name, ".data"), control: control }), fields = _a.fields, remove = _a.remove, insert = _a.insert, move = _a.move;
|
|
31
|
+
var createSection = function (component, index) {
|
|
32
|
+
insert(index + 1, { type: component.getConfig().type, content: null });
|
|
33
|
+
(0, modal_service_1.closeModal)();
|
|
34
|
+
};
|
|
35
|
+
var _b = (0, useSortable_1.useSortable)({
|
|
36
|
+
fields: fields,
|
|
37
|
+
handleDragEnd: move,
|
|
38
|
+
}), memoizedSensors = _b.memoizedSensors, activeItem = _b.activeItem, itemsIds = _b.itemsIds, dropAnimationConfig = _b.dropAnimationConfig, onDragStart = _b.onDragStart, onDragEnd = _b.onDragEnd, onDragCancel = _b.onDragCancel;
|
|
39
|
+
var activeItemIndex = fields.findIndex(function (f) { return f.id === (activeItem === null || activeItem === void 0 ? void 0 : activeItem.id); });
|
|
40
|
+
var setVisibilityForAll = (0, details_visibility_context_1.useDetailsVisibilityControls)();
|
|
41
|
+
return (react_1.default.createElement("div", { className: "grow px-4 pb-8 xl:overflow-y-auto" },
|
|
42
|
+
react_1.default.createElement("h2", { className: "uxf-typo-h5 pb-4 pt-6" }, "Obsah"),
|
|
43
|
+
react_1.default.createElement("div", { className: "mb-4 flex justify-end space-x-4" },
|
|
44
|
+
react_1.default.createElement(button_1.Button, { variant: "white", size: "xs", onClick: function () { return setVisibilityForAll(true); } },
|
|
45
|
+
react_1.default.createElement(icon_1.Icon, { name: "arrow-down-from-line", className: "mr-1" }),
|
|
46
|
+
"otev\u0159\u00EDt v\u0161e"),
|
|
47
|
+
react_1.default.createElement(button_1.Button, { variant: "white", size: "xs", onClick: function () { return setVisibilityForAll(false); } },
|
|
48
|
+
react_1.default.createElement(icon_1.Icon, { name: "arrow-up-to-line", className: "mr-1" }),
|
|
49
|
+
"zav\u0159\u00EDt v\u0161e")),
|
|
50
|
+
react_1.default.createElement(core_1.DndContext, { sensors: memoizedSensors, onDragStart: onDragStart, onDragEnd: onDragEnd, onDragCancel: onDragCancel },
|
|
51
|
+
react_1.default.createElement(sortable_1.SortableContext, { items: itemsIds, strategy: sortable_1.verticalListSortingStrategy },
|
|
52
|
+
react_1.default.createElement("div", { className: "space-y-4 pl-8" }, fields.map(function (field, index) { return (react_1.default.createElement("div", { key: field.id },
|
|
53
|
+
react_1.default.createElement(form_content_1.FormContent, { id: field.id, name: "".concat(name, ".data[").concat(index, "]"), contentComponents: contentComponents, index: index, onRemove: function () { return remove(index); }, control: control, createSection: createSection }))); }))),
|
|
54
|
+
react_1.default.createElement(core_1.DragOverlay, { dropAnimation: dropAnimationConfig }, activeItem ? (react_1.default.createElement(form_content_1.FormContent, __assign({}, activeItem, { name: "".concat(name, ".data[").concat(activeItemIndex, "]"), contentComponents: contentComponents, index: activeItemIndex, control: control, createSection: createSection, showAddButton: false }))) : null)),
|
|
55
|
+
fields.length < 1 && (react_1.default.createElement("div", null,
|
|
56
|
+
react_1.default.createElement(button_1.Button, { className: "h-20 border-2 border-dashed border-gray-300", size: "lg", variant: "text", isFullWidth: true, onClick: function () {
|
|
57
|
+
return (0, modal_service_1.openModal)({
|
|
58
|
+
children: (react_1.default.createElement("div", { className: "px-4 py-6" },
|
|
59
|
+
react_1.default.createElement("h2", { className: "uxf-typo-h5 mb-4" }, "P\u0159idat sekci"),
|
|
60
|
+
react_1.default.createElement("div", { className: "space-y-4" }, 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)); })))),
|
|
61
|
+
width: "sm",
|
|
62
|
+
});
|
|
63
|
+
} },
|
|
64
|
+
react_1.default.createElement(icon_1.Icon, { name: "plus", className: "mr-3", size: 16 }),
|
|
65
|
+
"P\u0159idat sekci")))));
|
|
26
66
|
};
|
|
27
67
|
exports.ContentField = ContentField;
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1maWVsZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9jb250ZW50LWJ1aWxkZXIvY29udGVudC1maWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwwREFBd0Q7QUFDeEQsZ0RBQWtDO0FBRWxDLHlDQUF3QztBQUN4QyxtREFBeUQ7QUFDekQsc0NBQXdEO0FBQ3hELDhDQUFpRjtBQUNqRiw2REFBb0U7QUFDcEUsbURBQWtEO0FBQ2xELG1GQUFvRjtBQUNwRixxQ0FBb0M7QUFRN0IsSUFBTSxZQUFZLEdBQTBCLFVBQUMsS0FBSztJQUM3QyxJQUFBLGlCQUFpQixHQUFvQixLQUFLLGtCQUF6QixFQUFFLElBQUksR0FBYyxLQUFLLEtBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBRTdDLElBQUEsS0FBbUMsSUFBQSwrQkFBYSxFQUFDLEVBQUUsSUFBSSxFQUFFLFVBQUcsSUFBSSxVQUFPLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxFQUFqRixNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxJQUFJLFVBQXFELENBQUM7SUFFMUYsSUFBTSxhQUFhLEdBQUcsVUFBQyxTQUFnQyxFQUFFLEtBQWE7UUFDbEUsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLFNBQVMsRUFBRSxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUN2RSxJQUFBLDBCQUFVLEdBQUUsQ0FBQztJQUNqQixDQUFDLENBQUM7SUFFSSxJQUFBLEtBQ0YsSUFBQSx5QkFBVyxFQUFDO1FBQ1IsTUFBTSxRQUFBO1FBQ04sYUFBYSxFQUFFLElBQUk7S0FDdEIsQ0FBQyxFQUpFLGVBQWUscUJBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUs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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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
14
|
if (k2 === undefined) k2 = k;
|
|
4
15
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -22,29 +33,67 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
33
|
__setModuleDefault(result, mod);
|
|
23
34
|
return result;
|
|
24
35
|
};
|
|
36
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
37
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
38
|
+
if (!m) return o;
|
|
39
|
+
var i = m.call(o), r, ar = [], e;
|
|
40
|
+
try {
|
|
41
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
42
|
+
}
|
|
43
|
+
catch (error) { e = { error: error }; }
|
|
44
|
+
finally {
|
|
45
|
+
try {
|
|
46
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
47
|
+
}
|
|
48
|
+
finally { if (e) throw e.error; }
|
|
49
|
+
}
|
|
50
|
+
return ar;
|
|
51
|
+
};
|
|
25
52
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
53
|
exports.ContentHeader = void 0;
|
|
27
54
|
var react_1 = __importStar(require("react"));
|
|
28
55
|
var button_1 = require("@uxf/ui/button");
|
|
29
|
-
var
|
|
56
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
57
|
+
var datetime_picker_input_1 = require("@uxf/ui/datetime-picker-input");
|
|
58
|
+
var useClickableProps_1 = require("@uxf/core/hooks/useClickableProps");
|
|
59
|
+
var details_visibility_context_1 = require("./context/details-visibility-context");
|
|
60
|
+
var paper_1 = require("@uxf/ui/paper/paper");
|
|
61
|
+
var modal_service_1 = require("@uxf/ui/modal/modal-service");
|
|
30
62
|
var ContentHeader = function (props) {
|
|
31
|
-
var index = props.index,
|
|
32
|
-
var
|
|
33
|
-
var
|
|
63
|
+
var index = props.index, onRemove = props.onRemove;
|
|
64
|
+
var _a = __read((0, react_1.useState)(null), 2), validityFrom = _a[0], setValidityFrom = _a[1];
|
|
65
|
+
var _b = __read((0, react_1.useState)(null), 2), validityTo = _b[0], setValidityTo = _b[1];
|
|
66
|
+
var _c = __read((0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id), 2), visibility = _c[0], toggleVisibility = _c[1];
|
|
67
|
+
var removeHandler = (0, react_1.useCallback)(function (event) {
|
|
68
|
+
event.stopPropagation();
|
|
34
69
|
// eslint-disable-next-line no-alert
|
|
35
70
|
if (confirm("Opravdu chcete smazat sekci?")) {
|
|
36
71
|
onRemove();
|
|
37
72
|
}
|
|
38
73
|
}, [onRemove]);
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
74
|
+
var clickableProps = (0, useClickableProps_1.useClickableProps)({
|
|
75
|
+
className: "flex w-full cursor-pointer flex-row items-center justify-between p-4",
|
|
76
|
+
onClick: toggleVisibility,
|
|
77
|
+
});
|
|
78
|
+
var setVisibilityHandler = function (event) {
|
|
79
|
+
event.stopPropagation();
|
|
80
|
+
(0, modal_service_1.openModal)({
|
|
81
|
+
children: (react_1.default.createElement(paper_1.Paper, { className: "space-y-4 p-4 dark:bg-gray-950" },
|
|
82
|
+
react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: "visibilityFrom", label: "Platnost od", value: validityFrom, onChange: function (value) { return setValidityFrom(value); } }),
|
|
83
|
+
react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: "visibilityTo", label: "Platnost do", value: validityTo, onChange: function (value) { return setValidityTo(value); } }))),
|
|
84
|
+
width: "sm",
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
return (react_1.default.createElement("div", __assign({}, clickableProps),
|
|
88
|
+
react_1.default.createElement("h3", { className: "uxf-typo-h6" },
|
|
89
|
+
"Sekce #",
|
|
90
|
+
index + 1),
|
|
91
|
+
react_1.default.createElement("div", { className: "flex items-center space-x-4" },
|
|
92
|
+
react_1.default.createElement(button_1.Button, { size: "sm", variant: "white", isIconButton: true, onClick: function (event) { return setVisibilityHandler(event); } },
|
|
93
|
+
react_1.default.createElement(icon_1.Icon, { name: "calendar" })),
|
|
94
|
+
react_1.default.createElement(button_1.Button, { size: "sm", onClick: function (event) { return removeHandler(event); }, variant: "white", isIconButton: true },
|
|
95
|
+
react_1.default.createElement(icon_1.Icon, { name: "delete" })),
|
|
96
|
+
react_1.default.createElement(icon_1.Icon, { name: "".concat(visibility ? "chevronUp" : "chevronDown"), size: 16 }))));
|
|
48
97
|
};
|
|
49
98
|
exports.ContentHeader = ContentHeader;
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
99
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1oZWFkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGFnZXMvY29udGVudC1idWlsZGVyL2NvbnRlbnQtaGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBLDZDQUE0RjtBQUM1Rix5Q0FBd0M7QUFDeEMscUNBQW9DO0FBQ3BDLHVFQUFvRTtBQUNwRSx1RUFBc0U7QUFDdEUsbUZBQXNGO0FBQ3RGLDZDQUE0QztBQUM1Qyw2REFBd0Q7QUFFakQsSUFBTSxhQUFhLEdBQXFCLFVBQUMsS0FBSztJQUN6QyxJQUFBLEtBQUssR0FBZSxLQUFLLE1BQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBQzVCLElBQUEsS0FBQSxPQUFrQyxJQUFBLGdCQUFRLEVBQWdCLElBQUksQ0FBQyxJQUFBLEVBQTlELFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBaUMsQ0FBQztJQUNoRSxJQUFBLEtBQUEsT0FBOEIsSUFBQSxnQkFBUSxFQUFnQixJQUFJLENBQUMsSUFBQSxFQUExRCxVQUFVLFFBQUEsRUFBRSxhQUFhLFFBQWlDLENBQUM7SUFDNUQsSUFBQSxLQUFBLE9BQWlDLElBQUEsMkRBQThCLEVBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxJQUFBLEVBQXhFLFVBQVUsUUFBQSxFQUFFLGdCQUFnQixRQUE0QyxDQUFDO0lBRWhGLElBQU0sYUFBYSxHQUFHLElBQUEsbUJBQVcsRUFDN0IsVUFBQyxLQUFLO1FBQ0YsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLG9DQUFvQztRQUNwQyxJQUFJLE9BQU8sQ0FBQyw4QkFBOEIsQ0FBQyxFQUFFO1lBQ3pDLFFBQVEsRUFBRSxDQUFDO1NBQ2Q7SUFDTCxDQUFDLEVBQ0QsQ0FBQyxRQUFRLENBQUMsQ0FDYixDQUFDO0lBRUYsSUFBTSxjQUFjLEdBQUcsSUFBQSxxQ0FBaUIsRUFBaUM7UUFDckUsU0FBUyxFQUFFLHNFQUFzRTtRQUNqRixPQUFPLEVBQUUsZ0JBQWdCO0tBQzVCLENBQUMsQ0FBQztJQUVILElBQU0sb0JBQW9CLEdBQXlDLFVBQUMsS0FBSztRQUNyRSxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsSUFBQSx5QkFBUyxFQUFDO1lBQ04sUUFBUSxFQUFFLENBQ04sOEJBQUMsYUFBSyxJQUFDLFNBQVMsRUFBQyxnQ0FBZ0M7Z0JBQzdDLDhCQUFDLDJDQUFtQixJQUNoQixJQUFJLEVBQUMsZ0JBQWdCLEVBQ3JCLEtBQUssRUFBQyxhQUFhLEVBQ25CLEtBQUssRUFBRSxZQUFZLEVBQ25CLFFBQVEsRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLGVBQWUsQ0FBQyxLQUFLLENBQUMsRUFBdEIsQ0FBc0IsR0FDN0M7Z0JBQ0YsOEJBQUMsMkNBQW1CLElBQ2hCLElBQUksRUFBQyxjQUFjLEVBQ25CLEtBQUssRUFBQyxhQUFhLEVBQ25CLEtBQUssRUFBRSxVQUFVLEVBQ2pCLFFBQVEsRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFBcEIsQ0FBb0IsR0FDM0MsQ0FDRSxDQUNYO1lBQ0QsS0FBSyxFQUFFLElBQUk7U0FDZCxDQUFDLENBQUM7SUFDUCxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0gsa0RBQVMsY0FBYztRQUNuQixzQ0FBSSxTQUFTLEVBQUMsYUFBYTs7WUFBUyxLQUFLLEdBQUcsQ0FBQyxDQUFNO1FBQ25ELHVDQUFLLFNBQVMsRUFBQyw2QkFBNkI7WUFDeEMsOEJBQUMsZUFBTSxJQUFDLElBQUksRUFBQyxJQUFJLEVBQUMsT0FBTyxFQUFDLE9BQU8sRUFBQyxZQUFZLFFBQUMsT0FBTyxFQUFFLFVBQUMsS0FBSyxJQUFLLE9BQUEsb0JBQW9CLENBQUMsS0FBSyxDQUFDLEVBQTNCLENBQTJCO2dCQUMxRiw4QkFBQyxXQUFJLElBQUMsSUFBSSxFQUFDLFVBQVUsR0FBRyxDQUNuQjtZQUNULDhCQUFDLGVBQU0sSUFBQyxJQUFJLEVBQUMsSUFBSSxFQUFDLE9BQU8sRUFBRSxVQUFDLEtBQUssSUFBSyxPQUFBLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFBcEIsQ0FBb0IsRUFBRSxPQUFPLEVBQUMsT0FBTyxFQUFDLFlBQVk7Z0JBQ3BGLDhCQUFDLFdBQUksSUFBQyxJQUFJLEVBQUMsUUFBUSxHQUFHLENBQ2pCO1lBQ1QsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxVQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUUsRUFBRSxJQUFJLEVBQUUsRUFBRSxHQUFJLENBQ3JFLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBNURXLFFBQUEsYUFBYSxpQkE0RHhCIn0=
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from "react";
|
|
2
|
+
export declare const useDetailsVisibilityForSection: (sectionId: string) => readonly [boolean, () => void];
|
|
3
|
+
export declare const useDetailsVisibilityControls: () => (visible: boolean) => void;
|
|
4
|
+
export declare const DetailsVisibilityProvider: FC<PropsWithChildren>;
|