synapse-react-client 4.0.17 → 4.0.18

package/dist/components/entity/page/title_bar/TitleBarProperties.js

@@ -1,79 +1,79 @@
 import e from "../../../../synapse-queries/entity/useEntityBundle.js";
 import { useGetFeatureFlag as t } from "../../../../synapse-queries/featureflags/useGetFeatureFlag.js";
 import "../../../../synapse-queries/index.js";
-import n from "../../../AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton.js";
-import { useGetEntityTitleBarProperties as r } from "./useGetEntityTitleBarProperties.js";
-import { useState as i } from "react";
-import { Box as a, Divider as o, Link as s, Stack as c, Typography as l } from "@mui/material";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { FeatureFlagEnum as f } from "@sage-bionetworks/synapse-types";
+import { FeatureFlagEnum as n } from "../../../../utils/featureflag/FeatureFlags.js";
+import r from "../../../AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton.js";
+import { useGetEntityTitleBarProperties as i } from "./useGetEntityTitleBarProperties.js";
+import { useState as a } from "react";
+import { Box as o, Divider as s, Link as c, Stack as l, Typography as u } from "@mui/material";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/entity/page/title_bar/TitleBarProperties.tsx
 function p(e) {
 	let { title: t, value: n } = e;
-	return /* @__PURE__ */ d("tr", { children: [/* @__PURE__ */ u("td", {
+	return /* @__PURE__ */ f("tr", { children: [/* @__PURE__ */ d("td", {
 		style: { paddingRight: "1em" },
-		children: /* @__PURE__ */ u(l, {
+		children: /* @__PURE__ */ d(u, {
 			component: "span",
 			variant: "smallText1",
 			sx: { fontWeight: 700 },
 			children: t
 		})
-	}), /* @__PURE__ */ u("td", { children: /* @__PURE__ */ u(l, {
+	}), /* @__PURE__ */ d("td", { children: /* @__PURE__ */ d(u, {
 		component: "span",
 		variant: "smallText1",
 		children: n
 	}) })] });
 }
-function m(l) {
-	let { entityId: m, versionNumber: h, onActMemberClickAddConditionsForUse: g } = l, { data: _ } = e(m, h), v = t(f.DESCRIPTION_FIELD), y = r(m, h), [b, x] = i(!1);
-	return /* @__PURE__ */ d(a, {
+function m(u) {
+	let { entityId: m, versionNumber: h, onActMemberClickAddConditionsForUse: g } = u, { data: _ } = e(m, h), v = t(n.DESCRIPTION_FIELD), y = i(m, h), [b, x] = a(!1);
+	return /* @__PURE__ */ f(o, {
 		sx: { padding: "20px 40px" },
 		children: [
-			/* @__PURE__ */ d(c, {
+			/* @__PURE__ */ f(l, {
 				direction: "row",
 				sx: {
 					justifyContent: "space-between",
 					alignItems: "flex-start"
 				},
-				children: [/* @__PURE__ */ d(c, {
+				children: [/* @__PURE__ */ f(l, {
 					direction: "row",
-					divider: /* @__PURE__ */ u(o, {
+					divider: /* @__PURE__ */ d(s, {
 						orientation: "vertical",
 						flexItem: !0
 					}),
 					spacing: 2,
 					sx: { alignItems: "flex-start" },
 					children: [
-						/* @__PURE__ */ u("table", { children: /* @__PURE__ */ u("tbody", { children: y.slice(0, 2).map((e) => /* @__PURE__ */ u(p, {
+						/* @__PURE__ */ d("table", { children: /* @__PURE__ */ d("tbody", { children: y.slice(0, 2).map((e) => /* @__PURE__ */ d(p, {
 							title: e.title,
 							value: e.value
 						}, e.key)) }) }),
-						y.length > 2 && /* @__PURE__ */ u("table", { children: /* @__PURE__ */ u("tbody", { children: y.slice(2, 4).map((e) => /* @__PURE__ */ u(p, {
+						y.length > 2 && /* @__PURE__ */ d("table", { children: /* @__PURE__ */ d("tbody", { children: y.slice(2, 4).map((e) => /* @__PURE__ */ d(p, {
 							title: e.title,
 							value: e.value
 						}, e.key)) }) }),
-						(y.length === 5 || y.length === 6) && /* @__PURE__ */ u("table", { children: /* @__PURE__ */ u("tbody", { children: y.slice(4, 6).map((e) => /* @__PURE__ */ u(p, {
+						(y.length === 5 || y.length === 6) && /* @__PURE__ */ d("table", { children: /* @__PURE__ */ d("tbody", { children: y.slice(4, 6).map((e) => /* @__PURE__ */ d(p, {
 							title: e.title,
 							value: e.value
 						}, e.key)) }) }),
-						y.length > 6 && /* @__PURE__ */ u(s, {
+						y.length > 6 && /* @__PURE__ */ d(c, {
 							onClick: () => x((e) => !e),
 							children: b ? "Hide properties" : `${y.length - 4} more properties`
 						})
 					]
-				}), /* @__PURE__ */ u(n, {
+				}), /* @__PURE__ */ d(r, {
 					entityId: m,
 					onACTMemberClick: g
 				})]
 			}),
-			b && /* @__PURE__ */ u(a, {
+			b && /* @__PURE__ */ d(o, {
 				sx: { pt: "20px" },
-				children: /* @__PURE__ */ u("table", { children: /* @__PURE__ */ u("tbody", { children: y.slice(4, Infinity).map((e) => /* @__PURE__ */ u(p, {
+				children: /* @__PURE__ */ d("table", { children: /* @__PURE__ */ d("tbody", { children: y.slice(4, Infinity).map((e) => /* @__PURE__ */ d(p, {
 					title: e.title,
 					value: e.value
 				}, e.key)) }) })
 			}),
-			_?.entity?.description && v && /* @__PURE__ */ u(a, {
+			_?.entity?.description && v && /* @__PURE__ */ d(o, {
 				sx: {
 					marginTop: "10px",
 					maxWidth: "720px"

package/dist/components/entity/page/title_bar/TitleBarProperties.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBarProperties.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/TitleBarProperties.tsx"],"sourcesContent":["import { useGetEntityBundle, useGetFeatureFlag } from '@/synapse-queries'\nimport { Box, Divider, Link, Stack, Typography } from '@mui/material'\nimport { FeatureFlagEnum } from '@sage-bionetworks/synapse-types'\nimport { ReactNode, useState } from 'react'\nimport AddConditionsForUseButton from '../../../AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton'\nimport { useGetEntityTitleBarProperties } from './useGetEntityTitleBarProperties'\n\nexport type TitleBarPropertiesProps = {\n  entityId: string\n  versionNumber?: number\n  /* Callback invoked when an ACT member clicks \"Add Conditions for Use\". */\n  onActMemberClickAddConditionsForUse: () => void\n}\n\ntype PropertyProps = {\n  title: string\n  value: ReactNode\n}\nfunction Property(props: PropertyProps) {\n  const { title, value } = props\n  return (\n    <tr>\n      <td style={{ paddingRight: '1em' }}>\n        <Typography\n          component={'span'}\n          variant={'smallText1'}\n          sx={{\n            fontWeight: 700,\n          }}\n        >\n          {title}\n        </Typography>\n      </td>\n      <td>\n        <Typography component={'span'} variant={'smallText1'}>\n          {value}\n        </Typography>\n      </td>\n    </tr>\n  )\n}\n\n/**\n * The TitleBarProperties component displays a tabular view of the entity metadata on the Entity page.\n */\nexport default function TitleBarProperties(props: TitleBarPropertiesProps) {\n  const { entityId, versionNumber, onActMemberClickAddConditionsForUse } = props\n\n  // We don't need the entire bundle, but it's fetched for the rest of the title bar and useGetEntityTitleBarProperties below, so the cache will be hot.\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isFeatureEnabled = useGetFeatureFlag(FeatureFlagEnum.DESCRIPTION_FIELD)\n\n  // Actual entity data is fetched and transformed in this custom hook\n  const properties = useGetEntityTitleBarProperties(entityId, versionNumber)\n\n  const [showAllProperties, setShowAllProperties] = useState(false)\n\n  return (\n    <Box sx={{ padding: '20px 40px' }}>\n      <Stack\n        direction={'row'}\n        sx={{\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n        }}\n      >\n        <Stack\n          direction=\"row\"\n          divider={<Divider orientation=\"vertical\" flexItem />}\n          spacing={2}\n          sx={{\n            alignItems: 'flex-start',\n          }}\n        >\n          {/* Always show the first 4 properties*/}\n          <table>\n            <tbody>\n              {properties.slice(0, 2).map(p => {\n                return <Property key={p.key} title={p.title} value={p.value} />\n              })}\n            </tbody>\n          </table>\n          {properties.length > 2 && (\n            <table>\n              <tbody>\n                {properties.slice(2, 4).map(p => {\n                  return (\n                    <Property key={p.key} title={p.title} value={p.value} />\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n          {/* If there are 5 or 6 properties, show them in the last column */}\n          {(properties.length === 5 || properties.length === 6) && (\n            <table>\n              <tbody>\n                {properties.slice(4, 6).map(p => {\n                  return (\n                    <Property key={p.key} title={p.title} value={p.value} />\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n          {/* If there are more than 6 properties, then just show a button that toggles showing the rest */}\n          {properties.length > 6 && (\n            <Link onClick={() => setShowAllProperties(v => !v)}>\n              {showAllProperties\n                ? 'Hide properties'\n                : `${properties.length - 4} more properties`}\n            </Link>\n          )}\n        </Stack>\n        <AddConditionsForUseButton\n          entityId={entityId}\n          onACTMemberClick={onActMemberClickAddConditionsForUse}\n        />\n      </Stack>\n      {showAllProperties && (\n        <Box sx={{ pt: '20px' }}>\n          <table>\n            <tbody>\n              {/* Show the remaining properties. */}\n              {properties.slice(4, Infinity).map(p => {\n                return <Property key={p.key} title={p.title} value={p.value} />\n              })}\n            </tbody>\n          </table>\n        </Box>\n      )}\n      {bundle?.entity?.description && isFeatureEnabled && (\n        <Box sx={{ marginTop: '10px', maxWidth: '720px' }}>\n          {bundle?.entity?.description}\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;AAkBA,SAAS,EAAS,GAAsB;CACtC,IAAM,EAAE,UAAO,aAAU;AACzB,QACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;EAAI,OAAO,EAAE,cAAc,OAAO;YAChC,kBAAC,GAAD;GACE,WAAW;GACX,SAAS;GACT,IAAI,EACF,YAAY,KACb;aAEA;GACU,CAAA;EACV,CAAA,EACL,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;EAAY,WAAW;EAAQ,SAAS;YACrC;EACU,CAAA,EACV,CAAA,CACF,EAAA,CAAA;;AAOT,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,aAAU,kBAAe,2CAAwC,GAGnE,EAAE,MAAM,MAAW,EAAmB,GAAU,EAAc,EAE9D,IAAmB,EAAkB,EAAgB,kBAAkB,EAGvE,IAAa,EAA+B,GAAU,EAAc,EAEpE,CAAC,GAAmB,KAAwB,EAAS,GAAM;AAEjE,QACE,kBAAC,GAAD;EAAK,IAAI,EAAE,SAAS,aAAa;YAAjC;GACE,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KACF,gBAAgB;KAChB,YAAY;KACb;cALH,CAOE,kBAAC,GAAD;KACE,WAAU;KACV,SAAS,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;MAAW,CAAA;KACpD,SAAS;KACT,IAAI,EACF,YAAY,cACb;eANH;MASE,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAI,MACnB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;OAAS,EAAzC,EAAE,IAAuC,CAC/D,EACI,CAAA,EACF,CAAA;MACP,EAAW,SAAS,KACnB,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAI,MAExB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;OAAS,EAAzC,EAAE,IAAuC,CAE1D,EACI,CAAA,EACF,CAAA;OAGR,EAAW,WAAW,KAAK,EAAW,WAAW,MACjD,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAI,MAExB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;OAAS,EAAzC,EAAE,IAAuC,CAE1D,EACI,CAAA,EACF,CAAA;MAGT,EAAW,SAAS,KACnB,kBAAC,GAAD;OAAM,eAAe,GAAqB,MAAK,CAAC,EAAE;iBAC/C,IACG,oBACA,GAAG,EAAW,SAAS,EAAE;OACxB,CAAA;MAEH;QACR,kBAAC,GAAD;KACY;KACV,kBAAkB;KAClB,CAAA,CACI;;GACP,KACC,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,QAAQ;cACrB,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UAEG,EAAW,MAAM,GAAG,SAAS,CAAC,KAAI,MAC1B,kBAAC,GAAD;KAAsB,OAAO,EAAE;KAAO,OAAO,EAAE;KAAS,EAAzC,EAAE,IAAuC,CAC/D,EACI,CAAA,EACF,CAAA;IACJ,CAAA;GAEP,GAAQ,QAAQ,eAAe,KAC9B,kBAAC,GAAD;IAAK,IAAI;KAAE,WAAW;KAAQ,UAAU;KAAS;cAC9C,GAAQ,QAAQ;IACb,CAAA;GAEJ"}
+{"version":3,"file":"TitleBarProperties.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/TitleBarProperties.tsx"],"sourcesContent":["import { useGetEntityBundle, useGetFeatureFlag } from '@/synapse-queries'\nimport { Box, Divider, Link, Stack, Typography } from '@mui/material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { ReactNode, useState } from 'react'\nimport AddConditionsForUseButton from '../../../AccessRequirement/AddConditionsForUseButton/AddConditionsForUseButton'\nimport { useGetEntityTitleBarProperties } from './useGetEntityTitleBarProperties'\n\nexport type TitleBarPropertiesProps = {\n  entityId: string\n  versionNumber?: number\n  /* Callback invoked when an ACT member clicks \"Add Conditions for Use\". */\n  onActMemberClickAddConditionsForUse: () => void\n}\n\ntype PropertyProps = {\n  title: string\n  value: ReactNode\n}\nfunction Property(props: PropertyProps) {\n  const { title, value } = props\n  return (\n    <tr>\n      <td style={{ paddingRight: '1em' }}>\n        <Typography\n          component={'span'}\n          variant={'smallText1'}\n          sx={{\n            fontWeight: 700,\n          }}\n        >\n          {title}\n        </Typography>\n      </td>\n      <td>\n        <Typography component={'span'} variant={'smallText1'}>\n          {value}\n        </Typography>\n      </td>\n    </tr>\n  )\n}\n\n/**\n * The TitleBarProperties component displays a tabular view of the entity metadata on the Entity page.\n */\nexport default function TitleBarProperties(props: TitleBarPropertiesProps) {\n  const { entityId, versionNumber, onActMemberClickAddConditionsForUse } = props\n\n  // We don't need the entire bundle, but it's fetched for the rest of the title bar and useGetEntityTitleBarProperties below, so the cache will be hot.\n  const { data: bundle } = useGetEntityBundle(entityId, versionNumber)\n\n  const isFeatureEnabled = useGetFeatureFlag(FeatureFlagEnum.DESCRIPTION_FIELD)\n\n  // Actual entity data is fetched and transformed in this custom hook\n  const properties = useGetEntityTitleBarProperties(entityId, versionNumber)\n\n  const [showAllProperties, setShowAllProperties] = useState(false)\n\n  return (\n    <Box sx={{ padding: '20px 40px' }}>\n      <Stack\n        direction={'row'}\n        sx={{\n          justifyContent: 'space-between',\n          alignItems: 'flex-start',\n        }}\n      >\n        <Stack\n          direction=\"row\"\n          divider={<Divider orientation=\"vertical\" flexItem />}\n          spacing={2}\n          sx={{\n            alignItems: 'flex-start',\n          }}\n        >\n          {/* Always show the first 4 properties*/}\n          <table>\n            <tbody>\n              {properties.slice(0, 2).map(p => {\n                return <Property key={p.key} title={p.title} value={p.value} />\n              })}\n            </tbody>\n          </table>\n          {properties.length > 2 && (\n            <table>\n              <tbody>\n                {properties.slice(2, 4).map(p => {\n                  return (\n                    <Property key={p.key} title={p.title} value={p.value} />\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n          {/* If there are 5 or 6 properties, show them in the last column */}\n          {(properties.length === 5 || properties.length === 6) && (\n            <table>\n              <tbody>\n                {properties.slice(4, 6).map(p => {\n                  return (\n                    <Property key={p.key} title={p.title} value={p.value} />\n                  )\n                })}\n              </tbody>\n            </table>\n          )}\n          {/* If there are more than 6 properties, then just show a button that toggles showing the rest */}\n          {properties.length > 6 && (\n            <Link onClick={() => setShowAllProperties(v => !v)}>\n              {showAllProperties\n                ? 'Hide properties'\n                : `${properties.length - 4} more properties`}\n            </Link>\n          )}\n        </Stack>\n        <AddConditionsForUseButton\n          entityId={entityId}\n          onACTMemberClick={onActMemberClickAddConditionsForUse}\n        />\n      </Stack>\n      {showAllProperties && (\n        <Box sx={{ pt: '20px' }}>\n          <table>\n            <tbody>\n              {/* Show the remaining properties. */}\n              {properties.slice(4, Infinity).map(p => {\n                return <Property key={p.key} title={p.title} value={p.value} />\n              })}\n            </tbody>\n          </table>\n        </Box>\n      )}\n      {bundle?.entity?.description && isFeatureEnabled && (\n        <Box sx={{ marginTop: '10px', maxWidth: '720px' }}>\n          {bundle?.entity?.description}\n        </Box>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;AAkBA,SAAS,EAAS,GAAsB;CACtC,IAAM,EAAE,UAAO,aAAU;AACzB,QACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;EAAI,OAAO,EAAE,cAAc,OAAO;YAChC,kBAAC,GAAD;GACE,WAAW;GACX,SAAS;GACT,IAAI,EACF,YAAY,KACb;aAEA;GACU,CAAA;EACV,CAAA,EACL,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;EAAY,WAAW;EAAQ,SAAS;YACrC;EACU,CAAA,EACV,CAAA,CACF,EAAA,CAAA;;AAOT,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,aAAU,kBAAe,2CAAwC,GAGnE,EAAE,MAAM,MAAW,EAAmB,GAAU,EAAc,EAE9D,IAAmB,EAAkB,EAAgB,kBAAkB,EAGvE,IAAa,EAA+B,GAAU,EAAc,EAEpE,CAAC,GAAmB,KAAwB,EAAS,GAAM;AAEjE,QACE,kBAAC,GAAD;EAAK,IAAI,EAAE,SAAS,aAAa;YAAjC;GACE,kBAAC,GAAD;IACE,WAAW;IACX,IAAI;KACF,gBAAgB;KAChB,YAAY;KACb;cALH,CAOE,kBAAC,GAAD;KACE,WAAU;KACV,SAAS,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;MAAW,CAAA;KACpD,SAAS;KACT,IAAI,EACF,YAAY,cACb;eANH;MASE,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAI,MACnB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;OAAS,EAAzC,EAAE,IAAuC,CAC/D,EACI,CAAA,EACF,CAAA;MACP,EAAW,SAAS,KACnB,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAI,MAExB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;OAAS,EAAzC,EAAE,IAAuC,CAE1D,EACI,CAAA,EACF,CAAA;OAGR,EAAW,WAAW,KAAK,EAAW,WAAW,MACjD,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UACG,EAAW,MAAM,GAAG,EAAE,CAAC,KAAI,MAExB,kBAAC,GAAD;OAAsB,OAAO,EAAE;OAAO,OAAO,EAAE;OAAS,EAAzC,EAAE,IAAuC,CAE1D,EACI,CAAA,EACF,CAAA;MAGT,EAAW,SAAS,KACnB,kBAAC,GAAD;OAAM,eAAe,GAAqB,MAAK,CAAC,EAAE;iBAC/C,IACG,oBACA,GAAG,EAAW,SAAS,EAAE;OACxB,CAAA;MAEH;QACR,kBAAC,GAAD;KACY;KACV,kBAAkB;KAClB,CAAA,CACI;;GACP,KACC,kBAAC,GAAD;IAAK,IAAI,EAAE,IAAI,QAAQ;cACrB,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UAEG,EAAW,MAAM,GAAG,SAAS,CAAC,KAAI,MAC1B,kBAAC,GAAD;KAAsB,OAAO,EAAE;KAAO,OAAO,EAAE;KAAS,EAAzC,EAAE,IAAuC,CAC/D,EACI,CAAA,EACF,CAAA;IACJ,CAAA;GAEP,GAAQ,QAAQ,eAAe,KAC9B,kBAAC,GAAD;IAAK,IAAI;KAAE,WAAW;KAAQ,UAAU;KAAS;cAC9C,GAAQ,QAAQ;IACb,CAAA;GAEJ"}

package/dist/components/entity/page/title_bar/useGetMentions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetMentions.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/useGetMentions.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { skipToken, useQuery, UseQueryOptions } from '@tanstack/react-query'\nimport {\n  COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  ColumnSingleValueFilterOperator,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { CitingWork } from './useDataCiteUsage'\n\nconst MENTIONS_SYNAPSE_TABLE_ID = 'syn66047339'\n\nexport type EuropePMCAuthor = {\n  fullName?: string\n  firstName?: string\n  lastName?: string\n}\n\nexport type EuropePMCAuthorList = {\n  author?: EuropePMCAuthor[]\n}\n\nexport type EuropePMCResult = {\n  id?: string\n  pmid?: string\n  pmcid?: string\n  doi?: string\n  title?: string\n  journalTitle?: string\n  pubYear?: string\n  authorList?: EuropePMCAuthorList\n}\n\nexport type EuropePMCResponse = {\n  resultList: {\n    result: EuropePMCResult[]\n  }\n}\n\nexport const getMentionsQueryKey = (entityId: string) =>\n  ['europepmc', entityId] as const\n\nexport async function fetchMetadataForPMCIDs(\n  signal: AbortSignal,\n  pmcids: string[],\n): Promise<CitingWork[]> {\n  if (pmcids.length === 0) return []\n  const query = pmcids.map(id => `PMCID:${id}`).join(' OR ')\n\n  const url = new URL('https://www.ebi.ac.uk/europepmc/webservices/rest/search')\n  url.searchParams.set('query', query)\n  url.searchParams.set('format', 'json')\n  url.searchParams.set('pageSize', String(pmcids.length))\n\n  const resp = await fetch(url.toString(), {\n    headers: { Accept: 'application/json' },\n    signal,\n  })\n  if (!resp.ok)\n    throw new Error(`Europe PMC error ${resp.status}: ${await resp.text()}`)\n\n  const json = (await resp.json()) as EuropePMCResponse\n  return mapEuropePMCResponseToCitingWorks(json)\n}\n\nexport function mapEuropePMCResponseToCitingWorks(\n  json: EuropePMCResponse,\n): CitingWork[] {\n  return json.resultList.result.map(\n    r =>\n      ({\n        id: r.pmcid,\n        title: r.title ?? '(Untitled)',\n        doi: r.doi,\n        publisher: r.journalTitle,\n        publicationYear: r.pubYear ? Number(r.pubYear) : undefined,\n        // authors: r.authorList?.author?.map((a: EuropePMCAuthor) => a.fullName ?? `${a.firstName ?? \"\"} ${a.lastName ?? \"\"}`.trim()) ?? [],\n      } as CitingWork),\n  )\n}\n\nexport function useGetMentions(\n  entityId: string,\n  options?: Omit<UseQueryOptions<CitingWork[], Error>, 'queryKey' | 'queryFn'>,\n) {\n  const query: Query = {\n    sql: `select pmcid from ${MENTIONS_SYNAPSE_TABLE_ID}`,\n    additionalFilters: [\n      {\n        concreteType: COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n        columnName: 'synid',\n        operator: ColumnSingleValueFilterOperator.EQUAL,\n        values: [entityId],\n      },\n    ],\n  }\n\n  const { data } = useGetQueryResultBundleWithAsyncStatus({\n    entityId: entityId,\n    query,\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  })\n\n  const rows = data?.responseBody?.queryResult?.queryResults?.rows\n  const pcmids = rows\n    ?.map(row => {\n      const pmcid = row.values[0]\n      // remove \"pmc:\" prefix if present\n      return pmcid?.toString().replace(/^pmc:/i, '')\n    })\n    .filter(pmcid => pmcid != null) as string[]\n  const key = useMemo(() => getMentionsQueryKey(entityId), [entityId])\n  return useQuery({\n    ...options,\n    queryKey: key,\n    queryFn: pcmids\n      ? ({ signal }) => {\n          return fetchMetadataForPMCIDs(signal, pcmids)\n        }\n      : skipToken,\n  })\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAA4B,eA6BrB,KAAuB,MAClC,CAAC,aAAa,EAAS;AAEzB,eAAsB,EACpB,GACA,GACuB;AACvB,KAAI,EAAO,WAAW,EAAG,QAAO,EAAE;CAClC,IAAM,IAAQ,EAAO,KAAI,MAAM,SAAS,IAAK,CAAC,KAAK,OAAO,EAEpD,IAAM,IAAI,IAAI,0DAA0D;AAG9E,CAFA,EAAI,aAAa,IAAI,SAAS,EAAM,EACpC,EAAI,aAAa,IAAI,UAAU,OAAO,EACtC,EAAI,aAAa,IAAI,YAAY,OAAO,EAAO,OAAO,CAAC;CAEvD,IAAM,IAAO,MAAM,MAAM,EAAI,UAAU,EAAE;EACvC,SAAS,EAAE,QAAQ,oBAAoB;EACvC;EACD,CAAC;AACF,KAAI,CAAC,EAAK,GACR,OAAU,MAAM,oBAAoB,EAAK,OAAO,IAAI,MAAM,EAAK,MAAM,GAAG;AAG1E,QAAO,EAAkC,MADrB,EAAK,MAAM,CACe;;AAGhD,SAAgB,EACd,GACc;AACd,QAAO,EAAK,WAAW,OAAO,KAC5B,OACG;EACC,IAAI,EAAE;EACN,OAAO,EAAE,SAAS;EAClB,KAAK,EAAE;EACP,WAAW,EAAE;EACb,iBAAiB,EAAE,UAAU,OAAO,EAAE,QAAQ,GAAG,KAAA;EAElD,EACJ;;AAGH,SAAgB,EACd,GACA,GACA;CAaA,IAAM,EAAE,YAAS,EAAuC;EAC5C;EACV,OAAA;GAbA,KAAK,qBAAqB;GAC1B,mBAAmB,CACjB;IACE,cAAc;IACd,YAAY;IACZ,UAAU,EAAgC;IAC1C,QAAQ,CAAC,EAAS;IACnB,CACF;GAKD;EACA,UAAA;EACA,cAAc;EACf,CAAC,EAGI,KADO,GAAM,cAAc,aAAa,cAAc,OAExD,KAAI,MACU,EAAI,OAAO,IAEX,UAAU,CAAC,QAAQ,UAAU,GAAG,CAC9C,CACD,QAAO,MAAS,KAAS,KAAK,EAC3B,IAAM,QAAc,EAAoB,EAAS,EAAE,CAAC,EAAS,CAAC;AACpE,QAAO,EAAS;EACd,GAAG;EACH,UAAU;EACV,SAAS,KACJ,EAAE,gBACM,EAAuB,GAAQ,EAAO,GAE/C;EACL,CAAC"}
+{"version":3,"file":"useGetMentions.js","names":[],"sources":["../../../../../src/components/entity/page/title_bar/useGetMentions.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { skipToken, useQuery, UseQueryOptions } from '@tanstack/react-query'\nimport {\n  COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  ColumnSingleValueFilterOperator,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { CitingWork } from './useDataCiteUsage'\n\nconst MENTIONS_SYNAPSE_TABLE_ID = 'syn66047339'\n\nexport type EuropePMCAuthor = {\n  fullName?: string\n  firstName?: string\n  lastName?: string\n}\n\nexport type EuropePMCAuthorList = {\n  author?: EuropePMCAuthor[]\n}\n\nexport type EuropePMCResult = {\n  id?: string\n  pmid?: string\n  pmcid?: string\n  doi?: string\n  title?: string\n  journalTitle?: string\n  pubYear?: string\n  authorList?: EuropePMCAuthorList\n}\n\nexport type EuropePMCResponse = {\n  resultList: {\n    result: EuropePMCResult[]\n  }\n}\n\nexport const getMentionsQueryKey = (entityId: string) =>\n  ['europepmc', entityId] as const\n\nexport async function fetchMetadataForPMCIDs(\n  signal: AbortSignal,\n  pmcids: string[],\n): Promise<CitingWork[]> {\n  if (pmcids.length === 0) return []\n  const query = pmcids.map(id => `PMCID:${id}`).join(' OR ')\n\n  const url = new URL('https://www.ebi.ac.uk/europepmc/webservices/rest/search')\n  url.searchParams.set('query', query)\n  url.searchParams.set('format', 'json')\n  url.searchParams.set('pageSize', String(pmcids.length))\n\n  const resp = await fetch(url.toString(), {\n    headers: { Accept: 'application/json' },\n    signal,\n  })\n  if (!resp.ok)\n    throw new Error(`Europe PMC error ${resp.status}: ${await resp.text()}`)\n\n  const json = (await resp.json()) as EuropePMCResponse\n  return mapEuropePMCResponseToCitingWorks(json)\n}\n\nexport function mapEuropePMCResponseToCitingWorks(\n  json: EuropePMCResponse,\n): CitingWork[] {\n  return json.resultList.result.map(\n    r =>\n      ({\n        id: r.pmcid,\n        title: r.title ?? '(Untitled)',\n        doi: r.doi,\n        publisher: r.journalTitle,\n        publicationYear: r.pubYear ? Number(r.pubYear) : undefined,\n        // authors: r.authorList?.author?.map((a: EuropePMCAuthor) => a.fullName ?? `${a.firstName ?? \"\"} ${a.lastName ?? \"\"}`.trim()) ?? [],\n      }) as CitingWork,\n  )\n}\n\nexport function useGetMentions(\n  entityId: string,\n  options?: Omit<UseQueryOptions<CitingWork[], Error>, 'queryKey' | 'queryFn'>,\n) {\n  const query: Query = {\n    sql: `select pmcid from ${MENTIONS_SYNAPSE_TABLE_ID}`,\n    additionalFilters: [\n      {\n        concreteType: COLUMN_SINGLE_VALUE_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n        columnName: 'synid',\n        operator: ColumnSingleValueFilterOperator.EQUAL,\n        values: [entityId],\n      },\n    ],\n  }\n\n  const { data } = useGetQueryResultBundleWithAsyncStatus({\n    entityId: entityId,\n    query,\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  })\n\n  const rows = data?.responseBody?.queryResult?.queryResults?.rows\n  const pcmids = rows\n    ?.map(row => {\n      const pmcid = row.values[0]\n      // remove \"pmc:\" prefix if present\n      return pmcid?.toString().replace(/^pmc:/i, '')\n    })\n    .filter(pmcid => pmcid != null) as string[]\n  const key = useMemo(() => getMentionsQueryKey(entityId), [entityId])\n  return useQuery({\n    ...options,\n    queryKey: key,\n    queryFn: pcmids\n      ? ({ signal }) => {\n          return fetchMetadataForPMCIDs(signal, pcmids)\n        }\n      : skipToken,\n  })\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAA4B,eA6BrB,KAAuB,MAClC,CAAC,aAAa,EAAS;AAEzB,eAAsB,EACpB,GACA,GACuB;AACvB,KAAI,EAAO,WAAW,EAAG,QAAO,EAAE;CAClC,IAAM,IAAQ,EAAO,KAAI,MAAM,SAAS,IAAK,CAAC,KAAK,OAAO,EAEpD,IAAM,IAAI,IAAI,0DAA0D;AAG9E,CAFA,EAAI,aAAa,IAAI,SAAS,EAAM,EACpC,EAAI,aAAa,IAAI,UAAU,OAAO,EACtC,EAAI,aAAa,IAAI,YAAY,OAAO,EAAO,OAAO,CAAC;CAEvD,IAAM,IAAO,MAAM,MAAM,EAAI,UAAU,EAAE;EACvC,SAAS,EAAE,QAAQ,oBAAoB;EACvC;EACD,CAAC;AACF,KAAI,CAAC,EAAK,GACR,OAAU,MAAM,oBAAoB,EAAK,OAAO,IAAI,MAAM,EAAK,MAAM,GAAG;AAG1E,QAAO,EAAkC,MADrB,EAAK,MAAM,CACe;;AAGhD,SAAgB,EACd,GACc;AACd,QAAO,EAAK,WAAW,OAAO,KAC5B,OACG;EACC,IAAI,EAAE;EACN,OAAO,EAAE,SAAS;EAClB,KAAK,EAAE;EACP,WAAW,EAAE;EACb,iBAAiB,EAAE,UAAU,OAAO,EAAE,QAAQ,GAAG,KAAA;EAElD,EACJ;;AAGH,SAAgB,EACd,GACA,GACA;CAaA,IAAM,EAAE,YAAS,EAAuC;EAC5C;EACV,OAAA;GAbA,KAAK,qBAAqB;GAC1B,mBAAmB,CACjB;IACE,cAAc;IACd,YAAY;IACZ,UAAU,EAAgC;IAC1C,QAAQ,CAAC,EAAS;IACnB,CACF;GAKD;EACA,UAAA;EACA,cAAc;EACf,CAAC,EAGI,KADO,GAAM,cAAc,aAAa,cAAc,OAExD,KAAI,MACU,EAAI,OAAO,IAEX,UAAU,CAAC,QAAQ,UAAU,GAAG,CAC9C,CACD,QAAO,MAAS,KAAS,KAAK,EAC3B,IAAM,QAAc,EAAoB,EAAS,EAAE,CAAC,EAAS,CAAC;AACpE,QAAO,EAAS;EACd,GAAG;EACH,UAAU;EACV,SAAS,KACJ,EAAE,gBACM,EAAuB,GAAQ,EAAO,GAE/C;EACL,CAAC"}

package/dist/components/index.js

@@ -15,27 +15,27 @@ import "./ToastMessage/index.js";
 import v, { SynapseErrorType as y } from "./error/ErrorPage.js";
 import b from "./SynapseTable/NoContentAvailable.js";
 import x from "./IconSvg/IconSvg.js";
-import { StyledFormControl as S } from "./styled/StyledFormControl.js";
-import C from "./TextField/TextField.js";
-import { AccessTokenPage as w } from "./AccessTokenPage/AccessTokenPage.js";
+import S from "./TextField/TextField.js";
+import { AccessTokenPage as C } from "./AccessTokenPage/AccessTokenPage.js";
 import "./AccessTokenPage/index.js";
-import { AccountLevelBadges as T } from "./AccountLevelBadges/AccountLevelBadges.js";
+import { AccountLevelBadges as w } from "./AccountLevelBadges/AccountLevelBadges.js";
 import "./AccountLevelBadges/index.js";
-import E, { useLastLoginInfo as D, useLastLoginInfoState as O } from "./Authentication/LastLoginInfo.js";
+import T, { useLastLoginInfo as E, useLastLoginInfoState as D } from "./Authentication/LastLoginInfo.js";
 import "./TextField/index.js";
-import k from "./Authentication/PasswordField.js";
+import O from "./Authentication/PasswordField.js";
 import "./IconSvg/index.js";
-import A from "./Authentication/OneTimePasswordForm.js";
-import j from "./Authentication/StandaloneLoginForm.js";
-import { LeftRightPanel as M, StyledInnerContainer as N, StyledOuterContainer as P } from "./styled/LeftRightPanel.js";
-import F from "./Authentication/TwoFactorEnrollmentForm.js";
-import I from "./Authentication/TwoFactorAuthSettingsPanel.js";
-import L from "./Authentication/TwoFactorBackupCodes.js";
+import k from "./Authentication/OneTimePasswordForm.js";
+import A from "./Authentication/StandaloneLoginForm.js";
+import { LeftRightPanel as j, StyledInnerContainer as M, StyledOuterContainer as N } from "./styled/LeftRightPanel.js";
+import P from "./Authentication/TwoFactorEnrollmentForm.js";
+import F from "./Authentication/TwoFactorAuthSettingsPanel.js";
+import I from "./Authentication/TwoFactorBackupCodes.js";
 import "./Authentication/index.js";
-import { getFileHandleAssociation as R, getLinkParams as z, getValueOrMultiValue as B } from "./GenericCard/CardUtils.js";
-import { Project as V } from "../assets/themed_icons/Project.js";
-import H from "./Icon/Icon.js";
-import U from "./ShowMore/ShowMore.js";
+import { getFileHandleAssociation as L, getLinkParams as R, getValueOrMultiValue as z } from "./GenericCard/CardUtils.js";
+import { Project as B } from "../assets/themed_icons/Project.js";
+import V from "./Icon/Icon.js";
+import H from "./ShowMore/ShowMore.js";
+import { StyledFormControl as U } from "./styled/StyledFormControl.js";
 import { EntityDownloadConfirmation as W } from "./EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "./EntityDownloadConfirmation/index.js";
 import { QueryContext as G, QueryContextConsumer as K, QueryContextProvider as q, useQueryContext as J } from "./QueryContext/QueryContext.js";
@@ -225,4 +225,4 @@ import { PortalList as Yt } from "./PortalList/PortalList.js";
 import "./PortalList/index.js";
 import "./PortalAclEditor/index.js";
 import { visuallyHidden as Xt } from "./SynapseHomepageV2/HomepageStyles.js";
-export { gt as AccessRequirementAclEditor, Pt as AccessRequirementRelatedProjectsList, w as AccessTokenPage, T as AccountLevelBadges, be as AvailableEvaluationQueueList, Y as CARD_SHORT_DESCRIPTION_CSS, De as CTASectionWrapper, ae as CardContainer, de as CardContainerLogic, fe as CardGridWithLinks, he as CertificationQuiz, ye as ChallengeDataDownload, ge as ChallengeDetailPage, xe as ChallengeSubmission, Se as ChangePassword, Ce as ChangePasswordWithToken, r as ClientError, Ee as ColoredBulletListItem, _ as ConfirmationDialog, we as CookiePreferencesDialog, Te as CookiesNotification, Jt as CreatePortalModal, Lt as DatasetJsonLdScript, He as DiscussionThread, ke as DownloadCartPage, Oe as DownloadIneligibleForPackagingFilesFromListButton, je as DynamicForm, Me as DynamicFormModal, i as EmptyFallbackComponent, ve as EntityBadgeIcons, W as EntityDownloadConfirmation, Ne as EntityFinder, Pe as EntityForm, Nt as EntityHeaderTable, a as ErrorBanner, o as ErrorFallbackComponent, v as ErrorPage, Fe as EvaluationCard, Ie as EvaluationEditorPage, Le as ExperimentalMode, Re as ExternalFileHandleLink, ze as FeaturedDataTabs, Ht as FeaturedResearch, Be as FeaturedToolsList, se as FileUpload, Ue as ForumPage, e as FullWidthAlert, Q as GenericCard, Ge as Goals, qe as GoalsV2, Je as GoalsV3, Ye as GoogleAnalytics, le as HasAccess, g as HelpPopover, _e as HoverPopover, H as Icon, x as IconSvg, Bt as ImageCardGridWithLinks, yt as InputSizedButton, It as JsonLdScript, E as LastLoginInfo, M as LeftRightPanel, d as LightTooltip, X as LongDescription, Xe as Map, Ze as MarkdownCollapse, Ve as MarkdownEditor, Qe as MarkdownGithubLatestTag, ce as ModalDownload, Ft as MuiContainer, b as NoContentAvailable, $e as OAuthClientManagement, A as OneTimePasswordForm, et as OrientationBanner, k as PasswordField, Gt as PortalAclEditor, Kt as PortalAclEditorModal, qt as PortalCard, Vt as PortalFeatureHighlights, Wt as PortalFeaturedPartners, Ut as PortalHomePageHeader, Yt as PortalList, Ke as PortalSectionHeader, at as ProgrammaticTableDownload, it as Programs, st as ProjectDataAvailability, V as ProjectIcon, ot as ProvenanceGraph, G as QueryContext, K as QueryContextConsumer, q as QueryContextProvider, We as QueryCount, ne as QueryWrapper, lt as QueryWrapperPlotNav, ct as QueryWrapperSynapsePlot, zt as RecentPublicationsGrid, pt as RegisterPageLogoutPrompt, mt as RenderIfInView, ht as Resources, pe as RowDataTable, me as RowDataTableWithQuery, _t as RssFeedCards, Rt as SageResourcesPopover, ut as SearchQueryWrapper, dt as SearchQueryWrapperPlotNav, Z as ShortDescription, Ae as ShowDownloadV2, U as ShowMore, s as SignInPrompt, f as SkeletonButton, p as SkeletonInlineBlock, h as SkeletonParagraph, m as SkeletonTable, j as StandaloneLoginForm, vt as StandaloneQueryWrapper, S as StyledFormControl, N as StyledInnerContainer, P as StyledOuterContainer, bt as SubscriptionPage, xt as SubsectionRowRenderer, ee as SynapseCardLabel, wt as SynapseChat, c as SynapseErrorBoundary, y as SynapseErrorType, Ct as SynapseFormSubmissionGrid, St as SynapseFormWrapper, rt as SynapsePlot, Tt as SynapsePortalChatDialog, ue as SynapseTable, t as SynapseToastContainer, Et as SystemUseNotification, Dt as TableFeedCards, l as TableRowFallbackComponent, Ot as TermsAndConditions, C as TextField, tt as ThemesPlot, kt as TimelinePlot, I as TwoFactorAuthSettingsPanel, L as TwoFactorBackupCodes, F as TwoFactorEnrollmentForm, nt as UpsetPlot, $ as UserCard, ie as UserCardList, jt as UserCardListGroups, At as UserCardListRotate, oe as UserOrTeamBadge, Mt as UserProfileLinks, re as WideButton, u as YOU_ARE_NOT_AUTHORIZED_MESSAGE, n as displayToast, te as generateEncodedPathAndQueryForSelectedFacetURL, R as getFileHandleAssociation, z as getLinkParams, B as getValueOrMultiValue, ft as isSearchQueryWrapperPlotNavProps, D as useLastLoginInfo, O as useLastLoginInfoState, J as useQueryContext, Xt as visuallyHidden };
+export { gt as AccessRequirementAclEditor, Pt as AccessRequirementRelatedProjectsList, C as AccessTokenPage, w as AccountLevelBadges, be as AvailableEvaluationQueueList, Y as CARD_SHORT_DESCRIPTION_CSS, De as CTASectionWrapper, ae as CardContainer, de as CardContainerLogic, fe as CardGridWithLinks, he as CertificationQuiz, ye as ChallengeDataDownload, ge as ChallengeDetailPage, xe as ChallengeSubmission, Se as ChangePassword, Ce as ChangePasswordWithToken, r as ClientError, Ee as ColoredBulletListItem, _ as ConfirmationDialog, we as CookiePreferencesDialog, Te as CookiesNotification, Jt as CreatePortalModal, Lt as DatasetJsonLdScript, He as DiscussionThread, ke as DownloadCartPage, Oe as DownloadIneligibleForPackagingFilesFromListButton, je as DynamicForm, Me as DynamicFormModal, i as EmptyFallbackComponent, ve as EntityBadgeIcons, W as EntityDownloadConfirmation, Ne as EntityFinder, Pe as EntityForm, Nt as EntityHeaderTable, a as ErrorBanner, o as ErrorFallbackComponent, v as ErrorPage, Fe as EvaluationCard, Ie as EvaluationEditorPage, Le as ExperimentalMode, Re as ExternalFileHandleLink, ze as FeaturedDataTabs, Ht as FeaturedResearch, Be as FeaturedToolsList, se as FileUpload, Ue as ForumPage, e as FullWidthAlert, Q as GenericCard, Ge as Goals, qe as GoalsV2, Je as GoalsV3, Ye as GoogleAnalytics, le as HasAccess, g as HelpPopover, _e as HoverPopover, V as Icon, x as IconSvg, Bt as ImageCardGridWithLinks, yt as InputSizedButton, It as JsonLdScript, T as LastLoginInfo, j as LeftRightPanel, d as LightTooltip, X as LongDescription, Xe as Map, Ze as MarkdownCollapse, Ve as MarkdownEditor, Qe as MarkdownGithubLatestTag, ce as ModalDownload, Ft as MuiContainer, b as NoContentAvailable, $e as OAuthClientManagement, k as OneTimePasswordForm, et as OrientationBanner, O as PasswordField, Gt as PortalAclEditor, Kt as PortalAclEditorModal, qt as PortalCard, Vt as PortalFeatureHighlights, Wt as PortalFeaturedPartners, Ut as PortalHomePageHeader, Yt as PortalList, Ke as PortalSectionHeader, at as ProgrammaticTableDownload, it as Programs, st as ProjectDataAvailability, B as ProjectIcon, ot as ProvenanceGraph, G as QueryContext, K as QueryContextConsumer, q as QueryContextProvider, We as QueryCount, ne as QueryWrapper, lt as QueryWrapperPlotNav, ct as QueryWrapperSynapsePlot, zt as RecentPublicationsGrid, pt as RegisterPageLogoutPrompt, mt as RenderIfInView, ht as Resources, pe as RowDataTable, me as RowDataTableWithQuery, _t as RssFeedCards, Rt as SageResourcesPopover, ut as SearchQueryWrapper, dt as SearchQueryWrapperPlotNav, Z as ShortDescription, Ae as ShowDownloadV2, H as ShowMore, s as SignInPrompt, f as SkeletonButton, p as SkeletonInlineBlock, h as SkeletonParagraph, m as SkeletonTable, A as StandaloneLoginForm, vt as StandaloneQueryWrapper, U as StyledFormControl, M as StyledInnerContainer, N as StyledOuterContainer, bt as SubscriptionPage, xt as SubsectionRowRenderer, ee as SynapseCardLabel, wt as SynapseChat, c as SynapseErrorBoundary, y as SynapseErrorType, Ct as SynapseFormSubmissionGrid, St as SynapseFormWrapper, rt as SynapsePlot, Tt as SynapsePortalChatDialog, ue as SynapseTable, t as SynapseToastContainer, Et as SystemUseNotification, Dt as TableFeedCards, l as TableRowFallbackComponent, Ot as TermsAndConditions, S as TextField, tt as ThemesPlot, kt as TimelinePlot, F as TwoFactorAuthSettingsPanel, I as TwoFactorBackupCodes, P as TwoFactorEnrollmentForm, nt as UpsetPlot, $ as UserCard, ie as UserCardList, jt as UserCardListGroups, At as UserCardListRotate, oe as UserOrTeamBadge, Mt as UserProfileLinks, re as WideButton, u as YOU_ARE_NOT_AUTHORIZED_MESSAGE, n as displayToast, te as generateEncodedPathAndQueryForSelectedFacetURL, L as getFileHandleAssociation, R as getLinkParams, z as getValueOrMultiValue, ft as isSearchQueryWrapperPlotNavProps, E as useLastLoginInfo, D as useLastLoginInfoState, J as useQueryContext, Xt as visuallyHidden };

package/dist/components/styled/StyledFormControl.d.ts

@@ -1,5 +1,20 @@
 import { FormControlProps } from '@mui/material';
 import { StyledComponent } from '@emotion/styled';
+/**
+ * Provides bootstrap-like label/text inputs for a MUI FormControl.
+ *
+ * This should not be used with components that provide their own FormControl, such as TextField.
+ *
+ * @example
+ * ```tsx
+ *       <StyledFormControl fullWidth variant="standard" margin="normal">
+ *         <InputLabel shrink htmlFor="someinput">
+ *           labelText
+ *         </InputLabel>
+ *         <InputBase id="someinput"/>
+ *       </StyledFormControl>
+ * ```
+ */
 export declare const StyledFormControl: StyledComponent<FormControlProps>;
 export default StyledFormControl;
 //# sourceMappingURL=StyledFormControl.d.ts.map

package/dist/components/styled/StyledFormControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledFormControl.d.ts","sourceRoot":"","sources":["../../../src/components/styled/StyledFormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAIjB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAWjD,eAAO,MAAM,iBAAiB,EAAE,eAAe,CAAC,gBAAgB,CA0B7D,CAAA;AAEH,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"StyledFormControl.d.ts","sourceRoot":"","sources":["../../../src/components/styled/StyledFormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAIjB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,EAAE,eAAe,CAAC,gBAAgB,CA2B7D,CAAA;AAEH,eAAe,iBAAiB,CAAA"}

package/dist/components/styled/StyledFormControl.js

@@ -2,6 +2,7 @@ import { FormControl as e, formHelperTextClasses as t, inputBaseClasses as n, st
 //#region src/components/styled/StyledFormControl.tsx
 var i = r(e, { label: "StyledFormControl" })(({ theme: e }) => ({
 	"& label": {
+		position: "static",
 		fontSize: "14px",
 		transform: "none"
 	},

package/dist/components/styled/StyledFormControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledFormControl.js","names":[],"sources":["../../../src/components/styled/StyledFormControl.tsx"],"sourcesContent":["import {\n  FormControl,\n  FormControlProps,\n  formHelperTextClasses,\n  inputBaseClasses,\n  styled,\n} from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\n\n/* bootstrap-like label/text inputs\n usage:\n        <StyledFormControl fullWidth variant=\"standard\" margin=\"normal\">\n          <InputLabel shrink htmlFor=\"someinput\">\n            labelText\n          </InputLabel>\n          <InputBase id=\"someinput\"/>\n        </StyledFormControl>\n*/\nexport const StyledFormControl: StyledComponent<FormControlProps> = styled(\n  FormControl,\n  {\n    label: 'StyledFormControl',\n  },\n)(({ theme }) => ({\n  '& label': {\n    fontSize: '14px',\n    transform: 'none',\n  },\n  [`& .${formHelperTextClasses.root}`]: {\n    marginLeft: '0',\n    [`&.Mui-error`]: {\n      color: '#c13415',\n    },\n  },\n\n  [`& .${inputBaseClasses.root}`]: {\n    marginTop: theme.spacing(0.5),\n  },\n  '& .MuiInputBase-multiline': {\n    padding: '0px',\n  },\n  '& fieldset': {\n    border: 'none',\n  },\n}))\n\nexport default StyledFormControl\n"],"mappings":";;AAkBA,IAAa,IAAuD,EAClE,GACA,EACE,OAAO,qBACR,CACF,EAAE,EAAE,gBAAa;CAChB,WAAW;EACT,UAAU;EACV,WAAW;EACZ;EACA,MAAM,EAAsB,SAAS;EACpC,YAAY;EACX,eAAgB,EACf,OAAO,WACR;EACF;EAEA,MAAM,EAAiB,SAAS,EAC/B,WAAW,EAAM,QAAQ,GAAI,EAC9B;CACD,6BAA6B,EAC3B,SAAS,OACV;CACD,cAAc,EACZ,QAAQ,QACT;CACF,EAAE"}
+{"version":3,"file":"StyledFormControl.js","names":[],"sources":["../../../src/components/styled/StyledFormControl.tsx"],"sourcesContent":["import {\n  FormControl,\n  FormControlProps,\n  formHelperTextClasses,\n  inputBaseClasses,\n  styled,\n} from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\n\n/**\n * Provides bootstrap-like label/text inputs for a MUI FormControl.\n *\n * This should not be used with components that provide their own FormControl, such as TextField.\n *\n * @example\n * ```tsx\n *       <StyledFormControl fullWidth variant=\"standard\" margin=\"normal\">\n *         <InputLabel shrink htmlFor=\"someinput\">\n *           labelText\n *         </InputLabel>\n *         <InputBase id=\"someinput\"/>\n *       </StyledFormControl>\n * ```\n */\nexport const StyledFormControl: StyledComponent<FormControlProps> = styled(\n  FormControl,\n  {\n    label: 'StyledFormControl',\n  },\n)(({ theme }) => ({\n  '& label': {\n    position: 'static',\n    fontSize: '14px',\n    transform: 'none',\n  },\n  [`& .${formHelperTextClasses.root}`]: {\n    marginLeft: '0',\n    [`&.Mui-error`]: {\n      color: '#c13415',\n    },\n  },\n\n  [`& .${inputBaseClasses.root}`]: {\n    marginTop: theme.spacing(0.5),\n  },\n  '& .MuiInputBase-multiline': {\n    padding: '0px',\n  },\n  '& fieldset': {\n    border: 'none',\n  },\n}))\n\nexport default StyledFormControl\n"],"mappings":";;AAwBA,IAAa,IAAuD,EAClE,GACA,EACE,OAAO,qBACR,CACF,EAAE,EAAE,gBAAa;CAChB,WAAW;EACT,UAAU;EACV,UAAU;EACV,WAAW;EACZ;EACA,MAAM,EAAsB,SAAS;EACpC,YAAY;EACX,eAAgB,EACf,OAAO,WACR;EACF;EAEA,MAAM,EAAiB,SAAS,EAC/B,WAAW,EAAM,QAAQ,GAAI,EAC9B;CACD,6BAA6B,EAC3B,SAAS,OACV;CACD,cAAc,EACZ,QAAQ,QACT;CACF,EAAE"}

package/dist/components/styled/index.js

@@ -1,7 +1,7 @@
 import { LightTooltip as e } from "./LightTooltip.js";
-import { StyledFormControl as t } from "./StyledFormControl.js";
-import { LeftRightPanel as n, StyledInnerContainer as r, StyledOuterContainer as i } from "./LeftRightPanel.js";
+import { LeftRightPanel as t, StyledInnerContainer as n, StyledOuterContainer as r } from "./LeftRightPanel.js";
+import { StyledFormControl as i } from "./StyledFormControl.js";
 import { WideButton as a } from "./WideButton.js";
 import { HoverPopover as o } from "./HoverPopover.js";
 import { InputSizedButton as s } from "./InputSizedButton.js";
-export { o as HoverPopover, s as InputSizedButton, n as LeftRightPanel, e as LightTooltip, t as StyledFormControl, r as StyledInnerContainer, i as StyledOuterContainer, a as WideButton };
+export { o as HoverPopover, s as InputSizedButton, t as LeftRightPanel, e as LightTooltip, i as StyledFormControl, n as StyledInnerContainer, r as StyledOuterContainer, a as WideButton };

package/dist/components/utils/ConditionalWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/utils/ConditionalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,KAAK,uBAAuB,CAC1B,QAAQ,SAAS,aAAa,CAAC,iBAAiB,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,IAClF;IACF,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAA;IACzD,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAQxE"}
+{"version":3,"file":"ConditionalWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/utils/ConditionalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,KAAK,uBAAuB,CAC1B,QAAQ,SAAS,aAAa,CAAC,iBAAiB,CAAC,GAC/C,aAAa,CAAC,iBAAiB,CAAC,IAChC;IACF,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAA;IACzD,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAQxE"}

package/dist/components/utils/ConditionalWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalWrapper.js","names":[],"sources":["../../../src/components/utils/ConditionalWrapper.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  ComponentType,\n  PropsWithChildren,\n  ReactNode,\n} from 'react'\n\ntype ConditionalWrapperProps<\n  TWrapper extends ComponentType<PropsWithChildren> = ComponentType<PropsWithChildren>,\n> = {\n  condition: boolean\n  wrapper: TWrapper\n  wrapperProps?: Omit<ComponentProps<TWrapper>, 'children'>\n  children: ReactNode\n}\n\nexport default function ConditionalWrapper(props: ConditionalWrapperProps) {\n  const { condition, wrapper: Wrapper, wrapperProps, children } = props\n\n  return condition ? (\n    <Wrapper {...wrapperProps}>{children}</Wrapper>\n  ) : (\n    <>{children}</>\n  )\n}\n"],"mappings":";;AAgBA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,cAAW,SAAS,GAAS,iBAAc,gBAAa;AAEhE,QAAO,IACL,kBAAC,GAAD;EAAS,GAAI;EAAe;EAAmB,CAAA,GAE/C,kBAAA,GAAA,EAAG,aAAY,CAAA"}
+{"version":3,"file":"ConditionalWrapper.js","names":[],"sources":["../../../src/components/utils/ConditionalWrapper.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  ComponentType,\n  PropsWithChildren,\n  ReactNode,\n} from 'react'\n\ntype ConditionalWrapperProps<\n  TWrapper extends ComponentType<PropsWithChildren> =\n    ComponentType<PropsWithChildren>,\n> = {\n  condition: boolean\n  wrapper: TWrapper\n  wrapperProps?: Omit<ComponentProps<TWrapper>, 'children'>\n  children: ReactNode\n}\n\nexport default function ConditionalWrapper(props: ConditionalWrapperProps) {\n  const { condition, wrapper: Wrapper, wrapperProps, children } = props\n\n  return condition ? (\n    <Wrapper {...wrapperProps}>{children}</Wrapper>\n  ) : (\n    <>{children}</>\n  )\n}\n"],"mappings":";;AAiBA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,cAAW,SAAS,GAAS,iBAAc,gBAAa;AAEhE,QAAO,IACL,kBAAC,GAAD;EAAS,GAAI;EAAe;EAAmB,CAAA,GAE/C,kBAAA,GAAA,EAAG,aAAY,CAAA"}

package/dist/components/widgets/ElementWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementWithTooltip.js","names":[],"sources":["../../../src/components/widgets/ElementWithTooltip.tsx"],"sourcesContent":["import React from 'react'\nimport { Menu, Tooltip } from '@mui/material'\nimport {\n  ComponentElement,\n  CSSProperties,\n  MouseEvent,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from 'react'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { Icon } from '../row_renderers/utils'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\ntype CustomImageProps = {\n  svgImg: ComponentElement<any, any>\n  altText: string\n}\n\nexport type TooltipVisualProps = {\n  delayShow: number\n  place: 'top' | 'right' | 'bottom' | 'left'\n  type: 'dark' | 'success' | 'warning' | 'error' | 'info' | 'light'\n  effect: 'float' | 'solid'\n  border?: boolean\n}\n\nconst DEFAULT_TOOLTIP_VISUAL_PROPS: Partial<TooltipVisualProps> = {\n  place: 'top',\n}\n\n/*****************************************\n *  The control needs to either have a child element or needs to have an image supplied\n *  If the child element is supplied the control renders the child applying additional properties\n *  If the image is supplied the control renders a clickable image\n *  If there are no children and callback Fn is not supplied it is assumed to be a a dropdown trigger\n */\n\ntype ElementWithTooltipProps = PropsWithChildren<{\n  image?: IconSvgProps | CustomImageProps\n  imageColor?: string\n  tooltipText: string\n  callbackFn?: () => void\n  className?: string\n  tooltipVisualProps?: Partial<TooltipVisualProps>\n  darkTheme?: boolean\n  size?: string\n  icon?: ReactNode\n  /** The items to show in the menu -- NOTE: this cannot be a Fragment!\n   * @see https://stackoverflow.com/questions/75083605/mui-the-menu-component-doesnt-accept-a-fragment-as-a-child-consider-providing\n   */\n  menuItems?: React.ReactNode\n}>\n\nfunction getTooltipTriggerContents(\n  image: IconSvgProps | CustomImageProps,\n  imageColor: string | undefined,\n  size: CSSProperties['width'] | undefined,\n) {\n  if ('svgImg' in image) {\n    return image.svgImg\n  } else {\n    return <IconSvg {...image} sx={{ color: imageColor, width: size }} />\n  }\n}\n\nexport const ElementWithTooltip = ({\n  image,\n  callbackFn,\n  tooltipText,\n  className = '',\n  imageColor,\n  tooltipVisualProps = DEFAULT_TOOLTIP_VISUAL_PROPS,\n  children,\n  darkTheme,\n  size,\n  icon,\n  menuItems,\n}: ElementWithTooltipProps): React.ReactNode => {\n  const { place } = tooltipVisualProps\n  const iconComponent = icon ? (\n    typeof icon === 'string' ? (\n      <Icon type={icon}></Icon>\n    ) : (\n      icon\n    )\n  ) : undefined\n  const tooltipTriggerContents = iconComponent\n    ? iconComponent\n    : image\n    ? getTooltipTriggerContents(image, imageColor, size)\n    : children || <></>\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n  //if there is no callbackFn - assume it's a toggle\n\n  let tooltipTrigger: ReactNode\n  if (!children) {\n    tooltipTrigger = (\n      <button\n        tabIndex={0}\n        className={`ElementWithTooltip SRC-hand-cursor SRC-grey-background-hover ${className} ${\n          darkTheme ? 'dark-theme' : ''\n        } `}\n        onClick={e => {\n          if (callbackFn) {\n            callbackFn()\n          } else {\n            // open dropdown menu\n            handleClick(e)\n          }\n        }}\n        aria-label={tooltipText}\n      >\n        {tooltipTriggerContents}\n      </button>\n    )\n  } else {\n    tooltipTrigger = <div className=\"SRC-hand-cursor\">{children}</div>\n  }\n\n  return (\n    <>\n      <Tooltip\n        title={tooltipText}\n        enterNextDelay={TOOLTIP_DELAY_SHOW}\n        placement={place}\n        data-testid=\"ElementTooltip\"\n      >\n        {tooltipTrigger}\n      </Tooltip>\n      {menuItems && (\n        <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n          {menuItems}\n        </Menu>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AA2BA,IAAM,IAA4D,EAChE,OAAO,OACR;AAyBD,SAAS,EACP,GACA,GACA,GACA;AAIE,QAHE,YAAY,IACP,EAAM,SAEN,kBAAC,GAAD;EAAS,GAAI;EAAO,IAAI;GAAE,OAAO;GAAY,OAAO;GAAM;EAAI,CAAA;;AAIzE,IAAa,KAAsB,EACjC,UACA,eACA,gBACA,eAAY,IACZ,eACA,wBAAqB,GACrB,aACA,cACA,SACA,SACA,mBAC8C;CAC9C,IAAM,EAAE,aAAU,GAQZ,KAPgB,IACpB,OAAO,KAAS,WACd,kBAAC,GAAD,EAAM,MAAM,GAAa,CAAA,GAEzB,IAEA,KAAA,OAGA,IACA,EAA0B,GAAO,GAAY,EAAK,GAClD,KAAY,kBAAA,GAAA,EAAK,CAAA,GAEf,CAAC,GAAU,KAAe,EAA6B,KAAK,EAC5D,IAAO,EAAQ,GACf,KAAe,MAAyC;AAC5D,IAAY,EAAM,cAAc;IAE5B,UAAoB;AACxB,IAAY,KAAK;IAIf;AAyBJ,QAxBA,AACE,IADG,IAqBc,kBAAC,OAAD;EAAK,WAAU;EAAmB;EAAe,CAAA,GAnBhE,kBAAC,UAAD;EACE,UAAU;EACV,WAAW,gEAAgE,EAAU,GACnF,IAAY,eAAe,GAC5B;EACD,UAAS,MAAK;AACZ,GAAI,IACF,GAAY,GAGZ,EAAY,EAAE;;EAGlB,cAAY;YAEX;EACM,CAAA,EAOX,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO;EACP,gBAAA;EACA,WAAW;EACX,eAAY;YAEX;EACO,CAAA,EACT,KACC,kBAAC,GAAD;EAAgB;EAAgB;EAAM,SAAS;YAC5C;EACI,CAAA,CAER,EAAA,CAAA"}
+{"version":3,"file":"ElementWithTooltip.js","names":[],"sources":["../../../src/components/widgets/ElementWithTooltip.tsx"],"sourcesContent":["import React from 'react'\nimport { Menu, Tooltip } from '@mui/material'\nimport {\n  ComponentElement,\n  CSSProperties,\n  MouseEvent,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from 'react'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { Icon } from '../row_renderers/utils'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\ntype CustomImageProps = {\n  svgImg: ComponentElement<any, any>\n  altText: string\n}\n\nexport type TooltipVisualProps = {\n  delayShow: number\n  place: 'top' | 'right' | 'bottom' | 'left'\n  type: 'dark' | 'success' | 'warning' | 'error' | 'info' | 'light'\n  effect: 'float' | 'solid'\n  border?: boolean\n}\n\nconst DEFAULT_TOOLTIP_VISUAL_PROPS: Partial<TooltipVisualProps> = {\n  place: 'top',\n}\n\n/*****************************************\n *  The control needs to either have a child element or needs to have an image supplied\n *  If the child element is supplied the control renders the child applying additional properties\n *  If the image is supplied the control renders a clickable image\n *  If there are no children and callback Fn is not supplied it is assumed to be a a dropdown trigger\n */\n\ntype ElementWithTooltipProps = PropsWithChildren<{\n  image?: IconSvgProps | CustomImageProps\n  imageColor?: string\n  tooltipText: string\n  callbackFn?: () => void\n  className?: string\n  tooltipVisualProps?: Partial<TooltipVisualProps>\n  darkTheme?: boolean\n  size?: string\n  icon?: ReactNode\n  /** The items to show in the menu -- NOTE: this cannot be a Fragment!\n   * @see https://stackoverflow.com/questions/75083605/mui-the-menu-component-doesnt-accept-a-fragment-as-a-child-consider-providing\n   */\n  menuItems?: React.ReactNode\n}>\n\nfunction getTooltipTriggerContents(\n  image: IconSvgProps | CustomImageProps,\n  imageColor: string | undefined,\n  size: CSSProperties['width'] | undefined,\n) {\n  if ('svgImg' in image) {\n    return image.svgImg\n  } else {\n    return <IconSvg {...image} sx={{ color: imageColor, width: size }} />\n  }\n}\n\nexport const ElementWithTooltip = ({\n  image,\n  callbackFn,\n  tooltipText,\n  className = '',\n  imageColor,\n  tooltipVisualProps = DEFAULT_TOOLTIP_VISUAL_PROPS,\n  children,\n  darkTheme,\n  size,\n  icon,\n  menuItems,\n}: ElementWithTooltipProps): React.ReactNode => {\n  const { place } = tooltipVisualProps\n  const iconComponent = icon ? (\n    typeof icon === 'string' ? (\n      <Icon type={icon}></Icon>\n    ) : (\n      icon\n    )\n  ) : undefined\n  const tooltipTriggerContents = iconComponent\n    ? iconComponent\n    : image\n      ? getTooltipTriggerContents(image, imageColor, size)\n      : children || <></>\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n  //if there is no callbackFn - assume it's a toggle\n\n  let tooltipTrigger: ReactNode\n  if (!children) {\n    tooltipTrigger = (\n      <button\n        tabIndex={0}\n        className={`ElementWithTooltip SRC-hand-cursor SRC-grey-background-hover ${className} ${\n          darkTheme ? 'dark-theme' : ''\n        } `}\n        onClick={e => {\n          if (callbackFn) {\n            callbackFn()\n          } else {\n            // open dropdown menu\n            handleClick(e)\n          }\n        }}\n        aria-label={tooltipText}\n      >\n        {tooltipTriggerContents}\n      </button>\n    )\n  } else {\n    tooltipTrigger = <div className=\"SRC-hand-cursor\">{children}</div>\n  }\n\n  return (\n    <>\n      <Tooltip\n        title={tooltipText}\n        enterNextDelay={TOOLTIP_DELAY_SHOW}\n        placement={place}\n        data-testid=\"ElementTooltip\"\n      >\n        {tooltipTrigger}\n      </Tooltip>\n      {menuItems && (\n        <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n          {menuItems}\n        </Menu>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AA2BA,IAAM,IAA4D,EAChE,OAAO,OACR;AAyBD,SAAS,EACP,GACA,GACA,GACA;AAIE,QAHE,YAAY,IACP,EAAM,SAEN,kBAAC,GAAD;EAAS,GAAI;EAAO,IAAI;GAAE,OAAO;GAAY,OAAO;GAAM;EAAI,CAAA;;AAIzE,IAAa,KAAsB,EACjC,UACA,eACA,gBACA,eAAY,IACZ,eACA,wBAAqB,GACrB,aACA,cACA,SACA,SACA,mBAC8C;CAC9C,IAAM,EAAE,aAAU,GAQZ,KAPgB,IACpB,OAAO,KAAS,WACd,kBAAC,GAAD,EAAM,MAAM,GAAa,CAAA,GAEzB,IAEA,KAAA,OAGA,IACE,EAA0B,GAAO,GAAY,EAAK,GAClD,KAAY,kBAAA,GAAA,EAAK,CAAA,GAEjB,CAAC,GAAU,KAAe,EAA6B,KAAK,EAC5D,IAAO,EAAQ,GACf,KAAe,MAAyC;AAC5D,IAAY,EAAM,cAAc;IAE5B,UAAoB;AACxB,IAAY,KAAK;IAIf;AAyBJ,QAxBA,AACE,IADG,IAqBc,kBAAC,OAAD;EAAK,WAAU;EAAmB;EAAe,CAAA,GAnBhE,kBAAC,UAAD;EACE,UAAU;EACV,WAAW,gEAAgE,EAAU,GACnF,IAAY,eAAe,GAC5B;EACD,UAAS,MAAK;AACZ,GAAI,IACF,GAAY,GAGZ,EAAY,EAAE;;EAGlB,cAAY;YAEX;EACM,CAAA,EAOX,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO;EACP,gBAAA;EACA,WAAW;EACX,eAAY;YAEX;EACO,CAAA,EACT,KACC,kBAAC,GAAD;EAAgB;EAAgB;EAAM,SAAS;YAC5C;EACI,CAAA,CAER,EAAA,CAAA"}

package/dist/components/widgets/facet-nav/FacetNavPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetNavPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/facet-nav/FacetNavPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,2BAA2B,EAC3B,uBAAuB,EACxB,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAW9C,OAAO,EAAE,cAAc,EAAY,MAAM,wBAAwB,CAAA;AAGjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,wBAAwB,EAAE,CACxB,KAAK,EAAE,uBAAuB,EAC9B,KAAK,EAAE,2BAA2B,GAAG,SAAS,EAC9C,UAAU,EAAE,OAAO,KAChB,IAAI,CAAA;IACT,yBAAyB,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,uBAAuB,CAAA;IACpC,QAAQ,EAAE,QAAQ,CAAA;IAClB,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC3C,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAKD,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,wBAAwB,CAAA;AAgB/D,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAA;IACnB,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAAA;AAED,wBAAsB,oBAAoB,CACxC,WAAW,EAAE,uBAAuB,EACpC,UAAU,EAAE,cAAc,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,QAAQ,EAClB,WAAW,CAAC,EAAE,MAAM;;;;;;;;;GA+JrB;AAsBD,wBAAgB,YAAY,CAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,GAChB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CA8BnC;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAyK/C;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"FacetNavPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/facet-nav/FacetNavPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,2BAA2B,EAC3B,uBAAuB,EACxB,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAW9C,OAAO,EAAE,cAAc,EAAY,MAAM,wBAAwB,CAAA;AAGjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,wBAAwB,EAAE,CACxB,KAAK,EAAE,uBAAuB,EAC9B,KAAK,EAAE,2BAA2B,GAAG,SAAS,EAC9C,UAAU,EAAE,OAAO,KAChB,IAAI,CAAA;IACT,yBAAyB,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,uBAAuB,CAAA;IACpC,QAAQ,EAAE,QAAQ,CAAA;IAClB,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC3C,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAKD,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,wBAAwB,CAAA;AAgB/D,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAA;IACnB,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAAA;AAED,wBAAsB,oBAAoB,CACxC,WAAW,EAAE,uBAAuB,EACpC,UAAU,EAAE,cAAc,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,QAAQ,EAClB,WAAW,CAAC,EAAE,MAAM;;;;;;;;;GA+JrB;AAsBD,wBAAgB,YAAY,CAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,GAChB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CA8BnC;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgL/C;AAED,eAAe,aAAa,CAAA"}

package/dist/components/widgets/facet-nav/FacetNavPanel.js

@@ -15,15 +15,15 @@ import { getContrastColorPalette as f } from "../../ColorGradient/ColorGradient.
 import p from "../../Plot/PlotPanelHeader.js";
 import { FacetPlotLegendList as m } from "./FacetPlotLegendList.js";
 import { truncate as h } from "./FacetPlotLegendUtils.js";
-import { useMemo as g, useState as _ } from "react";
-import { Box as v, InputLabel as y, MenuItem as b, Select as x, Stack as S, Tooltip as C } from "@mui/material";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { ColumnTypeEnum as D } from "@sage-bionetworks/synapse-types";
-import { useQuery as O } from "@tanstack/react-query";
-import { InfoOutlined as k } from "@mui/icons-material";
-import { useMeasure as A } from "@react-hookz/web";
+import { useId as g, useMemo as _, useState as v } from "react";
+import { Box as y, InputLabel as b, MenuItem as x, Select as S, Stack as C, Tooltip as w } from "@mui/material";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { ColumnTypeEnum as O } from "@sage-bionetworks/synapse-types";
+import { useQuery as k } from "@tanstack/react-query";
+import { InfoOutlined as A } from "@mui/icons-material";
+import { useMeasure as j } from "@react-hookz/web";
 //#region src/components/widgets/facet-nav/FacetNavPanel.tsx
-var j = 19, M = {
+var M = 19, N = {
 	showlegend: !1,
 	annotations: [],
 	margin: {
@@ -42,15 +42,15 @@ var j = 19, M = {
 		showgrid: !1
 	}
 };
-async function N(r, i, a, o, s) {
+async function P(r, i, a, o, s) {
 	let c = f("odd", 0, r.facetValues.length), l = async (r, i, a) => {
 		let o = /* @__PURE__ */ new Map();
 		o.set(t, e);
 		let s = r.map((e) => e.value).filter((e) => e !== t);
-		if (i === D.ENTITYID || i === D.ENTITYID_LIST) {
+		if (i === O.ENTITYID || i === O.ENTITYID_LIST) {
 			let e = await n.getEntityHeadersByIds(s, a);
 			for (let t of e.results) o.set(t.id, t.name);
-		} else if (i === D.USERID || i === D.USERID_LIST) {
+		} else if (i === O.USERID || i === O.USERID_LIST) {
 			let e = await n.getGroupHeadersBatch(s, a);
 			for (let t of e.children) o.set(t.ownerId, t.userName);
 		}
@@ -62,7 +62,7 @@ async function N(r, i, a, o, s) {
 		}));
 	}, u = (e, t, n) => {
 		let r = n.get(e.value) ?? e.value;
-		return t && (r = h(r, j)), r;
+		return t && (r = h(r, M)), r;
 	}, d = await l(r.facetValues, i, s), p = d.map((e) => e.truncatedLabel), m = r.facetValues.some((e) => e.isSelected), g = m ? r.facetValues.map((e, t) => e.isSelected ? c[t] : c[t].replace("rgb(", "rgba(").replace(")", ", 0.25)")) : c, _ = r.facetValues.map((e) => e.count), v;
 	o === "BAR" ? v = r.facetValues.map((e) => d.find((t) => t.facet === e)?.label ?? e.value) : o === "STACKED_HORIZONTAL_BAR" && (v = _);
 	let y;
@@ -95,13 +95,13 @@ async function N(r, i, a, o, s) {
 		colors: o === "PIE" ? b.marker?.colors : b.marker?.color
 	};
 }
-var P = (e, t, n) => {
+var F = (e, t, n) => {
 	if (e.points && e.points[0]) {
 		let r = e.points[0], i = r.data.facetEnumerationValues[r.pointNumber], a = t.facetValues.find((e) => e.value === i);
 		n(t, a, !a.isSelected);
 	}
 };
-function F(e, t, n) {
+function I(e, t, n) {
 	if (e != null) {
 		let r = 1;
 		switch (t) {
@@ -126,80 +126,87 @@ function F(e, t, n) {
 		height: `${n}px`
 	};
 }
-function I(e) {
-	let { onHide: t, isModalView: n, applyChangesToGraphSlice: f, index: h, facetToPlot: D, plotType: j, onSetPlotType: L } = e, { accessToken: R } = r(), { data: z, isLoading: B } = c(), [V, H] = A(), { getColumnDisplayName: U } = l(), [W, G] = _(!1), K = U(D.columnName, D.jsonPath), q = g(() => a(D, z?.columnModels ?? []), [z?.columnModels, D]), J = q?.columnType, { data: Y } = O({
+function L(e) {
+	let { onHide: t, isModalView: n, applyChangesToGraphSlice: f, index: h, facetToPlot: O, plotType: M, onSetPlotType: R } = e, { accessToken: z } = r(), { data: B, isLoading: V } = c(), [H, U] = j(), { getColumnDisplayName: W } = l(), [G, K] = v(!1), q = W(O.columnName, O.jsonPath), J = _(() => a(O, B?.columnModels ?? []), [B?.columnModels, O]), Y = J?.columnType, { data: X } = k({
 		queryKey: [
 			"extractPlotDataArray",
-			D,
-			J,
+			O,
+			Y,
 			h,
-			j,
-			R
+			M,
+			z
 		],
-		queryFn: () => N(D, J, h, j, R),
-		enabled: !!D
-	}), X = /* @__PURE__ */ E(s, {
+		queryFn: () => P(O, Y, h, M, z),
+		enabled: !!O
+	}), Z = g(), Q = g(), $ = /* @__PURE__ */ D(s, {
 		fullWidth: !0,
-		children: [/* @__PURE__ */ T(y, { children: "Chart Type" }), /* @__PURE__ */ E(x, {
-			value: j,
+		children: [/* @__PURE__ */ E(b, {
+			id: Z,
+			children: "Chart Type"
+		}), /* @__PURE__ */ D(S, {
+			labelId: Z,
+			label: "Chart Type",
+			value: M,
 			onChange: (e) => {
-				L(e.target.value);
+				R(e.target.value);
 			},
-			children: [/* @__PURE__ */ T(b, {
+			children: [/* @__PURE__ */ E(x, {
 				value: "BAR",
 				children: "Bar Chart"
-			}), /* @__PURE__ */ T(b, {
+			}), /* @__PURE__ */ E(x, {
 				value: "PIE",
 				children: "Pie Chart"
 			})]
 		})]
 	});
-	return !z && B || !D || !q ? /* @__PURE__ */ T("div", {
+	return !B && V || !O || !J ? /* @__PURE__ */ E("div", {
 		className: "SRC-loadingContainer SRC-centerContentColumn",
 		children: i
-	}) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(o, {
-		open: W,
-		onCancel: () => G(!1),
-		title: K ?? "",
-		content: /* @__PURE__ */ T(I, {
+	}) : /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(o, {
+		open: G,
+		onCancel: () => K(!1),
+		title: q ?? "",
+		content: /* @__PURE__ */ E(L, {
 			...e,
 			isModalView: !0
 		}),
 		hasCancelButton: !1,
 		confirmButtonProps: { children: "Apply Filters" },
-		onConfirm: () => G(!1),
+		onConfirm: () => K(!1),
 		maxWidth: "md"
-	}), /* @__PURE__ */ E("div", {
+	}), /* @__PURE__ */ D("div", {
 		role: "figure",
 		className: `FacetNavPanel${n ? "--expanded" : ""}`,
 		children: [
-			!n && /* @__PURE__ */ T(p, {
-				data: z,
-				isLoading: B,
-				title: K,
-				facetToPlot: D,
+			!n && /* @__PURE__ */ E(p, {
+				data: B,
+				isLoading: V,
+				title: q,
+				facetToPlot: O,
 				onHide: t,
-				setShowModal: G
+				setShowModal: K
 			}),
-			n && /* @__PURE__ */ E(S, {
+			n && /* @__PURE__ */ D(C, {
 				sx: { gap: 2 },
-				children: [/* @__PURE__ */ E(s, { children: [/* @__PURE__ */ E(y, {
+				children: [/* @__PURE__ */ D(s, { children: [/* @__PURE__ */ D(b, {
+					id: Q,
 					sx: {
 						display: "flex",
 						alignItems: "center",
 						gap: .5
 					},
-					children: [/* @__PURE__ */ T("span", { children: "Filter All Data By" }), /* @__PURE__ */ T(C, {
+					children: [/* @__PURE__ */ E("span", { children: "Filter All Data By" }), /* @__PURE__ */ E(w, {
 						title: "Selecting items in this dropdown will affect all facets on the Explore page.",
-						children: /* @__PURE__ */ T(k, { className: "SRC-hand-cursor SRC-secondary-text-color" })
+						children: /* @__PURE__ */ E(A, { className: "SRC-hand-cursor SRC-secondary-text-color" })
 					})]
-				}), /* @__PURE__ */ T(u, {
-					facet: D,
+				}), /* @__PURE__ */ E(u, {
+					labelId: Q,
+					facet: O,
 					containerAs: "Dropdown",
 					dropdownType: "SelectBox"
-				})] }), X]
+				})] }), $]
 			}),
-			/* @__PURE__ */ E(v, {
+			/* @__PURE__ */ D(y, {
 				sx: {
 					display: "grid",
 					gridTemplateColumns: "50% 50%",
@@ -207,18 +214,18 @@ function I(e) {
 				},
 				role: "graphics-object",
 				className: "FacetNavPanel__body",
-				children: [/* @__PURE__ */ T("div", {
-					ref: H,
-					children: /* @__PURE__ */ T(d, {
-						layout: M,
-						data: Y?.data ?? [],
-						style: F(V?.width, j, n ? 300 : 150),
+				children: [/* @__PURE__ */ E("div", {
+					ref: U,
+					children: /* @__PURE__ */ E(d, {
+						layout: N,
+						data: X?.data ?? [],
+						style: I(H?.width, M, n ? 300 : 150),
 						config: { displayModeBar: !1 },
-						onClick: (e) => P(e, D, f)
-					}, `${D.columnName}-${D.jsonPath}-${j}-${V?.width}`)
-				}), /* @__PURE__ */ T(m, {
-					labels: Y?.labels,
-					colors: Y?.colors,
+						onClick: (e) => F(e, O, f)
+					}, `${O.columnName}-${O.jsonPath}-${M}-${H?.width}`)
+				}), /* @__PURE__ */ E(m, {
+					labels: X?.labels,
+					colors: X?.colors,
 					isExpanded: n
 				})]
 			})
@@ -226,6 +233,6 @@ function I(e) {
 	})] });
 }
 //#endregion
-export { I as default, N as extractPlotDataArray, F as getPlotStyle };
+export { L as default, P as extractPlotDataArray, I as getPlotStyle };
 
 //# sourceMappingURL=FacetNavPanel.js.map