flowcore-fn 10.4.3 → 10.4.4

package/dist/pkg-index.css

@@ -1137,6 +1137,12 @@
   .fc\:animate-spin {
     animation: var(--fc-animate-spin);
   }
+  .fc\:cursor-default {
+    cursor: default;
+  }
+  .fc\:cursor-help {
+    cursor: help;
+  }
   .fc\:cursor-not-allowed {
     cursor: not-allowed;
   }

package/dist/pkg-index.js

@@ -25816,6 +25816,7 @@ function ReviewHeaderBar({
   activeStepName,
   assignedSteps = [],
   onSelectWorkflowStepId,
+  onSwitchAssignedStep,
   refreshKey,
   userName: propUserName,
   workflowSteps = [],
@@ -26195,7 +26196,8 @@ function ReviewHeaderBar({
                     role: "menuitemradio",
                     "aria-checked": isSelected,
                     onClick: () => {
-                      if (onSelectWorkflowStepId && stepId != null) onSelectWorkflowStepId(Number(stepId));
+                      const handler = onSwitchAssignedStep != null ? onSwitchAssignedStep : onSelectWorkflowStepId;
+                      if (handler && stepId != null) handler(Number(stepId));
                       setRoleDropdownOpen(false);
                     },
                     className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-2.5 fc:text-left fc:transition-colors ${isSelected ? "fc:border-blue-200 fc:bg-blue-50/80" : "fc:border-transparent fc:bg-white hover:fc:border-slate-200 hover:fc:bg-slate-50"}`,
@@ -29853,6 +29855,7 @@ function ReviewApplication({
         activeStepName,
         assignedSteps,
         onSelectWorkflowStepId: handleSelectWorkflowStepId,
+        onSwitchAssignedStep: onSelectWorkflowStepId,
         refreshKey,
         userName,
         workflowSteps,
@@ -30024,7 +30027,7 @@ var normalizeMyFile = (file) => {
 };
 function InboxMain({
   initialTab = "myFiles",
-  initialView = "review",
+  initialView = "table",
   allowedTabs,
   title,
   subtitle,
@@ -30040,7 +30043,7 @@ function InboxMain({
   const [activeTab, setActiveTab] = (0, import_react125.useState)(
     allowedTabs && allowedTabs.length > 0 && !allowedTabs.includes(initialTab) ? allowedTabs[0] : initialTab
   );
-  const [viewMode, setViewMode] = (0, import_react125.useState)(initialView);
+  const [viewMode, setViewMode] = (0, import_react125.useState)(() => initialTab === "totalFiles" ? "table" : initialView);
   const [reviewingFile, setReviewingFile] = (0, import_react125.useState)(null);
   (0, import_react125.useEffect)(() => {
     if (allowedTabs && allowedTabs.length > 0 && !allowedTabs.includes(activeTab)) {
@@ -30050,8 +30053,13 @@ function InboxMain({
     }
   }, [initialTab, allowedTabs]);
   (0, import_react125.useEffect)(() => {
-    if (initialView) setViewMode(initialView);
-  }, [initialView]);
+    if (activeTab === "totalFiles") {
+      setViewMode("table");
+      setReviewingFile(null);
+    } else if (initialView) {
+      setViewMode(initialView);
+    }
+  }, [initialView, activeTab]);
   const hookProfile = useUserProfile();
   const userName = propUserName || extractName(propUser) || hookProfile.userName;
   const userInitial = userName ? userName.trim().split(/\s+/).filter(Boolean).map((part) => part.charAt(0)).join("").slice(0, 2).toUpperCase() : hookProfile.initial || "U";
@@ -30362,6 +30370,8 @@ function InboxMain({
     setCurrentPage(1);
     setSearchQuery("");
     setPriorityFilter("all");
+    setViewMode("table");
+    setReviewingFile(null);
   };
   const handleSort = (column) => {
     if (sortColumn === column) {
@@ -30569,7 +30579,7 @@ function InboxMain({
     [allowedTabs]
   );
   const showTabBar = visibleTabs.length > 1;
-  if (viewMode === "review") {
+  if (viewMode === "review" && activeTab !== "totalFiles") {
     return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
       ReviewApplication,
       {
@@ -30578,10 +30588,16 @@ function InboxMain({
         activeStepName: activeRoleDetails == null ? void 0 : activeRoleDetails.stepName,
         assignedSteps,
         onSelectWorkflowStepId: (id) => {
+          setActiveWorkflowStepId(id);
+          setCurrentPage(1);
+          setViewMode("table");
+          setReviewingFile(null);
+          setRefreshKey((prev) => prev + 1);
         },
         onBackToInbox: () => {
           setViewMode("table");
           setReviewingFile(null);
+          setRefreshKey((prev) => prev + 1);
         },
         onSubmitAction: handleActionSubmit,
         refreshKey,
@@ -30685,6 +30701,7 @@ function InboxMain({
                               onClick: () => {
                                 setActiveWorkflowStepId(step.workflowStepId);
                                 setCurrentPage(1);
+                                setRefreshKey((prev) => prev + 1);
                                 setRoleDropdownOpen(false);
                               },
                               className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-3 fc:text-left fc:transition-colors ${isSelected ? "fc:border-blue-200 fc:bg-blue-50/80" : "fc:border-transparent fc:bg-white hover:fc:border-slate-200 hover:fc:bg-slate-50"}`,
@@ -31180,15 +31197,11 @@ function InboxMain({
                           /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("td", { className: "fc:sticky fc:left-12 fc:z-10 fc:bg-white group-hover:fc:bg-slate-50 fc:px-4 fc:py-3 fc:align-middle fc:whitespace-nowrap fc:border-r fc:border-slate-100 fc:shadow-[4px_0_6px_-2px_rgba(0,0,0,0.05)]", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
                             "div",
                             {
-                              onClick: () => {
-                                setReviewingFile(row);
-                                setViewMode("review");
-                              },
                               onMouseEnter: hasHiddenDynamicColumns ? (e) => handleFileMouseEnter(row, e) : void 0,
                               onMouseLeave: hasHiddenDynamicColumns ? handleFileMouseLeave : void 0,
-                              className: `fc:inline-flex fc:items-center fc:gap-1.5 fc:px-2.5 fc:py-1 fc:rounded-lg fc:cursor-pointer fc:transition-all ${hasHiddenDynamicColumns ? "fc:bg-blue-50 hover:fc:bg-blue-100/90 fc:border fc:border-blue-200/90 hover:fc:border-blue-300 fc:text-blue-700 hover:fc:shadow-sm" : "fc:bg-blue-50 hover:fc:bg-blue-100 fc:border fc:border-blue-100/90 fc:text-blue-600"}`,
+                              className: `fc:inline-flex fc:items-center fc:gap-1.5 fc:px-2.5 fc:py-1 fc:rounded-lg fc:transition-all ${hasHiddenDynamicColumns ? "fc:bg-blue-50 hover:fc:bg-blue-100/90 fc:border fc:border-blue-200/90 hover:fc:border-blue-300 fc:text-blue-700 fc:cursor-help" : "fc:bg-blue-50 fc:border fc:border-blue-100/90 fc:text-blue-600 fc:cursor-default"}`,
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "fc:text-xs fc:font-extrabold hover:fc:underline", children: row.fileNumber }),
+                                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "fc:text-xs fc:font-extrabold", children: row.fileNumber }),
                                 hasHiddenDynamicColumns && /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("span", { className: "fc:inline-flex fc:items-center fc:gap-0.5 fc:px-1.5 fc:py-0.2 fc:rounded fc:bg-amber-100/90 fc:text-amber-800 fc:text-[9px] fc:font-black fc:border fc:border-amber-200/80", children: [
                                   /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react126.RiEyeOffLine, { size: 10 }),
                                   /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: hiddenDynamicColumns.length })
@@ -31245,17 +31258,7 @@ function InboxMain({
                                     overflowWrap: "anywhere"
                                   },
                                   className: "fc:whitespace-normal",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-                                    "p",
-                                    {
-                                      onClick: () => {
-                                        setReviewingFile(row);
-                                        setViewMode("review");
-                                      },
-                                      className: "fc:text-xs fc:font-semibold fc:text-slate-800 hover:fc:text-blue-600 fc:cursor-pointer fc:leading-relaxed",
-                                      children: row.subject
-                                    }
-                                  )
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:leading-relaxed", children: row.subject })
                                 }
                               )
                             }
@@ -32754,6 +32757,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig, user, us
     if (inboxItem) return inboxItem.component;
     return all.length > 0 ? all[0].component : null;
   });
