@pagamio/frontend-commons-lib 0.8.199 → 0.8.201

package/lib/components/layout/Sidebar.js

@@ -26,6 +26,10 @@ const AppSidebarItem = ({ href, target, icon, label, items, badge, forceDropdown
     // If there's exactly one item, render it as a direct link instead of a dropdown
     if (items?.length === 1 && !forceDropdown) {
         const singleItem = items[0];
+        if (!singleItem.href) {
+            // If single item has no href, render without link
+            return (_jsx(Sidebar.Item, { icon: icon, label: badge && t(badge), className: twMerge('text-gray-600 cursor-default', 'dark:text-gray-400'), children: t(label) }));
+        }
         return (_jsx(Sidebar.Item, { as: Link, href: singleItem.href, target: target, icon: icon, label: badge && t(badge), className: twMerge('text-gray-600 hover:text-primary-700 hover:bg-primary-50/70', 'dark:text-gray-400 dark:hover:text-primary-300 dark:hover:bg-primary-900/30', pathname === singleItem.href &&
                 'text-primary-700 bg-primary-100/80 hover:bg-primary-100/80 dark:text-primary-300 dark:bg-primary-900/40 dark:hover:bg-primary-900/40'), children: t(label) }));
     }
@@ -39,12 +43,18 @@ const AppSidebarItem = ({ href, target, icon, label, items, badge, forceDropdown
                 !hasActiveChild(items) &&
                 'text-primary-700 bg-primary-100/80 hover:bg-primary-100/80 dark:text-primary-300 dark:bg-primary-900/40 dark:hover:bg-primary-900/40'), theme: { list: 'space-y-2 py-2 [&>li>div]:w-full' }, children: items.map((child) => (_jsx(React.Fragment, { children: child.items?.length ? (
                 // Recursively render nested items
-                _jsx("div", { className: "pl-3", children: _jsx(AppSidebarItem, { ...child }) })) : (
-                // Render leaf item
+                _jsx("div", { className: "pl-3", children: _jsx(AppSidebarItem, { ...child }) })) : child.href ? (
+                // Render leaf item with link
                 _jsx(Sidebar.Item, { as: Link, href: child.href, target: child.target, icon: child.icon, className: twMerge('justify-center [&>*]:font-normal', 'text-gray-600 hover:text-primary-700 hover:bg-primary-50/70', 'dark:text-gray-400 dark:hover:text-primary-300 dark:hover:bg-primary-900/30', pathname === child.href &&
-                        'text-primary-700 bg-primary-100/80 hover:bg-primary-100/80 dark:text-primary-300 dark:bg-primary-900/40 dark:hover:bg-primary-900/40'), children: t(child.label) })) }, child.label))) }));
+                        'text-primary-700 bg-primary-100/80 hover:bg-primary-100/80 dark:text-primary-300 dark:bg-primary-900/40 dark:hover:bg-primary-900/40'), children: t(child.label) })) : (
+                // Render leaf item without link
+                _jsx(Sidebar.Item, { icon: child.icon, className: twMerge('justify-center [&>*]:font-normal', 'text-gray-600 cursor-default', 'dark:text-gray-400'), children: t(child.label) })) }, child.label))) }));
     }
     // Render leaf item
+    // If no href, render as a non-link item
+    if (!href) {
+        return (_jsx(Sidebar.Item, { icon: icon, label: badge && t(badge), className: twMerge('text-gray-600 hover:text-primary-700 hover:bg-primary-50/70', 'dark:text-gray-400 dark:hover:text-primary-300 dark:hover:bg-primary-900/30', 'cursor-default'), children: t(label) }));
+    }
     return (_jsx(Sidebar.Item, { as: Link, href: href, target: target, icon: icon, label: badge && t(badge), className: twMerge('text-gray-600 hover:text-primary-700 hover:bg-primary-50/70', 'dark:text-gray-400 dark:hover:text-primary-300 dark:hover:bg-primary-900/30', isParentActive &&
             'text-primary-700 bg-primary-100/80 hover:bg-primary-100/80 dark:text-primary-300 dark:bg-primary-900/40 dark:hover:bg-primary-900/40'), children: t(label) }));
 };

package/lib/components/ui/ImageUploader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface ImageUploaderProps {
-    project: 'vas' | 'stocklink' | 'events';
+    project: 'vas' | 'stocklink' | 'events' | 'commerce';
     env: 'dev' | 'uat' | 'prod';
     onUploadSuccess?: (url: string) => void;
     onError?: (error: Error) => void;

package/lib/shared/hooks/useImageUpload.d.ts

@@ -3,7 +3,7 @@ export interface UploadResponse {
     publicURL: string;
 }
 export interface UseImageUploadProps {
-    project: 'vas' | 'stocklink' | 'events';
+    project: 'vas' | 'stocklink' | 'events' | 'commerce';
     env: 'dev' | 'uat' | 'prod';
     endpoint?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pagamio/frontend-commons-lib",
   "description": "Pagamio library for Frontend reusable components like the form engine and table container",
-  "version": "0.8.199",
+  "version": "0.8.201",
   "publishConfig": {
     "access": "public",
     "provenance": false