@retinalabsllc/zairusjs 16.1.60 → 16.1.65

package/dist/index.js

@@ -4546,17 +4546,17 @@ var UniversalDepartmentsPage = ({
     {
       key: dept.id,
       onClick: () => onDepartmentClick(dept.id),
-      className: "flex flex-row items-center gap-4 py-4 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
+      className: "flex flex-row items-center gap-4 py-2 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
     },
-    /* @__PURE__ */ import_react77.default.createElement("div", { className: "w-9 h-9 rounded-xl border border-neutral-200  flex items-center justify-center shrink-0" }, /* @__PURE__ */ import_react77.default.createElement(import_react78.HugeiconsIcon, { icon: import_core_free_icons27.UserMultipleIcon, size: 18, className: "text-neutral-500" })),
-    /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col min-w-0 gap-1 flex-1" }, /* @__PURE__ */ import_react77.default.createElement("p", { className: "text-[13px] text-black tracking-tight truncate" }, dept.name), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center gap-3 min-w-0" }, dept.avatars && dept.avatars.length > 0 && /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center -space-x-2 shrink-0" }, dept.avatars.slice(0, 4).map((src, idx) => /* @__PURE__ */ import_react77.default.createElement("div", { key: idx, className: "w-4 h-4 rounded-md  bg-neutral-100 overflow-hidden shrink-0" }, /* @__PURE__ */ import_react77.default.createElement(
+    /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex flex-col min-w-0  flex-1" }, /* @__PURE__ */ import_react77.default.createElement("p", { className: "text-[13px] text-black tracking-tight truncate" }, dept.name), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center gap-3 min-w-0" }, dept.avatars && dept.avatars.length > 0 && /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center -space-x-2 shrink-0" }, dept.avatars.slice(0, 4).map((src, idx) => /* @__PURE__ */ import_react77.default.createElement("div", { key: idx, className: "w-4 h-4 rounded-md  bg-neutral-100 overflow-hidden shrink-0" }, /* @__PURE__ */ import_react77.default.createElement(
       "img",
       {
         src: src || "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif",
         alt: "Member",
         className: "w-full h-full object-cover"
       }