+  const [componentKey, setComponentKey] = (0, import_react137.useState)(0);
   const [workflowOpen, setWorkflowOpen] = (0, import_react137.useState)(false);
   const [permissionOpen, setPermissionOpen] = (0, import_react137.useState)(false);
   const [hierarchyOpen, setHierarchyOpen] = (0, import_react137.useState)(false);
@@ -32786,7 +32790,11 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig, user, us
     const handleClick = () => {
       if (item.component) {
         router.push("/flowCore", void 0, { shallow: true });
-        setActiveComponent(item.component);
+        if (activeComponent === item.component) {
+          setComponentKey((k) => k + 1);
+        } else {
+          setActiveComponent(item.component);
+        }
       }
     };
     const isActive = activeComponent === item.component;
@@ -32830,13 +32838,13 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig, user, us
       case "InboxMain":
       case "MyFilesMain":
       case "InboxMain_myFiles":
-        return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(MyFilesMain, { userName, user });
+        return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(MyFilesMain, { userName, user }, componentKey);
       case "UnclaimedFilesMain":
       case "InboxMain_unclaimed":
-        return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(UnclaimedFilesMain, { userName, user });
+        return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(UnclaimedFilesMain, { userName, user }, componentKey);
       case "CompletedFilesMain":
       case "InboxMain_completed":
