analytica-frontend-lib 1.1.60 → 1.1.61

package/dist/CheckBox/index.d.mts

@@ -69,6 +69,6 @@ declare const CheckBox: react.ForwardRefExoticComponent<{
     className?: string;
     /** Label CSS classes */
     labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
 
 export { type CheckBoxProps, CheckBox as default };

package/dist/CheckBox/index.d.ts

@@ -69,6 +69,6 @@ declare const CheckBox: react.ForwardRefExoticComponent<{
     className?: string;
     /** Label CSS classes */
     labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
 
 export { type CheckBoxProps, CheckBox as default };

package/dist/NotificationCard/index.d.mts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import 'react';
-export { j as LegacyNotificationCard, L as LegacyNotificationCardProps, i as NotificationCardProps, b as NotificationGroup, f as NotificationItem, e as default } from '../NotificationCard-DpSGkWEa.mjs';
+export { j as LegacyNotificationCard, L as LegacyNotificationCardProps, i as NotificationCardProps, b as NotificationGroup, f as NotificationItem, e as default } from '../NotificationCard-4GgB0Nsf.mjs';

package/dist/NotificationCard/index.d.ts

@@ -1,3 +1,3 @@
 import 'react/jsx-runtime';
 import 'react';
-export { j as LegacyNotificationCard, L as LegacyNotificationCardProps, i as NotificationCardProps, b as NotificationGroup, f as NotificationItem, e as default } from '../NotificationCard-DpSGkWEa.js';
+export { j as LegacyNotificationCard, L as LegacyNotificationCardProps, i as NotificationCardProps, b as NotificationGroup, f as NotificationItem, e as default } from '../NotificationCard-4GgB0Nsf.js';

package/dist/NotificationCard/index.js

@@ -1658,6 +1658,7 @@ var NotificationCenter = ({
   getActionLabel,
   onFetchNotifications,
   onMarkAllAsRead,
+  onOpenChange,
   emptyStateImage,
   emptyStateTitle,
   emptyStateDescription,
@@ -1673,6 +1674,13 @@ var NotificationCenter = ({
   const handleDesktopClick = () => {
     onToggleActive?.();
   };
+  const handleOpenChange = (open) => {
+    const controlledByParent = typeof isActive === "boolean" && typeof onToggleActive === "function";
+    onOpenChange?.(open);
+    if (controlledByParent && !onOpenChange && !open && isActive) {
+      onToggleActive?.();
+    }
+  };
   (0, import_react9.useEffect)(() => {
     if (isActive) {
       onFetchNotifications?.();
@@ -1750,72 +1758,78 @@ var NotificationCenter = ({
     ] });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DropdownMenu_default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        IconButton_default,
-        {
-          active: isActive,
-          onClick: handleDesktopClick,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_phosphor_react5.Bell,
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      DropdownMenu_default,
+      {
+        ...typeof isActive === "boolean" ? { open: isActive, onOpenChange: handleOpenChange } : { onOpenChange: handleOpenChange },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropdownMenuTrigger, { className: "text-primary cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            IconButton_default,
             {
-              size: 24,
-              className: isActive ? "text-primary-950" : "text-primary"
-            }
-          ),
-          className
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        DropdownMenuContent,
-        {
-          className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
-          side: "bottom",
-          align: "end",
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "px-4 py-3 border-b border-border-200", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                NotificationHeader,
+              active: isActive,
+              onClick: handleDesktopClick,
+              icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                import_phosphor_react5.Bell,
                 {
-                  unreadCount,
-                  variant: "dropdown"
+                  size: 24,
+                  className: isActive ? "text-primary-950" : "text-primary"
                 }
               ),
-              unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: onMarkAllAsRead,
-                  className: "text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer mt-2",
-                  children: "Marcar todas como lidas"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              NotificationList,
-              {
-                groupedNotifications,
-                loading,
-                error,
-                onRetry,
-                onMarkAsReadById,
-                onDeleteById,
-                onNavigateById,
-                onGlobalNotificationClick: (notification) => {
-                  setGlobalNotificationModal({
-                    isOpen: true,
-                    notification
-                  });
-                },
-                getActionLabel,
-                renderEmpty: renderEmptyState,
-                emptyStateImage
-              }
-            ) })
-          ] })
-        }
-      )
-    ] }),
+              className
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            DropdownMenuContent,
+            {
+              className: "min-w-[320px] max-w-[400px] max-h-[500px] overflow-hidden",
+              side: "bottom",
+              align: "end",
+              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "px-4 py-3 border-b border-border-200", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    NotificationHeader,
+                    {
+                      unreadCount,
+                      variant: "dropdown"
+                    }
+                  ),
+                  unreadCount > 0 && onMarkAllAsRead && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onMarkAllAsRead,
+                      className: "text-sm font-medium text-info-600 hover:text-info-700 cursor-pointer mt-2",
+                      children: "Marcar todas como lidas"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  NotificationList,
+                  {
+                    groupedNotifications,
+                    loading,
+                    error,
+                    onRetry,
+                    onMarkAsReadById,
+                    onDeleteById,
+                    onNavigateById,
+                    onGlobalNotificationClick: (notification) => {
+                      setGlobalNotificationModal({
+                        isOpen: true,
+                        notification
+                      });
+                    },
+                    getActionLabel,
+                    renderEmpty: renderEmptyState,
+                    emptyStateImage
+                  }
+                ) })
+              ] })
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       Modal_default,
       {