@appcorp/app-corp-vista 0.2.89 → 0.2.90

package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js

@@ -12,16 +12,19 @@ var vista_dashboard_notification_v1_1 = require("../../atoms/vista-dashboard-not
 var vista_dashboard_topbar_type_1 = require("../../type/vista-dashboard-topbar-type");
 var vista_dashboard_profile_v1_1 = require("../vista-dashboard-profile-v1/vista-dashboard-profile-v1");
 var VistaDashboardTopBarV1 = function (_a) {
-    var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, _b = _a.balance, balance = _b === void 0 ? '' : _b, handleOnClick = _a.handleOnClick, handleTheme = _a.handleTheme, name = _a.name, profileMenuItems = _a.profileMenuItems, _c = _a.theme, theme = _c === void 0 ? vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT : _c, _d = _a.themeEnabled, themeEnabled = _d === void 0 ? true : _d;
+    var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, _b = _a.balance, balance = _b === void 0 ? '' : _b, handleOnClick = _a.handleOnClick, handleTheme = _a.handleTheme, menuItems = _a.menuItems, name = _a.name, profileMenuItems = _a.profileMenuItems, _c = _a.theme, theme = _c === void 0 ? vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT : _c, _d = _a.themeEnabled, themeEnabled = _d === void 0 ? true : _d;
     return (react_1.default.createElement("div", { className: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-black/10 bg-gray-100 dark:bg-gray-900 px-4 shadow-sm sm:px-6 lg:px-8" },
         react_1.default.createElement("button", { type: "button", onClick: function () { return handleOnClick(true); }, className: "-m-2.5 p-2.5 text-white xl:hidden" },
             react_1.default.createElement("span", { className: "sr-only" }, "Open sidebar"),
             react_1.default.createElement(solid_1.Bars3Icon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" })),
-        react_1.default.createElement("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" },
+        react_1.default.createElement("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6 items-center" }, menuItems.length > 0 ? (react_1.default.createElement(react_1.default.Fragment, null, menuItems.map(function (_a) {
+            var name = _a.name, handleOnClick = _a.handleOnClick;
+            return (react_1.default.createElement("div", { key: name, className: 'px-4 cursor-pointer', onClick: handleOnClick }, name));
+        }))) : (react_1.default.createElement("div", null,
             react_1.default.createElement("label", { htmlFor: "search-field", className: "sr-only" }, "Search"),
             react_1.default.createElement("div", { className: "relative w-full" },
                 react_1.default.createElement(solid_1.MagnifyingGlassIcon, { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-500" }),
-                react_1.default.createElement("input", { className: "block size-full border-0 bg-transparent py-0 pl-8 pr-0 text-white focus:ring-0 sm:text-sm", id: "search-field", name: "search", placeholder: "Search...", type: "search" }))),
+                react_1.default.createElement("input", { className: "block size-full border-0 bg-transparent py-0 pl-8 pr-0 text-white focus:ring-0 sm:text-sm", id: "search-field", name: "search", placeholder: "Search...", type: "search" }))))),
         themeEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
             theme === vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT ? (react_1.default.createElement("button", { onClick: handleTheme },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.2.89",
+  "version": "0.2.90",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
     "build:next": "next build",

package/type/vista-dashboard-topbar-type.d.ts

@@ -9,6 +9,12 @@ export interface VistaDashboardTopBarProfileMenuItem {
     name: string;
     order: number;
 }
+export interface VistaDashboardTopBarMenuItem {
+    enabled: boolean;
+    handleOnClick: () => void;
+    name: string;
+    order: number;
+}
 export interface VistaDashboardTopBarV1Props {
     avatarAlt: string;
     avatarInitials: string;
@@ -16,6 +22,7 @@ export interface VistaDashboardTopBarV1Props {
     balance?: string;
     handleOnClick: (b: boolean) => void;
     handleTheme: (e: MouseEvent<HTMLButtonElement>) => void;
+    menuItems: VistaDashboardTopBarMenuItem[];
     name: string;
     profileMenuItems: VistaDashboardTopBarProfileMenuItem[];
     theme?: VISTA_THEME;