@appcorp/app-corp-vista 0.0.17 → 0.0.18

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

@@ -10,8 +10,10 @@ var solid_1 = require("@heroicons/react/20/solid");
 var vista_dashboard_profile_v1_1 = require("../vista-dashboard-profile-v1/vista-dashboard-profile-v1");
 var vista_vertical_divider_v1_1 = require("../../atoms/vista-vertical-divider-v1/vista-vertical-divider-v1");
 var vista_dashboard_notification_v1_1 = require("../../atoms/vista-dashboard-notification-v1/vista-dashboard-notification-v1");
+var vista_dashboard_topbar_type_1 = require("../../type/vista-dashboard-topbar-type");
+var solid_2 = require("@heroicons/react/24/solid");
 var VistaDashboardTopBarV1 = function (_a) {
-    var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, name = _a.name, profileMenuItems = _a.profileMenuItems, handleOnClick = _a.handleOnClick;
+    var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, handleOnClick = _a.handleOnClick, handleTheme = _a.handleTheme, name = _a.name, profileMenuItems = _a.profileMenuItems, _b = _a.theme, theme = _b === void 0 ? vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT : _b;
     return (react_1.default.createElement("div", { className: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-6 border-b border-white/5 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"),
@@ -23,6 +25,10 @@ var VistaDashboardTopBarV1 = function (_a) {
                     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", { id: "search-field", name: "search", type: "search", placeholder: "Search...", className: "block size-full border-0 bg-transparent py-0 pl-8 pr-0 text-white focus:ring-0 sm:text-sm" })))),
         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 },
+            react_1.default.createElement(solid_2.SunIcon, { className: 'size-5 text-gray-400' }))) : (react_1.default.createElement("button", { onClick: handleTheme },
+            react_1.default.createElement(solid_2.MoonIcon, { className: 'size-5 text-gray-400' }))),
+        react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
         react_1.default.createElement(vista_dashboard_notification_v1_1.VistaDashboardNotificationV1, null),
         react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
         react_1.default.createElement(vista_dashboard_profile_v1_1.VistaDashboardProfileV1, { avatarAlt: avatarAlt, avatarInitials: avatarInitials, avatarUrl: avatarUrl, name: name, profileMenuItems: profileMenuItems })));

package/package.json

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

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

@@ -1,3 +1,8 @@
+import { MouseEvent } from "react";
+export declare enum VISTA_THEME {
+    LIGHT = "light",
+    DARK = "dark"
+}
 export interface VistaDashboardTopBarProfileMenuItem {
     enabled: boolean;
     handleOnClick: () => void;
@@ -8,7 +13,9 @@ export interface VistaDashboardTopBarV1Props {
     avatarAlt: string;
     avatarInitials: string;
     avatarUrl: string;
+    handleOnClick: (b: boolean) => void;
+    handleTheme: (e: MouseEvent<HTMLButtonElement>) => void;
     name: string;
     profileMenuItems: VistaDashboardTopBarProfileMenuItem[];
-    handleOnClick: (b: boolean) => void;
+    theme?: VISTA_THEME;
 }

package/type/vista-dashboard-topbar-type.js

@@ -1,2 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.VISTA_THEME = void 0;
+var VISTA_THEME;
+(function (VISTA_THEME) {
+    VISTA_THEME["LIGHT"] = "light";
+    VISTA_THEME["DARK"] = "dark";
+})(VISTA_THEME || (exports.VISTA_THEME = VISTA_THEME = {}));