synapse-react-client 4.0.6 → 4.0.8

package/dist/components/DataGrid/SynapseGrid.js

@@ -1,17 +1,17 @@
-import { jsx as t, jsxs as n, Fragment as T } from "react/jsx-runtime";
-import et from "./components/GridMenuButton/GridMenuButton.js";
-import nt from "./components/UploadCsvToGridButton.js";
-import pt from "./components/ExportCsvFromGridButton.js";
-import mt from "./hooks/useGetSchemaForGrid.js";
-import st from "./MergeGridWithSourceTableButton.js";
-import ct from "./utils/computeReplicaSelectionModel.js";
-import lt from "./utils/modelRowsToGrid.js";
+import { jsx as t, jsxs as n, Fragment as U } from "react/jsx-runtime";
+import st from "./components/GridMenuButton/GridMenuButton.js";
+import ct from "./components/UploadCsvToGridButton.js";
+import lt from "./components/ExportCsvFromGridButton.js";
+import dt from "./hooks/useGetSchemaForGrid.js";
+import at from "./MergeGridWithSourceTableButton.js";
+import ut from "./utils/computeReplicaSelectionModel.js";
+import ht from "./utils/modelRowsToGrid.js";
 import "../../assets/icons/error_page/maintenance.svg.js";
 import "../../assets/icons/error_page/no-access.svg.js";
 import "../../assets/icons/error_page/unavailable.svg.js";
 import "../../utils/PermissionLevelToAccessType.js";
 import "../../utils/SynapseConstants.js";
-import { forwardRef as dt, useState as I, useRef as S, useCallback as d, useImperativeHandle as at, useEffect as R, useMemo as P } from "react";
+import { forwardRef as ft, useState as I, useRef as S, useCallback as a, useImperativeHandle as gt, useEffect as E, useMemo as N } from "react";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
@@ -27,11 +27,11 @@ import "@tanstack/query-core";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "lodash-es/xorWith";
-import { Tooltip as ut, Stack as ht } from "@mui/material";
+import { Tooltip as It, Stack as St } from "@mui/material";
 import "@sage-bionetworks/synapse-client";
-import { useGetEntity as ft } from "../../synapse-queries/entity/useEntity.js";
+import { useGetEntity as Ct } from "../../synapse-queries/entity/useEntity.js";
 import "../../utils/types/IsType.js";
-import { useGetCurrentUserBundle as gt } from "../../synapse-queries/user/useUserBundle.js";
+import { useGetCurrentUserBundle as Rt } from "../../synapse-queries/user/useUserBundle.js";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -43,7 +43,7 @@ import "react-router";
 import "@mui/icons-material/Close";
 import "../styled/StyledPopover.js";
 import "../Markdown/MarkdownSynapse.js";
-import { SmartToyTwoTone as It } from "@mui/icons-material";
+import { SmartToyTwoTone as yt } from "@mui/icons-material";
 import "react-hot-toast";
 import "react-transition-group";
 /* empty css                                    */
@@ -58,7 +58,6 @@ import "../../assets/icons/account-validated.svg.js";
 import "../../utils/functions/DateFormatter.js";
 import "@react-hookz/web";
 import "dayjs";
-import "../../assets/ArcusBioIcon.svg.js";
 import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
@@ -115,7 +114,7 @@ import "../QueryContext/QueryContext.js";
 import "../QueryVisualizationWrapper/QueryVisualizationContext.js";
 import "react-share";
 import "../GenericCard/GenericCard.js";
-import { SkeletonTable as St } from "../Skeleton/SkeletonTable.js";
+import { SkeletonTable as Et } from "../Skeleton/SkeletonTable.js";
 import "@mui/system";
 import "../GenericCard/Linkify.js";
 import "jotai";
@@ -219,158 +218,178 @@ import "react-draggable";
 import "../TimelinePlot/phasesQueryResponseData.js";
 import "../EntityHeaderTable/EntityHeaderTable.js";
 import "../MuiContainer.js";
-import s from "@mui/material/Grid";
+import c from "@mui/material/Grid";
 import "@mui/icons-material/ArrowForwardIos";
 import "../PortalAclEditor/PortalAclEditor.js";
 import "../SynapseHomepageV2/HomepageStyles.js";
