@appcorp/app-corp-vista 0.0.16 → 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/molecules/vista-text-input-v1.js

@@ -8,13 +8,13 @@ exports.VistaTextInputV1 = void 0;
 var react_1 = __importDefault(require("react"));
 var VistaTextInputV1 = function (_a) {
     var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, info = _a.info, label = _a.label, optional = _a.optional, placeholder = _a.placeholder, _e = _a.required, required = _e === void 0 ? false : _e, prefix = _a.prefix, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, suffix = _a.suffix, _g = _a.type, type = _g === void 0 ? 'text' : _g, value = _a.value;
-    return (react_1.default.createElement("div", null,
+    return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "flex justify-between" },
-            react_1.default.createElement("div", { className: "flex items-center gap-2" },
+            label && (react_1.default.createElement("div", { className: "flex items-center gap-2 mb-2" },
                 react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label),
-                required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),
+                required && react_1.default.createElement("sup", { className: "text-red-500" }, "*"))),
             optional && (react_1.default.createElement("span", { id: "".concat(id, "-optional"), className: "text-sm/6 text-gray-500" }, optional))),
-        react_1.default.createElement("div", { className: "relative mt-2" },
+        react_1.default.createElement("div", { className: "relative" },
             prefix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
                 react_1.default.createElement("span", { className: "text-gray-500 sm:text-sm" }, prefix))),
             react_1.default.createElement("input", { autoComplete: id, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-gray-500 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-300 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(prefix && 'pl-7', " ").concat(className), id: id, disabled: disabled, name: id, onChange: function (e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.16",
+  "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 = {}));

package/type/vista-text-input-type.d.ts

@@ -7,7 +7,7 @@ export interface VistaTextInputV1Props {
     handleOnChange: (k: string, v: string) => void;
     id: string;
     info?: string;
-    label: string;
+    label?: string;
     optional?: string;
     placeholder: string;
     prefix?: ReactNode;