@uxf/cms 6.0.0-beta.16 → 6.0.0-beta.17

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.
Files changed (5) hide show
  1. package/lib/Layout/Layout.js +14 -12
  2. package/lib/Layout/layout-container.d.ts +3 -0
  3. package/lib/Layout/layout-container.js +23 -0
  4. package/lib/Layout/types.d.ts +7 -1
  5. package/package.json +1 -1
package/lib/Layout/Layout.js CHANGED
@@ -11,9 +11,10 @@ var Sidebar_1 = require("./Sidebar");
11
11
  var styles_1 = require("./styles");
12
12
  var Breadcrumbs_1 = require("./Breadcrumbs");
13
13
  var loader_1 = require("@uxf/ui/loader/loader");
14
+ var layout_container_1 = require("./layout-container");
14
15
  var Layout = function (props) {
15
16
  var _a;
16
- var children = props.children, title = props.title, Logo = props.Logo, Menu = props.Menu, menuConfiguration = props.menuConfiguration, UserMenu = props.UserMenu, Header = props.Header, breadcrumbs = props.breadcrumbs, ToolbarRight = props.ToolbarRight, MessageBar = props.MessageBar, loading = props.loading, subtitle = props.subtitle, TitleRightContainer = props.TitleRightContainer;
17
+ var Header = props.Header, Logo = props.Logo, Menu = props.Menu, MessageBar = props.MessageBar, TitleRightContainer = props.TitleRightContainer, ToolbarRight = props.ToolbarRight, UserMenu = props.UserMenu, breadcrumbs = props.breadcrumbs, children = props.children, containerType = props.containerType, headerContainerType = props.headerContainerType, loading = props.loading, menuConfiguration = props.menuConfiguration, subtitle = props.subtitle, title = props.title;
17
18
  return (react_1.default.createElement("div", { className: "flex" },
18
19
  react_1.default.createElement(head_1.default, null,
19
20
  react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
@@ -21,20 +22,21 @@ var Layout = function (props) {
21
22
  react_1.default.createElement("title", null, "".concat(title, " | ").concat((_a = config_1.config.get("app-name")) !== null && _a !== void 0 ? _a : ""))),
22
23
  react_1.default.createElement("div", { className: "flex w-full" },
23
24
  react_1.default.createElement(Sidebar_1.Sidebar, { menuConfiguration: menuConfiguration, Logo: Logo, Menu: Menu, UserMenu: UserMenu }),
24
- react_1.default.createElement("main", { className: "sm:ml-[var(--drawerWidth)] sm:w-[calc(100%_-_var(--drawerWidth))]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, loading ? (react_1.default.createElement("div", { className: "flex h-96 flex-col items-center justify-center" },
25
+ react_1.default.createElement("main", { className: "bg-gray-100 sm:ml-[var(--drawerWidth)] sm:w-[calc(100%_-_var(--drawerWidth))]", style: { "--drawerWidth": "".concat(styles_1.drawerWidth, "px") } }, loading ? (react_1.default.createElement("div", { className: "flex h-96 flex-col items-center justify-center" },
25
26
  react_1.default.createElement("div", { className: "text-center" },
26
27
  react_1.default.createElement(loader_1.Loader, null),
27
28
  react_1.default.createElement("p", { className: "mt-2" }, "Na\u010D\u00EDt\u00E1m\u2026")))) : (react_1.default.createElement(react_1.default.Fragment, null,
28
- ToolbarRight && (react_1.default.createElement("div", { className: "flex h-12 items-center justify-end bg-sidebar-background px-6 text-darkMedium" }, ToolbarRight)),
29
- react_1.default.createElement("div", { className: "px-10 pt-12 pb-9" },
29
+ react_1.default.createElement("div", { className: "".concat(Header ? "bg-white" : "") },
30
+ ToolbarRight && (react_1.default.createElement("div", { className: "flex h-12 items-center justify-end bg-sidebar-background px-6 text-darkMedium" }, ToolbarRight)),
30
31
  MessageBar,
31
- breadcrumbs && react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { items: breadcrumbs }),
32
- react_1.default.createElement("div", { className: "flex items-center" },
33
- react_1.default.createElement("h2", { className: "uxf-typo-h4" }, title),
34
- TitleRightContainer),
35
- subtitle,
36
- Header),
37
- react_1.default.createElement("div", { className: "px-10" }, children)))))));
32
+ react_1.default.createElement(layout_container_1.LayoutContainer, { type: headerContainerType !== null && headerContainerType !== void 0 ? headerContainerType : containerType, className: "pt-12 pb-9" },
33
+ breadcrumbs && react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { items: breadcrumbs }),
34
+ react_1.default.createElement("div", { className: "flex items-center" },
35
+ react_1.default.createElement("h2", { className: "uxf-typo-h4" }, title),
36
+ TitleRightContainer),
37
+ subtitle,
38
+ Header)),
39
+ react_1.default.createElement(layout_container_1.LayoutContainer, { type: containerType }, children)))))));
38
40
  };
