synapse-react-client 4.0.25 → 4.0.27

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,53 +1,47 @@
 import { truncateString as e } from "../../utils/functions/StringUtils.js";
-import { EntityTypeIcon as t } from "../EntityIcon.js";
-import { Box as n, Breadcrumbs as r, Link as i, Tooltip as a, Typography as o } from "@mui/material";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Link as l } from "react-router";
+import { Box as t, Breadcrumbs as n, Link as r, Tooltip as i, Typography as a } from "@mui/material";
+import { jsx as o } from "react/jsx-runtime";
+import { Link as s } from "react-router";
 //#region src/components/Breadcrumbs/Breadcrumbs.tsx
-var u = /* @__PURE__ */ s(n, {
+var c = /* @__PURE__ */ o(t, {
 	sx: { color: "grey.400" },
 	children: "/"
 });
-function d(d) {
-	let { items: f, sx: p, maxBreadcrumbLength: m, iconVariant: h } = d;
-	return /* @__PURE__ */ s(r, {
-		separator: u,
+function l(l) {
+	let { items: u, sx: d, maxBreadcrumbLength: f } = l;
+	return /* @__PURE__ */ o(n, {
+		separator: c,
 		itemsBeforeCollapse: 2,
 		itemsAfterCollapse: 2,
-		sx: p,
-		children: f.map((r, u) => {
-			let d = r.text;
-			m && (d = e(r.text, m));
-			let f = d === r.text ? null : r.text;
-			return /* @__PURE__ */ c(n, {
+		sx: d,
+		children: u.map((n, c) => {
+			let l = n.text;
+			return f && (l = e(n.text, f)), /* @__PURE__ */ o(t, {
 				sx: {
 					display: "flex",
 					alignItems: "center",
 					gap: "8px"
 				},
-				children: [r.entityType && /* @__PURE__ */ s(t, {
-					type: r.entityType,
-					variant: h
-				}), /* @__PURE__ */ s(a, {
-					title: f,
+				children: /* @__PURE__ */ o(i, {
+					title: l === n.text ? null : n.text,
 					placement: "top",
-					children: /* @__PURE__ */ s(o, {
+					children: /* @__PURE__ */ o(a, {
 						variant: "breadcrumb1",
-						children: r.current ? d : /* @__PURE__ */ s(i, {
-							component: r.to ? l : i,
-							to: r.to,
-							href: r.href,
-							onClick: r.onClick,
+						children: n.current ? l : /* @__PURE__ */ o(r, {
+							component: n.to ? s : r,
+							to: n.to,
+							href: n.href,
+							onClick: n.onClick,
 							underline: "hover",
-							children: d
+							children: l
 						})
 					})
-				})]
-			}, u);
+				})
+			}, c);
 		})
 	});
 }
 //#endregion
-export { d as Breadcrumbs, d as default };
+export { l as Breadcrumbs, l as default };
 
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { truncateString } from '@/utils/functions/StringUtils'\nimport {\n  Breadcrumbs as MuiBreadcrumbs,\n  Link,\n  SxProps,\n  Tooltip,\n  Typography,\n  Box,\n} from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { MouseEventHandler } from 'react'\nimport { Link as RouterLink } from 'react-router'\nimport EntityTypeIcon from '../EntityIcon'\n\nexport type BreadcrumbItem = {\n  /* The text to show in the breadcrumb item. Strings > 25 characters will be truncated */\n  text: string\n  /* Whether this item represents the current page. If true, this item will not have a link. Default false */\n  current?: boolean\n  /* Link for the item, if using react-router */\n  to?: string\n  /* Link for the item, if it should be a normal anchor */\n  href?: string\n  /* Event handler fired when the link is clicked */\n  onClick?: MouseEventHandler\n  /* If defined, show an icon for this entity type */\n  entityType?: EntityType\n}\n\ntype BreadcrumbsProps = {\n  /** The items to show in the breadcrumbs */\n  items: BreadcrumbItem[]\n  /** sx passed to the MUI Breadcrumbs */\n  sx?: SxProps\n  /** If defined, truncate individual item strings to be no longer than this value */\n  maxBreadcrumbLength?: number\n  iconVariant?: 'twoTone' | 'outlined'\n}\n\nconst BREADCRUMB_SEPARATOR = (\n  <Box\n    sx={{\n      color: 'grey.400',\n    }}\n  >\n    /\n  </Box>\n)\n\nexport function Breadcrumbs(props: BreadcrumbsProps) {\n  const { items, sx, maxBreadcrumbLength, iconVariant } = props\n  return (\n    <MuiBreadcrumbs\n      separator={BREADCRUMB_SEPARATOR}\n      itemsBeforeCollapse={2}\n      itemsAfterCollapse={2}\n      sx={sx}\n    >\n      {items.map((data, index) => {\n        let displayedText = data.text\n        if (maxBreadcrumbLength) {\n          displayedText = truncateString(data.text, maxBreadcrumbLength)\n        }\n\n        const tooltipText = displayedText !== data.text ? data.text : null\n        return (\n          <Box\n            sx={{ display: 'flex', alignItems: 'center', gap: '8px' }}\n            key={index}\n          >\n            {data.entityType && (\n              <EntityTypeIcon type={data.entityType} variant={iconVariant} />\n            )}\n            <Tooltip title={tooltipText} placement=\"top\">\n              <Typography variant={'breadcrumb1'}>\n                {data.current ? (\n                  displayedText\n                ) : (\n                  <Link\n                    component={data.to ? RouterLink : Link}\n                    to={data.to}\n                    href={data.href}\n                    onClick={data.onClick}\n                    underline=\"hover\"\n                  >\n                    {displayedText}\n                  </Link>\n                )}\n              </Typography>\n            </Tooltip>\n          </Box>\n        )\n      })}\n    </MuiBreadcrumbs>\n  )\n}\n\nexport default Breadcrumbs\n"],"mappings":";;;;;;AAuCA,IAAM,IACJ,kBAAC,GAAD;CACE,IAAI,EACF,OAAO,WACT;WACD;AAEI,CAAA;AAGP,SAAgB,EAAY,GAAyB;CACnD,IAAM,EAAE,UAAO,OAAI,wBAAqB,mBAAgB;CACxD,OACE,kBAAC,GAAD;EACE,WAAW;EACX,qBAAqB;EACrB,oBAAoB;EAChB;YAEH,EAAM,KAAK,GAAM,MAAU;GAC1B,IAAI,IAAgB,EAAK;GACzB,AAAI,MACF,IAAgB,EAAe,EAAK,MAAM,CAAmB;GAG/D,IAAM,IAAc,MAAkB,EAAK,OAAmB,OAAZ,EAAK;GACvD,OACE,kBAAC,GAAD;IACE,IAAI;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAM;cAD1D,CAIG,EAAK,cACJ,kBAAC,GAAD;KAAgB,MAAM,EAAK;KAAY,SAAS;IAAc,CAAA,GAEhE,kBAAC,GAAD;KAAS,OAAO;KAAa,WAAU;eACrC,kBAAC,GAAD;MAAY,SAAS;gBAClB,EAAK,UACJ,IAEA,kBAAC,GAAD;OACE,WAAW,EAAK,KAAK,IAAa;OAClC,IAAI,EAAK;OACT,MAAM,EAAK;OACX,SAAS,EAAK;OACd,WAAU;iBAET;MACG,CAAA;KAEE,CAAA;IACL,CAAA,CACN;MAtBE,CAsBF;EAET,CAAC;CACa,CAAA;AAEpB"}
+{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { truncateString } from '@/utils/functions/StringUtils'\nimport {\n  Breadcrumbs as MuiBreadcrumbs,\n  Link,\n  SxProps,\n  Tooltip,\n  Typography,\n  Box,\n} from '@mui/material'\nimport { MouseEventHandler } from 'react'\nimport { Link as RouterLink } from 'react-router'\n\nexport type BreadcrumbItem = {\n  /* The text to show in the breadcrumb item. Strings > 25 characters will be truncated */\n  text: string\n  /* Whether this item represents the current page. If true, this item will not have a link. Default false */\n  current?: boolean\n  /* Link for the item, if using react-router */\n  to?: string\n  /* Link for the item, if it should be a normal anchor */\n  href?: string\n  /* Event handler fired when the link is clicked */\n  onClick?: MouseEventHandler\n}\n\ntype BreadcrumbsProps = {\n  /** The items to show in the breadcrumbs */\n  items: BreadcrumbItem[]\n  /** sx passed to the MUI Breadcrumbs */\n  sx?: SxProps\n  /** If defined, truncate individual item strings to be no longer than this value */\n  maxBreadcrumbLength?: number\n  iconVariant?: 'twoTone' | 'outlined'\n}\n\nconst BREADCRUMB_SEPARATOR = (\n  <Box\n    sx={{\n      color: 'grey.400',\n    }}\n  >\n    /\n  </Box>\n)\n\nexport function Breadcrumbs(props: BreadcrumbsProps) {\n  const { items, sx, maxBreadcrumbLength } = props\n  return (\n    <MuiBreadcrumbs\n      separator={BREADCRUMB_SEPARATOR}\n      itemsBeforeCollapse={2}\n      itemsAfterCollapse={2}\n      sx={sx}\n    >\n      {items.map((data, index) => {\n        let displayedText = data.text\n        if (maxBreadcrumbLength) {\n          displayedText = truncateString(data.text, maxBreadcrumbLength)\n        }\n\n        const tooltipText = displayedText !== data.text ? data.text : null\n        return (\n          <Box\n            sx={{ display: 'flex', alignItems: 'center', gap: '8px' }}\n            key={index}\n          >\n            <Tooltip title={tooltipText} placement=\"top\">\n              <Typography variant={'breadcrumb1'}>\n                {data.current ? (\n                  displayedText\n                ) : (\n                  <Link\n                    component={data.to ? RouterLink : Link}\n                    to={data.to}\n                    href={data.href}\n                    onClick={data.onClick}\n                    underline=\"hover\"\n                  >\n                    {displayedText}\n                  </Link>\n                )}\n              </Typography>\n            </Tooltip>\n          </Box>\n        )\n      })}\n    </MuiBreadcrumbs>\n  )\n}\n\nexport default Breadcrumbs\n"],"mappings":";;;;;AAmCA,IAAM,IACJ,kBAAC,GAAD;CACE,IAAI,EACF,OAAO,WACT;WACD;AAEI,CAAA;AAGP,SAAgB,EAAY,GAAyB;CACnD,IAAM,EAAE,UAAO,OAAI,2BAAwB;CAC3C,OACE,kBAAC,GAAD;EACE,WAAW;EACX,qBAAqB;EACrB,oBAAoB;EAChB;YAEH,EAAM,KAAK,GAAM,MAAU;GAC1B,IAAI,IAAgB,EAAK;GAMzB,OALI,MACF,IAAgB,EAAe,EAAK,MAAM,CAAmB,IAK7D,kBAAC,GAAD;IACE,IAAI;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAM;cAGxD,kBAAC,GAAD;KAAS,OANO,MAAkB,EAAK,OAAmB,OAAZ,EAAK;KAMtB,WAAU;eACrC,kBAAC,GAAD;MAAY,SAAS;gBAClB,EAAK,UACJ,IAEA,kBAAC,GAAD;OACE,WAAW,EAAK,KAAK,IAAa;OAClC,IAAI,EAAK;OACT,MAAM,EAAK;OACX,SAAS,EAAK;OACd,WAAU;iBAET;MACG,CAAA;KAEE,CAAA;IACL,CAAA;GACN,GAnBE,CAmBF;EAET,CAAC;CACa,CAAA;AAEpB"}

package/dist/components/ChallengeDataDownload/ChallengeDataDownload.js

@@ -1,9 +1,9 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
 import { useSynapseContext as t } from "../../utils/context/SynapseContext.js";
+import "../ToastMessage/index.js";
 import "../../utils/index.js";
 import { useAddFileBatchToDownloadList as n } from "../../synapse-queries/download/useDownloadList.js";
 import "../../synapse-queries/index.js";
-import "../ToastMessage/index.js";
 import { VersionSelectionType as r } from "../EntityFinder/VersionSelectionType.js";
 import { DetailsViewColumn as i } from "../EntityFinder/details/view/DetailsView.js";
 import { EntityChildrenDetails as a } from "../EntityFinder/details/configurations/EntityChildrenDetails.js";

package/dist/components/ChallengeDetailPage/ChallengeDetailPage.js

@@ -1,5 +1,6 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
 import { useSynapseContext as t } from "../../utils/context/SynapseContext.js";
+import "../ToastMessage/index.js";
 import "../../utils/index.js";
 import { useGetEntityChallenge as n } from "../../synapse-queries/entity/useGetEntityChallenge.js";
 import { useGetUserSubmissionTeams as r } from "../../synapse-queries/user/useGetUserTeams.js";
@@ -7,7 +8,6 @@ import { useGetCurrentUserProfile as i } from "../../synapse-queries/user/useUse
 import { useDeleteTeamMembership as a } from "../../synapse-queries/team/useTeamMembers.js";
 import "../../synapse-queries/index.js";
 import o from "../ConfirmationDialog/index.js";
-import "../ToastMessage/index.js";
 import s from "../ChallengeRegisterButton/index.js";
 import c from "../ChallengeRequirementsModal/ChallengeRequirementsModal.js";
 import l from "../ChallengeTeamWizard/index.js";

package/dist/components/ChallengeSubmission/ChallengeSubmissionStepper.js

@@ -1,8 +1,8 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
 import t from "../../synapse-client/index.js";
 import { useSynapseContext as n } from "../../utils/context/SynapseContext.js";
-import "../../utils/index.js";
 import "../ToastMessage/index.js";
+import "../../utils/index.js";
 import r from "../StepperDialog/index.js";
 import i from "./EvaluationQueueList.js";
 import a from "./SubmissionCommitList.js";

package/dist/components/ChangePassword/ChangePassword.js

@@ -1,10 +1,10 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
 import { validatePassword as t } from "../../utils/functions/StringUtils.js";
 import { useSynapseContext as n } from "../../utils/context/SynapseContext.js";
+import "../ToastMessage/index.js";
 import "../../utils/index.js";
 import { useGetCurrentUserProfile as r } from "../../synapse-queries/user/useUserBundle.js";
 import "../../synapse-queries/index.js";
-import "../ToastMessage/index.js";
 import i from "./useChangePasswordFormState.js";
 import { useEffect as a, useState as o } from "react";
 import { Alert as s, Button as c, Link as l, TextField as u } from "@mui/material";

package/dist/components/CopyToClipboardString/CopyToClipboardString.d.ts

@@ -1,4 +1,4 @@
-import { TypographyProps } from '@mui/material';
+import { TypographyProps, SxProps } from '@mui/material';
 export type CopyToClipboardStringProps = {
     value: string;
     typographyVariant?: TypographyProps['variant'];
@@ -7,7 +7,8 @@ export type CopyToClipboardStringProps = {
      * addition to the copy icon. Defaults to rendering the value as plain text.
      */
     href?: string;
-    useRoundedIcon?: boolean;
+    icon?: 'default' | 'rounded' | 'fileCopy';
+    sx?: SxProps;
 };
 /**
  * Displays a string or link and a "Copy to Clipboard" icon, that, when clicked, will copy the contents of the string to the clipboard.

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

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardString.d.ts","sourceRoot":"","sources":["../../../src/components/CopyToClipboardString/CopyToClipboardString.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,eAAe,EAChB,MAAM,eAAe,CAAA;AAKtB,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAC9C;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAuDtE;AAED,eAAe,qBAAqB,CAAA"}
+{"version":3,"file":"CopyToClipboardString.d.ts","sourceRoot":"","sources":["../../../src/components/CopyToClipboardString/CopyToClipboardString.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,eAAe,EACf,OAAO,EACR,MAAM,eAAe,CAAA;AAKtB,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAC9C;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;IACzC,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAQD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CA4DtE;AAED,eAAe,qBAAqB,CAAA"}

package/dist/components/CopyToClipboardString/CopyToClipboardString.js

@@ -4,46 +4,55 @@ import { useState as n } from "react";
 import { Link as r, Stack as i, Tooltip as a, Typography as o } from "@mui/material";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/CopyToClipboardString/CopyToClipboardString.tsx
-function l(l) {
-	let { value: u, typographyVariant: d = "smallText1", href: f, useRoundedIcon: p = !1 } = l, [m, h] = n("Copy to clipboard");
+var l = {
+	default: "contentCopy",
+	rounded: "contentCopyRounded",
+	fileCopy: "fileCopy"
+};
+function u(u) {
+	let { value: d, typographyVariant: f = "smallText1", href: p, icon: m = "default", sx: h } = u, [g, _] = n("Copy to clipboard"), v = (t) => {
+		t.preventDefault(), e(d).then(() => {
+			_("Copied to clipboard");
+		});
+	}, y = l[m] ?? l.default, b = m === "fileCopy" ? "18px" : "16px";
 	return /* @__PURE__ */ c(i, {
 		direction: "row",
 		spacing: .5,
 		sx: {
 			alignItems: "center",
-			display: "inline-flex"
+			display: "inline-flex",
+			...h
 		},
-		children: [f ? /* @__PURE__ */ s(r, {
-			href: f,
+		children: [p ? /* @__PURE__ */ s(r, {
+			href: p,
 			rel: "noopener noreferrer",
 			target: "_blank",
-			variant: d,
-			children: u
+			variant: f,
+			children: d
 		}) : /* @__PURE__ */ s(o, {
 			component: "span",
-			variant: d,
-			children: u
+			variant: f,
+			children: d
 		}), /* @__PURE__ */ s(a, {
-			title: m,
+			title: g,
 			placement: "top",
 			children: /* @__PURE__ */ s("span", {
 				role: "button",
 				style: { cursor: "pointer" },
-				onClick: (t) => {
-					t.preventDefault(), e(u).then(() => {
-						h("Copied to clipboard");
-					});
-				},
+				onClick: v,
 				children: /* @__PURE__ */ s(t, {
-					icon: p ? "contentCopyRounded" : "contentCopy",
+					icon: y,
 					wrap: !1,
-					sx: { width: "16px" }
+					sx: {
+						width: b,
+						height: b
+					}
 				})
 			})
 		})]
 	});
 }
 //#endregion
-export { l as CopyToClipboardString, l as default };
+export { u as CopyToClipboardString, u as default };
 
 //# sourceMappingURL=CopyToClipboardString.js.map

package/dist/components/CopyToClipboardString/CopyToClipboardString.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboardString.js","names":[],"sources":["../../../src/components/CopyToClipboardString/CopyToClipboardString.tsx"],"sourcesContent":["import {\n  Link,\n  Stack,\n  Tooltip,\n  Typography,\n  TypographyProps,\n} from '@mui/material'\nimport { SyntheticEvent, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport type CopyToClipboardStringProps = {\n  value: string\n  typographyVariant?: TypographyProps['variant']\n  /**\n   * When provided, the value is rendered as an external link to this URL in\n   * addition to the copy icon. Defaults to rendering the value as plain text.\n   */\n  href?: string\n  useRoundedIcon?: boolean\n}\n\n/**\n * Displays a string or link and a \"Copy to Clipboard\" icon, that, when clicked, will copy the contents of the string to the clipboard.\n */\nexport function CopyToClipboardString(props: CopyToClipboardStringProps) {\n  const {\n    value,\n    typographyVariant = 'smallText1',\n    href,\n    useRoundedIcon = false,\n  } = props\n  const [tooltipText, setTooltipText] = useState('Copy to clipboard')\n\n  const copyToClipboard = (event: SyntheticEvent) => {\n    event.preventDefault()\n\n    copyStringToClipboard(value).then(() => {\n      setTooltipText('Copied to clipboard')\n    })\n  }\n\n  return (\n    <Stack\n      direction={'row'}\n      spacing={0.5}\n      sx={{\n        alignItems: 'center',\n        display: 'inline-flex',\n      }}\n    >\n      {href ? (\n        <Link\n          href={href}\n          rel={'noopener noreferrer'}\n          target={'_blank'}\n          variant={typographyVariant}\n        >\n          {value}\n        </Link>\n      ) : (\n        <Typography component={'span'} variant={typographyVariant}>\n          {value}\n        </Typography>\n      )}\n      <Tooltip title={tooltipText} placement={'top'}>\n        <span\n          role=\"button\"\n          style={{ cursor: 'pointer' }}\n          onClick={copyToClipboard}\n        >\n          <IconSvg\n            icon={useRoundedIcon ? 'contentCopyRounded' : 'contentCopy'}\n            wrap={false}\n            sx={{ width: '16px' }}\n          />\n        </span>\n      </Tooltip>\n    </Stack>\n  )\n}\n\nexport default CopyToClipboardString\n"],"mappings":";;;;;;AAyBA,SAAgB,EAAsB,GAAmC;CACvE,IAAM,EACJ,UACA,uBAAoB,cACpB,SACA,oBAAiB,OACf,GACE,CAAC,GAAa,KAAkB,EAAS,mBAAmB;CAUlE,OACE,kBAAC,GAAD;EACE,WAAW;EACX,SAAS;EACT,IAAI;GACF,YAAY;GACZ,SAAS;EACX;YANF,CAQG,IACC,kBAAC,GAAD;GACQ;GACN,KAAK;GACL,QAAQ;GACR,SAAS;aAER;EACG,CAAA,IAEN,kBAAC,GAAD;GAAY,WAAW;GAAQ,SAAS;aACrC;EACS,CAAA,GAEd,kBAAC,GAAD;GAAS,OAAO;GAAa,WAAW;aACtC,kBAAC,QAAD;IACE,MAAK;IACL,OAAO,EAAE,QAAQ,UAAU;IAC3B,UAnCiB,MAA0B;KAGjD,AAFA,EAAM,eAAe,GAErB,EAAsB,CAAK,EAAE,WAAW;MACtC,EAAe,qBAAqB;KACtC,CAAC;IACH;cA+BQ,kBAAC,GAAD;KACE,MAAM,IAAiB,uBAAuB;KAC9C,MAAM;KACN,IAAI,EAAE,OAAO,OAAO;IACrB,CAAA;GACG,CAAA;EACC,CAAA,CACJ;;AAEX"}
+{"version":3,"file":"CopyToClipboardString.js","names":[],"sources":["../../../src/components/CopyToClipboardString/CopyToClipboardString.tsx"],"sourcesContent":["import {\n  Link,\n  Stack,\n  Tooltip,\n  Typography,\n  TypographyProps,\n  SxProps,\n} from '@mui/material'\nimport { SyntheticEvent, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport type CopyToClipboardStringProps = {\n  value: string\n  typographyVariant?: TypographyProps['variant']\n  /**\n   * When provided, the value is rendered as an external link to this URL in\n   * addition to the copy icon. Defaults to rendering the value as plain text.\n   */\n  href?: string\n  icon?: 'default' | 'rounded' | 'fileCopy'\n  sx?: SxProps\n}\n\nconst ICON_MAP = {\n  default: 'contentCopy',\n  rounded: 'contentCopyRounded',\n  fileCopy: 'fileCopy',\n} as const\n\n/**\n * Displays a string or link and a \"Copy to Clipboard\" icon, that, when clicked, will copy the contents of the string to the clipboard.\n */\nexport function CopyToClipboardString(props: CopyToClipboardStringProps) {\n  const {\n    value,\n    typographyVariant = 'smallText1',\n    href,\n    icon = 'default',\n    sx,\n  } = props\n  const [tooltipText, setTooltipText] = useState('Copy to clipboard')\n\n  const copyToClipboard = (event: SyntheticEvent) => {\n    event.preventDefault()\n\n    copyStringToClipboard(value).then(() => {\n      setTooltipText('Copied to clipboard')\n    })\n  }\n\n  const selectedIcon = ICON_MAP[icon] ?? ICON_MAP.default\n  const iconSize = icon === 'fileCopy' ? '18px' : '16px'\n\n  return (\n    <Stack\n      direction={'row'}\n      spacing={0.5}\n      sx={{\n        alignItems: 'center',\n        display: 'inline-flex',\n        ...sx,\n      }}\n    >\n      {href ? (\n        <Link\n          href={href}\n          rel={'noopener noreferrer'}\n          target={'_blank'}\n          variant={typographyVariant}\n        >\n          {value}\n        </Link>\n      ) : (\n        <Typography component={'span'} variant={typographyVariant}>\n          {value}\n        </Typography>\n      )}\n      <Tooltip title={tooltipText} placement={'top'}>\n        <span\n          role=\"button\"\n          style={{ cursor: 'pointer' }}\n          onClick={copyToClipboard}\n        >\n          <IconSvg\n            icon={selectedIcon}\n            wrap={false}\n            sx={{ width: iconSize, height: iconSize }}\n          />\n        </span>\n      </Tooltip>\n    </Stack>\n  )\n}\n\nexport default CopyToClipboardString\n"],"mappings":";;;;;;AAwBA,IAAM,IAAW;CACf,SAAS;CACT,SAAS;CACT,UAAU;AACZ;AAKA,SAAgB,EAAsB,GAAmC;CACvE,IAAM,EACJ,UACA,uBAAoB,cACpB,SACA,UAAO,WACP,UACE,GACE,CAAC,GAAa,KAAkB,EAAS,mBAAmB,GAE5D,KAAmB,MAA0B;EAGjD,AAFA,EAAM,eAAe,GAErB,EAAsB,CAAK,EAAE,WAAW;GACtC,EAAe,qBAAqB;EACtC,CAAC;CACH,GAEM,IAAe,EAAS,MAAS,EAAS,SAC1C,IAAW,MAAS,aAAa,SAAS;CAEhD,OACE,kBAAC,GAAD;EACE,WAAW;EACX,SAAS;EACT,IAAI;GACF,YAAY;GACZ,SAAS;GACT,GAAG;EACL;YAPF,CASG,IACC,kBAAC,GAAD;GACQ;GACN,KAAK;GACL,QAAQ;GACR,SAAS;aAER;EACG,CAAA,IAEN,kBAAC,GAAD;GAAY,WAAW;GAAQ,SAAS;aACrC;EACS,CAAA,GAEd,kBAAC,GAAD;GAAS,OAAO;GAAa,WAAW;aACtC,kBAAC,QAAD;IACE,MAAK;IACL,OAAO,EAAE,QAAQ,UAAU;IAC3B,SAAS;cAET,kBAAC,GAAD;KACE,MAAM;KACN,MAAM;KACN,IAAI;MAAE,OAAO;MAAU,QAAQ;KAAS;IACzC,CAAA;GACG,CAAA;EACC,CAAA,CACJ;;AAEX"}

package/dist/components/DataExplorer/DataExplorer.css

@@ -1 +1 @@
-._dataExplorerTitle_pjkyv_1.MuiTypography-root{color:var(--data-explorer-title-color,var(--synapse-primary-action-color));font-size:36px;line-height:40px}._dataExplorerSubtitle_pjkyv_7.MuiTypography-root{line-height:140%}@media (width>=1024px){._dataExplorerButton_pjkyv_12{width:fit-content}}._dataExplorerTextContainer_pjkyv_17{gap:16px}@media (width>=1024px){._dataExplorerTextContainer_pjkyv_17{flex:0 0 30%;max-width:30%}}._dataExplorerContainer_pjkyv_27{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:60px;padding:40px 0;display:flex}@media (width>=1024px){._dataExplorerContainer_pjkyv_27{flex-direction:row}}._dataContainer_pjkyv_41{flex:60%;grid-template-rows:repeat(9,fit-content(100%));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:inline-grid}._dataRowTitle_pjkyv_51{color:var(--synapse-primary-action-color,#4d558d);overflow-wrap:break-word;word-break:break-word;flex:0 auto;min-width:0;font-size:16px;font-weight:400;line-height:26.4px}@media (width>=1024px){._dataRowTitle_pjkyv_51{font-size:19.8px}}._dataRowInner_pjkyv_67{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}._dataRow_pjkyv_51{border:1px solid #0000;border-radius:3.3px;justify-content:space-between;justify-self:stretch;align-items:center;gap:17.6px;min-height:66.6px;padding:8.8px 26.4px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;text-decoration:none!important}._dataRow_pjkyv_51:hover{z-index:1;background-color:#fff;border-color:#e1e1e1;transform:scale(1.1);box-shadow:0 4px 8px #0000001a}._dataRow_pjkyv_51:hover ._viewCta_pjkyv_96{opacity:1;pointer-events:auto}._dataRowLeft_pjkyv_101{flex:1;align-items:center;gap:16px;min-width:0;display:inline-flex}._iconContainer_pjkyv_109{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:49px;height:49px;display:flex}._dataRowNamePill_pjkyv_119{flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex}._fileCount_pjkyv_127{color:#787090;border:1px solid #d8d5e0;border-radius:80px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:4px 8px;font-size:14px;font-weight:400;line-height:24px;display:flex}._viewCta_pjkyv_96{opacity:0;white-space:nowrap;color:var(--synapse-primary-action-color,#4d558d);background:linear-gradient(90deg,#0000,#fff 25% 100%);border-radius:0 2px 2px 0;align-items:center;gap:4px;padding-left:40px;padding-right:26.4px;transition:opacity .2s;display:inline-flex;position:absolute;top:0;bottom:0;right:0}._viewCtaText_pjkyv_160{color:var(--synapse-primary-action-color,#4d558d);font-size:16px;font-weight:400;line-height:26.4px}._viewCtaIcon_pjkyv_167.MuiSvgIcon-root{color:var(--synapse-primary-action-color,#5a488f);font-size:24px}
+._dataExplorerTitle_1ezpn_1.MuiTypography-root{color:var(--data-explorer-title-color,var(--synapse-primary-action-color));font-size:36px;line-height:40px}._dataExplorerSubtitle_1ezpn_7.MuiTypography-root{line-height:140%}@media (width>=1024px){._dataExplorerButton_1ezpn_12{width:fit-content}}._dataExplorerTextContainer_1ezpn_17{gap:16px}@media (width>=1024px){._dataExplorerTextContainer_1ezpn_17{flex:0 0 30%;max-width:30%}}._dataExplorerContainer_1ezpn_27{flex-direction:column;flex:1 0 0;align-items:flex-start;gap:60px;padding:40px 0;display:flex}@media (width>=1024px){._dataExplorerContainer_1ezpn_27{flex-direction:row}}._dataContainer_1ezpn_41{flex:60%;grid-template-rows:repeat(9,fit-content(100%));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:inline-grid}._dataRowTitle_1ezpn_51{color:var(--synapse-primary-action-color,#4d558d);overflow-wrap:break-word;word-break:break-word;flex:0 auto;min-width:0;font-size:16px;font-weight:400;line-height:26.4px}@media (width>=1024px){._dataRowTitle_1ezpn_51{font-size:19.8px}}._dataRowInner_1ezpn_67{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}._dataRow_1ezpn_51{border:1px solid #0000;border-radius:3.3px;justify-content:space-between;justify-self:stretch;align-items:center;gap:17.6px;min-height:66.6px;padding:8.8px 26.4px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;text-decoration:none!important}._dataRow_1ezpn_51:hover{z-index:1;background-color:#fff;border-color:#e1e1e1;transform:scale(1.1);box-shadow:0 4px 8px #0000001a}._dataRow_1ezpn_51:hover ._viewCta_1ezpn_96{opacity:1;pointer-events:auto}._dataRowLeft_1ezpn_101{flex:1;align-items:center;gap:16px;min-width:0;display:inline-flex}._iconContainer_1ezpn_109{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:49px;height:49px;display:flex}._dataRowNamePill_1ezpn_119{flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex}._facetCount_1ezpn_127{color:#787090;border:1px solid #d8d5e0;border-radius:80px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:4px 8px;font-size:14px;font-weight:400;line-height:24px;display:flex}._viewCta_1ezpn_96{opacity:0;white-space:nowrap;color:var(--synapse-primary-action-color,#4d558d);background:linear-gradient(90deg,#0000,#fff 25% 100%);border-radius:0 2px 2px 0;align-items:center;gap:4px;padding-left:40px;padding-right:26.4px;transition:opacity .2s;display:inline-flex;position:absolute;top:0;bottom:0;right:0}._viewCtaText_1ezpn_160{color:var(--synapse-primary-action-color,#4d558d);font-size:16px;font-weight:400;line-height:26.4px}._viewCtaIcon_1ezpn_167.MuiSvgIcon-root{color:var(--synapse-primary-action-color,#5a488f);font-size:24px}

package/dist/components/DataExplorer/DataExplorer.d.ts

@@ -6,8 +6,22 @@ type DataExplorerProps = {
     sql: string;
     explorePath?: string;
     exploreQuerySql?: string;
-    filterColumnName?: string;
+    facetSql?: string;
 };
-export default function DataExplorer({ sql, title, subtitle, buttonText, buttonLink, explorePath, exploreQuerySql, filterColumnName, }: DataExplorerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * DataExplorer
+ *
+ * A reusable component that renders a list of data types/categories with associated icons.
+ * It drives navigation by linking each row to a pre-filtered exploration view.
+ *
+ * How it works:
+ * 1. `sql`: Fetches a configuration table defining the display categories,
+ *    their display order, hex colors, and icons.
+ * 2. `facetSql`: Fetches real-time counts for these categories from the actual
+ *    underlying data table.
+ * 3. Links are dynamically built to point to a target path (`explorePath`) pre-filtered to the
+ *    clicked category.
+ */
+export default function DataExplorer({ sql, title, subtitle, buttonText, buttonLink, explorePath, exploreQuerySql, facetSql, }: DataExplorerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DataExplorer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"names":[],"mappings":"AAaA,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AASD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,GAAG,EACH,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,EAAE,iBAAiB,2CA8InB"}
+{"version":3,"file":"DataExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"names":[],"mappings":"AAkBA,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAUD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,GAAG,EACH,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,eAAe,EACf,QAAQ,GACT,EAAE,iBAAiB,2CAyMnB"}

package/dist/components/DataExplorer/DataExplorer.js

@@ -7,110 +7,117 @@ import n from "../../synapse-queries/entity/useGetQueryResultBundle.js";
 import { useSmartLink as r } from "../SmartLink/useSmartLink.js";
 import { generateEncodedPathAndQueryForSelectedFacetURL as i } from "../QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.js";
 import "../QueryWrapper/index.js";
-import a from "../ImageFromSynapseTable.js";
-import o from "./DataExplorer.module.js";
-import { useEffect as s, useMemo as c, useState as l } from "react";
-import { Button as u, Stack as d, Typography as f } from "@mui/material";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import h from "@mui/icons-material/ArrowForward";
+import { getFacets as a } from "../widgets/facet-nav/useFacetPlots.js";
+import o from "../ImageFromSynapseTable.js";
+import s from "./DataExplorer.module.js";
+import { useEffect as c, useMemo as l, useState as u } from "react";
+import { orderBy as d } from "lodash-es";
+import { Button as f, Stack as p, Typography as m } from "@mui/material";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import _ from "@mui/icons-material/ArrowForward";
 //#region src/components/DataExplorer/DataExplorer.tsx
-function g({ sql: g, title: _, subtitle: v, buttonText: y, buttonLink: b, explorePath: x, exploreQuerySql: S, filterColumnName: C }) {
-	let w = _ || v || y, T = r(b), E = e(g), { data: D } = n({
+function v({ sql: v, title: y, subtitle: b, buttonText: x, buttonLink: S, explorePath: C, exploreQuerySql: w, facetSql: T }) {
+	let E = y || b || x, D = r(S), O = e(v), k = e(T ?? ""), A = {
 		partMask: 5,
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
-		entityId: E,
-		query: {
-			sql: g,
-			sort: [{
-				column: "order",
-				direction: "ASC"
-			}]
-		}
-	}), O = c(() => D?.queryResult?.queryResults.rows ?? [], [D]), k = t("datatype", D), A = t("icon", D), j = t("hexColor", D), M = t("fileCount", D), [N, P] = l([]);
-	return s(() => {
-		!x || !C || !S || Promise.all(O.map((e) => {
-			let t = e.values[k]?.trim();
-			return t ? i(x, S, [{
-				facet: C,
+		entityId: O,
+		query: { sql: v }
+	}, j = {
+		partMask: 32,
+		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
+		entityId: k,
+		query: { sql: T ?? "" }
+	}, { data: M } = n(A), N = l(() => M?.queryResult?.queryResults.rows ?? [], [M]), { data: P } = n(j, { enabled: !!T }), F = t("datatype", M), I = t("icon", M), L = t("hexColor", M), R = t("order", M), z = t("columnName", M), B = (e, t) => t ? `${t}::${e}` : e, [V, H] = u({});
+	c(() => {
+		!C || !w || Promise.all(N.map((e) => {
+			let t = e.values[F]?.trim() ?? "", n = e.values[z]?.trim() ?? "", r = B(t, n);
+			return !t || !n ? Promise.resolve([r, C]) : i(C, w, [{
+				facet: n,
 				facetValue: t
-			}]) : Promise.resolve(x);
-		})).then(P);
+			}]).then((e) => [r, e]);
+		})).then((e) => H(Object.fromEntries(e)));
 	}, [
-		O,
-		k,
-		x,
-		S,
-		C
-	]), /* @__PURE__ */ m("div", {
-		className: o.dataExplorerContainer,
-		children: [w && /* @__PURE__ */ m(d, {
-			className: o.dataExplorerTextContainer,
+		N,
+		F,
+		z,
+		C,
+		w
+	]);
+	let U = l(() => {
+		let e = a(P), t = /* @__PURE__ */ new Map();
+		for (let n of e) t.set(n.columnName, new Map(n.facetValues.map((e) => [e.value, e.count])));
+		return t;
+	}, [P]), W = (e, t) => t ? U.get(t)?.get(e) : void 0, G = d(N, [(e) => Number(e.values[R] ?? 2 ** 53 - 1), (e) => W(e.values[F]?.trim() ?? "", e.values[z]?.trim() ?? "") ?? 0], ["asc", "desc"]);
+	return /* @__PURE__ */ g("div", {
+		className: s.dataExplorerContainer,
+		children: [E && /* @__PURE__ */ g(p, {
+			className: s.dataExplorerTextContainer,
 			children: [
-				_ && /* @__PURE__ */ p(f, {
+				y && /* @__PURE__ */ h(m, {
 					variant: "headline1",
-					className: o.dataExplorerTitle,
-					children: _
+					className: s.dataExplorerTitle,
+					children: y
 				}),
-				v && /* @__PURE__ */ p(f, {
+				b && /* @__PURE__ */ h(m, {
 					variant: "body1",
 					component: "div",
-					className: o.dataExplorerSubtitle,
-					children: v
+					className: s.dataExplorerSubtitle,
+					children: b
 				}),
-				y && /* @__PURE__ */ p(u, {
+				x && /* @__PURE__ */ h(f, {
 					variant: "contained",
-					className: o.dataExplorerButton,
-					...T,
-					children: y
+					className: s.dataExplorerButton,
+					...D,
+					children: x
 				})
 			]
-		}), /* @__PURE__ */ p("div", {
-			className: o.dataContainer,
-			children: O.map((e, t) => {
-				let n = e.values[k] ?? "", r = e.values[j] ?? void 0, i = N[t], s = e.values[M] ?? "";
-				return /* @__PURE__ */ p("a", {
-					className: o.dataRow,
+		}), /* @__PURE__ */ h("div", {
+			className: s.dataContainer,
+			children: G.map((e) => {
+				let t = e.values[F]?.trim() ?? "", n = e.values[L] ?? void 0, r = e.values[z]?.trim() ?? "", i = V[B(t, r)], a = W(t, r);
+				return /* @__PURE__ */ h("a", {
+					className: s.dataRow,
 					href: i,
-					children: /* @__PURE__ */ m("div", {
-						className: o.dataRowInner,
-						children: [/* @__PURE__ */ m("div", {
-							className: o.dataRowLeft,
-							children: [/* @__PURE__ */ p("div", {
-								className: o.iconContainer,
-								style: r ? { backgroundColor: r } : void 0,
-								children: /* @__PURE__ */ p(a, {
-									tableId: E,
-									fileHandleId: e.values[A],
-									alt: e.values[k] ?? "",
+					children: /* @__PURE__ */ g("div", {
+						className: s.dataRowInner,
+						children: [/* @__PURE__ */ g("div", {
+							className: s.dataRowLeft,
+							children: [/* @__PURE__ */ h("div", {
+								className: s.iconContainer,
+								style: n ? { backgroundColor: n } : void 0,
+								children: /* @__PURE__ */ h(o, {
+									tableId: O,
+									fileHandleId: e.values[I],
+									alt: t,
 									style: {
 										width: 49,
 										height: 49
 									}
 								})
-							}), /* @__PURE__ */ m("div", {
-								className: o.dataRowNamePill,
-								children: [/* @__PURE__ */ p(f, {
-									className: o.dataRowTitle,
-									children: n
-								}), s && /* @__PURE__ */ p("div", {
-									className: o.fileCount,
-									children: s
+							}), /* @__PURE__ */ g("div", {
+								className: s.dataRowNamePill,
+								children: [/* @__PURE__ */ h(m, {
+									className: s.dataRowTitle,
+									children: t
+								}), a && /* @__PURE__ */ h("div", {
+									className: s.facetCount,
+									children: a
 								})]
 							})]
-						}), i && /* @__PURE__ */ m("div", {
-							className: o.viewCta,
-							children: [/* @__PURE__ */ p("span", {
-								className: o.viewCtaText,
+						}), i && /* @__PURE__ */ g("div", {
+							className: s.viewCta,
+							children: [/* @__PURE__ */ h("span", {
+								className: s.viewCtaText,
 								children: "View"
-							}), /* @__PURE__ */ p(h, { className: o.viewCtaIcon })]
+							}), /* @__PURE__ */ h(_, { className: s.viewCtaIcon })]
 						})]
 					})
-				}, e.rowId);
+				}, B(t, r));
 			})
 		})]
 	});
 }
 //#endregion
-export { g as default };
+export { v as default };
 
 //# sourceMappingURL=DataExplorer.js.map

package/dist/components/DataExplorer/DataExplorer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataExplorer.js","names":[],"sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"sourcesContent":["import { Button, Typography, Stack } from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport styles from './DataExplorer.module.scss'\nimport { useSmartLink } from '../SmartLink/useSmartLink'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\n\ntype DataExplorerProps = {\n  title?: React.ReactNode\n  subtitle?: React.ReactNode\n  buttonText?: string\n  buttonLink?: string\n  sql: string\n  explorePath?: string\n  exploreQuerySql?: string\n  filterColumnName?: string\n}\n\nenum ExpectedColumns {\n  DATATYPE = 'datatype',\n  ICON = 'icon',\n  HEX_COLOR = 'hexColor',\n  FILE_COUNT = 'fileCount',\n}\n\nexport default function DataExplorer({\n  sql,\n  title,\n  subtitle,\n  buttonText,\n  buttonLink,\n  explorePath,\n  exploreQuerySql,\n  filterColumnName,\n}: DataExplorerProps) {\n  const hasTextSection = title || subtitle || buttonText\n  const smartLinkProps = useSmartLink(buttonLink)\n\n  const entityId = parseEntityIdFromSqlStatement(sql)\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n      sort: [{ column: 'order', direction: 'ASC' }],\n    },\n  }\n\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const dataRows = useMemo(\n    () => queryResultBundle?.queryResult?.queryResults.rows ?? [],\n    [queryResultBundle],\n  )\n\n  const datatypeColIndex = getFieldIndex(\n    ExpectedColumns.DATATYPE,\n    queryResultBundle,\n  )\n\n  const iconColIndex = getFieldIndex(ExpectedColumns.ICON, queryResultBundle)\n\n  const hexColorColIndex = getFieldIndex(\n    ExpectedColumns.HEX_COLOR,\n    queryResultBundle,\n  )\n\n  const fileCountColIndex = getFieldIndex(\n    ExpectedColumns.FILE_COUNT,\n    queryResultBundle,\n  )\n\n  const [rowUrls, setRowUrls] = useState<string[]>([])\n\n  useEffect(() => {\n    if (!explorePath || !filterColumnName || !exploreQuerySql) return\n\n    Promise.all(\n      dataRows.map(row => {\n        const dataType = row.values[datatypeColIndex]?.trim()\n        if (!dataType) return Promise.resolve(explorePath)\n        return generateEncodedPathAndQueryForSelectedFacetURL(\n          explorePath,\n          exploreQuerySql,\n          [{ facet: filterColumnName, facetValue: dataType }],\n        )\n      }),\n    ).then(setRowUrls)\n  }, [\n    dataRows,\n    datatypeColIndex,\n    explorePath,\n    exploreQuerySql,\n    filterColumnName,\n  ])\n\n  return (\n    <div className={styles.dataExplorerContainer}>\n      {hasTextSection && (\n        <Stack className={styles.dataExplorerTextContainer}>\n          {title && (\n            <Typography\n              variant=\"headline1\"\n              className={styles.dataExplorerTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {subtitle && (\n            <Typography\n              variant=\"body1\"\n              component=\"div\"\n              className={styles.dataExplorerSubtitle}\n            >\n              {subtitle}\n            </Typography>\n          )}\n          {buttonText && (\n            <Button\n              variant=\"contained\"\n              className={styles.dataExplorerButton}\n              {...smartLinkProps}\n            >\n              {buttonText}\n            </Button>\n          )}\n        </Stack>\n      )}\n      <div className={styles.dataContainer}>\n        {dataRows.map((row, index) => {\n          const dataType = row.values[datatypeColIndex] ?? ''\n          const hexColor = row.values[hexColorColIndex] ?? undefined\n          const rowUrl = rowUrls[index]\n          const fileCount = row.values[fileCountColIndex] ?? ''\n          return (\n            <a key={row.rowId} className={styles.dataRow} href={rowUrl}>\n              <div className={styles.dataRowInner}>\n                <div className={styles.dataRowLeft}>\n                  <div\n                    className={styles.iconContainer}\n                    style={hexColor ? { backgroundColor: hexColor } : undefined}\n                  >\n                    <ImageFromSynapseTable\n                      tableId={entityId}\n                      fileHandleId={row.values[iconColIndex]}\n                      alt={row.values[datatypeColIndex] ?? ''}\n                      style={{ width: 49, height: 49 }}\n                    />\n                  </div>\n                  <div className={styles.dataRowNamePill}>\n                    <Typography className={styles.dataRowTitle}>\n                      {dataType}\n                    </Typography>\n                    {fileCount && (\n                      <div className={styles.fileCount}>{fileCount}</div>\n                    )}\n                  </div>\n                </div>\n                {rowUrl && (\n                  <div className={styles.viewCta}>\n                    <span className={styles.viewCtaText}>View</span>\n                    <ArrowForwardIcon className={styles.viewCtaIcon} />\n                  </div>\n                )}\n              </div>\n            </a>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA+BA,SAAwB,EAAa,EACnC,QACA,UACA,aACA,eACA,eACA,gBACA,oBACA,uBACoB;CACpB,IAAM,IAAiB,KAAS,KAAY,GACtC,IAAiB,EAAa,CAAU,GAExC,IAAW,EAA8B,CAAG,GAc5C,EAAE,MAAM,MACZ,EAAwB;EAZxB,UACE;EAEF,cAAc;EACd;EACA,OAAO;GACL;GACA,MAAM,CAAC;IAAE,QAAQ;IAAS,WAAW;GAAM,CAAC;EAC9C;CAIwB,CAAkB,GAEtC,IAAW,QACT,GAAmB,aAAa,aAAa,QAAQ,CAAC,GAC5D,CAAC,CAAiB,CACpB,GAEM,IAAmB,EAAA,YAEvB,CACF,GAEM,IAAe,EAAA,QAAoC,CAAiB,GAEpE,IAAmB,EAAA,YAEvB,CACF,GAEM,IAAoB,EAAA,aAExB,CACF,GAEM,CAAC,GAAS,KAAc,EAAmB,CAAC,CAAC;CAwBnD,OAtBA,QAAgB;EACV,CAAC,KAAe,CAAC,KAAoB,CAAC,KAE1C,QAAQ,IACN,EAAS,KAAI,MAAO;GAClB,IAAM,IAAW,EAAI,OAAO,IAAmB,KAAK;GAEpD,OADK,IACE,EACL,GACA,GACA,CAAC;IAAE,OAAO;IAAkB,YAAY;GAAS,CAAC,CACpD,IALsB,QAAQ,QAAQ,CAAW;EAMnD,CAAC,CACH,EAAE,KAAK,CAAU;CACnB,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC,GAGC,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACG,KACC,kBAAC,GAAD;GAAO,WAAW,EAAO;aAAzB;IACG,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;eAEjB;IACS,CAAA;IAEb,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAU;KACV,WAAW,EAAO;eAEjB;IACS,CAAA;IAEb,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;KAClB,GAAI;eAEH;IACK,CAAA;GAEL;MAET,kBAAC,OAAD;GAAK,WAAW,EAAO;aACpB,EAAS,KAAK,GAAK,MAAU;IAC5B,IAAM,IAAW,EAAI,OAAO,MAAqB,IAC3C,IAAW,EAAI,OAAO,MAAqB,KAAA,GAC3C,IAAS,EAAQ,IACjB,IAAY,EAAI,OAAO,MAAsB;IACnD,OACE,kBAAC,KAAD;KAAmB,WAAW,EAAO;KAAS,MAAM;eAClD,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB,CACE,kBAAC,OAAD;QACE,WAAW,EAAO;QAClB,OAAO,IAAW,EAAE,iBAAiB,EAAS,IAAI,KAAA;kBAElD,kBAAC,GAAD;SACE,SAAS;SACT,cAAc,EAAI,OAAO;SACzB,KAAK,EAAI,OAAO,MAAqB;SACrC,OAAO;UAAE,OAAO;UAAI,QAAQ;SAAG;QAChC,CAAA;OACE,CAAA,GACL,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAY,WAAW,EAAO;mBAC3B;QACS,CAAA,GACX,KACC,kBAAC,OAAD;SAAK,WAAW,EAAO;mBAAY;QAAe,CAAA,CAEjD;SACF;UACJ,KACC,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB,CACE,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAa;OAAU,CAAA,GAC/C,kBAAC,GAAD,EAAkB,WAAW,EAAO,YAAc,CAAA,CAC/C;QAEJ;;IACJ,GA9BK,EAAI,KA8BT;GAEP,CAAC;EACE,CAAA,CACF;;AAET"}
+{"version":3,"file":"DataExplorer.js","names":[],"sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"sourcesContent":["import { Button, Typography, Stack } from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport styles from './DataExplorer.module.scss'\nimport { useSmartLink } from '../SmartLink/useSmartLink'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport {\n  QueryBundleRequest,\n  FacetColumnResultValues,\n} from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { getFacets } from '../widgets/facet-nav/useFacetPlots'\nimport { orderBy } from 'lodash-es'\n\ntype DataExplorerProps = {\n  title?: React.ReactNode\n  subtitle?: React.ReactNode\n  buttonText?: string\n  buttonLink?: string\n  sql: string\n  explorePath?: string\n  exploreQuerySql?: string\n  facetSql?: string\n}\n\nenum ExpectedColumns {\n  DATATYPE = 'datatype',\n  ICON = 'icon',\n  HEX_COLOR = 'hexColor',\n  ORDER = 'order',\n  COLUMN_NAME = 'columnName',\n}\n\n/**\n * DataExplorer\n *\n * A reusable component that renders a list of data types/categories with associated icons.\n * It drives navigation by linking each row to a pre-filtered exploration view.\n *\n * How it works:\n * 1. `sql`: Fetches a configuration table defining the display categories,\n *    their display order, hex colors, and icons.\n * 2. `facetSql`: Fetches real-time counts for these categories from the actual\n *    underlying data table.\n * 3. Links are dynamically built to point to a target path (`explorePath`) pre-filtered to the\n *    clicked category.\n */\nexport default function DataExplorer({\n  sql,\n  title,\n  subtitle,\n  buttonText,\n  buttonLink,\n  explorePath,\n  exploreQuerySql,\n  facetSql,\n}: DataExplorerProps) {\n  const hasTextSection = title || subtitle || buttonText\n  const smartLinkProps = useSmartLink(buttonLink)\n\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const facetEntityId = parseEntityIdFromSqlStatement(facetSql ?? '')\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n    },\n  }\n\n  const facetQueryRequest: QueryBundleRequest = {\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_FACETS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId: facetEntityId,\n    query: {\n      sql: facetSql ?? '',\n    },\n  }\n\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const dataRows = useMemo(\n    () => queryResultBundle?.queryResult?.queryResults.rows ?? [],\n    [queryResultBundle],\n  )\n\n  const { data: facetQueryResultBundle } = useGetQueryResultBundle(\n    facetQueryRequest,\n    { enabled: Boolean(facetSql) },\n  )\n\n  const datatypeColIndex = getFieldIndex(\n    ExpectedColumns.DATATYPE,\n    queryResultBundle,\n  )\n\n  const iconColIndex = getFieldIndex(ExpectedColumns.ICON, queryResultBundle)\n\n  const hexColorColIndex = getFieldIndex(\n    ExpectedColumns.HEX_COLOR,\n    queryResultBundle,\n  )\n\n  const orderColIndex = getFieldIndex(ExpectedColumns.ORDER, queryResultBundle)\n\n  const columnNameColIndex = getFieldIndex(\n    ExpectedColumns.COLUMN_NAME,\n    queryResultBundle,\n  )\n\n  // Key rows by columnName + dataType to prevent collisions when the same dataType appears in multiple columns.\n  const getRowKey = (dataType: string, columnName: string) =>\n    columnName ? `${columnName}::${dataType}` : dataType\n\n  const [rowUrls, setRowUrls] = useState<Record<string, string>>({})\n\n  useEffect(() => {\n    if (!explorePath || !exploreQuerySql) return\n    Promise.all(\n      dataRows.map(row => {\n        const dataType = row.values[datatypeColIndex]?.trim() ?? ''\n        const columnName = row.values[columnNameColIndex]?.trim() ?? ''\n        const rowKey = getRowKey(dataType, columnName)\n        if (!dataType || !columnName)\n          return Promise.resolve([rowKey, explorePath] as const)\n        return generateEncodedPathAndQueryForSelectedFacetURL(\n          explorePath,\n          exploreQuerySql,\n          [{ facet: columnName, facetValue: dataType }],\n        ).then(url => [rowKey, url] as const)\n      }),\n    ).then(entries => setRowUrls(Object.fromEntries(entries)))\n  }, [\n    dataRows,\n    datatypeColIndex,\n    columnNameColIndex,\n    explorePath,\n    exploreQuerySql,\n  ])\n\n  // Create a map of facet counts by column name and data type for quick lookup\n  const facetCountsByColumn = useMemo(() => {\n    const facets = getFacets(\n      facetQueryResultBundle,\n    ) as FacetColumnResultValues[]\n    const map = new Map<string, Map<string, number>>()\n    for (const facet of facets) {\n      map.set(\n        facet.columnName,\n        new Map(facet.facetValues.map(fv => [fv.value, fv.count])),\n      )\n    }\n    return map\n  }, [facetQueryResultBundle])\n\n  const getFacetCount = (dataType: string, columnName?: string) =>\n    columnName ? facetCountsByColumn.get(columnName)?.get(dataType) : undefined\n\n  // Sort by order column ascending, then by facet count descending\n  const sortedRows = orderBy(\n    dataRows,\n    [\n      row => Number(row.values[orderColIndex] ?? Number.MAX_SAFE_INTEGER),\n      row =>\n        getFacetCount(\n          row.values[datatypeColIndex]?.trim() ?? '',\n          row.values[columnNameColIndex]?.trim() ?? '',\n        ) ?? 0,\n    ],\n    ['asc', 'desc'],\n  )\n\n  return (\n    <div className={styles.dataExplorerContainer}>\n      {hasTextSection && (\n        <Stack className={styles.dataExplorerTextContainer}>\n          {title && (\n            <Typography\n              variant=\"headline1\"\n              className={styles.dataExplorerTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {subtitle && (\n            <Typography\n              variant=\"body1\"\n              component=\"div\"\n              className={styles.dataExplorerSubtitle}\n            >\n              {subtitle}\n            </Typography>\n          )}\n          {buttonText && (\n            <Button\n              variant=\"contained\"\n              className={styles.dataExplorerButton}\n              {...smartLinkProps}\n            >\n              {buttonText}\n            </Button>\n          )}\n        </Stack>\n      )}\n      <div className={styles.dataContainer}>\n        {sortedRows.map(row => {\n          const dataType = row.values[datatypeColIndex]?.trim() ?? ''\n          const hexColor = row.values[hexColorColIndex] ?? undefined\n          const columnName = row.values[columnNameColIndex]?.trim() ?? ''\n          const rowUrl = rowUrls[getRowKey(dataType, columnName)]\n          const facetCount = getFacetCount(dataType, columnName)\n          return (\n            <a\n              key={getRowKey(dataType, columnName)}\n              className={styles.dataRow}\n              href={rowUrl}\n            >\n              <div className={styles.dataRowInner}>\n                <div className={styles.dataRowLeft}>\n                  <div\n                    className={styles.iconContainer}\n                    style={hexColor ? { backgroundColor: hexColor } : undefined}\n                  >\n                    <ImageFromSynapseTable\n                      tableId={entityId}\n                      fileHandleId={row.values[iconColIndex]}\n                      alt={dataType}\n                      style={{ width: 49, height: 49 }}\n                    />\n                  </div>\n                  <div className={styles.dataRowNamePill}>\n                    <Typography className={styles.dataRowTitle}>\n                      {dataType}\n                    </Typography>\n                    {facetCount && (\n                      <div className={styles.facetCount}>{facetCount}</div>\n                    )}\n                  </div>\n                </div>\n                {rowUrl && (\n                  <div className={styles.viewCta}>\n                    <span className={styles.viewCtaText}>View</span>\n                    <ArrowForwardIcon className={styles.viewCtaIcon} />\n                  </div>\n                )}\n              </div>\n            </a>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAmDA,SAAwB,EAAa,EACnC,QACA,UACA,aACA,eACA,eACA,gBACA,oBACA,eACoB;CACpB,IAAM,IAAiB,KAAS,KAAY,GACtC,IAAiB,EAAa,CAAU,GAExC,IAAW,EAA8B,CAAG,GAC5C,IAAgB,EAA8B,KAAY,EAAE,GAE5D,IAAyC;EAC7C,UACE;EAEF,cAAc;EACd;EACA,OAAO,EACL,OACF;CACF,GAEM,IAAwC;EAC5C,UAAU;EACV,cAAc;EACd,UAAU;EACV,OAAO,EACL,KAAK,KAAY,GACnB;CACF,GAEM,EAAE,MAAM,MACZ,EAAwB,CAAkB,GAEtC,IAAW,QACT,GAAmB,aAAa,aAAa,QAAQ,CAAC,GAC5D,CAAC,CAAiB,CACpB,GAEM,EAAE,MAAM,MAA2B,EACvC,GACA,EAAE,SAAS,EAAQ,EAAU,CAC/B,GAEM,IAAmB,EAAA,YAEvB,CACF,GAEM,IAAe,EAAA,QAAoC,CAAiB,GAEpE,IAAmB,EAAA,YAEvB,CACF,GAEM,IAAgB,EAAA,SAAqC,CAAiB,GAEtE,IAAqB,EAAA,cAEzB,CACF,GAGM,KAAa,GAAkB,MACnC,IAAa,GAAG,EAAW,IAAI,MAAa,GAExC,CAAC,GAAS,KAAc,EAAiC,CAAC,CAAC;CAEjE,QAAgB;EACV,CAAC,KAAe,CAAC,KACrB,QAAQ,IACN,EAAS,KAAI,MAAO;GAClB,IAAM,IAAW,EAAI,OAAO,IAAmB,KAAK,KAAK,IACnD,IAAa,EAAI,OAAO,IAAqB,KAAK,KAAK,IACvD,IAAS,EAAU,GAAU,CAAU;GAG7C,OAFI,CAAC,KAAY,CAAC,IACT,QAAQ,QAAQ,CAAC,GAAQ,CAAW,CAAU,IAChD,EACL,GACA,GACA,CAAC;IAAE,OAAO;IAAY,YAAY;GAAS,CAAC,CAC9C,EAAE,MAAK,MAAO,CAAC,GAAQ,CAAG,CAAU;EACtC,CAAC,CACH,EAAE,MAAK,MAAW,EAAW,OAAO,YAAY,CAAO,CAAC,CAAC;CAC3D,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC;CAGD,IAAM,IAAsB,QAAc;EACxC,IAAM,IAAS,EACb,CACF,GACM,oBAAM,IAAI,IAAiC;EACjD,KAAK,IAAM,KAAS,GAClB,EAAI,IACF,EAAM,YACN,IAAI,IAAI,EAAM,YAAY,KAAI,MAAM,CAAC,EAAG,OAAO,EAAG,KAAK,CAAC,CAAC,CAC3D;EAEF,OAAO;CACT,GAAG,CAAC,CAAsB,CAAC,GAErB,KAAiB,GAAkB,MACvC,IAAa,EAAoB,IAAI,CAAU,GAAG,IAAI,CAAQ,IAAI,KAAA,GAG9D,IAAa,EACjB,GACA,EACE,MAAO,OAAO,EAAI,OAAO,iBAAyC,IAClE,MACE,EACE,EAAI,OAAO,IAAmB,KAAK,KAAK,IACxC,EAAI,OAAO,IAAqB,KAAK,KAAK,EAC5C,KAAK,CACT,GACA,CAAC,OAAO,MAAM,CAChB;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACG,KACC,kBAAC,GAAD;GAAO,WAAW,EAAO;aAAzB;IACG,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;eAEjB;IACS,CAAA;IAEb,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAU;KACV,WAAW,EAAO;eAEjB;IACS,CAAA;IAEb,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;KAClB,GAAI;eAEH;IACK,CAAA;GAEL;MAET,kBAAC,OAAD;GAAK,WAAW,EAAO;aACpB,EAAW,KAAI,MAAO;IACrB,IAAM,IAAW,EAAI,OAAO,IAAmB,KAAK,KAAK,IACnD,IAAW,EAAI,OAAO,MAAqB,KAAA,GAC3C,IAAa,EAAI,OAAO,IAAqB,KAAK,KAAK,IACvD,IAAS,EAAQ,EAAU,GAAU,CAAU,IAC/C,IAAa,EAAc,GAAU,CAAU;IACrD,OACE,kBAAC,KAAD;KAEE,WAAW,EAAO;KAClB,MAAM;eAEN,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB,CACE,kBAAC,OAAD;QACE,WAAW,EAAO;QAClB,OAAO,IAAW,EAAE,iBAAiB,EAAS,IAAI,KAAA;kBAElD,kBAAC,GAAD;SACE,SAAS;SACT,cAAc,EAAI,OAAO;SACzB,KAAK;SACL,OAAO;UAAE,OAAO;UAAI,QAAQ;SAAG;QAChC,CAAA;OACE,CAAA,GACL,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAY,WAAW,EAAO;mBAC3B;QACS,CAAA,GACX,KACC,kBAAC,OAAD;SAAK,WAAW,EAAO;mBAAa;QAAgB,CAAA,CAEnD;SACF;UACJ,KACC,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB,CACE,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAa;OAAU,CAAA,GAC/C,kBAAC,GAAD,EAAkB,WAAW,EAAO,YAAc,CAAA,CAC/C;QAEJ;;IACJ,GAjCI,EAAU,GAAU,CAAU,CAiClC;GAEP,CAAC;EACE,CAAA,CACF;;AAET"}

package/dist/components/DataExplorer/DataExplorer.module.js

@@ -1,20 +1,20 @@
 import './DataExplorer.css';var e = {
-	dataExplorerTitle: "_dataExplorerTitle_pjkyv_1",
-	dataExplorerSubtitle: "_dataExplorerSubtitle_pjkyv_7",
-	dataExplorerButton: "_dataExplorerButton_pjkyv_12",
-	dataExplorerTextContainer: "_dataExplorerTextContainer_pjkyv_17",
-	dataExplorerContainer: "_dataExplorerContainer_pjkyv_27",
-	dataContainer: "_dataContainer_pjkyv_41",
-	dataRowTitle: "_dataRowTitle_pjkyv_51",
-	dataRowInner: "_dataRowInner_pjkyv_67",
-	dataRow: "_dataRow_pjkyv_51",
-	viewCta: "_viewCta_pjkyv_96",
-	dataRowLeft: "_dataRowLeft_pjkyv_101",
-	iconContainer: "_iconContainer_pjkyv_109",
-	dataRowNamePill: "_dataRowNamePill_pjkyv_119",
-	fileCount: "_fileCount_pjkyv_127",
-	viewCtaText: "_viewCtaText_pjkyv_160",
-	viewCtaIcon: "_viewCtaIcon_pjkyv_167"
+	dataExplorerTitle: "_dataExplorerTitle_1ezpn_1",
+	dataExplorerSubtitle: "_dataExplorerSubtitle_1ezpn_7",
+	dataExplorerButton: "_dataExplorerButton_1ezpn_12",
+	dataExplorerTextContainer: "_dataExplorerTextContainer_1ezpn_17",
+	dataExplorerContainer: "_dataExplorerContainer_1ezpn_27",
+	dataContainer: "_dataContainer_1ezpn_41",
+	dataRowTitle: "_dataRowTitle_1ezpn_51",
+	dataRowInner: "_dataRowInner_1ezpn_67",
+	dataRow: "_dataRow_1ezpn_51",
+	viewCta: "_viewCta_1ezpn_96",
+	dataRowLeft: "_dataRowLeft_1ezpn_101",
+	iconContainer: "_iconContainer_1ezpn_109",
+	dataRowNamePill: "_dataRowNamePill_1ezpn_119",
+	facetCount: "_facetCount_1ezpn_127",
+	viewCtaText: "_viewCtaText_1ezpn_160",
+	viewCtaIcon: "_viewCtaIcon_1ezpn_167"
 };
 //#endregion
 export { e as default };