MAT-9817: add madie-admin library share

Author: mcmcphillips

package-lock.json

@@ -82,6 +82,7 @@
     "@tanstack/react-table": "^8.21.3",
     "ace-builds": "^1.44.0",
     "axios": "^1.17.0",
+    "file-saver": "^2.0.5",
     "formik": "^2.4.9",
     "lodash": "^4.18.1",
     "react": "^17.0.2",
@@ -91,7 +92,8 @@
     "single-spa": "^5.9.3",
     "single-spa-react": "^4.2.0",
     "tailwindcss": "^3.4.1",
-    "twin.macro": "^3.4.1"
+    "twin.macro": "^3.4.1",
+    "yup": "^1.7.1"
   },
   "types": "dist/madie-madie-admin.d.ts",
   "overrides": {

package.json

@@ -37,6 +37,13 @@ jest.mock("@madie/madie-util", () => ({
     getUser: (...args: unknown[]) => mockGetUser(...args),
     getBulkUserDetails: (...args: unknown[]) => mockGetBulkUserDetails(...args),
   })),
+  useOktaTokens: jest.fn().mockReturnValue({
+    getAccessToken: () => "test-token",
+    getUserName: () => "testUser",
+  }),
+  useUserRoles: jest
+    .fn()
+    .mockReturnValue({ roles: ["MADiE-Admin"], isAdmin: true }),
   useMeasureServiceApi: jest.fn(() => ({
     adminSearchMeasuresForUser: (...args: unknown[]) =>
       mockAdminSearchMeasures(...args),
@@ -152,6 +159,35 @@ jest.mock("@madie/madie-util", () => ({
       </div>
     ) : null,
 }));
+jest.mock(
+  "./actionCenter/LibraryShareDialog/LibraryShareDialog",
+  () => (props: any) =>
+    props.open ? (
+      <div data-testid="library-share-dialog" data-option={props.option}>
+        Library Share Dialog
+        <button
+          data-testid="library-share-success-btn"
+          onClick={() =>
+            props.onClose("success", "Library Successfully Shared")
+          }
+        >
+          Success
+        </button>
+        <button
+          data-testid="library-share-danger-btn"
+          onClick={() => props.onClose("danger", "Unable to share library")}
+        >
+          Danger
+        </button>
+        <button
+          data-testid="library-share-close-btn"
+          onClick={() => props.onClose()}
+        >
+          Close
+        </button>
+      </div>
+    ) : null
+);
 
 const renderAt = (initialEntry: string) =>
   render(
@@ -2569,6 +2605,92 @@ describe("UserProfile", () => {
     });
   });
 
+  describe("library share actions", () => {
+    it("opens LibraryShareDialog when Share With is selected for a library", async () => {
+      mockAdminSearchMeasures.mockResolvedValue(pageWith([ownedMeasure], 1));
+      mockFetchCqlLibraries.mockResolvedValue(pageWith([ownedLibrary], 1));
+
+      renderAt("/admin/userProfile/test_user");
+
+      await userEvent.click(await screen.findByTestId("owned-libraries-tab"));
+
+      await userEvent.click(await screen.findByTestId("checkbox-lib1"));
+
+      await userEvent.click(await screen.findByTestId("share-action-btn"));
+
+      await userEvent.click(await screen.findByTestId("Share With-option"));
+
+      expect(
+        await screen.findByTestId("library-share-dialog")
+      ).toBeInTheDocument();
+
+      expect(screen.getByTestId("library-share-dialog")).toHaveAttribute(
+        "data-option",
+        "Share With"
+      );
+    });
+    it("handles successful library share dialog close and displays success toast", async () => {
+      mockAdminSearchMeasures.mockResolvedValue(pageWith([ownedMeasure], 1));
+      mockFetchCqlLibraries.mockResolvedValue(pageWith([ownedLibrary], 1));
+
+      renderAt("/admin/userProfile/test_user");
+
+      await userEvent.click(await screen.findByTestId("owned-libraries-tab"));
+
+      await userEvent.click(await screen.findByTestId("checkbox-lib1"));
+
+      await userEvent.click(await screen.findByTestId("share-action-btn"));
+
+      await userEvent.click(await screen.findByTestId("Share With-option"));
+
+      const callsBefore = mockFetchCqlLibraries.mock.calls.length;
+
+      await userEvent.click(
+        await screen.findByTestId("library-share-success-btn")
+      );
+
+      expect(
+        screen.queryByTestId("library-share-dialog")
+      ).not.toBeInTheDocument();
+
+      expect(
+        await screen.findByText("Library Successfully Shared")
+      ).toBeInTheDocument();
+
+      await waitFor(() => {
+        expect(mockFetchCqlLibraries.mock.calls.length).toBeGreaterThan(
+          callsBefore
+        );
+      });
+    });
+    it("handles library share dialog close with a non-success message", async () => {
+      mockAdminSearchMeasures.mockResolvedValue(pageWith([ownedMeasure], 1));
+      mockFetchCqlLibraries.mockResolvedValue(pageWith([ownedLibrary], 1));
+
+      renderAt("/admin/userProfile/test_user");
+
+      await userEvent.click(await screen.findByTestId("owned-libraries-tab"));
+
+      await userEvent.click(await screen.findByTestId("checkbox-lib1"));
+
+      await userEvent.click(await screen.findByTestId("share-action-btn"));
+
+      await userEvent.click(await screen.findByTestId("Share With-option"));
+
+      await userEvent.click(
+        await screen.findByTestId("library-share-danger-btn")
+      );
+
+      expect(
+        screen.queryByTestId("library-share-dialog")
+      ).not.toBeInTheDocument();
+
+      expect(
+        await screen.findByText("Unable to share library")
+      ).toBeInTheDocument();
+    });
+  });
+
   describe("transfer action", () => {
     const ownedMeasureRow = {
       id: "m1",

src/components/landing/userManagement/userProfile/UserProfile.test.tsx

@@ -52,6 +52,9 @@ import {
 } from "../../../../icons/MeasureListTableRightArrowIcons";
 import ActionCenter from "./actionCenter/ActionCenter";
 import "./UserProfile.scss";
+import LibraryActionCenter from "./actionCenter/LibraryActionCenter";
+import LibraryShareDialog from "./actionCenter/LibraryShareDialog/LibraryShareDialog";
+import _ from "lodash";
 
 type Ownership =
   | "OWNED_MEASURE"
@@ -1455,17 +1458,15 @@ const UserProfile = () => {
       .map((row) => row.actions);
     return [...topLevel, ...expanded];
   }, [selectedTopLevelRows, expandedRows, selectedExpandedRowIds]);
-  const selectedLibraries = useMemo(() => {
-    const topLevel = libraryTable
+  const selectedLibraries = [
+    ...libraryTable
       .getSelectedRowModel()
-      .rows.map((row) => row.original.actions);
+      .rows.map((row) => row.original.actions),
 
-    const expanded = expandedLibraryRows
+    ...expandedLibraryRows
       .filter((row) => selectedExpandedLibraryRowIds.includes(row.id))
-      .map((row) => row.actions);
-
-    return [...topLevel, ...expanded];
-  }, [libraryTable, expandedLibraryRows, selectedExpandedLibraryRowIds]);
+      .map((row) => row.actions),
+  ];
   const handleConfirmDeleteLibrary = useCallback(async () => {
     if (!deleteTarget) return;
 
@@ -1608,6 +1609,35 @@ const UserProfile = () => {
     [table, clearExpansion]
   );
 
+  const [libraryShareDialogOpen, setLibraryShareDialogOpen] = useState(false);
+
+  const [libraryShareOption, setLibraryShareOption] = useState("");
+
+  const handleLibraryShare = useCallback((option: string) => {
+    setLibraryShareOption(option);
+    setLibraryShareDialogOpen(true);
+  }, []);
+
+  const handleLibraryShareDialogClose = useCallback(
+    (toastType?: "success" | "danger", toastMessage?: string) => {
+      setLibraryShareDialogOpen(false);
+      setLibraryShareOption("");
+
+      if (toastMessage) {
+        setToastType(toastType ?? "success");
+        setToastMessage(toastMessage);
+        setToastOpen(true);
+      }
+
+      if (toastType === "success") {
+        libraryTable.toggleAllRowsSelected(false);
+        clearLibraryExpansion();
+        setRefreshToken((t) => t + 1);
+      }
+    },
+    [libraryTable, clearLibraryExpansion]
+  );
+
   return (
     <div className="user-profile" data-testid="user-profile">
       <div className="user-profile-header">
@@ -1672,13 +1702,13 @@ const UserProfile = () => {
               className="search-filter-bar flex-end"
               data-testid="search-filter-bar"
             >
-              <ActionCenter
-                target="library"
-                measures={selectedLibraries}
-                canDelete={canDelete}
+              <LibraryActionCenter
+                libraries={selectedLibraries}
                 activeTab={activeTab}
                 onDelete={openDeleteDialog}
+                onShare={handleLibraryShare}
                 disabledReason={deleteDisabledReason}
+                canDelete={canDelete}
               />
             </div>
           )}
@@ -1798,6 +1828,12 @@ const UserProfile = () => {
         unshareFromUser={harpId}
         isAdmin
       />
+      <LibraryShareDialog
+        libraries={selectedLibraries}
+        open={libraryShareDialogOpen}
+        option={libraryShareOption}
+        onClose={handleLibraryShareDialogClose}
+      />
 
       <TransferDialog
         measures={selectedMeasures}