-        return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CompletedFilesMain, { userName, user });
+        return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(CompletedFilesMain, { userName, user }, componentKey);
       case "TrackApplicationMain":
         return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(TrackApplicationMain, {});
       case "module":

package/dist/pkg-index.mjs

@@ -25839,6 +25839,7 @@ function ReviewHeaderBar({
   activeStepName,
   assignedSteps = [],
   onSelectWorkflowStepId,
+  onSwitchAssignedStep,
   refreshKey,
   userName: propUserName,
   workflowSteps = [],
@@ -26218,7 +26219,8 @@ function ReviewHeaderBar({
                     role: "menuitemradio",
                     "aria-checked": isSelected,
                     onClick: () => {
-                      if (onSelectWorkflowStepId && stepId != null) onSelectWorkflowStepId(Number(stepId));
+                      const handler = onSwitchAssignedStep != null ? onSwitchAssignedStep : onSelectWorkflowStepId;
+                      if (handler && stepId != null) handler(Number(stepId));
                       setRoleDropdownOpen(false);
                     },
                     className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-2.5 fc:text-left fc:transition-colors ${isSelected ? "fc:border-blue-200 fc:bg-blue-50/80" : "fc:border-transparent fc:bg-white hover:fc:border-slate-200 hover:fc:bg-slate-50"}`,
@@ -29907,6 +29909,7 @@ function ReviewApplication({
         activeStepName,
         assignedSteps,
         onSelectWorkflowStepId: handleSelectWorkflowStepId,
+        onSwitchAssignedStep: onSelectWorkflowStepId,
         refreshKey,
         userName,
         workflowSteps,
@@ -30078,7 +30081,7 @@ var normalizeMyFile = (file) => {
 };
 function InboxMain({
   initialTab = "myFiles",
-  initialView = "review",
+  initialView = "table",
   allowedTabs,
   title,
   subtitle,
@@ -30094,7 +30097,7 @@ function InboxMain({
   const [activeTab, setActiveTab] = useState82(
     allowedTabs && allowedTabs.length > 0 && !allowedTabs.includes(initialTab) ? allowedTabs[0] : initialTab
   );
-  const [viewMode, setViewMode] = useState82(initialView);
+  const [viewMode, setViewMode] = useState82(() => initialTab === "totalFiles" ? "table" : initialView);
   const [reviewingFile, setReviewingFile] = useState82(null);
   useEffect62(() => {
     if (allowedTabs && allowedTabs.length > 0 && !allowedTabs.includes(activeTab)) {
@@ -30104,8 +30107,13 @@ function InboxMain({
     }
   }, [initialTab, allowedTabs]);
   useEffect62(() => {
-    if (initialView) setViewMode(initialView);
-  }, [initialView]);
+    if (activeTab === "totalFiles") {
+      setViewMode("table");
+      setReviewingFile(null);
+    } else if (initialView) {
+      setViewMode(initialView);
+    }
+  }, [initialView, activeTab]);
   const hookProfile = useUserProfile();
   const userName = propUserName || extractName(propUser) || hookProfile.userName;
   const userInitial = userName ? userName.trim().split(/\s+/).filter(Boolean).map((part) => part.charAt(0)).join("").slice(0, 2).toUpperCase() : hookProfile.initial || "U";
@@ -30416,6 +30424,8 @@ function InboxMain({
     setCurrentPage(1);
     setSearchQuery("");
     setPriorityFilter("all");
+    setViewMode("table");
+    setReviewingFile(null);
   };
   const handleSort = (column) => {
     if (sortColumn === column) {
@@ -30623,7 +30633,7 @@ function InboxMain({
     [allowedTabs]
   );
   const showTabBar = visibleTabs.length > 1;
-  if (viewMode === "review") {
+  if (viewMode === "review" && activeTab !== "totalFiles") {
     return /* @__PURE__ */ jsx110(
       ReviewApplication,
       {
@@ -30632,10 +30642,16 @@ function InboxMain({
         activeStepName: activeRoleDetails == null ? void 0 : activeRoleDetails.stepName,
         assignedSteps,
         onSelectWorkflowStepId: (id) => {
+          setActiveWorkflowStepId(id);
+          setCurrentPage(1);
+          setViewMode("table");
+          setReviewingFile(null);
+          setRefreshKey((prev) => prev + 1);
         },
         onBackToInbox: () => {
           setViewMode("table");
           setReviewingFile(null);
+          setRefreshKey((prev) => prev + 1);
         },
         onSubmitAction: handleActionSubmit,
         refreshKey,
@@ -30739,6 +30755,7 @@ function InboxMain({
                               onClick: () => {
                                 setActiveWorkflowStepId(step.workflowStepId);
                                 setCurrentPage(1);
+                                setRefreshKey((prev) => prev + 1);
                                 setRoleDropdownOpen(false);
                               },
                               className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-3 fc:text-left fc:transition-colors ${isSelected ? "fc:border-blue-200 fc:bg-blue-50/80" : "fc:border-transparent fc:bg-white hover:fc:border-slate-200 hover:fc:bg-slate-50"}`,
@@ -31234,15 +31251,11 @@ function InboxMain({
                           /* @__PURE__ */ jsx110("td", { className: "fc:sticky fc:left-12 fc:z-10 fc:bg-white group-hover:fc:bg-slate-50 fc:px-4 fc:py-3 fc:align-middle fc:whitespace-nowrap fc:border-r fc:border-slate-100 fc:shadow-[4px_0_6px_-2px_rgba(0,0,0,0.05)]", children: /* @__PURE__ */ jsxs108(
                             "div",
                             {
-                              onClick: () => {
-                                setReviewingFile(row);
-                                setViewMode("review");
-                              },
                               onMouseEnter: hasHiddenDynamicColumns ? (e) => handleFileMouseEnter(row, e) : void 0,
                               onMouseLeave: hasHiddenDynamicColumns ? handleFileMouseLeave : void 0,
-                              className: `fc:inline-flex fc:items-center fc:gap-1.5 fc:px-2.5 fc:py-1 fc:rounded-lg fc:cursor-pointer fc:transition-all ${hasHiddenDynamicColumns ? "fc:bg-blue-50 hover:fc:bg-blue-100/90 fc:border fc:border-blue-200/90 hover:fc:border-blue-300 fc:text-blue-700 hover:fc:shadow-sm" : "fc:bg-blue-50 hover:fc:bg-blue-100 fc:border fc:border-blue-100/90 fc:text-blue-600"}`,
+                              className: `fc:inline-flex fc:items-center fc:gap-1.5 fc:px-2.5 fc:py-1 fc:rounded-lg fc:transition-all ${hasHiddenDynamicColumns ? "fc:bg-blue-50 hover:fc:bg-blue-100/90 fc:border fc:border-blue-200/90 hover:fc:border-blue-300 fc:text-blue-700 fc:cursor-help" : "fc:bg-blue-50 fc:border fc:border-blue-100/90 fc:text-blue-600 fc:cursor-default"}`,
                               children: [
-                                /* @__PURE__ */ jsx110("span", { className: "fc:text-xs fc:font-extrabold hover:fc:underline", children: row.fileNumber }),
+                                /* @__PURE__ */ jsx110("span", { className: "fc:text-xs fc:font-extrabold", children: row.fileNumber }),
                                 hasHiddenDynamicColumns && /* @__PURE__ */ jsxs108("span", { className: "fc:inline-flex fc:items-center fc:gap-0.5 fc:px-1.5 fc:py-0.2 fc:rounded fc:bg-amber-100/90 fc:text-amber-800 fc:text-[9px] fc:font-black fc:border fc:border-amber-200/80", children: [
                                   /* @__PURE__ */ jsx110(RiEyeOffLine, { size: 10 }),
                                   /* @__PURE__ */ jsx110("span", { children: hiddenDynamicColumns.length })
@@ -31299,17 +31312,7 @@ function InboxMain({
                                     overflowWrap: "anywhere"
                                   },
                                   className: "fc:whitespace-normal",
-                                  children: /* @__PURE__ */ jsx110(
-                                    "p",
-                                    {
-                                      onClick: () => {
-                                        setReviewingFile(row);
-                                        setViewMode("review");
-                                      },
-                                      className: "fc:text-xs fc:font-semibold fc:text-slate-800 hover:fc:text-blue-600 fc:cursor-pointer fc:leading-relaxed",
-                                      children: row.subject
-                                    }
-                                  )
+                                  children: /* @__PURE__ */ jsx110("p", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:leading-relaxed", children: row.subject })
                                 }
                               )
                             }
@@ -32837,6 +32840,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig, user, us
     if (inboxItem) return inboxItem.component;
     return all.length > 0 ? all[0].component : null;
   });
+  const [componentKey, setComponentKey] = useState84(0);
   const [workflowOpen, setWorkflowOpen] = useState84(false);
   const [permissionOpen, setPermissionOpen] = useState84(false);
   const [hierarchyOpen, setHierarchyOpen] = useState84(false);
@@ -32869,7 +32873,11 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig, user, us
     const handleClick = () => {
       if (item.component) {
         router.push("/flowCore", void 0, { shallow: true });
-        setActiveComponent(item.component);
+        if (activeComponent === item.component) {
+          setComponentKey((k) => k + 1);
+        } else {
+          setActiveComponent(item.component);
+        }
       }
     };
     const isActive = activeComponent === item.component;
@@ -32913,13 +32921,13 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig, user, us
       case "InboxMain":
       case "MyFilesMain":
       case "InboxMain_myFiles":
-        return /* @__PURE__ */ jsx116(MyFilesMain, { userName, user });
+        return /* @__PURE__ */ jsx116(MyFilesMain, { userName, user }, componentKey);
       case "UnclaimedFilesMain":
       case "InboxMain_unclaimed":
-        return /* @__PURE__ */ jsx116(UnclaimedFilesMain, { userName, user });
+        return /* @__PURE__ */ jsx116(UnclaimedFilesMain, { userName, user }, componentKey);
       case "CompletedFilesMain":
       case "InboxMain_completed":
-        return /* @__PURE__ */ jsx116(CompletedFilesMain, { userName, user });
+        return /* @__PURE__ */ jsx116(CompletedFilesMain, { userName, user }, componentKey);
       case "TrackApplicationMain":
         return /* @__PURE__ */ jsx116(TrackApplicationMain, {});
       case "module":

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flowcore-fn",
-    "version": "10.4.3",
+    "version": "10.4.4",
     "main": "dist/pkg-index.js",
     "module": "dist/pkg-index.mjs",
     "files": [