@htlkg/components 0.0.11 → 0.0.13

package/src/forms/JsonSchemaForm/index.ts

@@ -0,0 +1 @@
+export { default as JsonSchemaForm } from './JsonSchemaForm.vue';

package/src/forms/index.ts

@@ -1,3 +1,2 @@
-export { default as JsonSchemaForm } from './JsonSchemaForm.vue';
-export { default as DateRange } from './DateRange.vue';
-export type { DateRangeValue, DateRangeLiterals } from './DateRange.vue';
+export * from './JsonSchemaForm';
+export * from './DateRange';

package/src/navigation/{AdminWrapper.vue → AdminWrapper/AdminWrapper.vue}

@@ -25,7 +25,14 @@ import type { SelectItemType } from "@hotelinking/ui";
 import { uiWrapper } from "@hotelinking/ui";
 import { useStore } from "@nanostores/vue";
 import { computed, ref } from "vue";
-import { $user } from "../stores/user";
+import { $user } from "../../stores/user";
+
+// Profile menu item interface
+interface ProfileMenuItem {
+	name: string;
+	id: string;
+	href: string;
+}
 
 // Props interface (user is now from nanostore)
 interface Props {
@@ -56,6 +63,7 @@ interface Props {
 		icon: string;
 		active?: boolean;
 	}>;
+	profileMenuItems?: ProfileMenuItem[];
 	sidebarOpenByDefault?: boolean;
 }
 
@@ -66,6 +74,7 @@ const props = withDefaults(defineProps<Props>(), {
 	selectItems: () => [],
 	selectedItem: () => ({ name: "", id: "" }),
 	productsSidebar: () => [],
+	profileMenuItems: () => [],
 	sidebarOpenByDefault: true,
 });
 
@@ -80,29 +89,22 @@ const sidebarOpen = ref(props.sidebarOpenByDefault);
 // Get user from nanostore (no props needed!)
 const user = useStore($user);
 
+// Default profile menu items (used when none provided via props)
+const defaultProfileMenu: ProfileMenuItem[] = [
+	{ name: "Profile", id: "profile", href: "/admin/user" },
+	{ name: "Settings", id: "settings", href: "/admin/settings" },
+	{ name: "Logout", id: "logout", href: "#" },
+];
+
 // Computed properties for UI configuration
 const topbarConfig = computed(() => {
 	return {
 		logo: props.sidebarLogo,
 		accountLogo: user.value?.avatar || "",
 		alerted: false,
-		profileMenu: [
-			{
-				name: "Profile",
-				id: "profile",
-				href: "/profile",
-			},
-			{
-				name: "Settings",
-				id: "settings",
-				href: "/settings",
-			},
-			{
-				name: "Logout",
-				id: "logout",
-				href: "#",
-			},
-		],
+		profileMenu: props.profileMenuItems.length > 0
+			? props.profileMenuItems
+			: defaultProfileMenu,
 		brand: {
 			name: user.value?.username || "User",
 			description: user.value?.email || "",
@@ -139,25 +141,34 @@ const handleSelectChanged = (item: SelectItemType | SelectItemType[]) => {
 
 const handleTopBarClick = (event: unknown) => {
 	// Handle different possible event formats
-	let menuItem: string | undefined;
+	let menuItemId: string | undefined;
+	let menuItemHref: string | undefined;
 
 	if (typeof event === "string") {
-		menuItem = event;
+		menuItemId = event;
 	} else if (event && typeof event === "object") {
-		// Check if it's an object with name or href property
 		const eventObj = event as Record<string, unknown>;
-		menuItem = (eventObj.name as string) || (eventObj.href as string);
+		menuItemId = (eventObj.id as string) || (eventObj.name as string);
+		menuItemHref = eventObj.href as string;
 	}
 
-	console.log("Extracted menu item:", menuItem);
-
-	// The event is the menu item name
-	if (menuItem === "logout") {
+	// Handle logout separately
+	if (menuItemId === "logout") {
 		handleLogout();
-	} else if (menuItem === "profile") {
-		window.location.href = "/profile";
-	} else if (menuItem === "settings") {
-		window.location.href = "/settings";
+		return;
+	}
+
+	// Navigate using href from the event object or find it from profile menu
+	if (menuItemHref && menuItemHref !== "#") {
+		window.location.href = menuItemHref;
+		return;
+	}
+
+	// Fallback: find the menu item by id and use its href
+	const profileMenu = topbarConfig.value.profileMenu;
+	const menuItem = profileMenu.find((item) => item.id === menuItemId || item.name === menuItemId);
+	if (menuItem?.href && menuItem.href !== "#") {
+		window.location.href = menuItem.href;
 	}
 };
 

package/src/navigation/AdminWrapper/index.ts

@@ -0,0 +1 @@
+export { default as AdminWrapper } from './AdminWrapper.vue';

package/src/navigation/Breadcrumbs/index.ts

@@ -0,0 +1 @@
+export { default as Breadcrumbs } from './Breadcrumbs.vue';

package/src/navigation/Stepper/index.ts

@@ -0,0 +1,2 @@
+export { default as Stepper } from './Stepper.vue';
+export type { Step } from './Stepper.vue';

package/src/navigation/Tabs/index.ts

@@ -0,0 +1,2 @@
+export { default as Tabs } from './Tabs.vue';
+export type { Tab } from './Tabs.vue';

package/src/navigation/index.ts

@@ -1,6 +1,4 @@
-export { default as Tabs } from './Tabs.vue';
-export type { Tab } from './Tabs.vue';
-export { default as Stepper } from './Stepper.vue';
-export type { Step } from './Stepper.vue';
-export { default as Breadcrumbs } from './Breadcrumbs.vue';
-export { default as AdminWrapper } from './AdminWrapper.vue';
+export * from './Tabs';
+export * from './Stepper';
+export * from './Breadcrumbs';
+export * from './AdminWrapper';

package/src/overlays/Alert/index.ts

@@ -0,0 +1 @@
+export { default as Alert } from './Alert.vue';

package/src/overlays/Drawer/index.ts

@@ -0,0 +1 @@
+export { default as Drawer } from './Drawer.vue';

package/src/overlays/Modal/index.ts

@@ -0,0 +1 @@
+export { default as Modal } from './Modal.vue';

package/src/overlays/Notification/index.ts

@@ -0,0 +1 @@
+export { default as Notification } from './Notification.vue';

package/src/overlays/index.ts

@@ -1,4 +1,4 @@
-export { default as Modal } from './Modal.vue';
-export { default as Drawer } from './Drawer.vue';
-export { default as Notification } from './Notification.vue';
-export { default as Alert } from './Alert.vue';
+export * from './Modal';
+export * from './Drawer';
+export * from './Notification';
+export * from './Alert';