@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
package/config/icons-config.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ICONS_VERSION = "
|
|
1
|
+
export declare const ICONS_VERSION = "1687176473612";
|
|
2
2
|
export declare const ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
|
package/config/icons-config.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
|
|
4
|
-
exports.ICONS_VERSION = "
|
|
4
|
+
exports.ICONS_VERSION = "1687176473612";
|
|
5
5
|
exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
|
|
6
6
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=
|
package/config/icons.d.ts
CHANGED
|
@@ -223,6 +223,18 @@ export declare const ICONS: {
|
|
|
223
223
|
readonly w: 256;
|
|
224
224
|
readonly h: 512;
|
|
225
225
|
};
|
|
226
|
+
readonly "arrow-down-from-line": {
|
|
227
|
+
readonly w: 384;
|
|
228
|
+
readonly h: 512;
|
|
229
|
+
};
|
|
230
|
+
readonly "arrow-up-to-line": {
|
|
231
|
+
readonly w: 384;
|
|
232
|
+
readonly h: 512;
|
|
233
|
+
};
|
|
234
|
+
readonly "arrows-from-line": {
|
|
235
|
+
readonly w: 448;
|
|
236
|
+
readonly h: 512;
|
|
237
|
+
};
|
|
226
238
|
readonly key: {
|
|
227
239
|
readonly w: 512;
|
|
228
240
|
readonly h: 512;
|
|
@@ -295,6 +307,9 @@ declare module "@uxf/ui/icon/theme" {
|
|
|
295
307
|
"open-link-in-new-tab": true;
|
|
296
308
|
"highlighter-line": true;
|
|
297
309
|
"angleRight": true;
|
|
310
|
+
"arrow-down-from-line": true;
|
|
311
|
+
"arrow-up-to-line": true;
|
|
312
|
+
"arrows-from-line": true;
|
|
298
313
|
"key": true;
|
|
299
314
|
"plus": true;
|
|
300
315
|
"right-from-bracket": true;
|
package/config/icons.js
CHANGED
|
@@ -59,8 +59,11 @@ exports.ICONS = {
|
|
|
59
59
|
"open-link-in-new-tab": { w: 512, h: 512 },
|
|
60
60
|
"highlighter-line": { w: 576, h: 512 },
|
|
61
61
|
"angleRight": { w: 256, h: 512 },
|
|
62
|
+
"arrow-down-from-line": { w: 384, h: 512 },
|
|
63
|
+
"arrow-up-to-line": { w: 384, h: 512 },
|
|
64
|
+
"arrows-from-line": { w: 448, h: 512 },
|
|
62
65
|
"key": { w: 512, h: 512 },
|
|
63
66
|
"plus": { w: 448, h: 512 },
|
|
64
67
|
"right-from-bracket": { w: 512, h: 512 },
|
|
65
68
|
};
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixZQUFZLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDaEMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLFVBQVUsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUM5QixRQUFRLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDNUIsV0FBVyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQy9CLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixNQUFNLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDMUIsT0FBTyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzNCLGFBQWEsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNqQyxhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsY0FBYyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2xDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxlQUFlLEVBQUUsRUFBRSxD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
|
package/lib/layout/layout.js
CHANGED
|
@@ -14,30 +14,30 @@ var loader_1 = require("@uxf/ui/loader/loader");
|
|
|
14
14
|
var layout_container_1 = require("./layout-container");
|
|
15
15
|
var Layout = function (props) {
|
|
16
16
|
var _a;
|
|
17
|
-
var Header = props.Header, Logo = props.Logo, MessageBar = props.MessageBar, TitleRightContainer = props.TitleRightContainer, ToolbarRight = props.ToolbarRight, breadcrumbs = props.breadcrumbs, children = props.children, containerType = props.containerType, headerContainerType = props.headerContainerType, loading = props.loading, mainClassName = props.mainClassName, menuConfiguration = props.menuConfiguration, subtitle = props.subtitle, title = props.title;
|
|
17
|
+
var Header = props.Header, Logo = props.Logo, MessageBar = props.MessageBar, TitleRightContainer = props.TitleRightContainer, ToolbarRight = props.ToolbarRight, breadcrumbs = props.breadcrumbs, children = props.children, containerType = props.containerType, headerContainerType = props.headerContainerType, loading = props.loading, mainClassName = props.mainClassName, menuConfiguration = props.menuConfiguration, subtitle = props.subtitle, title = props.title, stickyHeader = props.stickyHeader, CustomHeader = props.CustomHeader;
|
|
18
18
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
19
19
|
react_1.default.createElement(head_1.default, null,
|
|
20
20
|
react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
|
|
21
21
|
react_1.default.createElement("meta", { charSet: "utf-8" }),
|
|
22
22
|
react_1.default.createElement("title", null, "".concat(title, " | ").concat((_a = config_1.config.get("app-name")) !== null && _a !== void 0 ? _a : ""))),
|
|
23
23
|
react_1.default.createElement("div", { className: "flex" },
|
|
24
|
-
react_1.default.createElement("div", { className: "flex w-full bg-gray-100" },
|
|
24
|
+
react_1.default.createElement("div", { className: "flex w-full bg-gray-100 dark:bg-gray-900 dark:text-darkHigh" },
|
|
25
25
|
react_1.default.createElement(sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo }),
|
|
26
26
|
react_1.default.createElement("main", { className: "min-h-screen w-full pb-16 md:ml-[var(--drawerWidth)] md:w-[calc(100%_-_var(--drawerWidth))] md:pb-0 ".concat(mainClassName !== null && mainClassName !== void 0 ? mainClassName : ""), style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, loading ? (react_1.default.createElement("div", { className: "flex h-96 flex-col items-center justify-center" },
|
|
27
27
|
react_1.default.createElement("div", { className: "text-center" },
|
|
28
28
|
react_1.default.createElement(loader_1.Loader, null),
|
|
29
29
|
react_1.default.createElement("p", { className: "mt-2" }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
30
|
-
react_1.default.createElement("div", { className: "".concat(Header ? "bg-white" : "") },
|
|
30
|
+
CustomHeader ? (CustomHeader) : (react_1.default.createElement("div", { className: "".concat(Header ? "bg-white dark:bg-gray-950" : "", " ").concat(stickyHeader ? "sticky top-0 z-10 bg-white shadow-md dark:bg-gray-950" : "") },
|
|
31
31
|
ToolbarRight && (react_1.default.createElement("div", { className: "flex h-12 items-center justify-end bg-sidebar-background px-6 text-darkMedium" }, ToolbarRight)),
|
|
32
32
|
MessageBar,
|
|
33
33
|
react_1.default.createElement(layout_container_1.LayoutContainer, { type: headerContainerType !== null && headerContainerType !== void 0 ? headerContainerType : containerType, className: "pb-9 pt-12" },
|
|
34
34
|
breadcrumbs && react_1.default.createElement(breadcrumbs_1.Breadcrumbs, { items: breadcrumbs }),
|
|
35
|
-
react_1.default.createElement("div", { className: "flex items-center" },
|
|
35
|
+
react_1.default.createElement("div", { className: "flex items-center justify-between" },
|
|
36
36
|
react_1.default.createElement("h1", { className: "uxf-typo-h4" }, title),
|
|
37
37
|
TitleRightContainer),
|
|
38
38
|
subtitle,
|
|
39
|
-
Header)),
|
|
39
|
+
Header))),
|
|
40
40
|
react_1.default.createElement(layout_container_1.LayoutContainer, { type: containerType }, children))))))));
|
|
41
41
|
};
|
|
42
42
|
exports.Layout = Layout;
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9sYXlvdXQvbGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWlEO0FBQ2pELHVDQUFzQztBQUN0QyxxQ0FBb0M7QUFDcEMsbUNBQXVDO0FBRXZDLDZDQUE0QztBQUM1QyxnREFBK0M7QUFDL0MsdURBQXFEO0FBRTlDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7O0lBRXJDLElBQUEsTUFBTSxHQWdCTixLQUFLLE9BaEJDLEVBQ04sSUFBSSxHQWVKLEtBQUssS0FmRCxFQUNKLFVBQVUsR0FjVixLQUFLLFdBZEssRUFDVixtQkFBbUIsR0FhbkIsS0FBSyxvQkFiYyxFQUNuQixZQUFZLEdBWVosS0FBSyxhQVpPLEVBQ1osV0FBVyxHQVdYLEtBQUssWUFYTSxFQUNYLFFBQVEsR0FVUixLQUFLLFNBVkcsRUFDUixhQUFhLEdBU2IsS0FBSyxjQVRRLEVBQ2IsbUJBQW1CLEdBUW5CLEtBQUssb0JBUmMsRUFDbkIsT0FBTyxHQU9QLEtBQUssUUFQRSxFQUNQLGFBQWEsR0FNYixLQUFLLGNBTlEsRUFDYixpQkFBaUIsR0FLakIsS0FBSyxrQkFMWSxFQUNqQixRQUFRLEdBSVIsS0FBSyxTQUpHLEVBQ1IsS0FBSyxHQUdMLEtBQUssTUFIQSxFQUNMLFlBQVksR0FFWixLQUFLLGFBRk8sRUFDWixZQUFZLEdBQ1osS0FBSyxhQURPLENBQ047SUFFVixPQUFPLENBQ0g7UUFDSSw4QkFBQyxjQUFJO1lBQ0Qsd0NBQU0sSUFBSSxFQUFDLFVBQVUsRUFBQyxPQUFPLEVBQUMscUNBQXFDLEdBQUc7WUFDdEUsd0NBQU0sT0FBTyxFQUFDLE9BQU8sR0FBRztZQUV4Qiw2Q0FBUSxVQUFHLEtBQUssZ0JBQU0sTUFBQSxlQUFNLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQyxtQ0FBSSxFQUFFLENBQUUsQ0FBUyxDQUMxRDtRQUNQLHVDQUFLLFNBQVMsRUFBQyxNQUFNO1lBQ2pCLHVDQUFLLFNBQVMsRUFBQyw2REFBNkQ7Z0JBQ3hFLDhCQUFDLGlCQUFPLElBQUMsaUJBQWlCLEVBQUUsaUJBQWlCLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSTtnQkFDN0Qsd0NBQ0ksU0FBUyxFQUFFLDhHQUNQLGFBQWEsYUFBYixhQUFhLGNBQWIsYUFBYSxHQUFJLEVBQUUsQ0FDckIsRUFDRixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsVUFBRyxvQkFBVyxPQUFJLEVBQW1CLElBRTlELE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDUCx1Q0FBSyxTQUFTLEVBQUMsZ0RBQWdEO29CQUMzRCx1Q0FBSyxTQUFTLEVBQUMsYUFBYTt3QkFDeEIsOEJBQUMsZUFBTSxPQUFHO3dCQUNWLHFDQUFHLFNBQVMsRUFBQyxNQUFNLG1DQUFvQixDQUNyQyxDQUNKLENBQ1QsQ0FBQyxDQUFDLENBQUMsQ0FDQTtvQkFDSyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQ1osWUFBWSxDQUNmLENBQUMsQ0FBQyxDQUFDLENBQ0EsdUNBQ0ksU0FBUyxFQUFFLFVBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUNuRCxZQUFZLENBQUMsQ0FBQyxDQUFDLHVEQUF1RCxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQzdFO3dCQUVELFlBQVksSUFBSSxDQUNiLHVDQUFLLFNBQVMsRUFBQywrRUFBK0UsSUFDekYsWUFBWSxDQUNYLENBQ1Q7d0JBQ0EsVUFBVTt3QkFDWCw4QkFBQyxrQ0FBZSxJQUNaLElBQUksRUFBRSxtQkFBbUIsYUFBbkIsbUJBQW1CLGNBQW5CLG1CQUFtQixHQUFJLGFBQWEsRUFDMUMsU0FBUyxFQUFDLFlBQVk7NEJBRXJCLFdBQVcsSUFBSSw4QkFBQyx5QkFBVyxJQUFDLEtBQUssRUFBRSxXQUFXLEdBQUk7NEJBQ25ELHVDQUFLLFNBQVMsRUFBQyxtQ0FBbUM7Z0NBQzlDLHNDQUFJLFNBQVMsRUFBQyxhQUFhLElBQUUsS0FBSyxDQUFNO2dDQUN2QyxtQkFBbUIsQ0FDbEI7NEJBQ0wsUUFBUTs0QkFDUixNQUFNLENBQ08sQ0FDaEIsQ0FDVDtvQkFDRCw4QkFBQyxrQ0FBZSxJQUFDLElBQUksRUFBRSxhQUFhLElBQUcsUUFBUSxDQUFtQixDQUNuRSxDQUNOLENBQ0UsQ0FDTCxDQUNKLENBQ1AsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBbEZXLFFBQUEsTUFBTSxVQWtGakIifQ==
|
package/lib/layout/types.d.ts
CHANGED
|
@@ -9,13 +9,13 @@ var react_1 = __importDefault(require("react"));
|
|
|
9
9
|
var paper_1 = require("@uxf/ui/paper/paper");
|
|
10
10
|
var LoginLayout = function (props) {
|
|
11
11
|
var hideTitle = props.hideTitle, title = props.title, subTitle = props.subTitle, pageTitle = props.pageTitle, children = props.children, Logo = props.Logo;
|
|
12
|
-
return (react_1.default.createElement("div", { className: "flex min-h-screen flex-col items-center justify-center bg-gray-100 p-4" },
|
|
12
|
+
return (react_1.default.createElement("div", { className: "flex min-h-screen flex-col items-center justify-center bg-gray-100 p-4 dark:bg-gray-900 dark:text-darkHigh" },
|
|
13
13
|
react_1.default.createElement(head_1.default, null,
|
|
14
14
|
react_1.default.createElement("title", null, pageTitle || "")),
|
|
15
15
|
Logo && react_1.default.createElement("div", { className: "mb-8" }, Logo),
|
|
16
16
|
title && react_1.default.createElement("h1", { className: hideTitle ? "sr-only" : "uxf-typo-h4" }, title),
|
|
17
17
|
subTitle && react_1.default.createElement("p", { className: "uxf-typo-body mt-2 text-lightMedium" }, subTitle),
|
|
18
|
-
react_1.default.createElement(paper_1.Paper, { className: "mt-8 w-[448px] max-w-full p-6" }, children)));
|
|
18
|
+
react_1.default.createElement(paper_1.Paper, { className: "mt-8 w-[448px] max-w-full p-6 dark:bg-gray-950" }, children)));
|
|
19
19
|
};
|
|
20
20
|
exports.LoginLayout = LoginLayout;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tbGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9sb2dpbi1sYXlvdXQvbG9naW4tbGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWtDO0FBRWxDLDZDQUE0QztBQUVyQyxJQUFNLFdBQVcsR0FBeUIsVUFBQyxLQUFLO0lBQzNDLElBQUEsU0FBUyxHQUFpRCxLQUFLLFVBQXRELEVBQUUsS0FBSyxHQUEwQyxLQUFLLE1BQS9DLEVBQUUsUUFBUSxHQUFnQyxLQUFLLFNBQXJDLEVBQUUsU0FBUyxHQUFxQixLQUFLLFVBQTFCLEVBQUUsUUFBUSxHQUFXLEtBQUssU0FBaEIsRUFBRSxJQUFJLEdBQUssS0FBSyxLQUFWLENBQVc7SUFFeEUsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyw0R0FBNEc7UUFDdkgsOEJBQUMsY0FBSTtZQUNELDZDQUFRLFNBQVMsSUFBSSxFQUFFLENBQVMsQ0FDN0I7UUFDTixJQUFJLElBQUksdUNBQUssU0FBUyxFQUFDLE1BQU0sSUFBRSxJQUFJLENBQU87UUFDMUMsS0FBSyxJQUFJLHNDQUFJLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsYUFBYSxJQUFHLEtBQUssQ0FBTTtRQUMzRSxRQUFRLElBQUkscUNBQUcsU0FBUyxFQUFDLHFDQUFxQyxJQUFFLFFBQVEsQ0FBSztRQUM5RSw4QkFBQyxhQUFLLElBQUMsU0FBUyxFQUFDLGdEQUFnRCxJQUFFLFFBQVEsQ0FBUyxDQUNsRixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFkVyxRQUFBLFdBQVcsZUFjdEIifQ==
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/cms",
|
|
3
|
-
"version": "6.0.0-beta.
|
|
3
|
+
"version": "6.0.0-beta.76",
|
|
4
4
|
"description": "UXF Cms",
|
|
5
5
|
"author": "UXFans <dev@uxf.cz>",
|
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/cms#readme",
|
|
@@ -35,6 +35,9 @@
|
|
|
35
35
|
"typecheck": "./node_modules/.bin/tsc --noEmit --skipLibCheck"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
+
"@dnd-kit/core": "^6.0.8",
|
|
39
|
+
"@dnd-kit/sortable": "^7.0.2",
|
|
40
|
+
"@dnd-kit/utilities": "^3.2.1",
|
|
38
41
|
"@floating-ui/react": "0.24.2",
|
|
39
42
|
"es6-error": "^4.1.1",
|
|
40
43
|
"path-to-regexp": "^6.2.1",
|
|
@@ -50,7 +53,7 @@
|
|
|
50
53
|
"@types/react": "18.2.6",
|
|
51
54
|
"@types/react-dom": "18.2.4",
|
|
52
55
|
"@uxf/core": "^4.5.1",
|
|
53
|
-
"@uxf/data-grid": "^5.0.0-beta.
|
|
56
|
+
"@uxf/data-grid": "^5.0.0-beta.21",
|
|
54
57
|
"@uxf/eslint-config": "^1.3.0",
|
|
55
58
|
"@uxf/form": "1.0.0-beta.175",
|
|
56
59
|
"@uxf/icons-generator": "^1.3.0",
|
|
@@ -91,7 +94,7 @@
|
|
|
91
94
|
},
|
|
92
95
|
"peerDependencies": {
|
|
93
96
|
"@uxf/core": ">= 4.5.1",
|
|
94
|
-
"@uxf/data-grid": "5.0.0-beta.
|
|
97
|
+
"@uxf/data-grid": "5.0.0-beta.21",
|
|
95
98
|
"@uxf/form": "1.0.0-beta.175",
|
|
96
99
|
"@uxf/ui": "1.0.0-beta.175",
|
|
97
100
|
"@uxf/wysiwyg": "2.0.0-beta.28",
|
|
@@ -4,6 +4,9 @@ import { Control } from "react-hook-form";
|
|
|
4
4
|
interface FormSectionProps extends Omit<ContentProps, "TypeInputProps"> {
|
|
5
5
|
contentComponents: ContentComponent<any>[];
|
|
6
6
|
control: Control<any>;
|
|
7
|
+
id: string;
|
|
8
|
+
createSection: (component: ContentComponent<any>, index: number) => void;
|
|
9
|
+
showAddButton?: boolean;
|
|
7
10
|
}
|
|
8
11
|
export declare const FormContent: FC<FormSectionProps>;
|
|
9
12
|
export {};
|
|
@@ -17,21 +17,48 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.FormContent = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var react_hook_form_1 = require("react-hook-form");
|
|
20
|
+
var sortable_1 = require("@dnd-kit/sortable");
|
|
21
|
+
var utilities_1 = require("@dnd-kit/utilities");
|
|
22
|
+
var paper_1 = require("@uxf/ui/paper/paper");
|
|
23
|
+
var button_1 = require("@uxf/ui/button");
|
|
24
|
+
var modal_service_1 = require("@uxf/ui/modal/modal-service");
|
|
25
|
+
var icon_1 = require("@uxf/ui/icon");
|
|
20
26
|
var getSection = function (sections, type) {
|
|
21
27
|
return sections.find(function (s) { return s.getConfig().type === type; });
|
|
22
28
|
};
|
|
23
29
|
var FormContent = function (props) {
|
|
24
|
-
var contentComponents = props.contentComponents, onRemove = props.onRemove, name = props.name, index = props.index, control = props.control;
|
|
30
|
+
var contentComponents = props.contentComponents, onRemove = props.onRemove, name = props.name, index = props.index, control = props.control, id = props.id, createSection = props.createSection, _a = props.showAddButton, showAddButton = _a === void 0 ? true : _a;
|
|
25
31
|
var field = (0, react_hook_form_1.useController)({ control: control, name: "".concat(name, ".type") }).field;
|
|
26
32
|
var SectionContent = getSection(contentComponents, field.value);
|
|
33
|
+
var _b = (0, sortable_1.useSortable)({
|
|
34
|
+
id: id,
|
|
35
|
+
}), attributes = _b.attributes, listeners = _b.listeners, isDragging = _b.isDragging, transform = _b.transform, transition = _b.transition, setNodeRef = _b.setNodeRef;
|
|
36
|
+
var style = {
|
|
37
|
+
opacity: isDragging ? 0.4 : undefined,
|
|
38
|
+
transform: utilities_1.CSS.Translate.toString(transform),
|
|
39
|
+
transition: transition,
|
|
40
|
+
};
|
|
27
41
|
if (SectionContent) {
|
|
28
|
-
return (react_1.default.createElement(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
42
|
+
return (react_1.default.createElement("div", { style: style, ref: setNodeRef, className: "relative" },
|
|
43
|
+
react_1.default.createElement("button", __assign({ type: "button" }, attributes, listeners, { className: "absolute -left-7 top-6" }),
|
|
44
|
+
react_1.default.createElement(icon_1.Icon, { size: 18, name: "arrows-from-line" })),
|
|
45
|
+
react_1.default.createElement(paper_1.Paper, { className: "dark:bg-gray-800" },
|
|
46
|
+
react_1.default.createElement(SectionContent, { id: id, name: "".concat(name, ".content"), onRemove: onRemove, index: index, TypeInputProps: __assign(__assign({}, field), { options: contentComponents.map(function (s) { return ({
|
|
47
|
+
id: s.getConfig().type,
|
|
48
|
+
label: s.getConfig().label,
|
|
49
|
+
}); }) }), control: control })),
|
|
50
|
+
showAddButton && (react_1.default.createElement("div", { className: "mt-4 flex justify-center" },
|
|
51
|
+
react_1.default.createElement(button_1.Button, { onClick: function () {
|
|
52
|
+
return (0, modal_service_1.openModal)({
|
|
53
|
+
children: (react_1.default.createElement("div", { className: "px-4 py-6" },
|
|
54
|
+
react_1.default.createElement("h2", { className: "uxf-typo-h5 mb-4" }, "P\u0159idat sekci"),
|
|
55
|
+
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, index); } }, component.getConfig().label)); })))),
|
|
56
|
+
width: "sm",
|
|
57
|
+
});
|
|
58
|
+
}, variant: "white", size: "sm" }, "P\u0159idat sekci")))));
|
|
32
59
|
}
|
|
33
60
|
return (react_1.default.createElement("div", { className: "align-center flex justify-center p-4" },
|
|
34
61
|
react_1.default.createElement("p", { className: "ml-4 font-bold text-error" }, "Nepodporovan\u00E1 sekce")));
|
|
35
62
|
};
|
|
36
63
|
exports.FormContent = FormContent;
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb250ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb21wb25lbnRzL2Zvcm0tY29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBaUQ7QUFFakQsbURBQXlEO0FBQ3pELDhDQUFnRDtBQUNoRCxnREFBeUM7QUFDekMsNkNBQTRDO0FBQzVDLHlDQUF3QztBQUN4Qyw2REFBd0Q7QUFDeEQscUNBQW9DO0FBVXBDLElBQU0sVUFBVSxHQUFHLFVBQUMsUUFBaUMsRUFBRSxJQUFZO0lBQy9ELE9BQU8sUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUEzQixDQUEyQixDQUFDLENBQUM7QUFDN0QsQ0FBQyxDQUFDO0FBRUssSUFBTSxXQUFXLEdBQXlCLFVBQUMsS0FBSztJQUMzQyxJQUFBLGlCQUFpQixHQUE4RSxLQUFLLGtCQUFuRixFQUFFLFFBQVEsR0FBb0UsS0FBSyxTQUF6RSxFQUFFLElBQUksR0FBOEQsS0FBSyxLQUFuRSxFQUFFLEtBQUssR0FBdUQsS0FBSyxNQUE1RCxFQUFFLE9BQU8sR0FBOEMsS0FBSyxRQUFuRCxFQUFFLEVBQUUsR0FBMEMsS0FBSyxHQUEvQyxFQUFFLGFBQWEsR0FBMkIsS0FBSyxjQUFoQyxFQUFFLEtBQXlCLEtBQUssY0FBVixFQUFwQixhQUFhLG1CQUFHLElBQUksS0FBQSxDQUFXO0lBRXJHLElBQUEsS0FBSyxHQUFLLElBQUEsK0JBQWEsRUFBQyxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQUcsSUFBSSxVQUFPLEVBQUUsQ0FBQyxNQUE5RCxDQUErRDtJQUU1RSxJQUFNLGNBQWMsR0FBRyxVQUFVLENBQUMsaUJBQWlCLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FB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
|
|
@@ -15,6 +15,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
15
15
|
var api_1 = require("../../../api");
|
|
16
16
|
var on_upload_file_1 = require("../../../forms/utils/on-upload-file");
|
|
17
17
|
var datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
|
|
18
|
+
var tabs_1 = require("@uxf/ui/tabs");
|
|
18
19
|
var options = [
|
|
19
20
|
{ id: "PRIVATE", label: "Privátní" },
|
|
20
21
|
{ id: "PUBLIC_WITHOUT_SITEMAP", label: "Veřejný bez sitemapy" },
|
|
@@ -24,48 +25,50 @@ var FormRootFields = function (props) {
|
|
|
24
25
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
25
26
|
var children = props.children, config = props.config, id = props.id, control = props.control;
|
|
26
27
|
return (react_1.default.createElement("div", { className: "pb-2 pt-4" },
|
|
27
|
-
react_1.default.createElement(
|
|
28
|
-
|
|
29
|
-
react_1.default.createElement(
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
react_1.default.createElement("
|
|
57
|
-
react_1.default.createElement(
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
28
|
+
react_1.default.createElement(tabs_1.Tabs, null,
|
|
29
|
+
react_1.default.createElement(tabs_1.Tabs.Panel, { title: "Z\u00E1kladn\u00ED" },
|
|
30
|
+
react_1.default.createElement("div", { className: "space-y-8 px-4 pb-4" },
|
|
31
|
+
config.allowedTypes && (react_1.default.createElement("div", null,
|
|
32
|
+
react_1.default.createElement(select_1.Select, { name: "type", label: "Typ", options: config.allowedTypes, isReadOnly: !!id, isRequired: true, control: control }))),
|
|
33
|
+
react_1.default.createElement("div", null,
|
|
34
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "name", label: "Nadpis", isRequired: true, control: control })),
|
|
35
|
+
!((_a = config.hide) === null || _a === void 0 ? void 0 : _a.publishedAt) && (react_1.default.createElement("div", null,
|
|
36
|
+
react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: "publishedAt", label: "Datum publikace", isRequired: true, control: control }))),
|
|
37
|
+
!((_b = config.hide) === null || _b === void 0 ? void 0 : _b.perex) && (react_1.default.createElement("div", null,
|
|
38
|
+
react_1.default.createElement(textarea_1.Textarea, { name: "perex", label: "Perex", rows: 3, control: control }))),
|
|
39
|
+
!((_c = config.hide) === null || _c === void 0 ? void 0 : _c.author) && (react_1.default.createElement("div", null,
|
|
40
|
+
react_1.default.createElement(combobox_1.Combobox, { name: "author", label: "Autor", loadOptions: function (term) {
|
|
41
|
+
return (0, api_1.autocomplete)(null, { name: "content-author" }, { term: term }).then(function (r) { return r.data; });
|
|
42
|
+
}, control: control }))),
|
|
43
|
+
!((_d = config.hide) === null || _d === void 0 ? void 0 : _d.category) && (react_1.default.createElement("div", null,
|
|
44
|
+
react_1.default.createElement(combobox_1.Combobox, { name: "category", label: "Kategorie", loadOptions: function (term) {
|
|
45
|
+
return (0, api_1.autocomplete)(null, { name: "content-category" }, { term: term }).then(function (r) { return r.data; });
|
|
46
|
+
}, control: control }))),
|
|
47
|
+
react_1.default.createElement("div", null,
|
|
48
|
+
react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: "tags", label: "Tagy", loadOptions: function (term) {
|
|
49
|
+
return (0, api_1.autocomplete)(null, { name: "content-tag" }, { term: term }).then(function (r) { return r.data; });
|
|
50
|
+
}, control: control })),
|
|
51
|
+
!((_e = config.hide) === null || _e === void 0 ? void 0 : _e.image) && (react_1.default.createElement("div", null,
|
|
52
|
+
react_1.default.createElement(file_input_1.FileInput, { id: "image", name: "image", label: "Hlavn\u00ED obr\u00E1zek", onUploadFile: on_upload_file_1.onUploadFile, control: control }))),
|
|
53
|
+
react_1.default.createElement("div", null,
|
|
54
|
+
react_1.default.createElement(checkbox_input_1.CheckboxInput, { name: "active", label: "Aktivn\u00ED", control: control })),
|
|
55
|
+
react_1.default.createElement("div", null,
|
|
56
|
+
react_1.default.createElement(select_1.Select, { name: "visibilityLevel", label: "Viditelnost", options: options, isRequired: true, control: control })))),
|
|
57
|
+
react_1.default.createElement(tabs_1.Tabs.Panel, { title: "SEO" },
|
|
58
|
+
react_1.default.createElement("div", { className: "space-y-8 px-4 pb-4" },
|
|
59
|
+
react_1.default.createElement("div", null,
|
|
60
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "seo.name", label: "Slug", helperText: "Slug = unik\u00E1tn\u00ED koncovka URL adresy", control: control })),
|
|
61
|
+
!((_g = (_f = config.hide) === null || _f === void 0 ? void 0 : _f.seo) === null || _g === void 0 ? void 0 : _g.title) && (react_1.default.createElement("div", null,
|
|
62
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "seo.title", label: "Nadpis", control: control }))),
|
|
63
|
+
!((_j = (_h = config.hide) === null || _h === void 0 ? void 0 : _h.seo) === null || _j === void 0 ? void 0 : _j.description) && (react_1.default.createElement("div", null,
|
|
64
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "seo.description", label: "Popis", control: control }))),
|
|
65
|
+
!((_l = (_k = config.hide) === null || _k === void 0 ? void 0 : _k.seo) === null || _l === void 0 ? void 0 : _l.ogTitle) && (react_1.default.createElement("div", null,
|
|
66
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "seo.ogTitle", label: "OG nadpis", helperText: "Nadpis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", control: control }))),
|
|
67
|
+
!((_o = (_m = config.hide) === null || _m === void 0 ? void 0 : _m.seo) === null || _o === void 0 ? void 0 : _o.ogDescription) && (react_1.default.createElement("div", null,
|
|
68
|
+
react_1.default.createElement(text_input_1.TextInput, { name: "seo.ogDescription", label: "OG popis", helperText: "Popis kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", control: control }))),
|
|
69
|
+
!((_q = (_p = config.hide) === null || _p === void 0 ? void 0 : _p.seo) === null || _q === void 0 ? void 0 : _q.ogImage) && (react_1.default.createElement("div", null,
|
|
70
|
+
react_1.default.createElement(file_input_1.FileInput, { id: "seo.ogImage", name: "seo.ogImage", label: "OG obr\u00E1zek", helperText: "Obr\u00E1zek kter\u00FD bude zobrazen p\u0159i sd\u00EDlen\u00ED na Facebooku, ...", onUploadFile: on_upload_file_1.onUploadFile, control: control })))))),
|
|
68
71
|
children));
|
|
69
72
|
};
|
|
70
73
|
exports.FormRootFields = FormRootFields;
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1yb290LWZpZWxkcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9jb250ZW50LWJ1aWxkZXIvY29tcG9uZW50cy9mb3JtLXJvb3QtZmllbGRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwyREFBeUQ7QUFDekQsd0RBQXVEO0FBQ3ZELG1EQUFpRDtBQUNqRCwyREFBeUQ7QUFDekQsMkNBQTBDO0FBQzFDLG1EQUFpRDtBQUNqRCwrQ0FBOEM7QUFDOUMsZ0RBQTZDO0FBQzdDLG9DQUFrRTtBQUNsRSxzRUFBbUU7QUFHbkUseUVBQXNFO0FBQ3RFLHFDQUFvQztBQUVwQyxJQUFNLE9BQU8sR0FBa0Q7SUFDM0QsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7SUFDcEMsRUFBRSxFQUFFLEVBQUUsd0JBQXdCLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFO0lBQy9ELEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO0NBQ3JDLENBQUM7QUFTSyxJQUFNLGNBQWMsR0FBYyxVQUFDLEtBQUs7O0lBQ25DLElBQUEsUUFBUSxHQUEwQixLQUFLLFNBQS9CLEVBQUUsTUFBTSxHQUFrQixLQUFLLE9BQXZCLEVBQUUsRUFBRSxHQUFjLEtBQUssR0FBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFFaEQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyxXQUFXO1FBQ3RCLDhCQUFDLFdBQUk7WUFDRCw4QkFBQyxXQUFJLENBQUMsS0FBSyxJQUFDLEtBQUssRUFBQyxvQkFBVTtnQkFDeEIsdUNBQUssU0FBUyxFQUFDLHFCQUFxQjtvQkFDL0IsTUFBTSxDQUFDLFlBQVksSUFBSSxDQUNwQjt3QkFDSSw4QkFBQyxlQUFNLElBQ0gsSUFBSSxFQUFDLE1BQU0sRUFDWCxLQUFLLEVBQUMsS0FBSyxFQUNYLE9BQU8sRUFBRSxNQUFNLENBQUMsWUFBWSxFQUM1QixVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFDaEIsVUFBVSxRQUNWLE9BQU8sRUFBRSxPQUFPLEdBQ2xCLENBQ0EsQ0FDVDtvQkFDRDt3QkFDSSw4QkFBQyxzQkFBUyxJQUFDLElBQUksRUFBQyxNQUFNLEVBQUMsS0FBSyxFQUFDLFFBQVEsRUFBQyxVQUFVLFFBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUNuRTtvQkFDTCxDQUFDLENBQUEsTUFBQSxNQUFNLENBQUMsSUFBSSwwQ0FBRSxXQUFXLENBQUEsSUFBSSxDQUMxQjt3QkFDSSw4QkFBQywyQ0FBbUIsSUFDaEIsSUFBSSxFQUFDLGFBQWEsRUFDbEIsS0FBSyxFQUFDLGlCQUFpQixFQUN2QixVQUFVLFFBQ1YsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQSxDQUNUO29CQUNBLENBQUMsQ0FBQSxNQUFBLE1BQU0sQ0FBQyxJQUFJLDBDQUFFLEtBQUssQ0FBQSxJQUFJLENBQ3BCO3dCQUNJLDhCQUFDLG1CQUFRLElBQUMsSUFBSSxFQUFDLE9BQU8sRUFBQyxLQUFLLEVBQUMsT0FBTyxFQUFDLElBQUksRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUNoRSxDQUNUO29CQUNBLENBQUMsQ0FBQSxNQUFBLE1BQU0sQ0FBQyxJQUFJLDBDQUFFLE1BQU0sQ0FBQSxJQUFJLENBQ3JCO3dCQUNJLDhCQUFDLG1CQUFRLElBQ0wsSUFBSSxFQUFDLFFBQVEsRUFDYixLQUFLLEVBQUMsT0FBTyxFQUNiLFdBQVcsRUFBRSxVQUFDLElBQUk7Z0NBQ2QsT0FBQSxJQUFBLGtCQUFrQixFQUFDLElBQUksRUFBRSxFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxFQUFFLEVBQUUsSUFBSSxNQUFBLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FDL0QsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsSUFBSSxFQUFOLENBQU0sQ0FDaEI7NEJBRkQsQ0FFQyxFQUVMLE9BQU8sRUFBRSxPQUFPLEdBQ2xCLENBQ0EsQ0FDVDtvQkFDQSxDQUFDLENBQUEsTUFBQSxNQUFNLENBQUMsSUFBSSwwQ0FBRSxRQUFRLENBQUEsSUFBSSxDQUN2Qjt3QkFDSSw4QkFBQyxtQkFBUSxJQUNMLElBQUksRUFBQyxVQUFVLEVBQ2YsS0FBSyxFQUFDLFdBQVcsRUFDakIsV0FBVyxFQUFFLFVBQUMsSUFBSTtnQ0FDZCxPQUFBLElBQUEsa0JBQWtCLEVBQUMsSUFBSSxFQUFFLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLEVBQUUsRUFBRSxJQUFJLE1BQUEsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUNqRSxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsQ0FBQyxJQUFJLEVBQU4sQ0FBTSxDQUNoQjs0QkFGRCxDQUVDLEVBRUwsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQSxDQUNUO29CQUNEO3dCQUNJLDhCQUFDLDhCQUFhLElBQ1YsSUFBSSxFQUFDLE1BQU0sRUFDWCxLQUFLLEVBQUMsTUFBTSxFQUNaLFdBQVcsRUFBRSxVQUFDLElBQUk7Z0NBQ2QsT0FBQSxJQUFBLGtCQUFrQixFQUFDLElBQUksRUFBRSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsRUFBRSxFQUFFLElBQUksTUFBQSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsSUFBSSxFQUFOLENBQU0sQ0FBQzs0QkFBL0UsQ0FBK0UsRUFFbkYsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQTtvQkFDTCxDQUFDLENBQUEsTUFBQSxNQUFNLENBQUMsSUFBSSwwQ0FBRSxLQUFLLENBQUEsSUFBSSxDQUNwQjt3QkFDSSw4QkFBQyxzQkFBUyxJQUNOLEVBQUUsRUFBQyxPQUFPLEVBQ1YsSUFBSSxFQUFDLE9BQU8sRUFDWixLQUFLLEVBQUMsMEJBQWdCLEVBQ3RCLFlBQVksRUFBRSw2QkFBWSxFQUMxQixPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBLENBQ1Q7b0JBQ0Q7d0JBQ0ksOEJBQUMsOEJBQWEsSUFBQyxJQUFJLEVBQUMsUUFBUSxFQUFDLEtBQUssRUFBQyxjQUFTLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUMvRDtvQkFDTjt3QkFDSSw4QkFBQyxlQUFNLElBQ0gsSUFBSSxFQUFDLGlCQUFpQixFQUN0QixLQUFLLEVBQUMsYUFBYSxFQUNuQixPQUFPLEVBQUUsT0FBTyxFQUNoQixVQUFVLFFBQ1YsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQSxDQUNKLENBQ0c7WUFDYiw4QkFBQyxXQUFJLENBQUMsS0FBSyxJQUFDLEtBQUssRUFBQyxLQUFLO2dCQUNuQix1Q0FBSyxTQUFTLEVBQUMscUJBQXFCO29CQUNoQzt3QkFDSSw4QkFBQyxzQkFBUyxJQUNOLElBQUksRUFBQyxVQUFVLEVBQ2YsS0FBSyxFQUFDLE1BQU0sRUFDWixVQUFVLEVBQUMsK0NBQXFDLEVBQ2hELE9BQU8sRUFBRSxPQUFPLEdBQ2xCLENBQ0E7b0JBQ0wsQ0FBQyxDQUFBLE1BQUEsTUFBQSxNQUFNLENBQUMsSUFBSSwwQ0FBRSxHQUFHLDBDQUFFLEtBQUssQ0FBQSxJQUFJLENBQ3pCO3dCQUNJLDhCQUFDLHNCQUFTLElBQUMsSUFBSSxFQUFDLFdBQVcsRUFBQyxLQUFLLEVBQUMsUUFBUSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDN0QsQ0FDVDtvQkFDQSxDQUFDLENBQUEsTUFBQSxNQUFBLE1BQU0sQ0FBQyxJQUFJLDBDQUFFLEdBQUcsMENBQUUsV0FBVyxDQUFBLElBQUksQ0FDL0I7d0JBQ0ksOEJBQUMsc0JBQVMsSUFBQyxJQUFJLEVBQUMsaUJBQWlCLEVBQUMsS0FBSyxFQUFDLE9BQU8sRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ2xFLENBQ1Q7b0JBQ0EsQ0FBQyxDQUFBLE1BQUEsTUFBQSxNQUFNLENBQUMsSUFBSSwwQ0FBRSxHQUFHLDBDQUFFLE9BQU8sQ0FBQSxJQUFJLENBQzNCO3dCQUNJLDhCQUFDLHNCQUFTLElBQ04sSUFBSSxFQUFDLGFBQWEsRUFDbEIsS0FBSyxFQUFDLFdBQVcsRUFDakIsVUFBVSxFQUFDLDhFQUEwRCxFQUNyRSxPQUFPLEVBQUUsT0FBTyxHQUNsQixDQUNBLENBQ1Q7b0JBQ0EsQ0FBQyxDQUFBLE1BQUEsTUFBQSxNQUFNLENBQUMsSUFBSSwwQ0FBRSxHQUFHLDBDQUFFLGFBQWEsQ0FBQSxJQUFJLENBQ2pDO3dCQUNJLDhCQUFDLHNCQUFTLElBQ04sSUFBSSxFQUFDLG1CQUFtQixFQUN4QixLQUFLLEVBQUMsVUFBVSxFQUNoQixVQUFVLEVBQUMsNkVBQXlELEVBQ3BFLE9BQU8sRUFBRSxPQUFPLEdBQ2xCLENBQ0EsQ0FDVDtvQkFDQSxDQUFDLENBQUEsTUFBQSxNQUFBLE1BQU0sQ0FBQyxJQUFJLDBDQUFFLEdBQUcsMENBQUUsT0FBTyxDQUFBLElBQUksQ0FDM0I7d0JBQ0ksOEJBQUMsc0JBQVMsSUFDTixFQUFFLEVBQUMsYUFBYSxFQUNoQixJQUFJLEVBQUMsYUFBYSxFQUNsQixLQUFLLEVBQUMsaUJBQVksRUFDbEIsVUFBVSxFQUFDLG9GQUEyRCxFQUN0RSxZQUFZLEVBQUUsNkJBQVksRUFDMUIsT0FBTyxFQUFFLE9BQU8sR0FDbEIsQ0FDQSxDQUNULENBQ0MsQ0FDRyxDQUNWO1FBQ04sUUFBUSxDQUNQLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQS9KVyxRQUFBLGNBQWMsa0JBK0p6QiJ9
|
|
@@ -1,25 +1,71 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
26
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
27
|
+
if (!m) return o;
|
|
28
|
+
var i = m.call(o), r, ar = [], e;
|
|
29
|
+
try {
|
|
30
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
31
|
+
}
|
|
32
|
+
catch (error) { e = { error: error }; }
|
|
33
|
+
finally {
|
|
34
|
+
try {
|
|
35
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
36
|
+
}
|
|
37
|
+
finally { if (e) throw e.error; }
|
|
38
|
+
}
|
|
39
|
+
return ar;
|
|
4
40
|
};
|
|
5
41
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
42
|
exports.Form = void 0;
|
|
7
|
-
var react_1 =
|
|
43
|
+
var react_1 = __importStar(require("react"));
|
|
8
44
|
var form_1 = require("@uxf/form/form");
|
|
9
45
|
var form_root_fields_1 = require("./form-root-fields");
|
|
10
46
|
var content_field_1 = require("../content-field");
|
|
11
|
-
var button_1 = require("@uxf/ui/button");
|
|
12
47
|
var react_hook_form_1 = require("react-hook-form");
|
|
13
|
-
var
|
|
48
|
+
var details_visibility_context_1 = require("../context/details-visibility-context");
|
|
49
|
+
var use_viewport_height_1 = require("../../../utils/use-viewport-height");
|
|
50
|
+
var constants_1 = require("../constants");
|
|
14
51
|
var Form = function (props) {
|
|
15
52
|
var formApi = (0, react_hook_form_1.useForm)({ defaultValues: props.defaultValues });
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
53
|
+
var viewportHeight = (0, use_viewport_height_1.useViewportHeight)(true);
|
|
54
|
+
var _a = __read((0, react_1.useState)(0), 2), headerHeight = _a[0], setHeaderHeight = _a[1];
|
|
55
|
+
(0, react_1.useEffect)(function () {
|
|
56
|
+
var header = document.getElementById(constants_1.CONTENT_BUILDER_FORM_ID);
|
|
57
|
+
if (header) {
|
|
58
|
+
setHeaderHeight(header.offsetHeight);
|
|
59
|
+
}
|
|
60
|
+
}, []);
|
|
61
|
+
var height = viewportHeight === "100vh" ? "100vh" : "".concat(viewportHeight, "px");
|
|
62
|
+
return (react_1.default.createElement(form_1.Form, { formApi: formApi, id: constants_1.CONTENT_BUILDER_FORM_ID, onSubmit: props.onSubmit },
|
|
63
|
+
react_1.default.createElement("div", { className: "flex flex-col-reverse overflow-hidden xl:h-[calc(var(--viewportHeight)-var(--headerHeight))] xl:flex-row", style: { "--viewportHeight": height, "--headerHeight": "".concat(headerHeight, "px") } },
|
|
64
|
+
react_1.default.createElement(details_visibility_context_1.DetailsVisibilityProvider, null,
|
|
65
|
+
react_1.default.createElement(content_field_1.ContentField, { name: "content", contentComponents: props.config.contentComponents, control: formApi.control })),
|
|
66
|
+
react_1.default.createElement("div", { className: "basis-[500px] bg-white px-4 pb-8 dark:bg-gray-950 xl:overflow-y-auto" },
|
|
67
|
+
react_1.default.createElement("h2", { className: "uxf-typo-h5 px-4 pb-4 pt-6" }, "Nastaven\u00ED"),
|
|
68
|
+
react_1.default.createElement(form_root_fields_1.FormRootFields, { config: props.config, id: props.id, control: formApi.control })))));
|
|
23
69
|
};
|
|
24
70
|
exports.Form = Form;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWdlcy9jb250ZW50LWJ1aWxkZXIvY29tcG9uZW50cy9mb3JtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBc0U7QUFDdEUsdUNBQTRFO0FBRTVFLHVEQUFvRDtBQUNwRCxrREFBZ0Q7QUFDaEQsbURBQXlEO0FBQ3pELG9GQUFrRjtBQUNsRiwwRUFBdUU7QUFDdkUsMENBQXVEO0FBU2hELElBQU0sSUFBSSxHQUFrQixVQUFDLEtBQUs7SUFDckMsSUFBTSxPQUFPLEdBQUcsSUFBQSx5QkFBTyxFQUFDLEVBQUUsYUFBYSxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQ2hFLElBQU0sY0FBYyxHQUFHLElBQUEsdUNBQWlCLEVBQUMsSUFBSSxDQUFDLENBQUM7SUFDekMsSUFBQSxLQUFBLE9BQWtDLElBQUEsZ0JBQVEsRUFBQyxDQUFDLENBQUMsSUFBQSxFQUE1QyxZQUFZLFFBQUEsRUFBRSxlQUFlLFFBQWUsQ0FBQztJQUVwRCxJQUFBLGlCQUFTLEVBQUM7UUFDTixJQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLG1DQUF1QixDQUFDLENBQUM7UUFDaEUsSUFBSSxNQUFNLEVBQUU7WUFDUixlQUFlLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQ3hDO0lBQ0wsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsSUFBTSxNQUFNLEdBQUcsY0FBYyxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFHLGNBQWMsT0FBSSxDQUFDO0lBRTVFLE9BQU8sQ0FDSCw4QkFBQyxXQUFPLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsbUNBQXVCLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRO1FBQzVFLHVDQUNJLFNBQVMsRUFBQywwR0FBMEcsRUFDcEgsS0FBSyxFQUFFLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxFQUFFLGdCQUFnQixFQUFFLFVBQUcsWUFBWSxPQUFJLEVBQW1CO1lBRTdGLDhCQUFDLHNEQUF5QjtnQkFDdEIsOEJBQUMsNEJBQVksSUFDVCxJQUFJLEVBQUMsU0FBUyxFQUNkLGlCQUFpQixFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsaUJBQWlCLEVBQ2pELE9BQU8sRUFBRSxPQUFPLENBQUMsT0FBTyxHQUMxQixDQUNzQjtZQUU1Qix1Q0FBSyxTQUFTLEVBQUMsc0VBQXNFO2dCQUNqRixzQ0FBSSxTQUFTLEVBQUMsNEJBQTRCLHFCQUFlO2dCQUN6RCw4QkFBQyxpQ0FBYyxJQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLENBQUMsRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsT0FBTyxHQUFJLENBQzlFLENBQ0osQ0FDQSxDQUNiLENBQUM7QUFDTixDQUFDLENBQUM7QUFuQ1csUUFBQSxJQUFJLFFBbUNmIn0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Header = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var layout_container_1 = require("../../../lib/layout/layout-container");
|
|
9
|
+
var constants_1 = require("../constants");
|
|
10
|
+
var Header = function (props) {
|
|
11
|
+
return (react_1.default.createElement("div", { className: "sticky top-0 z-10 bg-white shadow-md dark:bg-gray-950", id: "content-builder-page-header" },
|
|
12
|
+
react_1.default.createElement(layout_container_1.LayoutContainer, { className: "flex items-center justify-between py-4" },
|
|
13
|
+
react_1.default.createElement("h1", { className: "uxf-typo-h5" }, props.title),
|
|
14
|
+
react_1.default.createElement("div", null,
|
|
15
|
+
react_1.default.createElement("button", { form: constants_1.CONTENT_BUILDER_FORM_ID, className: "uxf-button uxf-button--color-default uxf-button--size-default uxf-button--variant-default is-hoverable", type: "submit" }, "Ulo\u017Eit")))));
|
|
16
|
+
};
|
|
17
|
+
exports.Header = Header;
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb21wb25lbnRzL2hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQWtDO0FBQ2xDLHlFQUF1RTtBQUN2RSwwQ0FBdUQ7QUFNaEQsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSztJQUN6QyxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLHVEQUF1RCxFQUFDLEVBQUUsRUFBQyw2QkFBNkI7UUFDbkcsOEJBQUMsa0NBQWUsSUFBQyxTQUFTLEVBQUMsd0NBQXdDO1lBQy9ELHNDQUFJLFNBQVMsRUFBQyxhQUFhLElBQUUsS0FBSyxDQUFDLEtBQUssQ0FBTTtZQUM5QztnQkFFSSwwQ0FDSSxJQUFJLEVBQUUsbUNBQXVCLEVBQzdCLFNBQVMsRUFBQyx3R0FBd0csRUFDbEgsSUFBSSxFQUFDLFFBQVEsa0JBR1IsQ0FDUCxDQUNRLENBQ2hCLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWxCVyxRQUFBLE1BQU0sVUFrQmpCIn0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const CONTENT_BUILDER_FORM_ID = "content-builder-form";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CONTENT_BUILDER_FORM_ID = void 0;
|
|
4
|
+
exports.CONTENT_BUILDER_FORM_ID = "content-builder-form";
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BhZ2VzL2NvbnRlbnQtYnVpbGRlci9jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSx1QkFBdUIsR0FBRyxzQkFBc0IsQ0FBQyJ9
|