@uxf/cms 6.0.0-beta.20 → 6.0.0-beta.21
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/lib/Layout/Layout.js +4 -4
- package/lib/Layout/{layout-container.d.ts → LayoutContainer.d.ts} +0 -0
- package/lib/Layout/{layout-container.js → LayoutContainer.js} +1 -1
- package/package.json +1 -1
- package/ui/Widget/Widget.d.ts +3 -0
- package/ui/Widget/Widget.js +16 -0
- package/ui/Widget/index.d.ts +2 -0
- package/ui/Widget/index.js +19 -0
- package/ui/Widget/types.d.ts +6 -0
- package/ui/Widget/types.js +3 -0
package/lib/Layout/Layout.js
CHANGED
|
@@ -11,7 +11,7 @@ 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
|
|
14
|
+
var LayoutContainer_1 = require("./LayoutContainer");
|
|
15
15
|
var Layout = function (props) {
|
|
16
16
|
var _a;
|
|
17
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;
|
|
@@ -29,14 +29,14 @@ var Layout = function (props) {
|
|
|
29
29
|
react_1.default.createElement("div", { className: "".concat(Header ? "bg-white" : "") },
|
|
30
30
|
ToolbarRight && (react_1.default.createElement("div", { className: "flex h-12 items-center justify-end bg-sidebar-background px-6 text-darkMedium" }, ToolbarRight)),
|
|
31
31
|
MessageBar,
|
|
32
|
-
react_1.default.createElement(
|
|
32
|
+
react_1.default.createElement(LayoutContainer_1.LayoutContainer, { type: headerContainerType !== null && headerContainerType !== void 0 ? headerContainerType : containerType, className: "pt-12 pb-9" },
|
|
33
33
|
breadcrumbs && react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, { items: breadcrumbs }),
|
|
34
34
|
react_1.default.createElement("div", { className: "flex items-center" },
|
|
35
35
|
react_1.default.createElement("h2", { className: "uxf-typo-h4" }, title),
|
|
36
36
|
TitleRightContainer),
|
|
37
37
|
subtitle,
|
|
38
38
|
Header)),
|
|
39
|
-
react_1.default.createElement(
|
|
39
|
+
react_1.default.createElement(LayoutContainer_1.LayoutContainer, { type: containerType }, children)))))));
|
|
40
40
|
};
|
|
41
41
|
exports.Layout = Layout;
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxtREFBNkI7QUFDN0IsZ0RBQWlEO0FBQ2pELHVDQUFzQztBQUN0QyxxQ0FBb0M7QUFDcEMsbUNBQXVDO0FBRXZDLDZDQUE0QztBQUM1QyxnREFBK0M7QUFDL0MscURBQW9EO0FBRTdDLElBQU0sTUFBTSxHQUFvQixVQUFDLEtBQUs7O0lBRXJDLElBQUEsTUFBTSxHQWVOLEtBQUssT0FmQyxFQUNOLElBQUksR0FjSixLQUFLLEtBZEQsRUFDSixJQUFJLEdBYUosS0FBSyxLQWJELEVBQ0osVUFBVSxHQVlWLEtBQUssV0FaSyxFQUNWLG1CQUFtQixHQVduQixLQUFLLG9CQVhjLEVBQ25CLFlBQVksR0FVWixLQUFLLGFBVk8sRUFDWixRQUFRLEdBU1IsS0FBSyxTQVRHLEVBQ1IsV0FBVyxHQVFYLEtBQUssWUFSTSxFQUNYLFFBQVEsR0FPUixLQUFLLFNBUEcsRUFDUixhQUFhLEdBTWIsS0FBSyxjQU5RLEVBQ2IsbUJBQW1CLEdBS25CLEtBQUssb0JBTGMsRUFDbkIsT0FBTyxHQUlQLEtBQUssUUFKRSxFQUNQLGlCQUFpQixHQUdqQixLQUFLLGtCQUhZLEVBQ2pCLFFBQVEsR0FFUixLQUFLLFNBRkcsRUFDUixLQUFLLEdBQ0wsS0FBSyxNQURBLENBQ0M7SUFFVixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLE1BQU07UUFDakIsOEJBQUMsY0FBSTtZQUNELHdDQUFNLElBQUksRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLHFDQUFxQyxHQUFHO1lBQ3RFLHdDQUFNLE9BQU8sRUFBQyxPQUFPLEdBQUc7WUFDeEIsNkNBQVEsVUFBRyxLQUFLLGdCQUFNLE1BQUEsZUFBTSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsbUNBQUksRUFBRSxDQUFFLENBQVMsQ0FDMUQ7UUFDUCx1Q0FBSyxTQUFTLEVBQUMsYUFBYTtZQUN4Qiw4QkFBQyxpQkFBTyxJQUFDLGlCQUFpQixFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJO1lBQzdGLHdDQUNJLFNBQVMsRUFBQyw0RkFBNEYsRUFDdEcsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLFVBQUcsb0JBQVcsT0FBSSxFQUFtQixJQUU5RCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1AsdUNBQUssU0FBUyxFQUFDLGdEQUFnRDtnQkFDM0QsdUNBQUssU0FBUyxFQUFDLGFBQWE7b0JBQ3hCLDhCQUFDLGVBQU0sT0FBRztvQkFDVixxQ0FBRyxTQUFTLEVBQUMsTUFBTSxtQ0FBb0IsQ0FDckMsQ0FDSixDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0E7Z0JBQ0ksdUNBQUssU0FBUyxFQUFFLFVBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBRTtvQkFDeEMsWUFBWSxJQUFJLENBQ2IsdUNBQUssU0FBUyxFQUFDLCtFQUErRSxJQUN6RixZQUFZLENBQ1gsQ0FDVDtvQkFDQSxVQUFVO29CQUNYLDhCQUFDLGlDQUFlLElBQUMsSUFBSSxFQUFFLG1CQUFtQixhQUFuQixtQkFBbUIsY0FBbkIsbUJBQW1CLEdBQUksYUFBYSxFQUFFLFNBQVMsRUFBQyxZQUFZO3dCQUM5RSxXQUFXLElBQUksOEJBQUMseUJBQVcsSUFBQyxLQUFLLEVBQUUsV0FBVyxHQUFJO3dCQUNuRCx1Q0FBSyxTQUFTLEVBQUMsbUJBQW1COzRCQUM5QixzQ0FBSSxTQUFTLEVBQUMsYUFBYSxJQUFFLEtBQUssQ0FBTTs0QkFDdkMsbUJBQW1CLENBQ2xCO3dCQUNMLFFBQVE7d0JBQ1IsTUFBTSxDQUNPLENBQ2hCO2dCQUNOLDhCQUFDLGlDQUFlLElBQUMsSUFBSSxFQUFFLGFBQWEsSUFBRyxRQUFRLENBQW1CLENBQ25FLENBQ04sQ0FDRSxDQUNMLENBQ0osQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBakVXLFFBQUEsTUFBTSxVQWlFakIifQ==
|
|
File without changes
|
|
@@ -20,4 +20,4 @@ var LayoutContainer = function (props) {
|
|
|
20
20
|
return react_1.default.createElement("div", { className: "".concat(maxWidthClassName[type], " mx-auto px-10 ").concat(props.className) }, props.children);
|
|
21
21
|
};
|
|
22
22
|
exports.LayoutContainer = LayoutContainer;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0Q29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9MYXlvdXQvTGF5b3V0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBcUQ7QUFHckQsSUFBTSxpQkFBaUIsR0FBd0M7SUFDM0QsTUFBTSxFQUFFLGVBQWU7SUFDdkIsSUFBSSxFQUFFLGdCQUFnQjtJQUN0QixTQUFTLEVBQUUsRUFBRTtJQUNiLElBQUksRUFBRSxFQUFFO0NBQ1gsQ0FBQztBQUVLLElBQU0sZUFBZSxHQUFnRCxVQUFDLEtBQUs7O0lBQzlFLElBQU0sSUFBSSxHQUFHLE1BQUEsS0FBSyxDQUFDLElBQUksbUNBQUksV0FBVyxDQUFDO0lBRXZDLElBQUksSUFBSSxLQUFLLE1BQU0sRUFBRTtRQUNqQixPQUFPLDhEQUFHLEtBQUssQ0FBQyxRQUFRLENBQUksQ0FBQztLQUNoQztJQUVELE9BQU8sdUNBQUssU0FBUyxFQUFFLFVBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLDRCQUFrQixLQUFLLENBQUMsU0FBUyxDQUFFLElBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBTyxDQUFDO0FBQ2pILENBQUMsQ0FBQztBQVJXLFFBQUEsZUFBZSxtQkFRMUIifQ==
|
package/package.json
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
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.Widget = void 0;
|
|
7
|
+
var paper_1 = require("@uxf/ui/paper/paper");
|
|
8
|
+
var react_1 = __importDefault(require("react"));
|
|
9
|
+
var Widget = function (props) {
|
|
10
|
+
var _a;
|
|
11
|
+
return (react_1.default.createElement(paper_1.Paper, { className: "".concat(props.footer ? "rounded-b-none" : "", " ").concat(props.withDividers ? "divide-y divide-lightBorder" : "", " ").concat((_a = props.className) !== null && _a !== void 0 ? _a : "") },
|
|
12
|
+
props.children,
|
|
13
|
+
props.footer && react_1.default.createElement("div", { className: "bg-gray-50 px-4 py-3" }, props.footer)));
|
|
14
|
+
};
|
|
15
|
+
exports.Widget = Widget;
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiV2lkZ2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3VpL1dpZGdldC9XaWRnZXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLDZDQUE0QztBQUM1QyxnREFBcUQ7QUFHOUMsSUFBTSxNQUFNLEdBQXVDLFVBQUMsS0FBSzs7SUFDNUQsT0FBTyxDQUNILDhCQUFDLGFBQUssSUFDRixTQUFTLEVBQUUsVUFBRyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUM5QyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyw2QkFBNkIsQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUN2RCxNQUFBLEtBQUssQ0FBQyxTQUFTLG1DQUFJLEVBQUUsQ0FBRTtRQUUxQixLQUFLLENBQUMsUUFBUTtRQUNkLEtBQUssQ0FBQyxNQUFNLElBQUksdUNBQUssU0FBUyxFQUFDLHNCQUFzQixJQUFFLEtBQUssQ0FBQyxNQUFNLENBQU8sQ0FDdkUsQ0FDWCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWFcsUUFBQSxNQUFNLFVBV2pCIn0=
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Widget"), exports);
|
|
18
|
+
__exportStar(require("./types"), exports);
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvV2lkZ2V0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSwyQ0FBeUI7QUFDekIsMENBQXdCIn0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvV2lkZ2V0L3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
|