@appcorp/app-corp-vista 0.1.54 → 0.1.56
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.
|
@@ -41,20 +41,16 @@ exports.VistaDashboardSidebarV1 = void 0;
|
|
|
41
41
|
var react_1 = __importStar(require("react"));
|
|
42
42
|
var image_1 = __importDefault(require("next/image"));
|
|
43
43
|
var class_names_1 = require("../../utils/class-names");
|
|
44
|
-
var vista_dashboard_type_1 = require("../../type/vista-dashboard-type");
|
|
45
44
|
var VistaDashboardSidebarV1 = function (_a) {
|
|
46
|
-
var appName = _a.appName, apps = _a.apps,
|
|
45
|
+
var appName = _a.appName, apps = _a.apps, logo = _a.logo, navigation = _a.navigation;
|
|
47
46
|
var filteredApps = (0, react_1.useMemo)(function () {
|
|
48
47
|
return apps.filter(function (_a) {
|
|
49
48
|
var enabled = _a.enabled;
|
|
50
49
|
return enabled;
|
|
51
50
|
});
|
|
52
51
|
}, [apps]);
|
|
53
|
-
var dynamicIconClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-1' : 'order-2';
|
|
54
|
-
var dynamicTextClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'order-2' : 'order-1';
|
|
55
|
-
var dynamicContentClassName = dir === vista_dashboard_type_1.APP_DIR.LTR ? 'justify-start' : 'justify-end';
|
|
56
52
|
return (react_1.default.createElement("div", { className: "flex grow flex-col overflow-y-auto gap-y-4 bg-gray-200 dark:bg-gray-900 px-6 ring-1 ring-white/10" },
|
|
57
|
-
react_1.default.createElement("div", { className:
|
|
53
|
+
react_1.default.createElement("div", { className: 'flex h-16 shrink-0 items-center p-y-2 flex-row' },
|
|
58
54
|
react_1.default.createElement("div", { className: 'relative size-10' },
|
|
59
55
|
react_1.default.createElement(image_1.default, { alt: appName, className: 'object-left object-contain', fill: true, height: 0, sizes: '10vw', src: logo, width: 0 }))),
|
|
60
56
|
react_1.default.createElement("nav", { className: "flex flex-1 flex-col" },
|
|
@@ -69,12 +65,12 @@ var VistaDashboardSidebarV1 = function (_a) {
|
|
|
69
65
|
.map(function (item) { return (react_1.default.createElement("li", { key: item.label },
|
|
70
66
|
react_1.default.createElement("button", { onClick: item.handleOnClick, className: (0, class_names_1.classNames)(item.isActive
|
|
71
67
|
? 'text-gray-700 bg-gray-300 dark:bg-gray-700 dark:text-white'
|
|
72
|
-
: 'text-gray-700 hover:bg-gray-300 dark:text-gray-400 dark:hover:bg-gray-800',
|
|
68
|
+
: 'text-gray-700 hover:bg-gray-300 dark:text-gray-400 dark:hover:bg-gray-800', 'group flex w-full gap-x-3 rounded-md p-2 text-sm/6 font-semibold cursor-pointer') },
|
|
73
69
|
(0, react_1.createElement)(item.icon, {
|
|
74
70
|
'aria-hidden': 'true',
|
|
75
|
-
className:
|
|
71
|
+
className: 'size-6 shrink-0',
|
|
76
72
|
}),
|
|
77
|
-
react_1.default.createElement("div",
|
|
73
|
+
react_1.default.createElement("div", null, item.label)))); }))),
|
|
78
74
|
react_1.default.createElement("li", null,
|
|
79
75
|
filteredApps.length >= 1 && (react_1.default.createElement("div", { className: "text-xs/6 font-semibold text-gray-400" }, "Your Apps")),
|
|
80
76
|
react_1.default.createElement("ul", { role: "list", className: "-mx-2 mt-2 space-y-1 cursor-pointer" }, filteredApps
|
package/package.json
CHANGED
|
@@ -34,11 +34,11 @@ var VistaDashboardV1 = function (_a) {
|
|
|
34
34
|
react_1.default.createElement("button", { className: "-m-2.5 p-2.5", onClick: function () { return handleIsSideBarOpen(false); }, type: "button" },
|
|
35
35
|
react_1.default.createElement("span", { className: "sr-only" }, "Close sidebar"),
|
|
36
36
|
react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6 text-white" })))),
|
|
37
|
-
react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar
|
|
37
|
+
react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))))),
|
|
38
38
|
react_1.default.createElement("div", { className: 'grid grid-cols-12' },
|
|
39
39
|
react_1.default.createElement("div", { className: "hidden ".concat(!isSideBarOpen ? 'xl:z-10 xl:flex col-span-2' : '') },
|
|
40
|
-
react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar
|
|
41
|
-
react_1.default.createElement("div", { className: !isSideBarOpen ? 'col-span-10 h-full' : '' },
|
|
40
|
+
react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))),
|
|
41
|
+
react_1.default.createElement("div", { className: !isSideBarOpen ? 'col-span-12 xl:col-span-10 h-full' : '' },
|
|
42
42
|
react_1.default.createElement("div", { className: "overflow-y-auto h-screen" },
|
|
43
43
|
react_1.default.createElement(vista_dashboard_topbar_v1_1.VistaDashboardTopBarV1, __assign({}, topBar, { handleOnClick: handleIsSideBarOpen })),
|
|
44
44
|
children)))));
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ForwardRefExoticComponent, RefAttributes, SVGProps } from "react";
|
|
2
|
-
import { APP_DIR } from "./vista-dashboard-type";
|
|
3
2
|
export interface VistaDashboardSideBarNavigationItemVariant1Props {
|
|
4
3
|
app: string;
|
|
5
4
|
enabled: boolean;
|
|
@@ -27,7 +26,6 @@ export interface VistaDashboardSideBarAppItemVariant1Props {
|
|
|
27
26
|
export interface VistaDashboardSideBarV1Props {
|
|
28
27
|
appName: string;
|
|
29
28
|
apps: VistaDashboardSideBarAppItemVariant1Props[];
|
|
30
|
-
dir?: APP_DIR;
|
|
31
29
|
logo: string;
|
|
32
30
|
navigation: VistaDashboardSideBarNavigationItemVariant1Props[];
|
|
33
31
|
}
|