39
41
  exports.Layout = Layout;
40
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWlEO0FBQ2pELHVDQUFzQztBQUN0QyxxQ0FBb0M7QUFDcEMsbUNBQXVDO0FBRXZDLDZDQUE0QztBQUM1QyxnREFBK0M7QUFFeEMsSUFBTSxNQUFNLEdBQW9CLFVBQUMsS0FBSzs7SUFFckMsSUFBQSxRQUFRLEdBYVIsS0FBSyxTQWJHLEVBQ1IsS0FBSyxHQVlMLEtBQUssTUFaQSxFQUNMLElBQUksR0FXSixLQUFLLEtBWEQsRUFDSixJQUFJLEdBVUosS0FBSyxLQVZELEVBQ0osaUJBQWlCLEdBU2pCLEtBQUssa0JBVFksRUFDakIsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLE1BQU0sR0FPTixLQUFLLE9BUEMsRUFDTixXQUFXLEdBTVgsS0FBSyxZQU5NLEVBQ1gsWUFBWSxHQUtaLEtBQUssYUFMTyxFQUNaLFVBQVUsR0FJVixLQUFLLFdBSkssRUFDVixPQUFPLEdBR1AsS0FBSyxRQUhFLEVBQ1AsUUFBUSxHQUVSLEtBQUssU0FGRyxFQUNSLG1CQUFtQixHQUNuQixLQUFLLG9CQURjLENBQ2I7SUFFVixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLE1BQU07UUFDakIsOEJBQUMsY0FBSTtZQUNELHdDQUFNLElBQUksRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLHFDQUFxQyxHQUFHO1lBQ3RFLHdDQUFNLE9BQU8sRUFBQyxPQUFPLEdBQUc7WUFDeEIsNkNBQVEsVUFBRyxLQUFLLGdCQUFNLE1BQUEsZUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsbUNBQUksRUFBRSxDQUFFLENBQVMsQ0FDMUQ7UUFDUCx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtZQUN4Qiw4QkFBQyxpQkFBTyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1lBQzdGLHdDQUNJLFNBQVMsRUFBQyxtRUFBbUUsRUFDN0UsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLFVBQUcsb0JBQVcsT0FBSSxFQUFtQixJQUU5RCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsdUNBQUssU0FBUyxFQUFDLGdEQUFnRDtnQkFDM0QsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLGVBQU0sT0FBRztvQkFDVixxQ0FBRyxTQUFTLEVBQUMsTUFBTSxtQ0FBb0IsQ0FDckMsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ssWUFBWSxJQUFJLENBQ2IsdUNBQUssU0FBUyxFQUFDLCtFQUErRSxJQUN6RixZQUFZLENBQ1gsQ0FDVDtnQkFDRCx1Q0FBSyxTQUFTLEVBQUMsa0JBQWtCO29CQUM1QixVQUFVO29CQUNWLFdBQVcsSUFBSSw4QkFBQyx5QkFBVyxJQUFDLEtBQUssRUFBRSxXQUFXLEdBQUk7b0JBQ25ELHVDQUFLLFNBQVMsRUFBQyxtQkFBbUI7d0JBQzlCLHNDQUFJLFNBQVMsRUFBQyxhQUFhLElBQUUsS0FBSyxDQUFNO3dCQUN2QyxtQkFBbUIsQ0FDbEI7b0JBQ0wsUUFBUTtvQkFDUixNQUFNLENBQ0w7Z0JBQ04sdUNBQUssU0FBUyxFQUFDLE9BQU8sSUFBRSxRQUFRLENBQU8sQ0FDeEMsQ0FDTixDQUNFLENBQ0wsQ0FDSixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUE3RFcsUUFBQSxNQUFNLFVBNkRqQiJ9
42
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWlEO0FBQ2pELHVDQUFzQztBQUN0QyxxQ0FBb0M7QUFDcEMsbUNBQXVDO0FBRXZDLDZDQUE0QztBQUM1QyxnREFBK0M7QUFDL0MsdURBQXFEO0FBRTlDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7O0lBRXJDLElBQUEsTUFBTSxHQWVOLEtBQUssT0FmQyxFQUNOLElBQUksR0FjSixLQUFLLEtBZEQsRUFDSixJQUFJLEdBYUosS0FBSyxLQWJELEVBQ0osVUFBVSxHQVlWLEtBQUssV0FaSyxFQUNWLG1CQUFtQixHQVduQixLQUFLLG9CQVhjLEVBQ25CLFlBQVksR0FVWixLQUFLLGFBVk8sRUFDWixRQUFRLEdBU1IsS0FBSyxTQVRHLEVBQ1IsV0FBVyxHQVFYLEtBQUssWUFSTSxFQUNYLFFBQVEsR0FPUixLQUFLLFNBUEcsRUFDUixhQUFhLEdBTWIsS0FBSyxjQU5RLEVBQ2IsbUJBQW1CLEdBS25CLEtBQUssb0JBTGMsRUFDbkIsT0FBTyxHQUlQLEtBQUssUUFKRSxFQUNQLGlCQUFpQixHQUdqQixLQUFLLGtCQUhZLEVBQ2pCLFFBQVEsR0FFUixLQUFLLFNBRkcsRUFDUixLQUFLLEdBQ0wsS0FBSyxNQURBLENBQ0M7SUFFVixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLE1BQU07UUFDakIsOEJBQUMsY0FBSTtZQUNELHdDQUFNLElBQUksRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLHFDQUFxQyxHQUFHO1lBQ3RFLHdDQUFNLE9BQU8sRUFBQyxPQUFPLEdBQUc7WUFDeEIsNkNBQVEsVUFBRyxLQUFLLGdCQUFNLE1BQUEsZUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsbUNBQUksRUFBRSxDQUFFLENBQVMsQ0FDMUQ7UUFDUCx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtZQUN4Qiw4QkFBQyxpQkFBTyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1lBQzdGLHdDQUNJLFNBQVMsRUFBQywrRUFBK0UsRUFDekYsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLFVBQUcsb0JBQVcsT0FBSSxFQUFtQixJQUU5RCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsdUNBQUssU0FBUyxFQUFDLGdEQUFnRDtnQkFDM0QsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLGVBQU0sT0FBRztvQkFDVixxQ0FBRyxTQUFTLEVBQUMsTUFBTSxtQ0FBb0IsQ0FDckMsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ksdUNBQUssU0FBUyxFQUFFLFVBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRTtvQkFDeEMsWUFBWSxJQUFJLENBQ2IsdUNBQUssU0FBUyxFQUFDLCtFQUErRSxJQUN6RixZQUFZLENBQ1gsQ0FDVDtvQkFDQSxVQUFVO29CQUNYLDhCQUFDLGtDQUFlLElBQUMsSUFBSSxFQUFFLG1CQUFtQixhQUFuQixtQkFBbUIsY0FBbkIsbUJBQW1CLEdBQUksYUFBYSxFQUFFLFNBQVMsRUFBQyxZQUFZO3dCQUM5RSxXQUFXLElBQUksOEJBQUMseUJBQVcsSUFBQyxLQUFLLEVBQUUsV0FBVyxHQUFJO3dCQUNuRCx1Q0FBSyxTQUFTLEVBQUMsbUJBQW1COzRCQUM5QixzQ0FBSSxTQUFTLEVBQUMsYUFBYSxJQUFFLEtBQUssQ0FBTTs0QkFDdkMsbUJBQW1CLENBQ2xCO3dCQUNMLFFBQVE7d0JBQ1IsTUFBTSxDQUNPLENBQ2hCO2dCQUNOLDhCQUFDLGtDQUFlLElBQUMsSUFBSSxFQUFFLGFBQWEsSUFBRyxRQUFRLENBQW1CLENBQ25FLENBQ04sQ0FDRSxDQUNMLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakVXLFFBQUEsTUFBTSxVQWlFakIifQ==
package/lib/Layout/layout-container.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FC, PropsWithChildren } from "react";
2
+ import { LayoutContainerProps } from "./types";
3
+ export declare const LayoutContainer: FC<PropsWithChildren<LayoutContainerProps>>;
package/lib/Layout/layout-container.js ADDED
@@ -0,0 +1,23 @@
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.LayoutContainer = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var maxWidthClassName = {
9
+ narrow: "max-w-[788px]",
10
+ wide: "max-w-[1024px]",
11
+ fullWidth: "",
12
+ none: "",
13
+ };
14
+ var LayoutContainer = function (props) {
15
+ var _a;
16
+ var type = (_a = props.type) !== null && _a !== void 0 ? _a : "fullWidth";
17
+ if (type === "none") {
18
+ return react_1.default.createElement(react_1.default.Fragment, null, props.children);
19
+ }
20
+ return react_1.default.createElement("div", { className: "".concat(maxWidthClassName[type], " mx-auto px-10 ").concat(props.className) }, props.children);
21
+ };
22
+ exports.LayoutContainer = LayoutContainer;
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LWNvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvTGF5b3V0L2xheW91dC1jb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFxRDtBQUdyRCxJQUFNLGlCQUFpQixHQUF3QztJQUMzRCxNQUFNLEVBQUUsZUFBZTtJQUN2QixJQUFJLEVBQUUsZ0JBQWdCO0lBQ3RCLFNBQVMsRUFBRSxFQUFFO0lBQ2IsSUFBSSxFQUFFLEVBQUU7Q0FDWCxDQUFDO0FBRUssSUFBTSxlQUFlLEdBQWdELFVBQUMsS0FBSzs7SUFDOUUsSUFBTSxJQUFJLEdBQUcsTUFBQSxLQUFLLENBQUMsSUFBSSxtQ0FBSSxXQUFXLENBQUM7SUFFdkMsSUFBSSxJQUFJLEtBQUssTUFBTSxFQUFFO1FBQ2pCLE9BQU8sOERBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBSSxDQUFDO0tBQ2hDO0lBRUQsT0FBTyx1Q0FBSyxTQUFTLEVBQUUsVUFBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsNEJBQWtCLEtBQUssQ0FBQyxTQUFTLENBQUUsSUFBRyxLQUFLLENBQUMsUUFBUSxDQUFPLENBQUM7QUFDakgsQ0FBQyxDQUFDO0FBUlcsUUFBQSxlQUFlLG1CQVExQiJ9
package/lib/Layout/types.d.ts CHANGED
@@ -1,8 +1,14 @@
1
- import { ReactNode } from "react";
1
+ import { HTMLAttributes, ReactNode } from "react";
2
2
  import { MenuItem } from "../Menu/model";
3
3
  import { BreadcrumbItemProps } from "./Breadcrumbs";
4
+ export type LayoutContainerType = "fullWidth" | "wide" | "narrow" | "none";
5
+ export interface LayoutContainerProps extends HTMLAttributes<HTMLDivElement> {
6
+ type?: LayoutContainerType;
7
+ }
4
8
  export type LayoutProps = SidebarProps & {
5
9
  children?: ReactNode;
10
+ containerType?: LayoutContainerType;
11
+ headerContainerType?: LayoutContainerType;
6
12
  breadcrumbs?: BreadcrumbItemProps[];
7
13
  Header?: ReactNode;
8
14
  loading?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/cms",
3
- "version": "6.0.0-beta.16",
3
+ "version": "6.0.0-beta.17",
4
4
  "description": "UXF Cms",
5
5
  "author": "UXFans <dev@uxf.cz>",
6
6
  "homepage": "https://gitlab.com/uxf-npm/cms#readme",