-import { getSchemaPropertiesInfo as Ct } from "../../utils/jsonschema/getSchemaPropertyInfo.js";
-import { ClickableJsonCrdt as yt } from "clickable-json";
-import { GridAgentChat as Rt } from "../SynapseChat/GridAgentChat.js";
-import Et from "./DataGrid.js";
-import { useGridUndoRedo as xt } from "./hooks/useGridUndoRedo.js";
-import { StartGridSession as Gt } from "./StartGridSession.js";
-import { useDataGridWebSocket as vt } from "./useDataGridWebsocket.js";
-import { applyModelChange as bt } from "./utils/applyModelChange.js";
-import { removeNoOpOperations as Tt } from "./utils/DataGridUtils.js";
-import { mapOperationsToModelChanges as wt } from "./utils/mapOperationsToModelChanges.js";
-import { useListGridReplicas as Nt } from "../../synapse-queries/grid/useGridSession.js";
-import kt from "../AccessRequirementList/RequirementItem/CertificationRequirement.js";
-import { ValidationAlert as Ot } from "./components/ValidationAlert.js";
-const on = dt(
-  ({ agentRegistrationId: A, showDebugInfo: E = !1 }, j) => {
-    const [o, F] = I(null), [p, J] = I(null), [W, w] = I(!1), [H, N] = I(
+import { getSchemaPropertiesInfo as xt } from "../../utils/jsonschema/getSchemaPropertyInfo.js";
+import { ClickableJsonCrdt as Gt } from "clickable-json";
+import { GridAgentChat as vt } from "../SynapseChat/GridAgentChat.js";
+import bt from "./DataGrid.js";
+import { useGridUndoRedo as wt } from "./hooks/useGridUndoRedo.js";
+import { StartGridSession as Tt } from "./StartGridSession.js";
+import { useDataGridWebSocket as Ut } from "./useDataGridWebsocket.js";
+import { applyModelChange as Nt } from "./utils/applyModelChange.js";
+import { removeNoOpOperations as kt } from "./utils/DataGridUtils.js";
+import { mapOperationsToModelChanges as Mt } from "./utils/mapOperationsToModelChanges.js";
+import { useListGridReplicas as Ot } from "../../synapse-queries/grid/useGridSession.js";
+import { useGridReplicaUsers as zt } from "./hooks/useGridReplicaUsers.js";
+import { useRemoteSelections as Dt } from "./hooks/useRemoteSelections.js";
+import { enrichRowsWithChangeInfo as Lt } from "./utils/enrichRowsWithChangeInfo.js";
+import Bt from "../AccessRequirementList/RequirementItem/CertificationRequirement.js";
+import { ValidationAlert as Pt } from "./components/ValidationAlert.js";
+const dn = ft(
+  ({ agentRegistrationId: F, showDebugInfo: x = !1 }, J) => {
+    const [o, V] = I(null), [p, W] = I(null), [H, k] = I(!1), [_, M] = I(
       null
-    ), u = S(null), h = S(null), { data: V, isLoading: _ } = gt(), { data: k = [], refetch: O } = Nt(o?.sessionId), x = d(() => {
+    ), f = S(null), g = S(null), { data: G, isLoading: $ } = Rt(), { data: C = [], refetch: O } = Ot(o?.sessionId), v = a(() => {
       O();
-    }, [O]);
-    at(
-      j,
+    }, [O]), q = G?.userId != null ? String(G.userId) : void 0, z = zt(
+      C,
+      p,
+      q
+    );
+    gt(
+      J,
       () => ({
-        initializeGrid: (i) => {
-          u.current && u.current.handleStartSession(i);
+        initializeGrid: (r) => {
+          f.current && f.current.handleStartSession(r);
         },
-        loadExistingSession: (i) => {
-          u.current && u.current.handleLoadSession(i);
+        loadExistingSession: (r) => {
+          f.current && f.current.handleLoadSession(r);
         }
       }),
       []
     );
     const {
       isConnected: m,
-      websocketInstance: z,
-      hasCompletedInitialSync: $,
+      websocketInstance: D,
+      hasCompletedInitialSync: Y,
       model: e,
-      modelSnapshot: f,
-      connect: M,
-      presignedUrl: c,
-      hasSufficientData: U
-    } = vt({
-      onGridReady: x,
-      onReplicaConnected: x,
-      onReplicaDisconnected: x
-    }), C = S(null);
-    R(() => {
-      C.current = z;
-    }, [z]);
-    const G = S(null);
-    R(() => {
+      modelSnapshot: s,
+      connect: L,
+      presignedUrl: l,
+      hasSufficientData: B
+    } = Ut({
+      onGridReady: v,
+      onReplicaConnected: v,
+      onReplicaDisconnected: v
+    }), R = S(null);
+    E(() => {
+      R.current = D;
+    }, [D]);
+    const b = S(null);
+    E(() => {
       if (p == null || !o?.sessionId) {
-        G.current = null;
+        b.current = null;
         return;
       }
-      const i = {
+      const r = {
         replicaId: p,
         sessionId: o.sessionId
-      }, r = G.current;
-      r && r.replicaId === i.replicaId && r.sessionId === i.sessionId || (G.current = i, M(p, o.sessionId));
-    }, [p, o?.sessionId, M]), R(() => {
-      e === null && (N(null), h.current && h.current.setActiveCell(null));
+      }, i = b.current;
+      i && i.replicaId === r.replicaId && i.sessionId === r.sessionId || (b.current = r, L(p, o.sessionId));
+    }, [p, o?.sessionId, L]), E(() => {
+      e === null && (M(null), g.current && g.current.setActiveCell(null));
     }, [e]);
-    const v = mt(o), { data: q } = ft(
+    const w = dt(o), { data: K } = Ct(
       o?.sourceEntityId,
       void 0,
       {
         enabled: !!o?.sourceEntityId
       }
-    ), Y = q?.concreteType === "org.sagebionetworks.repo.model.table.EntityView", b = P(() => Ct(v ?? null), [v]), K = m ? "Connected" : "Disconnected", g = P(
-      () => f ? lt(e, f) : [],
-      [e, f]
-    ), y = d(() => {
-      !m || !C.current || C.current.sendPatch();
-    }, [m, C]);
-    R(() => {
+    ), Q = K?.concreteType === "org.sagebionetworks.repo.model.table.EntityView", T = N(() => xt(w ?? null), [w]), X = m ? "Connected" : "Disconnected", Z = Dt(
+      s,
+      e,
+      C,
+      p
+    ), u = N(
+      () => s ? ht(e, s) : [],
+      [e, s]
+    ), tt = N(
+      () => Lt(
+        u,
+        e,
+        s,
+        z
+      ),
+      [u, e, s, z]
+    ), y = a(() => {
+      !m || !R.current || R.current.sendPatch();
+    }, [m, R]);
+    E(() => {
       m && y();
     }, [m, y]);
-    const a = d(
-      (i, r) => {
-        r.forEach((l) => {
-          bt(i, l, b);
+    const h = a(
+      (r, i) => {
+        i.forEach((d) => {
+          Nt(r, d, T);
         }), y();
       },
-      [y, b]
-    ), Q = d(
-      (i) => {
+      [y, T]
+    ), ot = a(
+      (r) => {
         if (!e) {
           console.error("Model is not initialized");
           return;
         }
-        i.type === "DELETE" && h.current && h.current.setActiveCell(null), a(e, [i]);
+        r.type === "DELETE" && g.current && g.current.setActiveCell(null), h(e, [r]);
       },
-      [e, a]
-    ), { undoUI: X, redoUI: Z, addOperationsToUndoStack: D, clearRedoStack: L } = xt(Q), tt = d(
-      (i, r) => {
+      [e, h]
+    ), { undoUI: rt, redoUI: it, addOperationsToUndoStack: P, clearRedoStack: A } = wt(ot), et = a(
+      (r, i) => {
         if (!e) {
           console.error("Model is not initialized");
           return;
         }
-        if (r = Tt(i, g, r), r.length > 0) {
-          L(), D(r, g, i);
-          const l = wt(r, i);
-          a(e, l);
+        if (i = kt(r, u, i), i.length > 0) {
+          A(), P(i, u, r);
+          const d = Mt(i, r);
+          h(e, d);
         }
       },
       [
         e,
-        g,
-        L,
-        D,
-        a
+        u,
+        A,
+        P,
+        h
       ]
-    ), ot = d(
-      (i) => {
-        const { selection: r } = i;
-        if (r != null && (N(r), e != null && p != null)) {
-          const l = ct(
-            r,
+    ), nt = a(
+      (r) => {
+        const { selection: i } = r;
+        if (i != null && (M(i), e != null && p != null)) {
+          const d = ut(
+            i,
             e
           );
-          a(e, [
+          h(e, [
             {
               type: "SET_SELECTION",
               replicaId: p.toString(),
-              selection: l
+              selection: d
             }
           ]);
         }
       },
-      [a, e, p]
-    ), B = S(null), [, it] = I({}), rt = d(
-      (i, r) => {
-        i !== null && (B.current = i, it({}));
+      [h, e, p]
+    ), j = S(null), [, pt] = I({}), mt = a(
+      (r, i) => {
+        r !== null && (j.current = r, pt({}));
       },
       []
     );
-    return !_ && !V?.isCertified ? /* @__PURE__ */ t(kt, {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ n(s, { container: !0, spacing: 2, children: [
-      /* @__PURE__ */ t(s, { size: { xs: 12, xl: 8 }, children: /* @__PURE__ */ t(
-        Gt,
+    return !$ && !G?.isCertified ? /* @__PURE__ */ t(Bt, {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ n(c, { container: !0, spacing: 2, children: [
+      /* @__PURE__ */ t(c, { size: { xs: 12, xl: 8 }, children: /* @__PURE__ */ t(
+        Tt,
         {
-          ref: u,
-          onSessionChange: F,
-          onReplicaChange: J,
-          show: E
+          ref: f,
+          onSessionChange: V,
+          onReplicaChange: W,
+          show: x
         }
       ) }),
-      /* @__PURE__ */ t(s, { size: { xs: 12, xl: 4 }, children: E && /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ t(c, { size: { xs: 12, xl: 4 }, children: x && /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ n("p", { children: [
           "Session ID: ",
           o?.sessionId || "No session created"
@@ -392,29 +411,29 @@ const on = dt(
         /* @__PURE__ */ n("p", { children: [
           "Presigned URL:",
           " ",
-          c ? c.substring(0, 30) + (c.length > 30 ? " ... " + c.substring(c.length - 10) : "") : "No URL generated"
+          l ? l.substring(0, 30) + (l.length > 30 ? " ... " + l.substring(l.length - 10) : "") : "No URL generated"
         ] }),
         /* @__PURE__ */ n("p", { children: [
           "WebSocket Status:",
           " ",
-          /* @__PURE__ */ t("span", { style: { color: m ? "green" : "red" }, children: K })
+          /* @__PURE__ */ t("span", { style: { color: m ? "green" : "red" }, children: X })
         ] }),
         /* @__PURE__ */ t("p", { children: (() => {
-          const i = k.filter(
-            (r) => r.isConnected
+          const r = C.filter(
+            (i) => i.isConnected
           );
-          return /* @__PURE__ */ n(T, { children: [
+          return /* @__PURE__ */ n(U, { children: [
             "Connected Replicas (",
-            i.length,
+            r.length,
             " /",
             " ",
-            k.length,
+            C.length,
             " total):",
             " ",
-            i.length === 0 ? "none" : i.map((r, l) => /* @__PURE__ */ t(
-              ut,
+            r.length === 0 ? "none" : r.map((i, d) => /* @__PURE__ */ t(
+              It,
               {
-                title: /* @__PURE__ */ t("pre", { style: { margin: 0, fontSize: "11px" }, children: JSON.stringify(r, null, 2) }),
+                title: /* @__PURE__ */ t("pre", { style: { margin: 0, fontSize: "11px" }, children: JSON.stringify(i, null, 2) }),
                 children: /* @__PURE__ */ n(
                   "span",
                   {
@@ -423,75 +442,75 @@ const on = dt(
                       textDecoration: "underline dotted"
                     },
                     children: [
-                      r.replicaId,
-                      l < i.length - 1 ? ", " : ""
+                      i.replicaId,
+                      d < r.length - 1 ? ", " : ""
                     ]
                   }
                 )
               },
-              r.replicaId
+              i.replicaId
             ))
           ] });
         })() })
       ] }) }),
-      o && /* @__PURE__ */ n(T, { children: [
-        !U && /* @__PURE__ */ n(s, { size: 12, children: [
+      o && /* @__PURE__ */ n(U, { children: [
+        !B && /* @__PURE__ */ n(c, { size: 12, children: [
           /* @__PURE__ */ t("h3", { children: "Setting up grid..." }),
           /* @__PURE__ */ n("div", { style: { marginBottom: "10px" }, children: [
             !o && /* @__PURE__ */ t("p", { children: "Creating grid session..." }),
             o && !p && /* @__PURE__ */ t("p", { children: "Setting up real-time sync..." }),
-            o && p && !c && /* @__PURE__ */ t("p", { children: "Establishing secure connection..." }),
-            o && p && c && !m && /* @__PURE__ */ t("p", { children: "Connecting to server..." }),
-            m && !$ && /* @__PURE__ */ t("p", { children: "Loading table data..." }),
-            /* @__PURE__ */ t(St, { numRows: 4, numCols: 1 })
+            o && p && !l && /* @__PURE__ */ t("p", { children: "Establishing secure connection..." }),
+            o && p && l && !m && /* @__PURE__ */ t("p", { children: "Connecting to server..." }),
+            m && !Y && /* @__PURE__ */ t("p", { children: "Loading table data..." }),
+            /* @__PURE__ */ t(Et, { numRows: 4, numCols: 1 })
           ] })
         ] }),
-        U && /* @__PURE__ */ n(T, { children: [
-          /* @__PURE__ */ t(s, { size: 12, children: /* @__PURE__ */ n(
-            ht,
+        B && /* @__PURE__ */ n(U, { children: [
+          /* @__PURE__ */ t(c, { size: 12, children: /* @__PURE__ */ n(
+            St,
             {
               direction: "row",
               spacing: 1,
               sx: { justifyContent: "flex-end" },
               children: [
-                X,
-                Z,
+                rt,
+                it,
                 /* @__PURE__ */ t(
-                  et,
+                  st,
                   {
                     variant: "outlined",
-                    onClick: () => w(!0),
-                    startIcon: /* @__PURE__ */ t(It, {}),
+                    onClick: () => k(!0),
+                    startIcon: /* @__PURE__ */ t(yt, {}),
                     children: "Open chat"
                   }
                 ),
                 /* @__PURE__ */ t(
-                  Rt,
+                  vt,
                   {
-                    agentRegistrationId: A,
-                    open: W,
-                    onClose: () => w(!1),
+                    agentRegistrationId: F,
+                    open: H,
+                    onClose: () => k(!1),
                     gridSessionId: o.sessionId,
                     usersReplicaId: p,
                     chatbotName: "Grid Assistant"
                   }
                 ),
                 o.sourceEntityId && /* @__PURE__ */ t(
-                  nt,
+                  ct,
                   {
                     sourceEntityId: o.sourceEntityId,
                     gridSessionId: o.sessionId
                   }
                 ),
                 o.sessionId && /* @__PURE__ */ t(
-                  pt,
+                  lt,
                   {
                     gridSessionId: o.sessionId,
                     filename: "grid-" + (o.sourceEntityId || "export")
                   }
                 ),
                 o.sourceEntityId && /* @__PURE__ */ t(
-                  st,
+                  at,
                   {
                     sourceEntityId: o.sourceEntityId,
                     gridSessionId: o.sessionId
@@ -500,32 +519,33 @@ const on = dt(
               ]
             }
           ) }),
-          /* @__PURE__ */ t(s, { size: 12, children: /* @__PURE__ */ t(
-            Et,
+          /* @__PURE__ */ t(c, { size: 12, children: /* @__PURE__ */ t(
+            bt,
             {
-              gridRef: h,
-              rowValues: g,
-              columnNames: f?.columnNames ?? [],
-              columnOrder: f?.columnOrder ?? [],
-              schemaPropertiesInfo: b,
-              entityIsView: Y,
-              jsonSchema: v,
-              lastSelection: H,
-              handleChange: tt,
-              handleSelectionChange: ot,
-              onSelectedRowChange: rt
+              gridRef: g,
+              rowValues: tt,
+              columnNames: s?.columnNames ?? [],
+              columnOrder: s?.columnOrder ?? [],
+              schemaPropertiesInfo: T,
+              entityIsView: Q,
+              jsonSchema: w,
+              lastSelection: _,
+              handleChange: et,
+              handleSelectionChange: nt,
+              onSelectedRowChange: mt,
+              remoteSelections: Z
             }
           ) }),
-          /* @__PURE__ */ t(s, { size: 12, children: /* @__PURE__ */ t(
-            Ot,
+          /* @__PURE__ */ t(c, { size: 12, children: /* @__PURE__ */ t(
+            Pt,
             {
-              selectedRowIndex: B.current,
-              rowValues: g
+              selectedRowIndex: j.current,
+              rowValues: u
             }
           ) })
         ] }),
-        E && /* @__PURE__ */ n(
-          s,
+        x && /* @__PURE__ */ n(
+          c,
           {
             size: 12,
             style: {
@@ -537,7 +557,7 @@ const on = dt(
             },
             children: [
               /* @__PURE__ */ t("h3", { children: "Model" }),
-              e ? /* @__PURE__ */ t(yt, { model: e }) : "No model available"
+              e ? /* @__PURE__ */ t(Gt, { model: e }) : "No model available"
             ]
           }
         )
@@ -546,6 +566,6 @@ const on = dt(
   }
 );
 export {
-  on as default
+  dn as default
 };
 //# sourceMappingURL=SynapseGrid.js.map