synapse-react-client 4.0.17 → 4.0.18

package/dist/components/PortalHomePageHeader/PortalHomePageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalHomePageHeader.js","names":[],"sources":["../../../src/components/PortalHomePageHeader/PortalHomePageHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Stack, Typography, Button } from '@mui/material'\n\nexport type PortalHomePageHeaderProps = {\n  backgroundCss: string // background of entire header\n  buttonLink?: string\n  title: React.ReactNode\n  subTitle: React.ReactNode\n  description: React.ReactNode\n  backgroundMp4?: string\n  backgroundMp4Css?: string // while video is loading, what should the background color be?\n  textAreaWidth?: string // default is 746px.  used for md and up screen sizes\n}\n\nconst PortalHomePageHeader = ({\n  backgroundCss,\n  buttonLink,\n  title,\n  subTitle,\n  description,\n  backgroundMp4,\n  backgroundMp4Css,\n  textAreaWidth = '746px',\n}: PortalHomePageHeaderProps): React.ReactNode => {\n  return (\n    <Box\n      data-testid=\"HeaderContainer\"\n      sx={{\n        background: backgroundCss,\n        padding: { xs: 0, md: '50px 80px' },\n        position: 'relative',\n      }}\n    >\n      {backgroundMp4 && (\n        <Box\n          component=\"video\"\n          autoPlay\n          loop\n          muted\n          playsInline\n          sx={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            width: '100%',\n            height: '100%',\n            objectFit: 'fill',\n            zIndex: -1,\n            background: backgroundMp4Css,\n          }}\n        >\n          <source src={backgroundMp4} type=\"video/mp4\" />\n          Your browser does not support the video tag.\n        </Box>\n      )}\n      <Stack\n        sx={{\n          alignItems: 'flex-start',\n          padding: { xs: '40px', md: '40px 0' },\n          gap: '24px',\n          width: { sm: '100%', md: textAreaWidth },\n        }}\n      >\n        <Typography\n          variant=\"headline2\"\n          sx={{\n            fontWeight: 300,\n            lineHeight: '130%',\n            fontSize: { xs: '36px', md: '42px' },\n            color: 'grey.1000',\n          }}\n        >\n          {title}\n        </Typography>\n        <Typography\n          variant=\"headline3\"\n          sx={{\n            fontSize: '24px',\n            fontWeight: '400',\n            lineHeight: '160%',\n            color: 'grey.1000',\n          }}\n        >\n          {subTitle}\n        </Typography>\n        <Typography\n          sx={{ fontSize: '18px', lineHeight: '140%', color: 'grey.900' }}\n        >\n          {description}\n        </Typography>\n        {buttonLink && (\n          <Button\n            href={buttonLink}\n            target=\"_blank\"\n            variant=\"contained\"\n            role=\"button\"\n            sx={theme => ({\n              whiteSpace: 'nowrap',\n              alignSelf: 'flex-start',\n              padding: '6px 24px',\n              fontWeight: 600,\n              boxShadow:\n                '0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)',\n              '&:hover': {\n                boxShadow:\n                  '0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)',\n              },\n              [theme.breakpoints.down('sm')]: {\n                width: '100%',\n              },\n            })}\n          >\n            Learn more\n          </Button>\n        )}\n      </Stack>\n    </Box>\n  )\n}\n\nexport default PortalHomePageHeader\n"],"mappings":";;;;AAcA,IAAM,KAAwB,EAC5B,kBACA,eACA,UACA,aACA,gBACA,kBACA,qBACA,mBAAgB,cAGd,kBAAC,GAAD;CACE,eAAY;CACZ,IAAI;EACF,YAAY;EACZ,SAAS;GAAE,IAAI;GAAG,IAAI;GAAa;EACnC,UAAU;EACX;WANH,CAQG,KACC,kBAAC,GAAD;EACE,WAAU;EACV,UAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,IAAI;GACF,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,YAAY;GACb;YAfH,CAiBE,kBAAC,UAAD;GAAQ,KAAK;GAAe,MAAK;GAAc,CAAA,EAAA,+CAE3C;KAER,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;IAAE,IAAI;IAAQ,IAAI;IAAU;GACrC,KAAK;GACL,OAAO;IAAE,IAAI;IAAQ,IAAI;IAAe;GACzC;YANH;GAQE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,YAAY;KACZ,YAAY;KACZ,UAAU;MAAE,IAAI;MAAQ,IAAI;MAAQ;KACpC,OAAO;KACR;cAEA;IACU,CAAA;GACb,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,UAAU;KACV,YAAY;KACZ,YAAY;KACZ,OAAO;KACR;cAEA;IACU,CAAA;GACb,kBAAC,GAAD;IACE,IAAI;KAAE,UAAU;KAAQ,YAAY;KAAQ,OAAO;KAAY;cAE9D;IACU,CAAA;GACZ,KACC,kBAAC,GAAD;IACE,MAAM;IACN,QAAO;IACP,SAAQ;IACR,MAAK;IACL,KAAI,OAAU;KACZ,YAAY;KACZ,WAAW;KACX,SAAS;KACT,YAAY;KACZ,WACE;KACF,WAAW,EACT,WACE,mHACH;MACA,EAAM,YAAY,KAAK,KAAK,GAAG,EAC9B,OAAO,QACR;KACF;cACF;IAEQ,CAAA;GAEL;IACJ"}
+{"version":3,"file":"PortalHomePageHeader.js","names":[],"sources":["../../../src/components/PortalHomePageHeader/PortalHomePageHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Stack, Typography, Button } from '@mui/material'\n\nexport type PortalHomePageHeaderProps = {\n  backgroundCss: string // background of entire header\n  buttonLink?: string\n  title: React.ReactNode\n  subTitle?: React.ReactNode\n  description: React.ReactNode\n  backgroundMp4?: string\n  backgroundMp4Css?: string // while video is loading, what should the background color be?\n  textAreaWidth?: string // default is 746px.  used for md and up screen sizes\n}\n\nconst PortalHomePageHeader = ({\n  backgroundCss,\n  buttonLink,\n  title,\n  subTitle,\n  description,\n  backgroundMp4,\n  backgroundMp4Css,\n  textAreaWidth = '746px',\n}: PortalHomePageHeaderProps): React.ReactNode => {\n  return (\n    <Box\n      data-testid=\"HeaderContainer\"\n      sx={{\n        background: backgroundCss,\n        padding: { xs: 0, md: '50px 80px' },\n        position: 'relative',\n      }}\n    >\n      {backgroundMp4 && (\n        <Box\n          component=\"video\"\n          autoPlay\n          loop\n          muted\n          playsInline\n          sx={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            width: '100%',\n            height: '100%',\n            objectFit: 'fill',\n            zIndex: -1,\n            background: backgroundMp4Css,\n          }}\n        >\n          <source src={backgroundMp4} type=\"video/mp4\" />\n          Your browser does not support the video tag.\n        </Box>\n      )}\n      <Stack\n        sx={{\n          alignItems: 'flex-start',\n          padding: { xs: '40px', md: '40px 0' },\n          gap: '24px',\n          width: { sm: '100%', md: textAreaWidth },\n        }}\n      >\n        <Typography\n          variant=\"headline2\"\n          sx={{\n            fontWeight: 300,\n            lineHeight: '130%',\n            fontSize: { xs: '36px', md: '42px' },\n            color: 'grey.1000',\n          }}\n        >\n          {title}\n        </Typography>\n        {subTitle && (\n          <Typography\n            variant=\"headline3\"\n            sx={{\n              fontSize: '24px',\n              fontWeight: '400',\n              lineHeight: '160%',\n              color: 'grey.1000',\n            }}\n          >\n            {subTitle}\n          </Typography>\n        )}\n        <Typography\n          sx={{ fontSize: '18px', lineHeight: '140%', color: 'grey.900' }}\n        >\n          {description}\n        </Typography>\n        {buttonLink && (\n          <Button\n            href={buttonLink}\n            target=\"_blank\"\n            variant=\"contained\"\n            role=\"button\"\n            sx={theme => ({\n              whiteSpace: 'nowrap',\n              alignSelf: 'flex-start',\n              padding: '6px 24px',\n              fontWeight: 600,\n              boxShadow:\n                '0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)',\n              '&:hover': {\n                boxShadow:\n                  '0px 16px 16px 0px rgba(0, 0, 0, 0.10), 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 1px 1px 0px rgba(0, 0, 0, 0.10)',\n              },\n              [theme.breakpoints.down('sm')]: {\n                width: '100%',\n              },\n            })}\n          >\n            Learn more\n          </Button>\n        )}\n      </Stack>\n    </Box>\n  )\n}\n\nexport default PortalHomePageHeader\n"],"mappings":";;;;AAcA,IAAM,KAAwB,EAC5B,kBACA,eACA,UACA,aACA,gBACA,kBACA,qBACA,mBAAgB,cAGd,kBAAC,GAAD;CACE,eAAY;CACZ,IAAI;EACF,YAAY;EACZ,SAAS;GAAE,IAAI;GAAG,IAAI;GAAa;EACnC,UAAU;EACX;WANH,CAQG,KACC,kBAAC,GAAD;EACE,WAAU;EACV,UAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,IAAI;GACF,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,WAAW;GACX,QAAQ;GACR,YAAY;GACb;YAfH,CAiBE,kBAAC,UAAD;GAAQ,KAAK;GAAe,MAAK;GAAc,CAAA,EAAA,+CAE3C;KAER,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;IAAE,IAAI;IAAQ,IAAI;IAAU;GACrC,KAAK;GACL,OAAO;IAAE,IAAI;IAAQ,IAAI;IAAe;GACzC;YANH;GAQE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,YAAY;KACZ,YAAY;KACZ,UAAU;MAAE,IAAI;MAAQ,IAAI;MAAQ;KACpC,OAAO;KACR;cAEA;IACU,CAAA;GACZ,KACC,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,UAAU;KACV,YAAY;KACZ,YAAY;KACZ,OAAO;KACR;cAEA;IACU,CAAA;GAEf,kBAAC,GAAD;IACE,IAAI;KAAE,UAAU;KAAQ,YAAY;KAAQ,OAAO;KAAY;cAE9D;IACU,CAAA;GACZ,KACC,kBAAC,GAAD;IACE,MAAM;IACN,QAAO;IACP,SAAQ;IACR,MAAK;IACL,KAAI,OAAU;KACZ,YAAY;KACZ,WAAW;KACX,SAAS;KACT,YAAY;KACZ,WACE;KACF,WAAW,EACT,WACE,mHACH;MACA,EAAM,YAAY,KAAK,KAAK,GAAG,EAC9B,OAAO,QACR;KACF;cACF;IAEQ,CAAA;GAEL;IACJ"}

package/dist/components/PortalList/CreatePortalModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePortalModal.d.ts","sourceRoot":"","sources":["../../../src/components/PortalList/CreatePortalModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAA;AAOzD,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,sBAAsB,GAAG,KAAK,CAAC,SAAS,CAqG1C;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"CreatePortalModal.d.ts","sourceRoot":"","sources":["../../../src/components/PortalList/CreatePortalModal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAA;AAOzD,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,SAAS,GACV,EAAE,sBAAsB,GAAG,KAAK,CAAC,SAAS,CAgG1C;AAED,eAAe,iBAAiB,CAAA"}

package/dist/components/PortalList/CreatePortalModal.js

@@ -4,8 +4,8 @@ import { ConfirmationDialog as n } from "../ConfirmationDialog/ConfirmationDialo
 import "../ToastMessage/index.js";
 import r from "../TextField/TextField.js";
 import { useState as i } from "react";
-import { Alert as a } from "@mui/material";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Alert as a, Stack as o } from "@mui/material";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/PortalList/CreatePortalModal.tsx
 function l({ open: l, onClose: u, onSuccess: d }) {
 	let [f, p] = i(""), [m, h] = i(""), [g, _] = i(), { mutate: v, isPending: y } = t({
@@ -36,37 +36,38 @@ function l({ open: l, onClose: u, onSuccess: d }) {
 	return /* @__PURE__ */ s(n, {
 		open: l,
 		title: "Create a New Portal",
-		content: /* @__PURE__ */ c(o, { children: [
-			/* @__PURE__ */ s(r, {
-				id: "portalNameInput",
-				label: "Portal Name",
-				value: f,
-				fullWidth: !0,
-				required: !0,
-				onChange: (e) => {
-					p(e.target.value), _(void 0);
-				},
-				inputProps: { onKeyDown: S },
-				sx: { mb: 2 }
-			}),
-			/* @__PURE__ */ s(r, {
-				id: "portalUrlInput",
-				label: "Portal URL",
-				value: m,
-				fullWidth: !0,
-				required: !0,
-				placeholder: "https://example.synapse.org",
-				onChange: (e) => {
-					h(e.target.value), _(void 0);
-				},
-				inputProps: { onKeyDown: S }
-			}),
-			g && /* @__PURE__ */ s(a, {
-				severity: "error",
-				sx: { mt: 2 },
-				children: g
-			})
-		] }),
+		content: /* @__PURE__ */ c(o, {
+			gap: 2,
+			children: [
+				/* @__PURE__ */ s(r, {
+					id: "portalNameInput",
+					label: "Portal Name",
+					value: f,
+					fullWidth: !0,
+					required: !0,
+					onChange: (e) => {
+						p(e.target.value), _(void 0);
+					},
+					inputProps: { onKeyDown: S }
+				}),
+				/* @__PURE__ */ s(r, {
+					id: "portalUrlInput",
+					label: "Portal URL",
+					value: m,
+					fullWidth: !0,
+					required: !0,
+					placeholder: "https://example.synapse.org",
+					onChange: (e) => {
+						h(e.target.value), _(void 0);
+					},
+					inputProps: { onKeyDown: S }
+				}),
+				g && /* @__PURE__ */ s(a, {
+					severity: "error",
+					children: g
+				})
+			]
+		}),
 		confirmButtonProps: {
 			children: "Create",
 			disabled: y || !f.trim() || !m.trim()

package/dist/components/PortalList/CreatePortalModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePortalModal.js","names":[],"sources":["../../../src/components/PortalList/CreatePortalModal.tsx"],"sourcesContent":["import { useCreatePortal } from '@/synapse-queries/portal/usePortal'\nimport { Alert } from '@mui/material'\nimport { Portal } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { KeyboardEvent, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { displayToast } from '../ToastMessage'\nimport TextField from '../TextField/TextField'\n\nexport type CreatePortalModalProps = {\n  open: boolean\n  onClose: () => void\n  onSuccess?: (portal: Portal) => void\n}\n\nexport function CreatePortalModal({\n  open,\n  onClose,\n  onSuccess,\n}: CreatePortalModalProps): React.ReactNode {\n  const [portalName, setPortalName] = useState<string>('')\n  const [portalUrl, setPortalUrl] = useState<string>('')\n  const [errorMessage, setErrorMessage] = useState<string>()\n\n  const { mutate: createPortal, isPending } = useCreatePortal({\n    onSuccess: portal => {\n      displayToast('Portal created successfully', 'success')\n      handleClose()\n      onSuccess?.(portal)\n    },\n    onError: (error: SynapseClientError) => {\n      setErrorMessage(error.reason || error.message)\n    },\n  })\n\n  const handleClose = () => {\n    setPortalName('')\n    setPortalUrl('')\n    setErrorMessage(undefined)\n    onClose()\n  }\n\n  const handleCreate = () => {\n    if (!portalName.trim()) {\n      setErrorMessage('Portal name is required')\n      return\n    }\n    if (!portalUrl.trim()) {\n      setErrorMessage('Portal URL is required')\n      return\n    }\n\n    const newPortal: Portal = {\n      name: portalName.trim(),\n      url: portalUrl.trim(),\n    }\n\n    createPortal(newPortal)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter' && portalName.trim() && portalUrl.trim()) {\n      handleCreate()\n    }\n  }\n\n  const dialogContent = (\n    <>\n      <TextField\n        id=\"portalNameInput\"\n        label=\"Portal Name\"\n        value={portalName}\n        fullWidth\n        required\n        onChange={event => {\n          setPortalName(event.target.value)\n          setErrorMessage(undefined)\n        }}\n        inputProps={{\n          onKeyDown: handleKeyDown,\n        }}\n        sx={{ mb: 2 }}\n      />\n      <TextField\n        id=\"portalUrlInput\"\n        label=\"Portal URL\"\n        value={portalUrl}\n        fullWidth\n        required\n        placeholder=\"https://example.synapse.org\"\n        onChange={event => {\n          setPortalUrl(event.target.value)\n          setErrorMessage(undefined)\n        }}\n        inputProps={{\n          onKeyDown: handleKeyDown,\n        }}\n      />\n      {errorMessage && (\n        <Alert severity=\"error\" sx={{ mt: 2 }}>\n          {errorMessage}\n        </Alert>\n      )}\n    </>\n  )\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Create a New Portal\"\n      content={dialogContent}\n      confirmButtonProps={{\n        children: 'Create',\n        disabled: isPending || !portalName.trim() || !portalUrl.trim(),\n      }}\n      onConfirm={handleCreate}\n      onCancel={handleClose}\n      maxWidth=\"sm\"\n    />\n  )\n}\n\nexport default CreatePortalModal\n"],"mappings":";;;;;;;;;AAeA,SAAgB,EAAkB,EAChC,SACA,YACA,gBAC0C;CAC1C,IAAM,CAAC,GAAY,KAAiB,EAAiB,GAAG,EAClD,CAAC,GAAW,KAAgB,EAAiB,GAAG,EAChD,CAAC,GAAc,KAAmB,GAAkB,EAEpD,EAAE,QAAQ,GAAc,iBAAc,EAAgB;EAC1D,YAAW,MAAU;AAGnB,GAFA,EAAa,+BAA+B,UAAU,EACtD,GAAa,EACb,IAAY,EAAO;;EAErB,UAAU,MAA8B;AACtC,KAAgB,EAAM,UAAU,EAAM,QAAQ;;EAEjD,CAAC,EAEI,UAAoB;AAIxB,EAHA,EAAc,GAAG,EACjB,EAAa,GAAG,EAChB,EAAgB,KAAA,EAAU,EAC1B,GAAS;IAGL,UAAqB;AACzB,MAAI,CAAC,EAAW,MAAM,EAAE;AACtB,KAAgB,0BAA0B;AAC1C;;AAEF,MAAI,CAAC,EAAU,MAAM,EAAE;AACrB,KAAgB,yBAAyB;AACzC;;AAQF,IAAa;GAJX,MAAM,EAAW,MAAM;GACvB,KAAK,EAAU,MAAM;GAGV,CAAU;IAGnB,KAAiB,MAA2C;AAChE,EAAI,EAAM,QAAQ,WAAW,EAAW,MAAM,IAAI,EAAU,MAAM,IAChE,GAAc;;AA4ClB,QACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SA3CF,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,IAAG;IACH,OAAM;IACN,OAAO;IACP,WAAA;IACA,UAAA;IACA,WAAU,MAAS;AAEjB,KADA,EAAc,EAAM,OAAO,MAAM,EACjC,EAAgB,KAAA,EAAU;;IAE5B,YAAY,EACV,WAAW,GACZ;IACD,IAAI,EAAE,IAAI,GAAG;IACb,CAAA;GACF,kBAAC,GAAD;IACE,IAAG;IACH,OAAM;IACN,OAAO;IACP,WAAA;IACA,UAAA;IACA,aAAY;IACZ,WAAU,MAAS;AAEjB,KADA,EAAa,EAAM,OAAO,MAAM,EAChC,EAAgB,KAAA,EAAU;;IAE5B,YAAY,EACV,WAAW,GACZ;IACD,CAAA;GACD,KACC,kBAAC,GAAD;IAAO,UAAS;IAAQ,IAAI,EAAE,IAAI,GAAG;cAClC;IACK,CAAA;GAET,EAAA,CAOQ;EACT,oBAAoB;GAClB,UAAU;GACV,UAAU,KAAa,CAAC,EAAW,MAAM,IAAI,CAAC,EAAU,MAAM;GAC/D;EACD,WAAW;EACX,UAAU;EACV,UAAS;EACT,CAAA"}
+{"version":3,"file":"CreatePortalModal.js","names":[],"sources":["../../../src/components/PortalList/CreatePortalModal.tsx"],"sourcesContent":["import { useCreatePortal } from '@/synapse-queries/portal/usePortal'\nimport { Alert, Stack } from '@mui/material'\nimport { Portal } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { KeyboardEvent, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { displayToast } from '../ToastMessage'\nimport TextField from '../TextField/TextField'\n\nexport type CreatePortalModalProps = {\n  open: boolean\n  onClose: () => void\n  onSuccess?: (portal: Portal) => void\n}\n\nexport function CreatePortalModal({\n  open,\n  onClose,\n  onSuccess,\n}: CreatePortalModalProps): React.ReactNode {\n  const [portalName, setPortalName] = useState<string>('')\n  const [portalUrl, setPortalUrl] = useState<string>('')\n  const [errorMessage, setErrorMessage] = useState<string>()\n\n  const { mutate: createPortal, isPending } = useCreatePortal({\n    onSuccess: portal => {\n      displayToast('Portal created successfully', 'success')\n      handleClose()\n      onSuccess?.(portal)\n    },\n    onError: (error: SynapseClientError) => {\n      setErrorMessage(error.reason || error.message)\n    },\n  })\n\n  const handleClose = () => {\n    setPortalName('')\n    setPortalUrl('')\n    setErrorMessage(undefined)\n    onClose()\n  }\n\n  const handleCreate = () => {\n    if (!portalName.trim()) {\n      setErrorMessage('Portal name is required')\n      return\n    }\n    if (!portalUrl.trim()) {\n      setErrorMessage('Portal URL is required')\n      return\n    }\n\n    const newPortal: Portal = {\n      name: portalName.trim(),\n      url: portalUrl.trim(),\n    }\n\n    createPortal(newPortal)\n  }\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter' && portalName.trim() && portalUrl.trim()) {\n      handleCreate()\n    }\n  }\n\n  const dialogContent = (\n    <Stack gap={2}>\n      <TextField\n        id=\"portalNameInput\"\n        label=\"Portal Name\"\n        value={portalName}\n        fullWidth\n        required\n        onChange={event => {\n          setPortalName(event.target.value)\n          setErrorMessage(undefined)\n        }}\n        inputProps={{\n          onKeyDown: handleKeyDown,\n        }}\n      />\n      <TextField\n        id=\"portalUrlInput\"\n        label=\"Portal URL\"\n        value={portalUrl}\n        fullWidth\n        required\n        placeholder=\"https://example.synapse.org\"\n        onChange={event => {\n          setPortalUrl(event.target.value)\n          setErrorMessage(undefined)\n        }}\n        inputProps={{\n          onKeyDown: handleKeyDown,\n        }}\n      />\n      {errorMessage && <Alert severity=\"error\">{errorMessage}</Alert>}\n    </Stack>\n  )\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Create a New Portal\"\n      content={dialogContent}\n      confirmButtonProps={{\n        children: 'Create',\n        disabled: isPending || !portalName.trim() || !portalUrl.trim(),\n      }}\n      onConfirm={handleCreate}\n      onCancel={handleClose}\n      maxWidth=\"sm\"\n    />\n  )\n}\n\nexport default CreatePortalModal\n"],"mappings":";;;;;;;;;AAeA,SAAgB,EAAkB,EAChC,SACA,YACA,gBAC0C;CAC1C,IAAM,CAAC,GAAY,KAAiB,EAAiB,GAAG,EAClD,CAAC,GAAW,KAAgB,EAAiB,GAAG,EAChD,CAAC,GAAc,KAAmB,GAAkB,EAEpD,EAAE,QAAQ,GAAc,iBAAc,EAAgB;EAC1D,YAAW,MAAU;AAGnB,GAFA,EAAa,+BAA+B,UAAU,EACtD,GAAa,EACb,IAAY,EAAO;;EAErB,UAAU,MAA8B;AACtC,KAAgB,EAAM,UAAU,EAAM,QAAQ;;EAEjD,CAAC,EAEI,UAAoB;AAIxB,EAHA,EAAc,GAAG,EACjB,EAAa,GAAG,EAChB,EAAgB,KAAA,EAAU,EAC1B,GAAS;IAGL,UAAqB;AACzB,MAAI,CAAC,EAAW,MAAM,EAAE;AACtB,KAAgB,0BAA0B;AAC1C;;AAEF,MAAI,CAAC,EAAU,MAAM,EAAE;AACrB,KAAgB,yBAAyB;AACzC;;AAQF,IAAa;GAJX,MAAM,EAAW,MAAM;GACvB,KAAK,EAAU,MAAM;GAGV,CAAU;IAGnB,KAAiB,MAA2C;AAChE,EAAI,EAAM,QAAQ,WAAW,EAAW,MAAM,IAAI,EAAU,MAAM,IAChE,GAAc;;AAuClB,QACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SAtCF,kBAAC,GAAD;GAAO,KAAK;aAAZ;IACE,kBAAC,GAAD;KACE,IAAG;KACH,OAAM;KACN,OAAO;KACP,WAAA;KACA,UAAA;KACA,WAAU,MAAS;AAEjB,MADA,EAAc,EAAM,OAAO,MAAM,EACjC,EAAgB,KAAA,EAAU;;KAE5B,YAAY,EACV,WAAW,GACZ;KACD,CAAA;IACF,kBAAC,GAAD;KACE,IAAG;KACH,OAAM;KACN,OAAO;KACP,WAAA;KACA,UAAA;KACA,aAAY;KACZ,WAAU,MAAS;AAEjB,MADA,EAAa,EAAM,OAAO,MAAM,EAChC,EAAgB,KAAA,EAAU;;KAE5B,YAAY,EACV,WAAW,GACZ;KACD,CAAA;IACD,KAAgB,kBAAC,GAAD;KAAO,UAAS;eAAS;KAAqB,CAAA;IACzD;IAOG;EACT,oBAAoB;GAClB,UAAU;GACV,UAAU,KAAa,CAAC,EAAW,MAAM,IAAI,CAAC,EAAU,MAAM;GAC/D;EACD,WAAW;EACX,UAAU;EACV,UAAS;EACT,CAAA"}

package/dist/components/QueryVisualizationWrapper/QueryVisualizationWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryVisualizationWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAA;AAI5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAA;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAA;AAUpG,KAAK,uBAAuB,GAAG;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uGAAuG;IACvG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,gGAAgG;IAChG,8BAA8B,CAAC,EAAE,OAAO,CAAA;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,6BAA6B;IAC7B,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC;mEAC+D;IAC/D,kCAAkC,CAAC,EAAE,MAAM,CAAA;IAC3C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;gDAC4C;IAC5C,gCAAgC,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC7D,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAA;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,2CAwMtC"}
+{"version":3,"file":"QueryVisualizationWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAA;AAI5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAA;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAA;AAUpG,KAAK,uBAAuB,GAAG;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uGAAuG;IACvG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,gGAAgG;IAChG,8BAA8B,CAAC,EAAE,OAAO,CAAA;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,6BAA6B;IAC7B,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC;mEAC+D;IAC/D,kCAAkC,CAAC,EAAE,MAAM,CAAA;IAC3C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;gDAC4C;IAC5C,gCAAgC,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC7D,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAA;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,2CAuMtC"}

package/dist/components/QueryVisualizationWrapper/QueryVisualizationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryVisualizationWrapper.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"sourcesContent":["import { getDisplayValue } from '@/utils/functions/getDataFromFromStorage'\nimport { unCamelCase } from '@/utils/functions/unCamelCase'\nimport useMutuallyExclusiveState from '@/utils/hooks/useMutuallyExclusiveState'\nimport { useQuery } from '@tanstack/react-query'\nimport { ReactNode, useCallback, useEffect, useMemo, useState } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../QueryContext'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants'\nimport NoContentPlaceholderComponent from './NoContentPlaceholder'\nimport {\n  QueryVisualizationContextProvider,\n  QueryVisualizationContextType,\n} from './QueryVisualizationContext'\n\n// By default, show no external analysis platforms.\nconst DEFAULT_ENABLED_ANALYSIS_PLATFORMS: ExternalAnalysisPlatform[] = []\n\ntype ColumnOrFacetHelpConfig = {\n  /** Text that describes the column or facet */\n  helpText: string\n  /** The name of the column for which the markdown applies */\n  columnName: string\n  /** The JSON path matching a described JSON Column facet */\n  jsonPath?: string\n}\n\nexport type QueryVisualizationWrapperProps = {\n  children: ReactNode | ReactNode[]\n  rgbIndex?: number\n  /** The singular word to use to describe a what a row represents (e.g. \"file\"). Defaults to \"result\" */\n  unitDescription?: string\n  /** Mapping from column name to the name that should be shown for the column */\n  columnAliases?: Record<string, string>\n  visibleColumnCount?: number\n  hiddenColumns?: string[]\n  defaultShowPlots?: boolean\n  hideCopyToClipboard?: boolean\n  hideSearchBarControl?: boolean\n  /** When true, the text matches filter pill is shown but cannot be removed. Defaults to true. */\n  lockTextMatchesQueryFilterPill?: boolean\n  defaultShowSearchBar?: boolean\n  showLastUpdatedOn?: boolean\n  /** Default is INTERACTIVE */\n  noContentPlaceholderType?: NoContentPlaceholderType\n  isRowSelectionVisible?: boolean\n  /** The set of columns that defines a uniqueness constraint on the table for the purposes of filtering based on row selection.\n   * Note that Synapse tables have no internal concept of a primary key.\n   */\n  rowSelectionPrimaryKey?: string[]\n  /** Look for additional filters using the given key.  If not provided, the entity ID will be used.\n   * @deprecated - configure the filter before passing a query */\n  additionalFiltersSessionStorageKey?: string\n  /** Configuration to add a help popover to each corresponding column header */\n  helpConfiguration?: ColumnOrFacetHelpConfig[]\n  hasCustomPlots?: boolean\n  /** The set of external analysis platform to which the UI will support exporting data.\n   * @default [] (no platforms are enabled) */\n  enabledExternalAnalysisPlatforms?: ExternalAnalysisPlatform[]\n  hideVisualizationsControl?: boolean\n}\n\n/**\n * QueryVisualizationWrapper manages UI state for components that query tables in Synapse. That state can be accessed\n * or updated using QueryVisualizationContext. A QueryVisualizationWrapper must be used within a QueryWrapper.\n */\nexport function QueryVisualizationWrapper(\n  props: QueryVisualizationWrapperProps,\n) {\n  const {\n    noContentPlaceholderType = NoContentPlaceholderType.INTERACTIVE,\n    defaultShowSearchBar = false,\n    defaultShowPlots = true,\n    hideCopyToClipboard = false,\n    hideSearchBarControl = false,\n    lockTextMatchesQueryFilterPill = true,\n    unitDescription = 'result',\n    helpConfiguration,\n    hasCustomPlots = false,\n    visibleColumnCount = Infinity,\n    enabledExternalAnalysisPlatforms = DEFAULT_ENABLED_ANALYSIS_PLATFORMS,\n  } = props\n\n  const columnAliases = useMemo(\n    () => props.columnAliases ?? {},\n    [props.columnAliases],\n  )\n\n  const {\n    getCurrentQueryRequest,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    rowDataQueryOptions,\n  } = useQueryContext()\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  // Get the selectColumns from either query so that creating the context isn't bottlenecked by one or the other\n  // Use the previous result as placeholder data so we don't reset the selectColumns unless they have actually changed.\n  const { data: selectColumnsFromRowData } = useQuery({\n    ...rowDataQueryOptions,\n    select: data => data.responseBody?.queryResult?.queryResults.headers,\n    placeholderData: prevData => prevData,\n  })\n  const { data: selectColumnsFromMetadata } = useGetQueryMetadata({\n    select: data => data.responseBody?.selectColumns,\n    placeholderData: prevData => prevData,\n  })\n  // We deep-compare-memoize the selectColumns so we don't reset visible columns if the reference changes, but not the contents (e.g. on page change)\n  const selectColumns = useDeepCompareMemoize(\n    selectColumnsFromRowData ?? selectColumnsFromMetadata ?? [],\n  )\n\n  const [showSqlEditor, setShowSqlEditor] = useState(false)\n  const [showPlots, setShowPlots] = useState(defaultShowPlots)\n  const [showCopyToClipboard, setShowCopyToClipboard] = useState(\n    !hideCopyToClipboard,\n  )\n  const [showFacetFilter, setShowFacetFilter] = useState(true)\n\n  // The search bar and download confirmation should not be shown at the same time.\n  const [\n    showSearchBar,\n    setShowSearchBar,\n    showDownloadConfirmation,\n    setShowDownloadConfirmation,\n  ] = useMutuallyExclusiveState(\n    defaultShowSearchBar && !hideSearchBarControl,\n    false,\n  )\n\n  const [\n    isShowingExportToAnalysisPlatformModal,\n    setIsShowingExportToAnalysisPlatformModal,\n  ] = useState<boolean>(false)\n\n  const [visibleColumns, setVisibleColumns] = useState<string[]>([])\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  useEffect(() => {\n    // SWC-6030: If sql changes, reset what columns are visible\n    setVisibleColumns(\n      selectColumns.slice(0, visibleColumnCount).map(el => el.name),\n    )\n  }, [selectColumns, lastQueryRequest.query.sql, visibleColumnCount])\n\n  const getColumnDisplayName = useCallback(\n    (columnName: string, jsonPath?: string) => {\n      // SWC-5982: if force-display-original-column-names is set, then just return the string\n      const forceDisplayOriginalColumnName =\n        localStorage.getItem('force-display-original-column-names') === 'true'\n\n      if (!columnName || (forceDisplayOriginalColumnName && !jsonPath)) {\n        return columnName\n      }\n      if (columnAliases[columnName]) {\n        return columnAliases[columnName]\n      }\n      if (jsonPath) {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        if (columnModel?.jsonSubColumns) {\n          const jsonSubColumn = columnModel.jsonSubColumns.find(\n            jsc => jsc.jsonPath === jsonPath,\n          )\n          if (jsonSubColumn) {\n            return jsonSubColumn.name\n          }\n        }\n      }\n      return unCamelCase(columnName)\n    },\n    [columnAliases, queryMetadata?.columnModels],\n  )\n\n  const getHelpText = useCallback(\n    (columnName: string, jsonPath?: string): string | undefined => {\n      if (Array.isArray(helpConfiguration)) {\n        const helpConfig = helpConfiguration.find(\n          config =>\n            config.columnName === columnName && config.jsonPath === jsonPath,\n        )\n        return helpConfig?.helpText\n      }\n      return undefined\n    },\n    [helpConfiguration],\n  )\n\n  const NoContentPlaceholder = useCallback(\n    () => (\n      <NoContentPlaceholderComponent\n        type={noContentPlaceholderType}\n        hasResettableFilters={hasResettableFilters}\n      />\n    ),\n    [noContentPlaceholderType, hasResettableFilters],\n  )\n\n  const context: QueryVisualizationContextType = useMemo(\n    () => ({\n      columnsToShowInTable: visibleColumns,\n      setColumnsToShowInTable: setVisibleColumns,\n      rgbIndex: props.rgbIndex,\n      unitDescription: unitDescription,\n      showLastUpdatedOn: props.showLastUpdatedOn,\n      getColumnDisplayName,\n      getDisplayValue,\n      getHelpText,\n      NoContentPlaceholder,\n      isShowingExportToAnalysisPlatformModal:\n        isShowingExportToAnalysisPlatformModal,\n      setIsShowingExportToAnalysisPlatformModal:\n        setIsShowingExportToAnalysisPlatformModal,\n      showFacetFilter: hasFacetedSelectColumn ? showFacetFilter : false,\n      setShowFacetFilter,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n      showSearchBar,\n      setShowSearchBar,\n      showDownloadConfirmation,\n      setShowDownloadConfirmation,\n      showSqlEditor,\n      setShowSqlEditor,\n      showPlots: hasCustomPlots || hasFacetedSelectColumn ? showPlots : false,\n      setShowPlots,\n      showCopyToClipboard,\n      setShowCopyToClipboard,\n      enabledExternalAnalysisPlatforms,\n    }),\n    [\n      NoContentPlaceholder,\n      getColumnDisplayName,\n      getHelpText,\n      hasFacetedSelectColumn,\n      isShowingExportToAnalysisPlatformModal,\n      props.rgbIndex,\n      props.showLastUpdatedOn,\n      setShowDownloadConfirmation,\n      setShowSearchBar,\n      showCopyToClipboard,\n      showDownloadConfirmation,\n      showFacetFilter,\n      showPlots,\n      showSearchBar,\n      showSqlEditor,\n      unitDescription,\n      visibleColumns,\n      hasCustomPlots,\n      enabledExternalAnalysisPlatforms,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n    ],\n  )\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryVisualizationContextProvider queryVisualizationContext={context}>\n      {children}\n    </QueryVisualizationContextProvider>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"QueryVisualizationWrapper.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"sourcesContent":["import { getDisplayValue } from '@/utils/functions/getDataFromFromStorage'\nimport { unCamelCase } from '@/utils/functions/unCamelCase'\nimport useMutuallyExclusiveState from '@/utils/hooks/useMutuallyExclusiveState'\nimport { useQuery } from '@tanstack/react-query'\nimport { ReactNode, useCallback, useEffect, useMemo, useState } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../QueryContext'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants'\nimport NoContentPlaceholderComponent from './NoContentPlaceholder'\nimport {\n  QueryVisualizationContextProvider,\n  QueryVisualizationContextType,\n} from './QueryVisualizationContext'\n\n// By default, show no external analysis platforms.\nconst DEFAULT_ENABLED_ANALYSIS_PLATFORMS: ExternalAnalysisPlatform[] = []\n\ntype ColumnOrFacetHelpConfig = {\n  /** Text that describes the column or facet */\n  helpText: string\n  /** The name of the column for which the markdown applies */\n  columnName: string\n  /** The JSON path matching a described JSON Column facet */\n  jsonPath?: string\n}\n\nexport type QueryVisualizationWrapperProps = {\n  children: ReactNode | ReactNode[]\n  rgbIndex?: number\n  /** The singular word to use to describe a what a row represents (e.g. \"file\"). Defaults to \"result\" */\n  unitDescription?: string\n  /** Mapping from column name to the name that should be shown for the column */\n  columnAliases?: Record<string, string>\n  visibleColumnCount?: number\n  hiddenColumns?: string[]\n  defaultShowPlots?: boolean\n  hideCopyToClipboard?: boolean\n  hideSearchBarControl?: boolean\n  /** When true, the text matches filter pill is shown but cannot be removed. Defaults to true. */\n  lockTextMatchesQueryFilterPill?: boolean\n  defaultShowSearchBar?: boolean\n  showLastUpdatedOn?: boolean\n  /** Default is INTERACTIVE */\n  noContentPlaceholderType?: NoContentPlaceholderType\n  isRowSelectionVisible?: boolean\n  /** The set of columns that defines a uniqueness constraint on the table for the purposes of filtering based on row selection.\n   * Note that Synapse tables have no internal concept of a primary key.\n   */\n  rowSelectionPrimaryKey?: string[]\n  /** Look for additional filters using the given key.  If not provided, the entity ID will be used.\n   * @deprecated - configure the filter before passing a query */\n  additionalFiltersSessionStorageKey?: string\n  /** Configuration to add a help popover to each corresponding column header */\n  helpConfiguration?: ColumnOrFacetHelpConfig[]\n  hasCustomPlots?: boolean\n  /** The set of external analysis platform to which the UI will support exporting data.\n   * @default [] (no platforms are enabled) */\n  enabledExternalAnalysisPlatforms?: ExternalAnalysisPlatform[]\n  hideVisualizationsControl?: boolean\n}\n\n/**\n * QueryVisualizationWrapper manages UI state for components that query tables in Synapse. That state can be accessed\n * or updated using QueryVisualizationContext. A QueryVisualizationWrapper must be used within a QueryWrapper.\n */\nexport function QueryVisualizationWrapper(\n  props: QueryVisualizationWrapperProps,\n) {\n  const {\n    noContentPlaceholderType = NoContentPlaceholderType.INTERACTIVE,\n    defaultShowSearchBar = false,\n    defaultShowPlots = true,\n    hideCopyToClipboard = false,\n    hideSearchBarControl = false,\n    lockTextMatchesQueryFilterPill = true,\n    unitDescription = 'result',\n    helpConfiguration,\n    hasCustomPlots = false,\n    visibleColumnCount = Infinity,\n    enabledExternalAnalysisPlatforms = DEFAULT_ENABLED_ANALYSIS_PLATFORMS,\n  } = props\n\n  const columnAliases = useMemo(\n    () => props.columnAliases ?? {},\n    [props.columnAliases],\n  )\n\n  const {\n    getCurrentQueryRequest,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    rowDataQueryOptions,\n  } = useQueryContext()\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  // Get the selectColumns from either query so that creating the context isn't bottlenecked by one or the other\n  // Use the previous result as placeholder data so we don't reset the selectColumns unless they have actually changed.\n  const { data: selectColumnsFromRowData } = useQuery({\n    ...rowDataQueryOptions,\n    select: data => data.responseBody?.queryResult?.queryResults.headers,\n    placeholderData: prevData => prevData,\n  })\n  const { data: selectColumnsFromMetadata } = useGetQueryMetadata({\n    select: data => data.responseBody?.selectColumns,\n    placeholderData: prevData => prevData,\n  })\n  // We deep-compare-memoize the selectColumns so we don't reset visible columns if the reference changes, but not the contents (e.g. on page change)\n  const selectColumns = useDeepCompareMemoize(\n    selectColumnsFromRowData ?? selectColumnsFromMetadata ?? [],\n  )\n\n  const [showSqlEditor, setShowSqlEditor] = useState(false)\n  const [showPlots, setShowPlots] = useState(defaultShowPlots)\n  const [showCopyToClipboard, setShowCopyToClipboard] =\n    useState(!hideCopyToClipboard)\n  const [showFacetFilter, setShowFacetFilter] = useState(true)\n\n  // The search bar and download confirmation should not be shown at the same time.\n  const [\n    showSearchBar,\n    setShowSearchBar,\n    showDownloadConfirmation,\n    setShowDownloadConfirmation,\n  ] = useMutuallyExclusiveState(\n    defaultShowSearchBar && !hideSearchBarControl,\n    false,\n  )\n\n  const [\n    isShowingExportToAnalysisPlatformModal,\n    setIsShowingExportToAnalysisPlatformModal,\n  ] = useState<boolean>(false)\n\n  const [visibleColumns, setVisibleColumns] = useState<string[]>([])\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  useEffect(() => {\n    // SWC-6030: If sql changes, reset what columns are visible\n    setVisibleColumns(\n      selectColumns.slice(0, visibleColumnCount).map(el => el.name),\n    )\n  }, [selectColumns, lastQueryRequest.query.sql, visibleColumnCount])\n\n  const getColumnDisplayName = useCallback(\n    (columnName: string, jsonPath?: string) => {\n      // SWC-5982: if force-display-original-column-names is set, then just return the string\n      const forceDisplayOriginalColumnName =\n        localStorage.getItem('force-display-original-column-names') === 'true'\n\n      if (!columnName || (forceDisplayOriginalColumnName && !jsonPath)) {\n        return columnName\n      }\n      if (columnAliases[columnName]) {\n        return columnAliases[columnName]\n      }\n      if (jsonPath) {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        if (columnModel?.jsonSubColumns) {\n          const jsonSubColumn = columnModel.jsonSubColumns.find(\n            jsc => jsc.jsonPath === jsonPath,\n          )\n          if (jsonSubColumn) {\n            return jsonSubColumn.name\n          }\n        }\n      }\n      return unCamelCase(columnName)\n    },\n    [columnAliases, queryMetadata?.columnModels],\n  )\n\n  const getHelpText = useCallback(\n    (columnName: string, jsonPath?: string): string | undefined => {\n      if (Array.isArray(helpConfiguration)) {\n        const helpConfig = helpConfiguration.find(\n          config =>\n            config.columnName === columnName && config.jsonPath === jsonPath,\n        )\n        return helpConfig?.helpText\n      }\n      return undefined\n    },\n    [helpConfiguration],\n  )\n\n  const NoContentPlaceholder = useCallback(\n    () => (\n      <NoContentPlaceholderComponent\n        type={noContentPlaceholderType}\n        hasResettableFilters={hasResettableFilters}\n      />\n    ),\n    [noContentPlaceholderType, hasResettableFilters],\n  )\n\n  const context: QueryVisualizationContextType = useMemo(\n    () => ({\n      columnsToShowInTable: visibleColumns,\n      setColumnsToShowInTable: setVisibleColumns,\n      rgbIndex: props.rgbIndex,\n      unitDescription: unitDescription,\n      showLastUpdatedOn: props.showLastUpdatedOn,\n      getColumnDisplayName,\n      getDisplayValue,\n      getHelpText,\n      NoContentPlaceholder,\n      isShowingExportToAnalysisPlatformModal:\n        isShowingExportToAnalysisPlatformModal,\n      setIsShowingExportToAnalysisPlatformModal:\n        setIsShowingExportToAnalysisPlatformModal,\n      showFacetFilter: hasFacetedSelectColumn ? showFacetFilter : false,\n      setShowFacetFilter,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n      showSearchBar,\n      setShowSearchBar,\n      showDownloadConfirmation,\n      setShowDownloadConfirmation,\n      showSqlEditor,\n      setShowSqlEditor,\n      showPlots: hasCustomPlots || hasFacetedSelectColumn ? showPlots : false,\n      setShowPlots,\n      showCopyToClipboard,\n      setShowCopyToClipboard,\n      enabledExternalAnalysisPlatforms,\n    }),\n    [\n      NoContentPlaceholder,\n      getColumnDisplayName,\n      getHelpText,\n      hasFacetedSelectColumn,\n      isShowingExportToAnalysisPlatformModal,\n      props.rgbIndex,\n      props.showLastUpdatedOn,\n      setShowDownloadConfirmation,\n      setShowSearchBar,\n      showCopyToClipboard,\n      showDownloadConfirmation,\n      showFacetFilter,\n      showPlots,\n      showSearchBar,\n      showSqlEditor,\n      unitDescription,\n      visibleColumns,\n      hasCustomPlots,\n      enabledExternalAnalysisPlatforms,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n    ],\n  )\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryVisualizationContextProvider queryVisualizationContext={context}>\n      {children}\n    </QueryVisualizationContextProvider>\n  )\n}\n"],"mappings":"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"}

package/dist/components/QueryWrapperPlotNav/RowSetView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowSetView.d.ts","sourceRoot":"","sources":["../../../src/components/QueryWrapperPlotNav/RowSetView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAWtE,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,CAAC,EAAE,yBAAyB,CAAA;IAC9C,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAgFhD"}
+{"version":3,"file":"RowSetView.d.ts","sourceRoot":"","sources":["../../../src/components/QueryWrapperPlotNav/RowSetView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAWtE,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,CAAC,EAAE,yBAAyB,CAAA;IAC9C,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAiFhD"}

package/dist/components/QueryWrapperPlotNav/RowSetView.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSetView.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/RowSetView.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { CardContainer } from '../CardContainer/CardContainer'\nimport { SynapseTable, SynapseTableConfiguration } from '../SynapseTable'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport LastUpdatedOn from './LastUpdatedOn'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { SynapseErrorBoundary } from '../error'\nimport { useQueryContext } from '../QueryContext'\nimport { Box } from '@mui/material'\nimport { TablePagination } from '../SynapseTable/TablePagination'\nimport { ViewMoreQueryResultsButton } from '../QueryWrapper/ViewMoreQueryResultsButton'\nimport { useRowSet } from './UseRowSet'\n\nexport type RowSetViewProps = {\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  initialLimit?: number\n  hideDownload?: boolean\n  multiCardList?: boolean\n}\n\n/**\n * Renders a table or cards representing the RowSet. Also displays appropriate pagination controls\n * depending on the value of QueryContext.isInfinite.\n * @param props\n * @constructor\n */\nexport function RowSetView(props: RowSetViewProps) {\n  const { cardConfiguration, hideDownload, initialLimit, multiCardList } = props\n\n  const [initialLimitIsApplied, setInitialLimitIsApplied] = useState(\n    initialLimit != null,\n  )\n\n  const { isInfinite } = useQueryContext()\n  const tableConfiguration = useDeepCompareMemoize(\n    props.tableConfiguration\n      ? {\n          ...props.tableConfiguration,\n          hideDownload,\n        }\n      : undefined,\n  )\n\n  const {\n    rowSet,\n    progressMessage,\n    isLoading,\n    isLoadingNewPage,\n    fetchNextPageOfInfiniteData,\n    hasNextPageOfInfiniteData,\n  } = useRowSet(initialLimitIsApplied ? initialLimit : undefined)\n\n  return (\n    <SynapseErrorBoundary>\n      <div className={`RowSetView`}>\n        {isLoading && (\n          <QueryWrapperLoadingScreen progressMessage={progressMessage} />\n        )}\n        {!isLoading && rowSet && (\n          // even after the rowSet is loaded, a child component may suspend\n          <Suspense\n            fallback={\n              <QueryWrapperLoadingScreen progressMessage={progressMessage} />\n            }\n          >\n            {tableConfiguration && (\n              <SynapseTable\n                {...tableConfiguration}\n                rowSet={rowSet}\n                isLoadingNewPage={isLoadingNewPage}\n              />\n            )}\n            {cardConfiguration && (\n              <CardContainer\n                {...cardConfiguration}\n                rowSet={rowSet}\n                multiCardList={multiCardList}\n              />\n            )}\n          </Suspense>\n        )}\n        <Suspense fallback={<></>}>\n          {!isInfinite && (\n            <Box sx={{ mt: 2, textAlign: 'right' }}>\n              <TablePagination />\n            </Box>\n          )}\n          {isInfinite && (\n            <ViewMoreQueryResultsButton\n              initialLimit={initialLimit}\n              initialLimitIsApplied={initialLimitIsApplied}\n              onRemoveInitialLimit={() => {\n                setInitialLimitIsApplied(false)\n              }}\n              fetchNextPage={() => {\n                void fetchNextPageOfInfiniteData()\n              }}\n              hasNextPage={hasNextPageOfInfiniteData}\n              isFetchingNextPage={isLoadingNewPage}\n            />\n          )}\n        </Suspense>\n        <LastUpdatedOn />\n      </div>\n    </SynapseErrorBoundary>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,SAAgB,EAAW,GAAwB;CACjD,IAAM,EAAE,sBAAmB,iBAAc,iBAAc,qBAAkB,GAEnE,CAAC,GAAuB,KAA4B,EACxD,KAAgB,KACjB,EAEK,EAAE,kBAAe,GAAiB,EAClC,IAAqB,EACzB,EAAM,qBACF;EACE,GAAG,EAAM;EACT;EACD,GACD,KAAA,EACL,EAEK,EACJ,WACA,oBACA,cACA,qBACA,gCACA,iCACE,EAAU,IAAwB,IAAe,KAAA,EAAU;AAE/D,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EAAK,WAAW;YAAhB;GACG,KACC,kBAAC,GAAD,EAA4C,oBAAmB,CAAA;GAEhE,CAAC,KAAa,KAEb,kBAAC,GAAD;IACE,UACE,kBAAC,GAAD,EAA4C,oBAAmB,CAAA;cAFnE,CAKG,KACC,kBAAC,GAAD;KACE,GAAI;KACI;KACU;KAClB,CAAA,EAEH,KACC,kBAAC,GAAD;KACE,GAAI;KACI;KACO;KACf,CAAA,CAEK;;GAEb,kBAAC,GAAD;IAAU,UAAU,kBAAA,GAAA,EAAK,CAAA;cAAzB,CACG,CAAC,KACA,kBAAC,GAAD;KAAK,IAAI;MAAE,IAAI;MAAG,WAAW;MAAS;eACpC,kBAAC,GAAD,EAAmB,CAAA;KACf,CAAA,EAEP,KACC,kBAAC,GAAD;KACgB;KACS;KACvB,4BAA4B;AAC1B,QAAyB,GAAM;;KAEjC,qBAAqB;AACd,SAA6B;;KAEpC,aAAa;KACb,oBAAoB;KACpB,CAAA,CAEK;;GACX,kBAAC,GAAD,EAAiB,CAAA;GACb;KACe,CAAA"}
+{"version":3,"file":"RowSetView.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/RowSetView.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { CardContainer } from '../CardContainer/CardContainer'\nimport { SynapseTable, SynapseTableConfiguration } from '../SynapseTable'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport LastUpdatedOn from './LastUpdatedOn'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { SynapseErrorBoundary } from '../error'\nimport { useQueryContext } from '../QueryContext'\nimport { Box } from '@mui/material'\nimport { TablePagination } from '../SynapseTable/TablePagination'\nimport { ViewMoreQueryResultsButton } from '../QueryWrapper/ViewMoreQueryResultsButton'\nimport { useRowSet } from './UseRowSet'\n\nexport type RowSetViewProps = {\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  initialLimit?: number\n  hideDownload?: boolean\n  multiCardList?: boolean\n}\n\n/**\n * Renders a table or cards representing the RowSet. Also displays appropriate pagination controls\n * depending on the value of QueryContext.isInfinite.\n * @param props\n * @constructor\n */\nexport function RowSetView(props: RowSetViewProps) {\n  const { cardConfiguration, hideDownload, initialLimit, multiCardList } = props\n\n  const [initialLimitIsApplied, setInitialLimitIsApplied] = useState(\n    initialLimit != null,\n  )\n\n  const { isInfinite } = useQueryContext()\n  const tableConfiguration = useDeepCompareMemoize(\n    props.tableConfiguration\n      ? {\n          ...props.tableConfiguration,\n          hideDownload,\n        }\n      : undefined,\n  )\n\n  const {\n    rowSet,\n    progressMessage,\n    isLoading,\n    isLoadingNewPage,\n    fetchNextPageOfInfiniteData,\n    hasNextPageOfInfiniteData,\n  } = useRowSet(initialLimitIsApplied ? initialLimit : undefined)\n\n  return (\n    <SynapseErrorBoundary>\n      <div className={`RowSetView`}>\n        {isLoading && (\n          <QueryWrapperLoadingScreen progressMessage={progressMessage} />\n        )}\n        {!isLoading &&\n          rowSet && (\n            // even after the rowSet is loaded, a child component may suspend\n            <Suspense\n              fallback={\n                <QueryWrapperLoadingScreen progressMessage={progressMessage} />\n              }\n            >\n              {tableConfiguration && (\n                <SynapseTable\n                  {...tableConfiguration}\n                  rowSet={rowSet}\n                  isLoadingNewPage={isLoadingNewPage}\n                />\n              )}\n              {cardConfiguration && (\n                <CardContainer\n                  {...cardConfiguration}\n                  rowSet={rowSet}\n                  multiCardList={multiCardList}\n                />\n              )}\n            </Suspense>\n          )}\n        <Suspense fallback={<></>}>\n          {!isInfinite && (\n            <Box sx={{ mt: 2, textAlign: 'right' }}>\n              <TablePagination />\n            </Box>\n          )}\n          {isInfinite && (\n            <ViewMoreQueryResultsButton\n              initialLimit={initialLimit}\n              initialLimitIsApplied={initialLimitIsApplied}\n              onRemoveInitialLimit={() => {\n                setInitialLimitIsApplied(false)\n              }}\n              fetchNextPage={() => {\n                void fetchNextPageOfInfiniteData()\n              }}\n              hasNextPage={hasNextPageOfInfiniteData}\n              isFetchingNextPage={isLoadingNewPage}\n            />\n          )}\n        </Suspense>\n        <LastUpdatedOn />\n      </div>\n    </SynapseErrorBoundary>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,SAAgB,EAAW,GAAwB;CACjD,IAAM,EAAE,sBAAmB,iBAAc,iBAAc,qBAAkB,GAEnE,CAAC,GAAuB,KAA4B,EACxD,KAAgB,KACjB,EAEK,EAAE,kBAAe,GAAiB,EAClC,IAAqB,EACzB,EAAM,qBACF;EACE,GAAG,EAAM;EACT;EACD,GACD,KAAA,EACL,EAEK,EACJ,WACA,oBACA,cACA,qBACA,gCACA,iCACE,EAAU,IAAwB,IAAe,KAAA,EAAU;AAE/D,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EAAK,WAAW;YAAhB;GACG,KACC,kBAAC,GAAD,EAA4C,oBAAmB,CAAA;GAEhE,CAAC,KACA,KAEE,kBAAC,GAAD;IACE,UACE,kBAAC,GAAD,EAA4C,oBAAmB,CAAA;cAFnE,CAKG,KACC,kBAAC,GAAD;KACE,GAAI;KACI;KACU;KAClB,CAAA,EAEH,KACC,kBAAC,GAAD;KACE,GAAI;KACI;KACO;KACf,CAAA,CAEK;;GAEf,kBAAC,GAAD;IAAU,UAAU,kBAAA,GAAA,EAAK,CAAA;cAAzB,CACG,CAAC,KACA,kBAAC,GAAD;KAAK,IAAI;MAAE,IAAI;MAAG,WAAW;MAAS;eACpC,kBAAC,GAAD,EAAmB,CAAA;KACf,CAAA,EAEP,KACC,kBAAC,GAAD;KACgB;KACS;KACvB,4BAA4B;AAC1B,QAAyB,GAAM;;KAEjC,qBAAqB;AACd,SAA6B;;KAEpC,aAAa;KACb,oBAAoB;KACpB,CAAA,CAEK;;GACX,kBAAC,GAAD,EAAiB,CAAA;GACb;KACe,CAAA"}

package/dist/components/Resources/Resources.Desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resources.Desktop.js","names":[],"sources":["../../../src/components/Resources/Resources.Desktop.tsx"],"sourcesContent":["import { Data } from './Resources'\nimport { useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type ResourcesDesktopProps = {\n  data: Data\n}\n\nexport default function ResourcesDesktop({ data }: ResourcesDesktopProps) {\n  const [index, setIndex] = useState(0)\n  return (\n    <div className=\"control-container\">\n      <div className=\"button-container\">\n        {data?.map((el, curIndex) => {\n          return (\n            <button\n              className={index === curIndex ? 'isSelected' : ''}\n              onClick={() => setIndex(curIndex)}\n              key={el.name}\n            >\n              {el.name}\n            </button>\n          )\n        })}\n        {/* \n            This button keeps the border line in the button container running from top to bottom,\n            it doesn't have any functionality.\n          */}\n        <button className=\"gap-fill\" />\n      </div>\n      <div className=\"content-container\">\n        {data?.map((el, curIndex) => {\n          const { ownerId, wikiId } = el\n          return (\n            <span key={ownerId} className={index === curIndex ? '' : 'hide'}>\n              <MarkdownSynapse ownerId={ownerId} wikiId={wikiId} />\n            </span>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAiB,EAAE,WAA+B;CACxE,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE;AACrC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GAAM,KAAK,GAAI,MAEZ,kBAAC,UAAD;IACE,WAAW,MAAU,IAAW,eAAe;IAC/C,eAAe,EAAS,EAAS;cAGhC,EAAG;IACG,EAHF,EAAG,KAGD,CAEX,EAKF,kBAAC,UAAD,EAAQ,WAAU,YAAa,CAAA,CAC3B;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,GAAM,KAAK,GAAI,MAAa;IAC3B,IAAM,EAAE,YAAS,cAAW;AAC5B,WACE,kBAAC,QAAD;KAAoB,WAAW,MAAU,IAAW,KAAK;eACvD,kBAAC,GAAD;MAA0B;MAAiB;MAAU,CAAA;KAChD,EAFI,EAEJ;KAET;GACE,CAAA,CACF"}
+{"version":3,"file":"Resources.Desktop.js","names":[],"sources":["../../../src/components/Resources/Resources.Desktop.tsx"],"sourcesContent":["import { Data } from './Resources'\nimport { useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type ResourcesDesktopProps = {\n  data: Data\n}\n\nexport default function ResourcesDesktop({ data }: ResourcesDesktopProps) {\n  const [index, setIndex] = useState(0)\n  return (\n    <div className=\"control-container\">\n      <div className=\"button-container\">\n        {data?.map((el, curIndex) => {\n          return (\n            <button\n              className={index === curIndex ? 'isSelected' : ''}\n              onClick={() => setIndex(curIndex)}\n              key={el.name}\n            >\n              {el.name}\n            </button>\n          )\n        })}\n        {/*\n            This button keeps the border line in the button container running from top to bottom,\n            it doesn't have any functionality.\n          */}\n        <button className=\"gap-fill\" />\n      </div>\n      <div className=\"content-container\">\n        {data?.map((el, curIndex) => {\n          const { ownerId, wikiId } = el\n          return (\n            <span key={ownerId} className={index === curIndex ? '' : 'hide'}>\n              <MarkdownSynapse ownerId={ownerId} wikiId={wikiId} />\n            </span>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAiB,EAAE,WAA+B;CACxE,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE;AACrC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GAAM,KAAK,GAAI,MAEZ,kBAAC,UAAD;IACE,WAAW,MAAU,IAAW,eAAe;IAC/C,eAAe,EAAS,EAAS;cAGhC,EAAG;IACG,EAHF,EAAG,KAGD,CAEX,EAKF,kBAAC,UAAD,EAAQ,WAAU,YAAa,CAAA,CAC3B;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,GAAM,KAAK,GAAI,MAAa;IAC3B,IAAM,EAAE,YAAS,cAAW;AAC5B,WACE,kBAAC,QAAD;KAAoB,WAAW,MAAU,IAAW,KAAK;eACvD,kBAAC,GAAD;MAA0B;MAAiB;MAAU,CAAA;KAChD,EAFI,EAEJ;KAET;GACE,CAAA,CACF"}

package/dist/components/SearchQueryWrapper/SearchQueryUseQueryOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  AsynchronousJobStatus,\n  ColumnModel,\n  FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnRangeRequest,\n  FacetColumnResultRange,\n  FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n  SortItem,\n  TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport type {\n  FacetRequest,\n  KeyValues,\n  SearchIndexQuery,\n  SearchKeyRange,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SearchSortField,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FacetRequestSortDirectionEnum as FacetRequestSortDirectionEnumValues,\n  FacetRequestSortFieldEnum as FacetRequestSortFieldEnumValues,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport dayjs from 'dayjs'\nimport { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\n\n/**\n * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions\n * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates\n * `as unknown as` casts inside the implementation. A single cast to TableQueryUseQueryOptions\n * is still required at the boundary where SearchQueryWrapper assigns these into QueryContextType.\n */\nexport type SearchTableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\n/**\n * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery\n * that can be sent to the SearchQueryServicesApi.\n *\n * Mapping:\n *  - columnModels (facetType defined) → facetRequests (columns to aggregate as facets, with optional sort config)\n *  - query.selectedFacets (enumeration) → termsFilters (IN-clause filters)\n *  - query.selectedFacets (range) → rangeFilters (range filters)\n *  - query.sort → sort (SortItem { column, direction } → SearchSortField { columnName, direction })\n *  - query.limit → limit\n *  - query.offset → offset\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchIndexQuery {\n  // Build facetRequests from ColumnModels that have a facetType of 'enumeration'.\n  // Range columns are excluded: the Search API's FacetRequest only supports terms aggregations\n  // and cannot produce the min/max stats needed for FacetColumnResultRange.\n  const facetRequests: FacetRequest[] | undefined = columnModels\n    ?.filter(cm => cm.facetType === 'enumeration')\n    .map(cm => {\n      const facetReq: FacetRequest = { columnName: cm.name, maxValueCount: 100 }\n      if (cm.facetSortConfig) {\n        // Map FacetColumnSortProperty ('FREQUENCY'|'VALUE') → FacetRequestSortFieldEnum ('COUNT'|'KEY')\n        if (cm.facetSortConfig.property != null) {\n          facetReq.sortField =\n            cm.facetSortConfig.property === 'VALUE'\n              ? FacetRequestSortFieldEnumValues.KEY\n              : FacetRequestSortFieldEnumValues.COUNT\n        }\n        if (cm.facetSortConfig.direction != null) {\n          facetReq.sortDirection =\n            cm.facetSortConfig.direction === 'ASC'\n              ? FacetRequestSortDirectionEnumValues.ASC\n              : FacetRequestSortDirectionEnumValues.DESC\n        }\n      }\n      return facetReq\n    })\n\n  // Build termsFilters from enumeration selectedFacets\n  const termsFilters: KeyValues[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnValuesRequest =>\n          f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => ({ key: f.columnName, values: f.facetValues }))\n\n  // Build rangeFilters from range selectedFacets.\n  // DATE columns: the Range UI component emits formatted dates (\"YYYY-MM-DD\") but the\n  // Search API (OpenSearch) expects unix millisecond timestamps. Convert here.\n  const rangeFilters: SearchKeyRange[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => {\n        const columnType = columnModels?.find(\n          cm => cm.name === f.columnName,\n        )?.columnType\n        const toApiValue = (v: string | undefined): string | undefined => {\n          if (!v || columnType !== 'DATE') return v\n          // Convert \"YYYY-MM-DD\" → unix ms; leave already-numeric values untouched\n          if (/^\\d{4}-\\d{2}-\\d{2}$/.test(v)) {\n            return String(dayjs(v).valueOf())\n          }\n          return v\n        }\n        return {\n          key: f.columnName,\n          min: toApiValue(f.min),\n          max: toApiValue(f.max),\n        }\n      })\n\n  // Extract queryText by concatenating all TextMatchesQueryFilter searchExpression values\n  const textMatchesExpressions = queryBundleRequest.query.additionalFilters\n    ?.filter(\n      (f): f is TextMatchesQueryFilter =>\n        f.concreteType === TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n    )\n    .map(f => f.searchExpression)\n    .filter((expr): expr is string => expr != null && expr.length > 0)\n  const queryText =\n    textMatchesExpressions && textMatchesExpressions.length > 0\n      ? textMatchesExpressions.join(' ')\n      : undefined\n\n  // Map SortItem[] (column + direction) → SearchSortField[] (columnName + direction),\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sort: SearchSortField[] | undefined = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ columnName: s.column, direction: s.direction }))\n\n  const searchQuery: SearchSearchQuery = {\n    facetRequests: facetRequests?.length ? facetRequests : undefined,\n    termsFilters: termsFilters?.length ? termsFilters : undefined,\n    rangeFilters: rangeFilters?.length ? rangeFilters : undefined,\n    queryText,\n    queryType: 'MULTI_MATCH',\n    fuzziness: 'AUTO',\n    sort: sort?.length ? sort : undefined,\n    limit: queryBundleRequest.query.limit,\n    offset: queryBundleRequest.query.offset,\n  }\n\n  return {\n    concreteType:\n      'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n    searchIndexId,\n    searchQuery,\n  }\n}\n\n/**\n * Converts a SearchQueryResults (the actual API response) into a QueryResultBundle\n * so that existing subcomponents (FacetFilterControls, RowSetView, etc.) work unchanged.\n *\n * Mapping:\n *  - totalHits → queryCount\n *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)\n *  - facets → facets (same FacetColumnResult type)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\n): QueryResultBundle {\n  if (!results) {\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    }\n  }\n\n  // Derive column names from the server-returned selectColumns. Both the row data\n  // query and the metadata query request SELECT_COLUMNS, so this is always present.\n  const fieldNames: string[] =\n    results.selectColumns\n      ?.map(col => col.name)\n      .filter((n): n is string => !!n) ?? []\n\n  const headers = fieldNames.map(name => ({\n    name,\n    columnType:\n      columnModels?.find(cm => cm.name === name)?.columnType ??\n      ('STRING' as const),\n  }))\n\n  const rows = (results.hits ?? []).map(hit => ({\n    rowId: hit.rowId,\n    versionNumber: hit.rowVersion,\n    values: fieldNames.map(name => {\n      return hit.fields?.find(f => f.name === name)?.value ?? null\n    }),\n  }))\n\n  const queryResult =\n    headers.length > 0 || rows.length > 0\n      ? {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryResult' as const,\n          queryResults: {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.RowSet' as const,\n            tableId: query.searchIndexId ?? '',\n            etag: '',\n            headers,\n            rows,\n          },\n        }\n      : undefined\n\n  const rawFacets = results.facets as QueryResultBundle['facets']\n\n  // Synthesize FacetColumnResultRange for range-type DATE/DOUBLE/INTEGER columns. The Search API's\n  // FacetRequest only produces terms aggregations and cannot return min/max stats, so these\n  // entries will never appear in results.facets. columnMin/columnMax are empty strings\n  // (unavailable from the server); selectedMin/selectedMax are derived from the query's\n  // rangeFilters so any applied range filter is still reflected in the UI.\n  // Note: for INTEGER columns the RangeSlider requires real bounds, so the UI falls back to a\n  // plain Range number input when columnMin/columnMax are absent.\n  const syntheticRangeFacets: FacetColumnResultRange[] = (columnModels ?? [])\n    .filter(\n      cm =>\n        cm.facetType === 'range' &&\n        (cm.columnType === 'DATE' ||\n          cm.columnType === 'DOUBLE' ||\n          cm.columnType === 'INTEGER') &&\n        !(rawFacets ?? []).some(f => f.columnName === cm.name),\n    )\n    .map(cm => {\n      const rangeFilter = query.searchQuery?.rangeFilters?.find(\n        rf => rf.key === cm.name,\n      )\n      // rangeFilters carry unix ms for DATE columns (converted in toSearchIndexQuery).\n      // Convert back to \"YYYY-MM-DD\" so the Range UI component can display them.\n      const toDisplayValue = (v: string | undefined): string | undefined => {\n        if (!v || cm.columnType !== 'DATE') return v\n        if (/^\\d+$/.test(v)) {\n          return dayjs(parseInt(v)).format('YYYY-MM-DD')\n        }\n        return v\n      }\n      return {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.FacetColumnResultRange' as const,\n        facetType: 'range' as const,\n        columnName: cm.name,\n        columnMin: '',\n        columnMax: '',\n        selectedMin: toDisplayValue(rangeFilter?.min),\n        selectedMax: toDisplayValue(rangeFilter?.max),\n      }\n    })\n\n  const allFacets: NonNullable<QueryResultBundle['facets']> = [\n    ...(rawFacets ?? []),\n    ...syntheticRangeFacets,\n  ]\n\n  // Reorder all facets to match the columnModels order so downstream components\n  // (e.g. FacetFilterControls) render facets in the expected column order.\n  const orderedFacets: QueryResultBundle['facets'] = columnModels\n    ? [\n        ...allFacets\n          .filter(f => columnModels.some(cm => cm.name === f.columnName))\n          .sort(\n            (a, b) =>\n              columnModels.findIndex(cm => cm.name === a.columnName) -\n              columnModels.findIndex(cm => cm.name === b.columnName),\n          ),\n        ...allFacets.filter(\n          f => !columnModels.some(cm => cm.name === f.columnName),\n        ),\n      ]\n    : allFacets\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    facets: orderedFacets,\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit facetRequests from the row data query: facet aggregations are only needed\n      // in the metadata query (which requests FACETS). Removing facetRequests here keeps\n      // the row data query key stable while column models are loading, preventing an\n      // unnecessary re-fetch (and a brief loading flash) when column models first arrive.\n      facetRequests: undefined,\n    },\n    // Request SELECT_COLUMNS so headers are available for row rendering.\n    // HITS is returned by default even when responseParts is specified.\n    responseParts: new Set(['HITS', 'SELECT_COLUMNS'] as const),\n  }\n  const metadataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    // Request all opt-in parts needed for the metadata response:\n    // TOTAL_HITS → queryCount (drives tab count / spinner resolution)\n    // SELECT_COLUMNS → column headers for the table\n    // FACETS → facet aggregations for FacetFilterControls / plots\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS', 'FACETS'] as const),\n  }\n\n  // Convert responseParts Set → sorted array for query key building.\n  // JSON.stringify(new Set([...])) === '{}', so two queries whose only difference is\n  // their responseParts would hash to the same key and share a cache entry.\n  // Using a sorted array gives each query a distinct, stable key.\n  const toKeyShape = (query: SearchIndexQuery) => ({\n    ...query,\n    responseParts: query.responseParts\n      ? [...query.responseParts].sort()\n      : undefined,\n  })\n\n  // Fetches from the SearchQueryServicesApi and converts the SearchQueryResults responseBody\n  // into QueryResultBundle shape. This allows all downstream shared components\n  // (UseRowSet, QueryVisualizationWrapper, etc.) to access data.responseBody.*\n  // using the same patterns as regular table queries (queryResult.queryResults, selectColumns, etc.).\n  const fetchAndConvert = async (query: SearchIndexQuery) => {\n    const asyncStatus = await SynapseClient.getSearchQueryAsyncJobResults(\n      query,\n      accessToken,\n    )\n    return {\n      ...asyncStatus,\n      responseBody: searchQueryResultsToQueryResultBundle(\n        asyncStatus.responseBody,\n        query,\n        columnModels,\n      ),\n    }\n  }\n\n  // `as unknown as` is necessary because SearchIndexQuery.responseParts is a Set but\n  // toKeyShape converts it to a sorted string[] for stable cache key serialisation.\n  const rowDataQueryOptions: SearchTableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(rowDataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): RowSet | undefined => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: SearchTableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        true,\n      ),\n      initialPageParam: 0 as number | string | undefined,\n      getNextPageParam: (\n        lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n        allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n      ): number | string | undefined => {\n        const totalRows = lastPage.responseBody?.queryCount\n        const fetchedRows = allPages.reduce(\n          (acc, page) =>\n            acc +\n            (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n          0,\n        )\n        if (totalRows != null && fetchedRows >= totalRows) {\n          return undefined\n        }\n        return fetchedRows\n      },\n      queryFn: (context: { pageParam?: number | string }) => {\n        const offset =\n          typeof context.pageParam === 'string'\n            ? parseInt(context.pageParam)\n            : context.pageParam ?? 0\n        const requestForPage: SearchIndexQuery = {\n          ...rowDataQuery,\n          searchQuery: {\n            ...rowDataQuery.searchQuery,\n            offset,\n          },\n        }\n        return fetchAndConvert(requestForPage)\n      },\n      select: (\n        data: InfiniteData<\n          AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>\n        >,\n      ) => data,\n    }\n\n  const queryMetadataQueryOptions: SearchTableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(metadataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(metadataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): Omit<QueryResultBundle, 'queryResult'> => {\n        const result = omit(data.responseBody ?? {}, 'queryResult') as Omit<\n          QueryResultBundle,\n          'queryResult'\n        >\n        return columnModels ? { ...result, columnModels } : result\n      },\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Returns a stable callback that fetches autocomplete suggestions for a search input\n * using the synchronous `POST /search/autocomplete` endpoint.\n *\n * The query is built from the current `searchIndexId` and `autocompleteFieldName`:\n *  - `searchQuery.queryText` is set to the user-entered search text\n *  - `searchQuery.queryFields` is set to `[autocompleteFieldName]` so the server\n *    only returns values for that single field\n *\n * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.\n */\nexport function useGetSuggestionsForSearchIndex(\n  searchIndexId: string,\n  autocompleteFieldName: string | undefined,\n): (searchText: string) => Promise<string[]> {\n  const { synapseClient } = useSynapseContext()\n\n  return useCallback(\n    async (searchText: string): Promise<string[]> => {\n      if (!autocompleteFieldName) return []\n      const trimmed = searchText.trim()\n      if (!trimmed) return []\n      const results =\n        await synapseClient.searchManagementServicesClient.postRepoV1SearchAutocomplete(\n          {\n            searchIndexQuery: {\n              concreteType:\n                'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n              searchIndexId,\n              searchQuery: {\n                queryText: trimmed,\n                queryFields: [autocompleteFieldName],\n                returnFields: [autocompleteFieldName],\n              },\n            },\n          },\n        )\n      const suggestions: string[] = []\n      for (const hit of results.hits ?? []) {\n        for (const field of hit.fields ?? []) {\n          if (field.value) {\n            suggestions.push(field.value)\n          }\n        }\n      }\n      return suggestions\n    },\n    [synapseClient, searchIndexId, autocompleteFieldName],\n  )\n}\n\n/**\n * Returns TanStack Query options that call the SearchQueryServicesApi (instead of the\n * standard Table Query API) but return data in the same QueryResultBundle format, allowing\n * all existing subcomponents (FacetFilterControls, RowSetView, etc.) to work unchanged.\n */\nexport function useSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  synapseId?: string,\n): SearchTableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: entityBundle } = useGetEntityBundle(synapseId, undefined, {\n    includeTableBundle: true,\n  })\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  return useMemo(\n    () =>\n      getSearchQueryUseQueryOptions(\n        queryBundleRequest,\n        keyFactory,\n        accessToken,\n        searchIndexId,\n        columnModels,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, searchIndexId, columnModels],\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SearchQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  AsynchronousJobStatus,\n  ColumnModel,\n  FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnRangeRequest,\n  FacetColumnResultRange,\n  FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n  SortItem,\n  TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport type {\n  FacetRequest,\n  KeyValues,\n  SearchIndexQuery,\n  SearchKeyRange,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SearchSortField,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FacetRequestSortDirectionEnum as FacetRequestSortDirectionEnumValues,\n  FacetRequestSortFieldEnum as FacetRequestSortFieldEnumValues,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport dayjs from 'dayjs'\nimport { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\n\n/**\n * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions\n * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates\n * `as unknown as` casts inside the implementation. A single cast to TableQueryUseQueryOptions\n * is still required at the boundary where SearchQueryWrapper assigns these into QueryContextType.\n */\nexport type SearchTableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\n/**\n * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery\n * that can be sent to the SearchQueryServicesApi.\n *\n * Mapping:\n *  - columnModels (facetType defined) → facetRequests (columns to aggregate as facets, with optional sort config)\n *  - query.selectedFacets (enumeration) → termsFilters (IN-clause filters)\n *  - query.selectedFacets (range) → rangeFilters (range filters)\n *  - query.sort → sort (SortItem { column, direction } → SearchSortField { columnName, direction })\n *  - query.limit → limit\n *  - query.offset → offset\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchIndexQuery {\n  // Build facetRequests from ColumnModels that have a facetType of 'enumeration'.\n  // Range columns are excluded: the Search API's FacetRequest only supports terms aggregations\n  // and cannot produce the min/max stats needed for FacetColumnResultRange.\n  const facetRequests: FacetRequest[] | undefined = columnModels\n    ?.filter(cm => cm.facetType === 'enumeration')\n    .map(cm => {\n      const facetReq: FacetRequest = { columnName: cm.name, maxValueCount: 100 }\n      if (cm.facetSortConfig) {\n        // Map FacetColumnSortProperty ('FREQUENCY'|'VALUE') → FacetRequestSortFieldEnum ('COUNT'|'KEY')\n        if (cm.facetSortConfig.property != null) {\n          facetReq.sortField =\n            cm.facetSortConfig.property === 'VALUE'\n              ? FacetRequestSortFieldEnumValues.KEY\n              : FacetRequestSortFieldEnumValues.COUNT\n        }\n        if (cm.facetSortConfig.direction != null) {\n          facetReq.sortDirection =\n            cm.facetSortConfig.direction === 'ASC'\n              ? FacetRequestSortDirectionEnumValues.ASC\n              : FacetRequestSortDirectionEnumValues.DESC\n        }\n      }\n      return facetReq\n    })\n\n  // Build termsFilters from enumeration selectedFacets\n  const termsFilters: KeyValues[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnValuesRequest =>\n          f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => ({ key: f.columnName, values: f.facetValues }))\n\n  // Build rangeFilters from range selectedFacets.\n  // DATE columns: the Range UI component emits formatted dates (\"YYYY-MM-DD\") but the\n  // Search API (OpenSearch) expects unix millisecond timestamps. Convert here.\n  const rangeFilters: SearchKeyRange[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => {\n        const columnType = columnModels?.find(\n          cm => cm.name === f.columnName,\n        )?.columnType\n        const toApiValue = (v: string | undefined): string | undefined => {\n          if (!v || columnType !== 'DATE') return v\n          // Convert \"YYYY-MM-DD\" → unix ms; leave already-numeric values untouched\n          if (/^\\d{4}-\\d{2}-\\d{2}$/.test(v)) {\n            return String(dayjs(v).valueOf())\n          }\n          return v\n        }\n        return {\n          key: f.columnName,\n          min: toApiValue(f.min),\n          max: toApiValue(f.max),\n        }\n      })\n\n  // Extract queryText by concatenating all TextMatchesQueryFilter searchExpression values\n  const textMatchesExpressions = queryBundleRequest.query.additionalFilters\n    ?.filter(\n      (f): f is TextMatchesQueryFilter =>\n        f.concreteType === TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n    )\n    .map(f => f.searchExpression)\n    .filter((expr): expr is string => expr != null && expr.length > 0)\n  const queryText =\n    textMatchesExpressions && textMatchesExpressions.length > 0\n      ? textMatchesExpressions.join(' ')\n      : undefined\n\n  // Map SortItem[] (column + direction) → SearchSortField[] (columnName + direction),\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sort: SearchSortField[] | undefined = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ columnName: s.column, direction: s.direction }))\n\n  const searchQuery: SearchSearchQuery = {\n    facetRequests: facetRequests?.length ? facetRequests : undefined,\n    termsFilters: termsFilters?.length ? termsFilters : undefined,\n    rangeFilters: rangeFilters?.length ? rangeFilters : undefined,\n    queryText,\n    queryType: 'MULTI_MATCH',\n    fuzziness: 'AUTO',\n    sort: sort?.length ? sort : undefined,\n    limit: queryBundleRequest.query.limit,\n    offset: queryBundleRequest.query.offset,\n  }\n\n  return {\n    concreteType:\n      'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n    searchIndexId,\n    searchQuery,\n  }\n}\n\n/**\n * Converts a SearchQueryResults (the actual API response) into a QueryResultBundle\n * so that existing subcomponents (FacetFilterControls, RowSetView, etc.) work unchanged.\n *\n * Mapping:\n *  - totalHits → queryCount\n *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)\n *  - facets → facets (same FacetColumnResult type)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\n): QueryResultBundle {\n  if (!results) {\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    }\n  }\n\n  // Derive column names from the server-returned selectColumns. Both the row data\n  // query and the metadata query request SELECT_COLUMNS, so this is always present.\n  const fieldNames: string[] =\n    results.selectColumns\n      ?.map(col => col.name)\n      .filter((n): n is string => !!n) ?? []\n\n  const headers = fieldNames.map(name => ({\n    name,\n    columnType:\n      columnModels?.find(cm => cm.name === name)?.columnType ??\n      ('STRING' as const),\n  }))\n\n  const rows = (results.hits ?? []).map(hit => ({\n    rowId: hit.rowId,\n    versionNumber: hit.rowVersion,\n    values: fieldNames.map(name => {\n      return hit.fields?.find(f => f.name === name)?.value ?? null\n    }),\n  }))\n\n  const queryResult =\n    headers.length > 0 || rows.length > 0\n      ? {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryResult' as const,\n          queryResults: {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.RowSet' as const,\n            tableId: query.searchIndexId ?? '',\n            etag: '',\n            headers,\n            rows,\n          },\n        }\n      : undefined\n\n  const rawFacets = results.facets as QueryResultBundle['facets']\n\n  // Synthesize FacetColumnResultRange for range-type DATE/DOUBLE/INTEGER columns. The Search API's\n  // FacetRequest only produces terms aggregations and cannot return min/max stats, so these\n  // entries will never appear in results.facets. columnMin/columnMax are empty strings\n  // (unavailable from the server); selectedMin/selectedMax are derived from the query's\n  // rangeFilters so any applied range filter is still reflected in the UI.\n  // Note: for INTEGER columns the RangeSlider requires real bounds, so the UI falls back to a\n  // plain Range number input when columnMin/columnMax are absent.\n  const syntheticRangeFacets: FacetColumnResultRange[] = (columnModels ?? [])\n    .filter(\n      cm =>\n        cm.facetType === 'range' &&\n        (cm.columnType === 'DATE' ||\n          cm.columnType === 'DOUBLE' ||\n          cm.columnType === 'INTEGER') &&\n        !(rawFacets ?? []).some(f => f.columnName === cm.name),\n    )\n    .map(cm => {\n      const rangeFilter = query.searchQuery?.rangeFilters?.find(\n        rf => rf.key === cm.name,\n      )\n      // rangeFilters carry unix ms for DATE columns (converted in toSearchIndexQuery).\n      // Convert back to \"YYYY-MM-DD\" so the Range UI component can display them.\n      const toDisplayValue = (v: string | undefined): string | undefined => {\n        if (!v || cm.columnType !== 'DATE') return v\n        if (/^\\d+$/.test(v)) {\n          return dayjs(parseInt(v)).format('YYYY-MM-DD')\n        }\n        return v\n      }\n      return {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.FacetColumnResultRange' as const,\n        facetType: 'range' as const,\n        columnName: cm.name,\n        columnMin: '',\n        columnMax: '',\n        selectedMin: toDisplayValue(rangeFilter?.min),\n        selectedMax: toDisplayValue(rangeFilter?.max),\n      }\n    })\n\n  const allFacets: NonNullable<QueryResultBundle['facets']> = [\n    ...(rawFacets ?? []),\n    ...syntheticRangeFacets,\n  ]\n\n  // Reorder all facets to match the columnModels order so downstream components\n  // (e.g. FacetFilterControls) render facets in the expected column order.\n  const orderedFacets: QueryResultBundle['facets'] = columnModels\n    ? [\n        ...allFacets\n          .filter(f => columnModels.some(cm => cm.name === f.columnName))\n          .sort(\n            (a, b) =>\n              columnModels.findIndex(cm => cm.name === a.columnName) -\n              columnModels.findIndex(cm => cm.name === b.columnName),\n          ),\n        ...allFacets.filter(\n          f => !columnModels.some(cm => cm.name === f.columnName),\n        ),\n      ]\n    : allFacets\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    facets: orderedFacets,\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit facetRequests from the row data query: facet aggregations are only needed\n      // in the metadata query (which requests FACETS). Removing facetRequests here keeps\n      // the row data query key stable while column models are loading, preventing an\n      // unnecessary re-fetch (and a brief loading flash) when column models first arrive.\n      facetRequests: undefined,\n    },\n    // Request SELECT_COLUMNS so headers are available for row rendering.\n    // HITS is returned by default even when responseParts is specified.\n    responseParts: new Set(['HITS', 'SELECT_COLUMNS'] as const),\n  }\n  const metadataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    // Request all opt-in parts needed for the metadata response:\n    // TOTAL_HITS → queryCount (drives tab count / spinner resolution)\n    // SELECT_COLUMNS → column headers for the table\n    // FACETS → facet aggregations for FacetFilterControls / plots\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS', 'FACETS'] as const),\n  }\n\n  // Convert responseParts Set → sorted array for query key building.\n  // JSON.stringify(new Set([...])) === '{}', so two queries whose only difference is\n  // their responseParts would hash to the same key and share a cache entry.\n  // Using a sorted array gives each query a distinct, stable key.\n  const toKeyShape = (query: SearchIndexQuery) => ({\n    ...query,\n    responseParts: query.responseParts\n      ? [...query.responseParts].sort()\n      : undefined,\n  })\n\n  // Fetches from the SearchQueryServicesApi and converts the SearchQueryResults responseBody\n  // into QueryResultBundle shape. This allows all downstream shared components\n  // (UseRowSet, QueryVisualizationWrapper, etc.) to access data.responseBody.*\n  // using the same patterns as regular table queries (queryResult.queryResults, selectColumns, etc.).\n  const fetchAndConvert = async (query: SearchIndexQuery) => {\n    const asyncStatus = await SynapseClient.getSearchQueryAsyncJobResults(\n      query,\n      accessToken,\n    )\n    return {\n      ...asyncStatus,\n      responseBody: searchQueryResultsToQueryResultBundle(\n        asyncStatus.responseBody,\n        query,\n        columnModels,\n      ),\n    }\n  }\n\n  // `as unknown as` is necessary because SearchIndexQuery.responseParts is a Set but\n  // toKeyShape converts it to a sorted string[] for stable cache key serialisation.\n  const rowDataQueryOptions: SearchTableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(rowDataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): RowSet | undefined => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: SearchTableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        true,\n      ),\n      initialPageParam: 0 as number | string | undefined,\n      getNextPageParam: (\n        lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n        allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n      ): number | string | undefined => {\n        const totalRows = lastPage.responseBody?.queryCount\n        const fetchedRows = allPages.reduce(\n          (acc, page) =>\n            acc +\n            (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n          0,\n        )\n        if (totalRows != null && fetchedRows >= totalRows) {\n          return undefined\n        }\n        return fetchedRows\n      },\n      queryFn: (context: { pageParam?: number | string }) => {\n        const offset =\n          typeof context.pageParam === 'string'\n            ? parseInt(context.pageParam)\n            : (context.pageParam ?? 0)\n        const requestForPage: SearchIndexQuery = {\n          ...rowDataQuery,\n          searchQuery: {\n            ...rowDataQuery.searchQuery,\n            offset,\n          },\n        }\n        return fetchAndConvert(requestForPage)\n      },\n      select: (\n        data: InfiniteData<\n          AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>\n        >,\n      ) => data,\n    }\n\n  const queryMetadataQueryOptions: SearchTableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(metadataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(metadataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): Omit<QueryResultBundle, 'queryResult'> => {\n        const result = omit(data.responseBody ?? {}, 'queryResult') as Omit<\n          QueryResultBundle,\n          'queryResult'\n        >\n        return columnModels ? { ...result, columnModels } : result\n      },\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Returns a stable callback that fetches autocomplete suggestions for a search input\n * using the synchronous `POST /search/autocomplete` endpoint.\n *\n * The query is built from the current `searchIndexId` and `autocompleteFieldName`:\n *  - `searchQuery.queryText` is set to the user-entered search text\n *  - `searchQuery.queryFields` is set to `[autocompleteFieldName]` so the server\n *    only returns values for that single field\n *\n * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.\n */\nexport function useGetSuggestionsForSearchIndex(\n  searchIndexId: string,\n  autocompleteFieldName: string | undefined,\n): (searchText: string) => Promise<string[]> {\n  const { synapseClient } = useSynapseContext()\n\n  return useCallback(\n    async (searchText: string): Promise<string[]> => {\n      if (!autocompleteFieldName) return []\n      const trimmed = searchText.trim()\n      if (!trimmed) return []\n      const results =\n        await synapseClient.searchManagementServicesClient.postRepoV1SearchAutocomplete(\n          {\n            searchIndexQuery: {\n              concreteType:\n                'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n              searchIndexId,\n              searchQuery: {\n                queryText: trimmed,\n                queryFields: [autocompleteFieldName],\n                returnFields: [autocompleteFieldName],\n              },\n            },\n          },\n        )\n      const suggestions: string[] = []\n      for (const hit of results.hits ?? []) {\n        for (const field of hit.fields ?? []) {\n          if (field.value) {\n            suggestions.push(field.value)\n          }\n        }\n      }\n      return suggestions\n    },\n    [synapseClient, searchIndexId, autocompleteFieldName],\n  )\n}\n\n/**\n * Returns TanStack Query options that call the SearchQueryServicesApi (instead of the\n * standard Table Query API) but return data in the same QueryResultBundle format, allowing\n * all existing subcomponents (FacetFilterControls, RowSetView, etc.) to work unchanged.\n */\nexport function useSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  synapseId?: string,\n): SearchTableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: entityBundle } = useGetEntityBundle(synapseId, undefined, {\n    includeTableBundle: true,\n  })\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  return useMemo(\n    () =>\n      getSearchQueryUseQueryOptions(\n        queryBundleRequest,\n        keyFactory,\n        accessToken,\n        searchIndexId,\n        columnModels,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, searchIndexId, columnModels],\n  )\n}\n"],"mappings":"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"}

package/dist/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetAccessRequirementCommonFields.d.ts","sourceRoot":"","sources":["../../../src/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.tsx"],"names":[],"mappings":"AAqBA,OAAO,EACL,gCAAgC,EAIhC,4BAA4B,EAC5B,sBAAsB,EAEvB,MAAM,iCAAiC,CAAA;AAcxC,eAAO,MAAM,gCAAgC,2FAC6C,CAAA;AAC1F,eAAO,MAAM,8BAA8B,GACzC,cAAc,sBAAsB,WASrC,CAAA;AAsBD,MAAM,MAAM,sCAAsC,GAAG;IAEnD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,qCAAqC,GAAG;IAElD,OAAO,CAAC,EAAE,4BAA4B,CAAA;IAEtC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B,MAAM,EAAE,CACN,mBAAmB,EAAE,MAAM,EAC3B,4BAA4B,EAAE,gCAAgC,KAC3D,IAAI,CAAA;IAET,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,gCAAgC,0JAqS5C,CAAA"}
+{"version":3,"file":"SetAccessRequirementCommonFields.d.ts","sourceRoot":"","sources":["../../../src/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.tsx"],"names":[],"mappings":"AAqBA,OAAO,EACL,gCAAgC,EAIhC,4BAA4B,EAC5B,sBAAsB,EAEvB,MAAM,iCAAiC,CAAA;AAcxC,eAAO,MAAM,gCAAgC,2FAC6C,CAAA;AAC1F,eAAO,MAAM,8BAA8B,GACzC,cAAc,sBAAsB,WASrC,CAAA;AAsBD,MAAM,MAAM,sCAAsC,GAAG;IAEnD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,qCAAqC,GAAG;IAElD,OAAO,CAAC,EAAE,4BAA4B,CAAA;IAEtC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B,MAAM,EAAE,CACN,mBAAmB,EAAE,MAAM,EAC3B,4BAA4B,EAAE,gCAAgC,KAC3D,IAAI,CAAA;IAET,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,gCAAgC,0JAiS5C,CAAA"}

package/dist/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetAccessRequirementCommonFields.js","names":[],"sources":["../../../src/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.tsx"],"sourcesContent":["import {\n  useCreateAccessRequirement,\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { spreadSx } from '@/theme/spreadSx'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Checkbox,\n  FormControlLabel,\n  Radio,\n  RadioGroup,\n  Skeleton,\n  Stack,\n  TextField,\n  Tooltip,\n  Typography,\n  TypographyProps,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  ACCESS_REQUIREMENT_CONCRETE_TYPE,\n  ACCESS_TYPE,\n  AccessRequirement,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  RestrictableObjectDescriptor,\n  RestrictableObjectType,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport pluralize from 'pluralize'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport EntitySubjectsSelector from '../EntitySubjectsSelector'\nimport { SynapseErrorBoundary } from '../error'\nimport TeamSubjectsSelector from '../TeamSubjectsSelector'\n\nexport const EMPTY_SUBJECT_LIST_ERROR_MESSAGE =\n  'Please select at least one resource for this Access Requirement to be associated with.'\nexport const UNSAVED_SUBJECTS_ERROR_MESSAGE = (\n  subjectsType: RestrictableObjectType,\n) => {\n  const idsText =\n    subjectsType === RestrictableObjectType.ENTITY ? 'Synapse' : 'Team'\n  const typeText =\n    subjectsType[0].toUpperCase() + subjectsType.slice(1).toLowerCase()\n  return `${idsText} IDs were specified but not added to the subjects list. Please either clear out the Add ${idsText} IDs textbox or click the Add ${pluralize(\n    typeText,\n  )} button.`\n}\nconst NAME_HELP_TEXT =\n  \"Enter access requirement name. This will also be used when sending notifications for expiring or revoked approval. For example, 'The approval for the name access requirement was revoked...'\"\n\nconst headerProps: Partial<TypographyProps> = {\n  variant: 'body1',\n  fontWeight: 700,\n}\n\nfunction getAccessType(subjectType: RestrictableObjectType) {\n  switch (subjectType) {\n    case RestrictableObjectType.ENTITY:\n      return ACCESS_TYPE.DOWNLOAD\n    case RestrictableObjectType.TEAM:\n      return ACCESS_TYPE.PARTICIPATE\n    default:\n      throw new Error(\n        `RestrictableObjectType ${subjectType} does not have an access type specified.`,\n      )\n  }\n}\n\nexport type SetAccessRequirementCommonFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetAccessRequirementCommonFieldsProps = {\n  /* Provided when creating a new AR */\n  subject?: RestrictableObjectDescriptor\n  /* Provided when editing an existing AR */\n  accessRequirementId?: string\n  /* Called when AR has been saved successfully */\n  onSave: (\n    accessRequirementId: string,\n    accessRequirementConreteType: ACCESS_REQUIREMENT_CONCRETE_TYPE,\n  ) => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetAccessRequirementCommonFields = forwardRef(\n  function SetAccessRequirementCommonFields(\n    props: SetAccessRequirementCommonFieldsProps,\n    ref: ForwardedRef<SetAccessRequirementCommonFieldsHandle>,\n  ) {\n    const { subject, accessRequirementId, onSave, onError } = props\n\n    const isEditing = !subject\n\n    const [subjects, setSubjects] = useState<RestrictableObjectDescriptor[]>(\n      subject ? [subject] : [],\n    )\n    const [hasPendingSubjects, setHasPendingSubjects] = useState<boolean>(false)\n    const [subjectsError, setSubjectsError] = useState<string | null>(null)\n    const [name, setName] = useState<string>('')\n    const [subjectsDefinedByAnnotations, setSubjectsDefinedByAnnotations] =\n      useState<boolean>(false)\n    const [arType, setArType] = useState<ACCESS_REQUIREMENT_CONCRETE_TYPE>(\n      subject?.type === RestrictableObjectType.TEAM\n        ? SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n        : MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    )\n    const [clientError, setClientError] = useState<string | null>(null)\n\n    const onMutationSuccess = (ar: AccessRequirement) => {\n      setClientError(null)\n      onSave(ar.id.toString(), ar.concreteType)\n    }\n\n    const onMutationError = (error: SynapseClientError) => {\n      setClientError(error.reason)\n      onError()\n    }\n\n    const { mutate: createAccessRequirement } = useCreateAccessRequirement({\n      onSuccess: newAr => onMutationSuccess(newAr),\n      onError: error => onMutationError(error),\n    })\n\n    const { mutate: updateAccessRequirement } = useUpdateAccessRequirement({\n      onSuccess: updatedAr => onMutationSuccess(updatedAr),\n      onError: error => onMutationError(error),\n    })\n\n    const {\n      data: accessRequirement,\n      isLoading: isLoadingAr,\n      error: getArError,\n    } = useGetAccessRequirements(accessRequirementId!, {\n      enabled: Boolean(accessRequirementId),\n    })\n\n    useEffect(() => {\n      if (accessRequirement) {\n        setArType(accessRequirement.concreteType)\n        setName(accessRequirement.name)\n        setSubjects(accessRequirement.subjectIds)\n        setSubjectsDefinedByAnnotations(\n          accessRequirement.subjectsDefinedByAnnotations,\n        )\n      }\n    }, [accessRequirement])\n\n    const subjectsType = useMemo(() => {\n      if (subject) {\n        return subject.type\n      }\n      if (accessRequirement) {\n        const initialSubjects = accessRequirement.subjectIds\n        if (initialSubjects.length > 0) {\n          return initialSubjects[0].type\n        }\n      }\n      if (subjectsDefinedByAnnotations) {\n        return RestrictableObjectType.ENTITY\n      }\n      return null\n    }, [subject, accessRequirement, subjectsDefinedByAnnotations])\n\n    const selectorContent = useMemo(() => {\n      if (!subjectsType) return <></>\n\n      function onUpdate(subjects: RestrictableObjectDescriptor[]) {\n        setSubjectsError(null)\n        setSubjects(subjects)\n      }\n\n      function onUpdateIdsTextbox(value: string) {\n        setSubjectsError(null)\n        setHasPendingSubjects(value.trim() !== '')\n      }\n\n      if (subjectsDefinedByAnnotations) {\n        return <></>\n      }\n      switch (subjectsType) {\n        case RestrictableObjectType.TEAM:\n          return (\n            <TeamSubjectsSelector\n              subjects={subjects}\n              onUpdate={subjects => onUpdate(subjects)}\n              onUpdateTeamIDsTextbox={value => onUpdateIdsTextbox(value)}\n            />\n          )\n        case RestrictableObjectType.ENTITY:\n          return (\n            <EntitySubjectsSelector\n              subjects={subjects}\n              onUpdate={subjects => onUpdate(subjects)}\n              onUpdateEntityIDsTextbox={value => onUpdateIdsTextbox(value)}\n            />\n          )\n        default:\n          console.error(\n            `RestrictableObjectType ${subjectsType} does not have a selector implemented.`,\n          )\n          return <></>\n      }\n    }, [subjectsType, subjects, subjectsDefinedByAnnotations])\n\n    useImperativeHandle(\n      ref,\n      () => {\n        return {\n          save() {\n            const isStillLoading =\n              (isEditing && !accessRequirement) || !subjectsType\n            const hasSubjectsError =\n              !subjectsDefinedByAnnotations &&\n              (hasPendingSubjects || subjects.length === 0)\n            if (isStillLoading || hasSubjectsError) {\n              if (hasSubjectsError && !isStillLoading) {\n                if (hasPendingSubjects) {\n                  setSubjectsError(UNSAVED_SUBJECTS_ERROR_MESSAGE(subjectsType))\n                } else if (subjects.length === 0) {\n                  setSubjectsError(EMPTY_SUBJECT_LIST_ERROR_MESSAGE)\n                }\n              }\n\n              onError()\n              return\n            }\n\n            const newAccessType = getAccessType(subjectsType)\n            if (!isEditing) {\n              const newAr: Partial<AccessRequirement> = {\n                concreteType: arType,\n                subjectIds: subjects,\n                name: name,\n                accessType: newAccessType,\n                subjectsDefinedByAnnotations: subjectsDefinedByAnnotations,\n              }\n              createAccessRequirement(newAr)\n            }\n\n            if (isEditing && accessRequirement) {\n              updateAccessRequirement({\n                ...accessRequirement,\n                subjectIds: subjects,\n                name: name,\n                accessType: newAccessType,\n                subjectsDefinedByAnnotations: subjectsDefinedByAnnotations,\n              })\n            }\n          },\n        }\n      },\n      [\n        hasPendingSubjects,\n        subjectsType,\n        subjects,\n        name,\n        arType,\n        accessRequirement,\n        isEditing,\n        onError,\n        createAccessRequirement,\n        updateAccessRequirement,\n        subjectsDefinedByAnnotations,\n      ],\n    )\n\n    if (isLoadingAr || !subjectsType) {\n      return (\n        <>\n          <Skeleton width={100} height={30} />\n          <Skeleton width={125} height={30} />\n          <Skeleton width=\"100%\">\n            <TextField />\n          </Skeleton>\n          <Skeleton width={100} height={30} />\n          <Skeleton width=\"100%\">\n            <TextField />\n          </Skeleton>\n        </>\n      )\n    }\n\n    if (getArError) {\n      return <Alert severity=\"error\">{getArError.reason}</Alert>\n    }\n\n    return (\n      <>\n        <Typography {...headerProps}>Resources</Typography>\n        {subjectsType !== RestrictableObjectType.TEAM && (\n          <FormControlLabel\n            control={<Checkbox />}\n            label=\"Associated entities should be defined by annotations (DUO)\"\n            checked={subjectsDefinedByAnnotations}\n            onChange={() => {\n              setSubjectsError(null)\n              // if we are switching from DUO to manually defining the subjects (and the AR has been retrieved), then\n              // reset to the AR subject IDs or the original subject ID.  Otherwise, clear out the subjects.\n              let newSubjectIds: RestrictableObjectDescriptor[] = []\n              if (subjectsDefinedByAnnotations) {\n                if (accessRequirement) {\n                  newSubjectIds = accessRequirement.subjectIds\n                } else if (subject) {\n                  newSubjectIds = [subject]\n                }\n              }\n              setSubjects(newSubjectIds)\n              setSubjectsDefinedByAnnotations(!subjectsDefinedByAnnotations)\n            }}\n          />\n        )}\n        <SynapseErrorBoundary>{selectorContent}</SynapseErrorBoundary>\n        {subjectsError && <Alert severity=\"error\">{subjectsError}</Alert>}\n        <Stack\n          direction=\"row\"\n          sx={{\n            gap: 1,\n            alignItems: 'center',\n            mb: 1,\n            mt: 2,\n          }}\n        >\n          <Typography component=\"label\" htmlFor=\"arName\" {...headerProps}>\n            Name\n          </Typography>\n          <Tooltip title={NAME_HELP_TEXT} placement=\"right\">\n            <HelpOutlineTwoTone sx={{ color: 'grey.600' }} />\n          </Tooltip>\n        </Stack>\n        <TextField\n          id=\"arName\"\n          name=\"arName\"\n          value={name}\n          placeholder=\"Access requirement name\"\n          fullWidth\n          onChange={event => setName(event.target.value)}\n        />\n        {!isEditing && subjectsType !== RestrictableObjectType.TEAM && (\n          <>\n            <Typography\n              {...headerProps}\n              sx={spreadSx(\n                {\n                  mt: 2,\n                },\n                headerProps.sx,\n              )}\n            >\n              Access requirement type\n            </Typography>\n            <RadioGroup\n              value={arType}\n              onChange={(_event, value) =>\n                setArType(value as ACCESS_REQUIREMENT_CONCRETE_TYPE)\n              }\n            >\n              <FormControlLabel\n                value={MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE}\n                control={<Radio />}\n                label=\"Controlled - requests are in Synapse\"\n              />\n              <FormControlLabel\n                value={SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE}\n                control={<Radio />}\n                label=\"Click wrap\"\n              />\n            </RadioGroup>\n          </>\n        )}\n        {clientError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {clientError}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":"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"}
+{"version":3,"file":"SetAccessRequirementCommonFields.js","names":[],"sources":["../../../src/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.tsx"],"sourcesContent":["import {\n  useCreateAccessRequirement,\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { spreadSx } from '@/theme/spreadSx'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Checkbox,\n  FormControlLabel,\n  Radio,\n  RadioGroup,\n  Skeleton,\n  Stack,\n  TextField,\n  Tooltip,\n  Typography,\n  TypographyProps,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  ACCESS_REQUIREMENT_CONCRETE_TYPE,\n  ACCESS_TYPE,\n  AccessRequirement,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  RestrictableObjectDescriptor,\n  RestrictableObjectType,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport pluralize from 'pluralize'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport EntitySubjectsSelector from '../EntitySubjectsSelector'\nimport { SynapseErrorBoundary } from '../error'\nimport TeamSubjectsSelector from '../TeamSubjectsSelector'\n\nexport const EMPTY_SUBJECT_LIST_ERROR_MESSAGE =\n  'Please select at least one resource for this Access Requirement to be associated with.'\nexport const UNSAVED_SUBJECTS_ERROR_MESSAGE = (\n  subjectsType: RestrictableObjectType,\n) => {\n  const idsText =\n    subjectsType === RestrictableObjectType.ENTITY ? 'Synapse' : 'Team'\n  const typeText =\n    subjectsType[0].toUpperCase() + subjectsType.slice(1).toLowerCase()\n  return `${idsText} IDs were specified but not added to the subjects list. Please either clear out the Add ${idsText} IDs textbox or click the Add ${pluralize(\n    typeText,\n  )} button.`\n}\nconst NAME_HELP_TEXT =\n  \"Enter access requirement name. This will also be used when sending notifications for expiring or revoked approval. For example, 'The approval for the name access requirement was revoked...'\"\n\nconst headerProps: Partial<TypographyProps> = {\n  variant: 'body1',\n  fontWeight: 700,\n}\n\nfunction getAccessType(subjectType: RestrictableObjectType) {\n  switch (subjectType) {\n    case RestrictableObjectType.ENTITY:\n      return ACCESS_TYPE.DOWNLOAD\n    case RestrictableObjectType.TEAM:\n      return ACCESS_TYPE.PARTICIPATE\n    default:\n      throw new Error(\n        `RestrictableObjectType ${subjectType} does not have an access type specified.`,\n      )\n  }\n}\n\nexport type SetAccessRequirementCommonFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetAccessRequirementCommonFieldsProps = {\n  /* Provided when creating a new AR */\n  subject?: RestrictableObjectDescriptor\n  /* Provided when editing an existing AR */\n  accessRequirementId?: string\n  /* Called when AR has been saved successfully */\n  onSave: (\n    accessRequirementId: string,\n    accessRequirementConreteType: ACCESS_REQUIREMENT_CONCRETE_TYPE,\n  ) => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetAccessRequirementCommonFields = forwardRef(\n  function SetAccessRequirementCommonFields(\n    props: SetAccessRequirementCommonFieldsProps,\n    ref: ForwardedRef<SetAccessRequirementCommonFieldsHandle>,\n  ) {\n    const { subject, accessRequirementId, onSave, onError } = props\n\n    const isEditing = !subject\n\n    const [subjects, setSubjects] = useState<RestrictableObjectDescriptor[]>(\n      subject ? [subject] : [],\n    )\n    const [hasPendingSubjects, setHasPendingSubjects] = useState<boolean>(false)\n    const [subjectsError, setSubjectsError] = useState<string | null>(null)\n    const [name, setName] = useState<string>('')\n    const [subjectsDefinedByAnnotations, setSubjectsDefinedByAnnotations] =\n      useState<boolean>(false)\n    const [arType, setArType] = useState<ACCESS_REQUIREMENT_CONCRETE_TYPE>(\n      subject?.type === RestrictableObjectType.TEAM\n        ? SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n        : MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n    )\n    const [clientError, setClientError] = useState<string | null>(null)\n\n    const onMutationSuccess = (ar: AccessRequirement) => {\n      setClientError(null)\n      onSave(ar.id.toString(), ar.concreteType)\n    }\n\n    const onMutationError = (error: SynapseClientError) => {\n      setClientError(error.reason)\n      onError()\n    }\n\n    const { mutate: createAccessRequirement } = useCreateAccessRequirement({\n      onSuccess: newAr => onMutationSuccess(newAr),\n      onError: error => onMutationError(error),\n    })\n\n    const { mutate: updateAccessRequirement } = useUpdateAccessRequirement({\n      onSuccess: updatedAr => onMutationSuccess(updatedAr),\n      onError: error => onMutationError(error),\n    })\n\n    const {\n      data: accessRequirement,\n      isLoading: isLoadingAr,\n      error: getArError,\n    } = useGetAccessRequirements(accessRequirementId!, {\n      enabled: Boolean(accessRequirementId),\n    })\n\n    useEffect(() => {\n      if (accessRequirement) {\n        setArType(accessRequirement.concreteType)\n        setName(accessRequirement.name)\n        setSubjects(accessRequirement.subjectIds)\n        setSubjectsDefinedByAnnotations(\n          accessRequirement.subjectsDefinedByAnnotations,\n        )\n      }\n    }, [accessRequirement])\n\n    const subjectsType = useMemo(() => {\n      if (subject) {\n        return subject.type\n      }\n      if (accessRequirement) {\n        const initialSubjects = accessRequirement.subjectIds\n        if (initialSubjects.length > 0) {\n          return initialSubjects[0].type\n        }\n      }\n      if (subjectsDefinedByAnnotations) {\n        return RestrictableObjectType.ENTITY\n      }\n      return null\n    }, [subject, accessRequirement, subjectsDefinedByAnnotations])\n\n    const selectorContent = useMemo(() => {\n      if (!subjectsType) return <></>\n\n      function onUpdate(subjects: RestrictableObjectDescriptor[]) {\n        setSubjectsError(null)\n        setSubjects(subjects)\n      }\n\n      function onUpdateIdsTextbox(value: string) {\n        setSubjectsError(null)\n        setHasPendingSubjects(value.trim() !== '')\n      }\n\n      if (subjectsDefinedByAnnotations) {\n        return <></>\n      }\n      switch (subjectsType) {\n        case RestrictableObjectType.TEAM:\n          return (\n            <TeamSubjectsSelector\n              subjects={subjects}\n              onUpdate={subjects => onUpdate(subjects)}\n              onUpdateTeamIDsTextbox={value => onUpdateIdsTextbox(value)}\n            />\n          )\n        case RestrictableObjectType.ENTITY:\n          return (\n            <EntitySubjectsSelector\n              subjects={subjects}\n              onUpdate={subjects => onUpdate(subjects)}\n              onUpdateEntityIDsTextbox={value => onUpdateIdsTextbox(value)}\n            />\n          )\n        default:\n          console.error(\n            `RestrictableObjectType ${subjectsType} does not have a selector implemented.`,\n          )\n          return <></>\n      }\n    }, [subjectsType, subjects, subjectsDefinedByAnnotations])\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          const isStillLoading =\n            (isEditing && !accessRequirement) || !subjectsType\n          const hasSubjectsError =\n            !subjectsDefinedByAnnotations &&\n            (hasPendingSubjects || subjects.length === 0)\n          if (isStillLoading || hasSubjectsError) {\n            if (hasSubjectsError && !isStillLoading) {\n              if (hasPendingSubjects) {\n                setSubjectsError(UNSAVED_SUBJECTS_ERROR_MESSAGE(subjectsType))\n              } else if (subjects.length === 0) {\n                setSubjectsError(EMPTY_SUBJECT_LIST_ERROR_MESSAGE)\n              }\n            }\n\n            onError()\n            return\n          }\n\n          const newAccessType = getAccessType(subjectsType)\n          if (!isEditing) {\n            const newAr: Partial<AccessRequirement> = {\n              concreteType: arType,\n              subjectIds: subjects,\n              name: name,\n              accessType: newAccessType,\n              subjectsDefinedByAnnotations: subjectsDefinedByAnnotations,\n            }\n            createAccessRequirement(newAr)\n          }\n\n          if (isEditing && accessRequirement) {\n            updateAccessRequirement({\n              ...accessRequirement,\n              subjectIds: subjects,\n              name: name,\n              accessType: newAccessType,\n              subjectsDefinedByAnnotations: subjectsDefinedByAnnotations,\n            })\n          }\n        },\n      }\n    }, [\n      hasPendingSubjects,\n      subjectsType,\n      subjects,\n      name,\n      arType,\n      accessRequirement,\n      isEditing,\n      onError,\n      createAccessRequirement,\n      updateAccessRequirement,\n      subjectsDefinedByAnnotations,\n    ])\n\n    if (isLoadingAr || !subjectsType) {\n      return (\n        <>\n          <Skeleton width={100} height={30} />\n          <Skeleton width={125} height={30} />\n          <Skeleton width=\"100%\">\n            <TextField />\n          </Skeleton>\n          <Skeleton width={100} height={30} />\n          <Skeleton width=\"100%\">\n            <TextField />\n          </Skeleton>\n        </>\n      )\n    }\n\n    if (getArError) {\n      return <Alert severity=\"error\">{getArError.reason}</Alert>\n    }\n\n    return (\n      <>\n        <Typography {...headerProps}>Resources</Typography>\n        {subjectsType !== RestrictableObjectType.TEAM && (\n          <FormControlLabel\n            control={<Checkbox />}\n            label=\"Associated entities should be defined by annotations (DUO)\"\n            checked={subjectsDefinedByAnnotations}\n            onChange={() => {\n              setSubjectsError(null)\n              // if we are switching from DUO to manually defining the subjects (and the AR has been retrieved), then\n              // reset to the AR subject IDs or the original subject ID.  Otherwise, clear out the subjects.\n              let newSubjectIds: RestrictableObjectDescriptor[] = []\n              if (subjectsDefinedByAnnotations) {\n                if (accessRequirement) {\n                  newSubjectIds = accessRequirement.subjectIds\n                } else if (subject) {\n                  newSubjectIds = [subject]\n                }\n              }\n              setSubjects(newSubjectIds)\n              setSubjectsDefinedByAnnotations(!subjectsDefinedByAnnotations)\n            }}\n          />\n        )}\n        <SynapseErrorBoundary>{selectorContent}</SynapseErrorBoundary>\n        {subjectsError && <Alert severity=\"error\">{subjectsError}</Alert>}\n        <Stack\n          direction=\"row\"\n          sx={{\n            gap: 1,\n            alignItems: 'center',\n            mb: 1,\n            mt: 2,\n          }}\n        >\n          <Typography component=\"label\" htmlFor=\"arName\" {...headerProps}>\n            Name\n          </Typography>\n          <Tooltip title={NAME_HELP_TEXT} placement=\"right\">\n            <HelpOutlineTwoTone sx={{ color: 'grey.600' }} />\n          </Tooltip>\n        </Stack>\n        <TextField\n          id=\"arName\"\n          name=\"arName\"\n          value={name}\n          placeholder=\"Access requirement name\"\n          fullWidth\n          onChange={event => setName(event.target.value)}\n        />\n        {!isEditing && subjectsType !== RestrictableObjectType.TEAM && (\n          <>\n            <Typography\n              {...headerProps}\n              sx={spreadSx(\n                {\n                  mt: 2,\n                },\n                headerProps.sx,\n              )}\n            >\n              Access requirement type\n            </Typography>\n            <RadioGroup\n              value={arType}\n              onChange={(_event, value) =>\n                setArType(value as ACCESS_REQUIREMENT_CONCRETE_TYPE)\n              }\n            >\n              <FormControlLabel\n                value={MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE}\n                control={<Radio />}\n                label=\"Controlled - requests are in Synapse\"\n              />\n              <FormControlLabel\n                value={SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE}\n                control={<Radio />}\n                label=\"Click wrap\"\n              />\n            </RadioGroup>\n          </>\n        )}\n        {clientError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {clientError}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":"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"}

package/dist/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetBasicAccessRequirementFields.d.ts","sourceRoot":"","sources":["../../../src/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,iBAAiB,EACjB,2BAA2B,EAC5B,MAAM,iCAAiC,CAAA;AAcxC,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAC1C,iBAAiB,EACjB,2BAA2B,CAC5B,CAAA;AAED,MAAM,MAAM,qCAAqC,GAAG;IAElD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,oCAAoC,GAAG;IACjD,mBAAmB,EAAE,MAAM,CAAA;IAE3B,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,2BAA2B,CAAC,EAAE,OAAO,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,+BAA+B,wJA4F3C,CAAA"}
+{"version":3,"file":"SetBasicAccessRequirementFields.d.ts","sourceRoot":"","sources":["../../../src/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,iBAAiB,EACjB,2BAA2B,EAC5B,MAAM,iCAAiC,CAAA;AAcxC,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAC1C,iBAAiB,EACjB,2BAA2B,CAC5B,CAAA;AAED,MAAM,MAAM,qCAAqC,GAAG;IAElD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,oCAAoC,GAAG;IACjD,mBAAmB,EAAE,MAAM,CAAA;IAE3B,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,2BAA2B,CAAC,EAAE,OAAO,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,+BAA+B,wJAwF3C,CAAA"}

package/dist/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetBasicAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport {\n  AccessRequirement,\n  ManagedACTAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { AccessorRequirements } from './AccessorRequirements'\nimport { AccessRequirementTextInstructions } from './AccessRequirementTextInstructions'\nimport { AccessRequirementWikiInstructions } from './AccessRequirementWikiInstructions'\n\nexport type BasicAccessRequirement = Exclude<\n  AccessRequirement,\n  ManagedACTAccessRequirement\n>\n\nexport type SetBasicAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetBasicAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n  allowDeleteTextInstructions?: boolean\n}\n\nexport const SetBasicAccessRequirementFields = forwardRef(\n  function SetBasicAccessRequirementFields(\n    props: SetBasicAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetBasicAccessRequirementFieldsHandle>,\n  ) {\n    const {\n      accessRequirementId,\n      onSave,\n      onError,\n      allowDeleteTextInstructions = false,\n    } = props\n    const [updatedAr, setUpdatedAr] = useState<BasicAccessRequirement | null>(\n      null,\n    )\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<BasicAccessRequirement>(accessRequirementId, {\n        staleTime: Infinity,\n      })\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n      }\n    }, [accessRequirement])\n\n    const { mutateAsync: updateAccessRequirement, error: updateArError } =\n      useUpdateAccessRequirement<BasicAccessRequirement>()\n\n    const onUpdateAccessRequirement = useCallback(\n      async (\n        updatedAr: BasicAccessRequirement,\n        isDeletingTextInstructions: boolean,\n      ) => {\n        try {\n          await updateAccessRequirement(updatedAr)\n          setUpdatedAr(updatedAr)\n          if (!isDeletingTextInstructions) {\n            onSave()\n          }\n        } catch {\n          if (!isDeletingTextInstructions) {\n            onError()\n          }\n        }\n      },\n      [onSave, onError, updateAccessRequirement],\n    )\n\n    useImperativeHandle(\n      ref,\n      () => {\n        return {\n          save() {\n            if (updatedAr) onUpdateAccessRequirement(updatedAr, false)\n          },\n        }\n      },\n      [updatedAr, onUpdateAccessRequirement],\n    )\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementTextInstructions\n          accessRequirement={updatedAr}\n          allowDelete={allowDeleteTextInstructions}\n          onConfirmDelete={updatedAr => {\n            onUpdateAccessRequirement(updatedAr as BasicAccessRequirement, true)\n          }}\n        />\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <AccessorRequirements\n          accessRequirement={updatedAr}\n          onChange={updatedAr =>\n            setUpdatedAr(updatedAr as BasicAccessRequirement)\n          }\n        />\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;AAyCA,IAAa,IAAkC,EAC7C,SACE,GACA,GACA;CACA,IAAM,EACJ,wBACA,WACA,YACA,iCAA8B,OAC5B,GACE,CAAC,GAAW,KAAgB,EAChC,KACD,EAEK,EAAE,MAAM,GAAmB,OAAO,MACtC,EAAiD,GAAqB,EACpE,WAAW,UACZ,CAAC;AACJ,SAAgB;AACd,EAAI,KACF,EAAa,EAAkB;IAEhC,CAAC,EAAkB,CAAC;CAEvB,IAAM,EAAE,aAAa,GAAyB,OAAO,MACnD,GAAoD,EAEhD,IAA4B,EAChC,OACE,GACA,MACG;AACH,MAAI;AAGF,GAFA,MAAM,EAAwB,EAAU,EACxC,EAAa,EAAU,EAClB,KACH,GAAQ;UAEJ;AACN,GAAK,KACH,GAAS;;IAIf;EAAC;EAAQ;EAAS;EAAwB,CAC3C;AAsBD,QApBA,EACE,UAES,EACL,OAAO;AACL,EAAI,KAAW,EAA0B,GAAW,GAAM;IAE7D,GAEH,CAAC,GAAW,EAA0B,CACvC,EAEI,IASH,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,mBAAmB;GACnB,aAAa;GACb,kBAAiB,MAAa;AAC5B,MAA0B,GAAqC,GAAK;;GAEtE,CAAA;EACF,kBAAC,GAAD,EAAmC,mBAAmB,GAAa,CAAA;EACnE,kBAAC,GAAD;GACE,mBAAmB;GACnB,WAAU,MACR,EAAa,EAAoC;GAEnD,CAAA;EACD,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,GAAG;aACzC,EAAc;GACT,CAAA;EAET,EAAA,CAAA,GA5BC,IACK,kBAAC,GAAD;EAAO,UAAS;YAAS,EAAW;EAAe,CAAA,GAEnD,kBAAC,GAAD,EAAkB,CAAA;EA4BhC"}
+{"version":3,"file":"SetBasicAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport {\n  AccessRequirement,\n  ManagedACTAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { AccessorRequirements } from './AccessorRequirements'\nimport { AccessRequirementTextInstructions } from './AccessRequirementTextInstructions'\nimport { AccessRequirementWikiInstructions } from './AccessRequirementWikiInstructions'\n\nexport type BasicAccessRequirement = Exclude<\n  AccessRequirement,\n  ManagedACTAccessRequirement\n>\n\nexport type SetBasicAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetBasicAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n  allowDeleteTextInstructions?: boolean\n}\n\nexport const SetBasicAccessRequirementFields = forwardRef(\n  function SetBasicAccessRequirementFields(\n    props: SetBasicAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetBasicAccessRequirementFieldsHandle>,\n  ) {\n    const {\n      accessRequirementId,\n      onSave,\n      onError,\n      allowDeleteTextInstructions = false,\n    } = props\n    const [updatedAr, setUpdatedAr] = useState<BasicAccessRequirement | null>(\n      null,\n    )\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<BasicAccessRequirement>(accessRequirementId, {\n        staleTime: Infinity,\n      })\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n      }\n    }, [accessRequirement])\n\n    const { mutateAsync: updateAccessRequirement, error: updateArError } =\n      useUpdateAccessRequirement<BasicAccessRequirement>()\n\n    const onUpdateAccessRequirement = useCallback(\n      async (\n        updatedAr: BasicAccessRequirement,\n        isDeletingTextInstructions: boolean,\n      ) => {\n        try {\n          await updateAccessRequirement(updatedAr)\n          setUpdatedAr(updatedAr)\n          if (!isDeletingTextInstructions) {\n            onSave()\n          }\n        } catch {\n          if (!isDeletingTextInstructions) {\n            onError()\n          }\n        }\n      },\n      [onSave, onError, updateAccessRequirement],\n    )\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) onUpdateAccessRequirement(updatedAr, false)\n        },\n      }\n    }, [updatedAr, onUpdateAccessRequirement])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementTextInstructions\n          accessRequirement={updatedAr}\n          allowDelete={allowDeleteTextInstructions}\n          onConfirmDelete={updatedAr => {\n            onUpdateAccessRequirement(updatedAr as BasicAccessRequirement, true)\n          }}\n        />\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <AccessorRequirements\n          accessRequirement={updatedAr}\n          onChange={updatedAr =>\n            setUpdatedAr(updatedAr as BasicAccessRequirement)\n          }\n        />\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;AAyCA,IAAa,IAAkC,EAC7C,SACE,GACA,GACA;CACA,IAAM,EACJ,wBACA,WACA,YACA,iCAA8B,OAC5B,GACE,CAAC,GAAW,KAAgB,EAChC,KACD,EAEK,EAAE,MAAM,GAAmB,OAAO,MACtC,EAAiD,GAAqB,EACpE,WAAW,UACZ,CAAC;AACJ,SAAgB;AACd,EAAI,KACF,EAAa,EAAkB;IAEhC,CAAC,EAAkB,CAAC;CAEvB,IAAM,EAAE,aAAa,GAAyB,OAAO,MACnD,GAAoD,EAEhD,IAA4B,EAChC,OACE,GACA,MACG;AACH,MAAI;AAGF,GAFA,MAAM,EAAwB,EAAU,EACxC,EAAa,EAAU,EAClB,KACH,GAAQ;UAEJ;AACN,GAAK,KACH,GAAS;;IAIf;EAAC;EAAQ;EAAS;EAAwB,CAC3C;AAkBD,QAhBA,EAAoB,UACX,EACL,OAAO;AACL,EAAI,KAAW,EAA0B,GAAW,GAAM;IAE7D,GACA,CAAC,GAAW,EAA0B,CAAC,EAErC,IASH,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,mBAAmB;GACnB,aAAa;GACb,kBAAiB,MAAa;AAC5B,MAA0B,GAAqC,GAAK;;GAEtE,CAAA;EACF,kBAAC,GAAD,EAAmC,mBAAmB,GAAa,CAAA;EACnE,kBAAC,GAAD;GACE,mBAAmB;GACnB,WAAU,MACR,EAAa,EAAoC;GAEnD,CAAA;EACD,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,GAAG;aACzC,EAAc;GACT,CAAA;EAET,EAAA,CAAA,GA5BC,IACK,kBAAC,GAAD;EAAO,UAAS;YAAS,EAAW;EAAe,CAAA,GAEnD,kBAAC,GAAD,EAAkB,CAAA;EA4BhC"}

package/dist/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SetManagedAccessRequirementFields.d.ts","sourceRoot":"","sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"names":[],"mappings":"AAqCA,eAAO,MAAM,yBAAyB,oDACa,CAAA;AAEnD,eAAO,MAAM,sCAAsC,GACjD,sBAAsB,MAAM,oBAa7B,CAAA;AAED,MAAM,MAAM,uCAAuC,GAAG;IAEpD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,sCAAsC,GAAG;IACnD,mBAAmB,EAAE,MAAM,CAAA;IAE3B,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iCAAiC,4JA2Q7C,CAAA"}
+{"version":3,"file":"SetManagedAccessRequirementFields.d.ts","sourceRoot":"","sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"names":[],"mappings":"AAqCA,eAAO,MAAM,yBAAyB,oDACa,CAAA;AAEnD,eAAO,MAAM,sCAAsC,GACjD,sBAAsB,MAAM,oBAa7B,CAAA;AAED,MAAM,MAAM,uCAAuC,GAAG;IAEpD,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,sCAAsC,GAAG;IACnD,mBAAmB,EAAE,MAAM,CAAA;IAE3B,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,iCAAiC,4JAuQ7C,CAAA"}