-    )))), dept.totalMembers > 0 ? /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-[11px] text-neutral-500 truncate block" }, formatMembersCount(dept.totalMembers), " ", dept.totalMembers > 4 ? "+" : "") : /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-[11px] text-neutral-400 truncate block" }, "No Members")))
+    )))), dept.totalMembers > 0 ? /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-[11px] text-neutral-500 truncate block" }, formatMembersCount(dept.totalMembers), " ", dept.totalMembers > 4 ? "+" : "") : /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-[11px] text-neutral-400 truncate block" }, "No Members"))),
+    /* @__PURE__ */ import_react77.default.createElement(import_react78.HugeiconsIcon, { icon: import_core_free_icons27.ArrowRight01Icon, size: 14, className: "shrink-0 text-neutral-400" })
   ))), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ import_react77.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react77.default.createElement(
     "button",
     {
@@ -4573,7 +4573,7 @@ var UniversalDepartmentsPage = ({
       className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
     },
     /* @__PURE__ */ import_react77.default.createElement(import_react78.HugeiconsIcon, { icon: import_core_free_icons27.ArrowRight01Icon, size: 14 })
-  )))))), isCreateModalOpen && /* @__PURE__ */ import_react77.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: () => !isCreating && setIsCreateModalOpen(false) }), /* @__PURE__ */ import_react77.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 border-b border-neutral-100" }, /* @__PURE__ */ import_react77.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Create Department"), /* @__PURE__ */ import_react77.default.createElement(
+  )))))), isCreateModalOpen && /* @__PURE__ */ import_react77.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: () => !isCreating && setIsCreateModalOpen(false) }), /* @__PURE__ */ import_react77.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ import_react77.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react77.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Create Department"), /* @__PURE__ */ import_react77.default.createElement(
     "button",
     {
       onClick: () => setIsCreateModalOpen(false),
@@ -5181,6 +5181,7 @@ var UniversalSettings = ({
   const [isInviting, setIsInviting] = (0, import_react83.useState)(false);
   const [localSearchQuery, setLocalSearchQuery] = (0, import_react83.useState)(membersSearchQuery);
   const [isTyping, setIsTyping] = (0, import_react83.useState)(false);
+  const isFirstSearchMount = (0, import_react83.useRef)(true);
   const [isStatusModalOpen, setIsStatusModalOpen] = (0, import_react83.useState)(false);
   const [isRoleModalOpen, setIsRoleModalOpen] = (0, import_react83.useState)(false);
   const statusDropdownRef = (0, import_react83.useRef)(null);
@@ -5202,18 +5203,22 @@ var UniversalSettings = ({
   }, []);
   (0, import_react83.useEffect)(() => {
     if (activeTab !== "MEMBERS") return;
+    if (isFirstSearchMount.current) {
+      isFirstSearchMount.current = false;
+      return;
+    }
     setIsTyping(true);
     const handler = setTimeout(() => {
       onMembersSearchChange(localSearchQuery);
       setIsTyping(false);
     }, 600);
     return () => clearTimeout(handler);
-  }, [localSearchQuery, onMembersSearchChange, activeTab]);
+  }, [localSearchQuery, activeTab]);
   const handleConfirmRemove = async () => {
     if (!memberToRemove || !onRemoveMember) return;
     setIsRemoving(true);
     try {
-      await onRemoveMember(memberToRemove.id);
+      await onRemoveMember(memberToRemove.userId);
       import_react_hot_toast16.default.success("Member removed successfully.");
       setExpandedId(null);
       setMemberToRemove(null);

package/dist/index.mjs

@@ -4515,7 +4515,6 @@ import {
   ArrowLeft01Icon as ArrowLeft01Icon13,
   ArrowRight01Icon as ArrowRight01Icon9,
   Loading03Icon as Loading03Icon20,
-  UserMultipleIcon,
   CancelCircleIcon as CancelCircleIcon9
 } from "@hugeicons/core-free-icons";
 var formatMembersCount = (num) => {
@@ -4564,17 +4563,17 @@ var UniversalDepartmentsPage = ({
     {
       key: dept.id,
       onClick: () => onDepartmentClick(dept.id),
-      className: "flex flex-row items-center gap-4 py-4 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
+      className: "flex flex-row items-center gap-4 py-2 hover:bg-neutral-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
     },
-    /* @__PURE__ */ React46.createElement("div", { className: "w-9 h-9 rounded-xl border border-neutral-200  flex items-center justify-center shrink-0" }, /* @__PURE__ */ React46.createElement(HugeiconsIcon32, { icon: UserMultipleIcon, size: 18, className: "text-neutral-500" })),
-    /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col min-w-0 gap-1 flex-1" }, /* @__PURE__ */ React46.createElement("p", { className: "text-[13px] text-black tracking-tight truncate" }, dept.name), /* @__PURE__ */ React46.createElement("div", { className: "flex items-center gap-3 min-w-0" }, dept.avatars && dept.avatars.length > 0 && /* @__PURE__ */ React46.createElement("div", { className: "flex items-center -space-x-2 shrink-0" }, dept.avatars.slice(0, 4).map((src, idx) => /* @__PURE__ */ React46.createElement("div", { key: idx, className: "w-4 h-4 rounded-md  bg-neutral-100 overflow-hidden shrink-0" }, /* @__PURE__ */ React46.createElement(
+    /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col min-w-0  flex-1" }, /* @__PURE__ */ React46.createElement("p", { className: "text-[13px] text-black tracking-tight truncate" }, dept.name), /* @__PURE__ */ React46.createElement("div", { className: "flex items-center gap-3 min-w-0" }, dept.avatars && dept.avatars.length > 0 && /* @__PURE__ */ React46.createElement("div", { className: "flex items-center -space-x-2 shrink-0" }, dept.avatars.slice(0, 4).map((src, idx) => /* @__PURE__ */ React46.createElement("div", { key: idx, className: "w-4 h-4 rounded-md  bg-neutral-100 overflow-hidden shrink-0" }, /* @__PURE__ */ React46.createElement(
       "img",
       {
         src: src || "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif",
         alt: "Member",
         className: "w-full h-full object-cover"
       }
-    )))), dept.totalMembers > 0 ? /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] text-neutral-500 truncate block" }, formatMembersCount(dept.totalMembers), " ", dept.totalMembers > 4 ? "+" : "") : /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] text-neutral-400 truncate block" }, "No Members")))
+    )))), dept.totalMembers > 0 ? /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] text-neutral-500 truncate block" }, formatMembersCount(dept.totalMembers), " ", dept.totalMembers > 4 ? "+" : "") : /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] text-neutral-400 truncate block" }, "No Members"))),
+    /* @__PURE__ */ React46.createElement(HugeiconsIcon32, { icon: ArrowRight01Icon9, size: 14, className: "shrink-0 text-neutral-400" })
   ))), /* @__PURE__ */ React46.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ React46.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React46.createElement(
     "button",
     {
@@ -4591,7 +4590,7 @@ var UniversalDepartmentsPage = ({
       className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
     },
     /* @__PURE__ */ React46.createElement(HugeiconsIcon32, { icon: ArrowRight01Icon9, size: 14 })
-  )))))), isCreateModalOpen && /* @__PURE__ */ React46.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React46.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: () => !isCreating && setIsCreateModalOpen(false) }), /* @__PURE__ */ React46.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React46.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 border-b border-neutral-100" }, /* @__PURE__ */ React46.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Create Department"), /* @__PURE__ */ React46.createElement(
+  )))))), isCreateModalOpen && /* @__PURE__ */ React46.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React46.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: () => !isCreating && setIsCreateModalOpen(false) }), /* @__PURE__ */ React46.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React46.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React46.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Create Department"), /* @__PURE__ */ React46.createElement(
     "button",
     {
       onClick: () => setIsCreateModalOpen(false),
@@ -5224,6 +5223,7 @@ var UniversalSettings = ({
   const [isInviting, setIsInviting] = useState35(false);
   const [localSearchQuery, setLocalSearchQuery] = useState35(membersSearchQuery);
   const [isTyping, setIsTyping] = useState35(false);
+  const isFirstSearchMount = useRef13(true);
   const [isStatusModalOpen, setIsStatusModalOpen] = useState35(false);
   const [isRoleModalOpen, setIsRoleModalOpen] = useState35(false);
   const statusDropdownRef = useRef13(null);
@@ -5245,18 +5245,22 @@ var UniversalSettings = ({
   }, []);
   useEffect19(() => {
     if (activeTab !== "MEMBERS") return;
+    if (isFirstSearchMount.current) {
+      isFirstSearchMount.current = false;
+      return;
+    }
     setIsTyping(true);
     const handler = setTimeout(() => {
       onMembersSearchChange(localSearchQuery);
       setIsTyping(false);
     }, 600);
     return () => clearTimeout(handler);
-  }, [localSearchQuery, onMembersSearchChange, activeTab]);
+  }, [localSearchQuery, activeTab]);
   const handleConfirmRemove = async () => {
     if (!memberToRemove || !onRemoveMember) return;
     setIsRemoving(true);
     try {
-      await onRemoveMember(memberToRemove.id);
+      await onRemoveMember(memberToRemove.userId);
       toast15.success("Member removed successfully.");
       setExpandedId(null);
       setMemberToRemove(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retinalabsllc/zairusjs",
-  "version": "16.1.60",
+  "version": "16.1.65",
   "description": "A perceptive, Ai data driven Next.js UI component library.",
   "author": "Retina Labs Company",
   "license": "MIT",