synapse-react-client 4.0.41 → 4.0.42

package/dist/components/QueryBuilder/useQBValueDisplayName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQBValueDisplayName.d.ts","sourceRoot":"","sources":["../../../src/components/QueryBuilder/useQBValueDisplayName.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAIX,iBAAiB,EAElB,MAAM,iCAAiC,CAAA;AASxC;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAAG,CACjC,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,KAAK,EAAE,MAAM,KACV,MAAM,CAAA;AAqBX;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,WAAW,EAAE,EAC3B,YAAY,EAAE,SAAS,iBAAiB,EAAE,GACzC,oBAAoB,CA2EtB;AAED,gFAAgF;AAChF,eAAO,MAAM,qBAAqB,EAAE,oBAGN,CAAA"}

package/dist/components/QueryBuilder/useQBValueDisplayName.js

@@ -0,0 +1,64 @@
+import "../../utils/SynapseConstants.js";
+import e from "../../utils/hooks/useGetInfoFromIds.js";
+import { isFacetColumnResultValues as t, labelForFacetValue as n } from "./queryBuilderMetadata.js";
+import { useCallback as r, useMemo as i } from "react";
+import { ColumnTypeEnum as a } from "@sage-bionetworks/synapse-types";
+//#region src/components/QueryBuilder/useQBValueDisplayName.ts
+function o(e) {
+	switch (e) {
+		case a.ENTITYID:
+		case a.ENTITYID_LIST: return "ENTITY_HEADER";
+		case a.USERID:
+		case a.USERID_LIST: return "USER_PROFILE";
+		case a.EVALUATIONID: return "EVALUATION_QUEUE";
+		default: return null;
+	}
+}
+function s(a, s) {
+	let c = i(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of a) {
+			let n = o(t.columnType);
+			n != null && e.set(t.name, n);
+		}
+		return e;
+	}, [a]), l = i(() => {
+		let e = {
+			ENTITY_HEADER: [],
+			USER_PROFILE: [],
+			EVALUATION_QUEUE: []
+		};
+		for (let n of s) {
+			if (!t(n)) continue;
+			let r = c.get(n.columnName);
+			if (r != null) for (let t of n.facetValues) t.value !== "org.sagebionetworks.UNDEFINED_NULL_NOTSET" && e[r].push(t.value);
+		}
+		return e;
+	}, [s, c]), u = e({
+		ids: l.ENTITY_HEADER,
+		type: "ENTITY_HEADER"
+	}), d = e({
+		ids: l.USER_PROFILE,
+		type: "USER_PROFILE"
+	}), f = e({
+		ids: l.EVALUATION_QUEUE,
+		type: "EVALUATION_QUEUE"
+	}), p = i(() => ({
+		ENTITY_HEADER: new Map(u.map((e) => [e.id, e.name])),
+		USER_PROFILE: new Map(d.map((e) => [e.ownerId, e.userName])),
+		EVALUATION_QUEUE: new Map(f.filter((e) => e.id != null && e.name != null).map((e) => [e.id, e.name]))
+	}), [
+		u,
+		d,
+		f
+	]);
+	return r((e, t) => {
+		let r = e == null ? null : c.get(e);
+		return r == null ? n(t) : p[r].get(t) ?? n(t);
+	}, [c, p]);
+}
+var c = (e, t) => n(t);
+//#endregion
+export { c as rawQBValueDisplayName, s as useQBValueDisplayName };
+
+//# sourceMappingURL=useQBValueDisplayName.js.map

package/dist/components/QueryBuilder/useQBValueDisplayName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQBValueDisplayName.js","names":[],"sources":["../../../src/components/QueryBuilder/useQBValueDisplayName.ts"],"sourcesContent":["import {\n  ColumnModel,\n  ColumnTypeEnum,\n  EntityHeader,\n  Evaluation,\n  FacetColumnResult,\n  UserGroupHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback, useMemo } from 'react'\nimport useGetInfoFromIds from '../../utils/hooks/useGetInfoFromIds'\nimport { VALUE_NOT_SET } from '../../utils/SynapseConstants'\nimport {\n  isFacetColumnResultValues,\n  labelForFacetValue,\n} from './queryBuilderMetadata'\n\n/**\n * Resolves the user-facing label for a value stored on a QB condition. Columns\n * whose values are Synapse IDs resolve to the object's name; every other\n * column falls back to {@link labelForFacetValue}.\n */\nexport type QBValueDisplayNameFn = (\n  columnName: string | null,\n  value: string,\n) => string\n\ntype LookupType = 'ENTITY_HEADER' | 'USER_PROFILE' | 'EVALUATION_QUEUE'\n\nfunction lookupTypeForColumnType(\n  columnType: ColumnModel['columnType'] | undefined,\n): LookupType | null {\n  switch (columnType) {\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.ENTITYID_LIST:\n      return 'ENTITY_HEADER'\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.USERID_LIST:\n      return 'USER_PROFILE'\n    case ColumnTypeEnum.EVALUATIONID:\n      return 'EVALUATION_QUEUE'\n    default:\n      return null\n  }\n}\n\n/**\n * Builds the labeling function used for every value the QB displays — pill\n * choices and the plain-English summary alike.\n *\n * IDs are looked up in batch for the whole panel rather than per condition, so\n * a value keeps its name whether or not a condition is currently selecting it.\n */\nexport function useQBValueDisplayName(\n  columnModels: ColumnModel[],\n  facetResults: readonly FacetColumnResult[],\n): QBValueDisplayNameFn {\n  const lookupTypeByColumnName = useMemo(() => {\n    const map = new Map<string, LookupType>()\n    for (const columnModel of columnModels) {\n      const lookupType = lookupTypeForColumnType(columnModel.columnType)\n      if (lookupType != null) {\n        map.set(columnModel.name, lookupType)\n      }\n    }\n    return map\n  }, [columnModels])\n\n  // Only faceted columns enumerate their values in the UI, so the facet\n  // results are the complete set of IDs that need names.\n  const idsByLookupType = useMemo(() => {\n    const ids: Record<LookupType, string[]> = {\n      ENTITY_HEADER: [],\n      USER_PROFILE: [],\n      EVALUATION_QUEUE: [],\n    }\n    for (const facet of facetResults) {\n      if (!isFacetColumnResultValues(facet)) continue\n      const lookupType = lookupTypeByColumnName.get(facet.columnName)\n      if (lookupType == null) continue\n      for (const facetValue of facet.facetValues) {\n        if (facetValue.value !== VALUE_NOT_SET) {\n          ids[lookupType].push(facetValue.value)\n        }\n      }\n    }\n    return ids\n  }, [facetResults, lookupTypeByColumnName])\n\n  const entityHeaders = useGetInfoFromIds<EntityHeader>({\n    ids: idsByLookupType.ENTITY_HEADER,\n    type: 'ENTITY_HEADER',\n  })\n  const userGroupHeaders = useGetInfoFromIds<UserGroupHeader>({\n    ids: idsByLookupType.USER_PROFILE,\n    type: 'USER_PROFILE',\n  })\n  const evaluations = useGetInfoFromIds<Evaluation>({\n    ids: idsByLookupType.EVALUATION_QUEUE,\n    type: 'EVALUATION_QUEUE',\n  })\n\n  const labelsByLookupType: Record<LookupType, Map<string, string>> = useMemo(\n    () => ({\n      ENTITY_HEADER: new Map(entityHeaders.map(h => [h.id, h.name])),\n      USER_PROFILE: new Map(userGroupHeaders.map(h => [h.ownerId, h.userName])),\n      EVALUATION_QUEUE: new Map(\n        evaluations\n          .filter(e => e.id != null && e.name != null)\n          .map(e => [e.id!, e.name!]),\n      ),\n    }),\n    [entityHeaders, userGroupHeaders, evaluations],\n  )\n\n  return useCallback(\n    (columnName, value) => {\n      const lookupType =\n        columnName == null ? null : lookupTypeByColumnName.get(columnName)\n      if (lookupType == null) return labelForFacetValue(value)\n      // Lookups resolve asynchronously, and only faceted values are looked up\n      // at all, so the raw value is the best label available until (or unless)\n      // a name arrives. An ID the backend won't resolve still gets a label\n      // here: `useGetInfoFromIds` substitutes a placeholder header, named\n      // after the ID for entities and `Unknown` for users.\n      return (\n        labelsByLookupType[lookupType].get(value) ?? labelForFacetValue(value)\n      )\n    },\n    [lookupTypeByColumnName, labelsByLookupType],\n  )\n}\n\n/** Labeler used when no ID resolution is available (e.g. outside the panel). */\nexport const rawQBValueDisplayName: QBValueDisplayNameFn = (\n  _columnName,\n  value,\n) => labelForFacetValue(value)\n"],"mappings":";;;;;;AA4BA,SAAS,EACP,GACmB;CACnB,QAAQ,GAAR;EACE,KAAK,EAAe;EACpB,KAAK,EAAe,eAClB,OAAO;EACT,KAAK,EAAe;EACpB,KAAK,EAAe,aAClB,OAAO;EACT,KAAK,EAAe,cAClB,OAAO;EACT,SACE,OAAO;CACX;AACF;AASA,SAAgB,EACd,GACA,GACsB;CACtB,IAAM,IAAyB,QAAc;EAC3C,IAAM,oBAAM,IAAI,IAAwB;EACxC,KAAK,IAAM,KAAe,GAAc;GACtC,IAAM,IAAa,EAAwB,EAAY,UAAU;GACjE,AAAI,KAAc,QAChB,EAAI,IAAI,EAAY,MAAM,CAAU;EAExC;EACA,OAAO;CACT,GAAG,CAAC,CAAY,CAAC,GAIX,IAAkB,QAAc;EACpC,IAAM,IAAoC;GACxC,eAAe,CAAC;GAChB,cAAc,CAAC;GACf,kBAAkB,CAAC;EACrB;EACA,KAAK,IAAM,KAAS,GAAc;GAChC,IAAI,CAAC,EAA0B,CAAK,GAAG;GACvC,IAAM,IAAa,EAAuB,IAAI,EAAM,UAAU;GAC1D,SAAc,MAClB,KAAK,IAAM,KAAc,EAAM,aAC7B,AAAI,EAAW,UAAA,+CACb,EAAI,GAAY,KAAK,EAAW,KAAK;EAG3C;EACA,OAAO;CACT,GAAG,CAAC,GAAc,CAAsB,CAAC,GAEnC,IAAgB,EAAgC;EACpD,KAAK,EAAgB;EACrB,MAAM;CACR,CAAC,GACK,IAAmB,EAAmC;EAC1D,KAAK,EAAgB;EACrB,MAAM;CACR,CAAC,GACK,IAAc,EAA8B;EAChD,KAAK,EAAgB;EACrB,MAAM;CACR,CAAC,GAEK,IAA8D,SAC3D;EACL,eAAe,IAAI,IAAI,EAAc,KAAI,MAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EAC7D,cAAc,IAAI,IAAI,EAAiB,KAAI,MAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;EACxE,kBAAkB,IAAI,IACpB,EACG,QAAO,MAAK,EAAE,MAAM,QAAQ,EAAE,QAAQ,IAAI,EAC1C,KAAI,MAAK,CAAC,EAAE,IAAK,EAAE,IAAK,CAAC,CAC9B;CACF,IACA;EAAC;EAAe;EAAkB;CAAW,CAC/C;CAEA,OAAO,GACJ,GAAY,MAAU;EACrB,IAAM,IACJ,KAAc,OAAO,OAAO,EAAuB,IAAI,CAAU;EAOnE,OANI,KAAc,OAAa,EAAmB,CAAK,IAOrD,EAAmB,GAAY,IAAI,CAAK,KAAK,EAAmB,CAAK;CAEzE,GACA,CAAC,GAAwB,CAAkB,CAC7C;AACF;AAGA,IAAa,KACX,GACA,MACG,EAAmB,CAAK"}

package/dist/components/SynapseTable/RowSelection/RowSelectionControls.js

@@ -16,8 +16,8 @@ import { useGetAddToDownloadListRequestForCurrentQuery as u } from "../../QueryW
 import { CustomControlButton as d } from "../CustomControls/CustomControlButton.js";
 import { RowSelectionUI as f } from "./RowSelectionUI.js";
 import { useState as p } from "react";
-import { toast as m } from "react-hot-toast";
-import { Box as h, Button as g } from "@mui/material";
+import { Box as m, Button as h } from "@mui/material";
+import { toast as g } from "react-hot-toast";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { GetAppTwoTone as b } from "@mui/icons-material";
 import { useAtom as x } from "jotai";
@@ -44,7 +44,7 @@ function C(C) {
 				control: e,
 				startIcon: e.icon
 			}, e.buttonText)),
-			z && /* @__PURE__ */ v(g, {
+			z && /* @__PURE__ */ v(h, {
 				variant: "outlined",
 				onClick: () => {
 					E ? L(!0) : O(!0);
@@ -56,15 +56,15 @@ function C(C) {
 				onHide: () => O(!1),
 				content: "You must be signed in to send results to an analysis platform."
 			}),
-			V && /* @__PURE__ */ v(g, {
+			V && /* @__PURE__ */ v(h, {
 				variant: "contained",
 				onClick: () => {
-					let e = m.custom(/* @__PURE__ */ v(h, {
+					let e = g.custom(/* @__PURE__ */ v(m, {
 						sx: { width: "100%" },
 						children: /* @__PURE__ */ v(i, {
 							addToDownloadListRequest: I,
 							onClose: () => {
-								m.dismiss(e);
+								g.dismiss(e);
 							}
 						})
 					}), { duration: Infinity });

package/dist/components/SynapseTable/RowSelection/RowSelectionUI.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+export declare const FLOATING_ROW_SELECTION_BAR_CLASS_NAME = "SynapseFloatingRowSelectionBar";
 export type RowSelectionUIProps = {
     show?: boolean;
     selectedRowCount: number;

package/dist/components/SynapseTable/RowSelection/RowSelectionUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionUI.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionUI.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8DxD"}
+{"version":3,"file":"RowSelectionUI.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionUI.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,eAAO,MAAM,qCAAqC,mCAChB,CAAA;AAIlC,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAA;CAC3B,CAAA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAqExD"}

package/dist/components/SynapseTable/RowSelection/RowSelectionUI.js

@@ -5,18 +5,20 @@ import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { useAtomValue as l } from "jotai";
 import u from "pluralize";
 //#region src/components/SynapseTable/RowSelection/RowSelectionUI.tsx
-function d(d) {
-	let { show: f = !0, selectedRowCount: p, onClearSelection: m, customControls: h = /* @__PURE__ */ s(o, {}) } = d, g = l(e);
-	return f ? /* @__PURE__ */ c(i, {
+var d = "SynapseFloatingRowSelectionBar", f = "var(--synapse-floating-row-selection-bar-height)";
+function p(p) {
+	let { show: m = !0, selectedRowCount: h, onClearSelection: g, customControls: _ = /* @__PURE__ */ s(o, {}) } = p, v = l(e);
+	return m ? /* @__PURE__ */ c(i, {
+		className: v ? d : void 0,
 		sx: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "space-between",
-			position: g ? "fixed" : "absolute",
-			bottom: g ? 0 : -70,
+			position: v ? "fixed" : "absolute",
+			bottom: v ? 0 : `calc(-1 * ${f})`,
 			left: 0,
 			width: "100%",
-			height: "70px",
+			height: f,
 			zIndex: 1,
 			px: 2.5
 		},
@@ -24,7 +26,7 @@ function d(d) {
 			variant: "text",
 			color: "error",
 			onClick: () => {
-				m();
+				g();
 			},
 			children: "Clear Selection"
 		}), /* @__PURE__ */ c(n, {
@@ -39,18 +41,18 @@ function d(d) {
 					gap: 1.5
 				},
 				children: [/* @__PURE__ */ s(t, {
-					badgeContent: p.toLocaleString(),
+					badgeContent: h.toLocaleString(),
 					color: "primary",
 					max: Infinity
 				}), /* @__PURE__ */ c(a, {
 					variant: "body1",
-					children: [u("Row", p), " Selected"]
+					children: [u("Row", h), " Selected"]
 				})]
-			}), h]
+			}), _]
 		})]
 	}) : /* @__PURE__ */ s(o, {});
 }
 //#endregion
-export { d as RowSelectionUI };
+export { d as FLOATING_ROW_SELECTION_BAR_CLASS_NAME, p as RowSelectionUI };
 
 //# sourceMappingURL=RowSelectionUI.js.map

package/dist/components/SynapseTable/RowSelection/RowSelectionUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionUI.js","names":[],"sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionUI.tsx"],"sourcesContent":["import InlineBadge from '@/components/styled/InlineBadge'\nimport { Box, Button, Paper, Typography } from '@mui/material'\nimport { useAtomValue } from 'jotai'\nimport pluralize from 'pluralize'\nimport { ReactNode } from 'react'\nimport { isRowSelectionUIFloatingAtom } from '../../QueryWrapper/TableRowSelectionState'\n\nexport type RowSelectionUIProps = {\n  show?: boolean\n  selectedRowCount: number\n  onClearSelection: () => void\n  customControls?: ReactNode\n}\n\n/**\n * UI-only component for displaying the number of table rows selected, along with actions that can be performed on those rows\n */\nexport function RowSelectionUI(props: RowSelectionUIProps) {\n  const {\n    show = true,\n    selectedRowCount,\n    onClearSelection,\n    customControls = <></>,\n  } = props\n  const isRowSelectionUIFloating = useAtomValue(isRowSelectionUIFloatingAtom)\n  if (!show) {\n    return <></>\n  }\n\n  return (\n    <Paper\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        position: isRowSelectionUIFloating ? 'fixed' : 'absolute',\n        bottom: isRowSelectionUIFloating ? 0 : -70,\n        left: 0,\n        width: '100%',\n        height: '70px',\n        zIndex: 1,\n        px: 2.5,\n      }}\n    >\n      <Button\n        variant=\"text\"\n        color=\"error\"\n        onClick={() => {\n          onClearSelection()\n        }}\n      >\n        Clear Selection\n      </Button>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: 2.5,\n          alignItems: 'center',\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1.5,\n          }}\n        >\n          <InlineBadge\n            badgeContent={selectedRowCount.toLocaleString()}\n            color=\"primary\"\n            max={Infinity}\n          />\n          <Typography variant=\"body1\">\n            {pluralize('Row', selectedRowCount)} Selected\n          </Typography>\n        </Box>\n        {customControls}\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,EAAe,GAA4B;CACzD,IAAM,EACJ,UAAO,IACP,qBACA,qBACA,oBAAiB,kBAAA,GAAA,CAAI,CAAA,MACnB,GACE,IAA2B,EAAa,CAA4B;CAK1E,OAJK,IAKH,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU,IAA2B,UAAU;GAC/C,QAAQ,IAA2B,IAAI;GACvC,MAAM;GACN,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,IAAI;EACN;YAZF,CAcE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;IACb,EAAiB;GACnB;aACD;EAEO,CAAA,GACR,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK;IACL,YAAY;GACd;aALF,CAOE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;IACP;cAJF,CAME,kBAAC,GAAD;KACE,cAAc,EAAiB,eAAe;KAC9C,OAAM;KACN,KAAK;IACN,CAAA,GACD,kBAAC,GAAD;KAAY,SAAQ;eAApB,CACG,EAAU,OAAO,CAAgB,GAAE,WAC1B;MACT;OACJ,CACE;IACA;MAnDA,kBAAA,GAAA,CAAI,CAAA;AAqDf"}
+{"version":3,"file":"RowSelectionUI.js","names":[],"sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionUI.tsx"],"sourcesContent":["import InlineBadge from '@/components/styled/InlineBadge'\nimport { Box, Button, Paper, Typography } from '@mui/material'\nimport { useAtomValue } from 'jotai'\nimport pluralize from 'pluralize'\nimport { ReactNode } from 'react'\nimport { isRowSelectionUIFloatingAtom } from '../../QueryWrapper/TableRowSelectionState'\n\nexport const FLOATING_ROW_SELECTION_BAR_CLASS_NAME =\n  'SynapseFloatingRowSelectionBar'\n\nconst HEIGHT_CSS_VARIABLE = 'var(--synapse-floating-row-selection-bar-height)'\n\nexport type RowSelectionUIProps = {\n  show?: boolean\n  selectedRowCount: number\n  onClearSelection: () => void\n  customControls?: ReactNode\n}\n\n/**\n * UI-only component for displaying the number of table rows selected, along with actions that can be performed on those rows\n */\nexport function RowSelectionUI(props: RowSelectionUIProps) {\n  const {\n    show = true,\n    selectedRowCount,\n    onClearSelection,\n    customControls = <></>,\n  } = props\n  const isRowSelectionUIFloating = useAtomValue(isRowSelectionUIFloatingAtom)\n  if (!show) {\n    return <></>\n  }\n\n  return (\n    <Paper\n      className={\n        isRowSelectionUIFloating\n          ? FLOATING_ROW_SELECTION_BAR_CLASS_NAME\n          : undefined\n      }\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        position: isRowSelectionUIFloating ? 'fixed' : 'absolute',\n        bottom: isRowSelectionUIFloating\n          ? 0\n          : `calc(-1 * ${HEIGHT_CSS_VARIABLE})`,\n        left: 0,\n        width: '100%',\n        height: HEIGHT_CSS_VARIABLE,\n        zIndex: 1,\n        px: 2.5,\n      }}\n    >\n      <Button\n        variant=\"text\"\n        color=\"error\"\n        onClick={() => {\n          onClearSelection()\n        }}\n      >\n        Clear Selection\n      </Button>\n      <Box\n        sx={{\n          display: 'flex',\n          gap: 2.5,\n          alignItems: 'center',\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1.5,\n          }}\n        >\n          <InlineBadge\n            badgeContent={selectedRowCount.toLocaleString()}\n            color=\"primary\"\n            max={Infinity}\n          />\n          <Typography variant=\"body1\">\n            {pluralize('Row', selectedRowCount)} Selected\n          </Typography>\n        </Box>\n        {customControls}\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;AAOA,IAAa,IACX,kCAEI,IAAsB;AAY5B,SAAgB,EAAe,GAA4B;CACzD,IAAM,EACJ,UAAO,IACP,qBACA,qBACA,oBAAiB,kBAAA,GAAA,CAAI,CAAA,MACnB,GACE,IAA2B,EAAa,CAA4B;CAK1E,OAJK,IAKH,kBAAC,GAAD;EACE,WACE,IACI,IACA,KAAA;EAEN,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,UAAU,IAA2B,UAAU;GAC/C,QAAQ,IACJ,IACA,aAAa,EAAoB;GACrC,MAAM;GACN,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,IAAI;EACN;YAnBF,CAqBE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,eAAe;IACb,EAAiB;GACnB;aACD;EAEO,CAAA,GACR,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK;IACL,YAAY;GACd;aALF,CAOE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,KAAK;IACP;cAJF,CAME,kBAAC,GAAD;KACE,cAAc,EAAiB,eAAe;KAC9C,OAAM;KACN,KAAK;IACN,CAAA,GACD,kBAAC,GAAD;KAAY,SAAQ;eAApB,CACG,EAAU,OAAO,CAAgB,GAAE,WAC1B;MACT;OACJ,CACE;IACA;MA1DA,kBAAA,GAAA,CAAI,CAAA;AA4Df"}

package/dist/components/SynapseTable/SearchV2.js

@@ -3,8 +3,8 @@ import "../../utils/index.js";
 import n from "../IconSvg/IconSvg.js";
 import { useGetQueryMetadata as r } from "../QueryWrapper/useGetQueryMetadata.js";
 import { Component as i, createRef as a } from "react";
-import { CSSTransition as o } from "react-transition-group";
-import { Collapse as s } from "@mui/material";
+import { Collapse as o } from "@mui/material";
+import { CSSTransition as s } from "react-transition-group";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { ColumnMultiValueFunction as u, ColumnSingleValueFilterOperator as d, ColumnTypeEnum as f } from "@sage-bionetworks/synapse-types";
 //#region src/components/SynapseTable/SearchV2.tsx
@@ -93,7 +93,7 @@ var p = class extends i {
 		let { searchable: e, lockedColumn: t, columnModels: r, queryVisualizationContext: { showSearchBar: i, getColumnDisplayName: a } } = this.props, { searchText: u, show: d, columnName: f } = this.state, p = [];
 		return e ? p = e.map((e) => r?.find((t) => t.name === e)).filter(this.isSupportedColumnAndInProps).map((e) => e.name) : r && (p = r?.filter(this.isSupportedColumn).map((e) => e.name)), p.length && t?.columnName && (p = p.filter((e) => e !== t?.columnName)), /* @__PURE__ */ l("div", {
 			className: "QueryWrapperSearchInput",
-			children: [/* @__PURE__ */ c(s, {
+			children: [/* @__PURE__ */ c(o, {
 				in: i,
 				children: /* @__PURE__ */ l("form", {
 					className: "QueryWrapperSearchInput__searchbar",
@@ -128,7 +128,7 @@ var p = class extends i {
 				})
 			}), /* @__PURE__ */ c("div", {
 				className: "QueryWrapperSearchInput__dropdown_pos",
-				children: /* @__PURE__ */ c(o, {
+				children: /* @__PURE__ */ c(s, {
 					nodeRef: this.radioFormRef,
 					in: d,
 					classNames: "QueryWrapperSearchInput__animate_dropdown",

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

@@ -1 +1 @@
-{"version":3,"file":"ToastMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ToastMessage/ToastMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AAGhD,OAAuB,EACrB,iBAAiB,EAClB,MAAM,kCAAkC,CAAA;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiBvC;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,IAAI,KAAK,CAAC,SAAS,CAiBvD;AAED,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,iBAAiB,CAAA;IACvC,qBAAqB,CAAC,EAAE,iBAAiB,CAAA;IACzC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,6BAA6B,CAAC,EAAE,OAAO,CAAA;CACxC,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,GACvB,SAAS,SAAS,EAClB,UAAU,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,EACnD,sBAAqB,mBAAmB,GAAG,IAAS,KACnD,CAAC,MAAM,IAAI,CAkEb,CAAA"}
+{"version":3,"file":"ToastMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ToastMessage/ToastMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AAIhD,OAAuB,EACrB,iBAAiB,EAClB,MAAM,kCAAkC,CAAA;AAMzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAiBvC;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,IAAI,KAAK,CAAC,SAAS,CA2BvD;AAED,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,iBAAiB,CAAA;IACvC,qBAAqB,CAAC,EAAE,iBAAiB,CAAA;IACzC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,6BAA6B,CAAC,EAAE,OAAO,CAAA;CACxC,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,GACvB,SAAS,SAAS,EAClB,UAAU,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,EACnD,sBAAqB,mBAAmB,GAAG,IAAS,KACnD,CAAC,MAAM,IAAI,CAkEb,CAAA"}

package/dist/components/ToastMessage/ToastMessage.js

@@ -1,43 +1,46 @@
 import e from "../FullWidthAlert/FullWidthAlert.js";
 import { useRef as t } from "react";
 import { uniqueId as n } from "lodash-es";
-import { ToastBar as r, Toaster as i, toast as a } from "react-hot-toast";
-import { CSSTransition as o, TransitionGroup as s } from "react-transition-group";
-import { jsx as c } from "react/jsx-runtime";
+import { useMediaQuery as r } from "@mui/material";
+import { ToastBar as i, Toaster as a, toast as o } from "react-hot-toast";
+import { CSSTransition as s, TransitionGroup as c } from "react-transition-group";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/components/ToastMessage/ToastMessage.tsx
-function l({ text: e, show: n, autohide: r }) {
+var u = "SynapseToastContainer", d = "SynapseToastContainerTop", f = "SynapseToastContainerBottom";
+function p({ text: e, show: n, autohide: r }) {
 	let i = t(null);
-	return /* @__PURE__ */ c(s, { children: n && /* @__PURE__ */ c(o, {
+	return /* @__PURE__ */ l(c, { children: n && /* @__PURE__ */ l(s, {
 		nodeRef: i,
 		classNames: "SRC-card",
 		timeout: r ? {
 			enter: 500,
 			exit: 300
 		} : {},
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ l("div", {
 			className: "SRC-modal",
 			ref: i,
 			children: e
 		})
 	}) });
 }
-function u() {
-	return /* @__PURE__ */ c(i, {
-		containerClassName: "SynapseToastContainer",
-		position: "bottom-center",
-		children: (e) => /* @__PURE__ */ c(r, {
-			toast: e,
+function m() {
+	let e = r((e) => e.breakpoints.down("sm"));
+	return /* @__PURE__ */ l(a, {
+		containerClassName: `${u} ${e ? d : f}`,
+		position: e ? "top-center" : "bottom-center",
+		children: (t) => /* @__PURE__ */ l(i, {
+			toast: t,
 			style: {
-				...e.style,
-				animation: e.visible ? "fadeInUp 0.5s ease" : "fadeOutDown 1s ease"
+				...t.style,
+				animation: t.visible ? `${e ? "fadeInDown" : "fadeInUp"} 0.5s ease` : `${e ? "fadeOutUp" : "fadeOutDown"} 1s ease`
 			}
 		})
 	});
 }
-var d = (t, r, i = {}) => {
-	let o = n("synToast-"), s = () => {
-		a.dismiss(o);
-	}, { title: l = void 0, primaryButtonConfig: u = void 0, secondaryButtonConfig: d = void 0, dismissOnPrimaryButtonClick: f = !1, dismissOnSecondaryButtonClick: p = !1 } = i ?? {};
+var h = (t, r, i = {}) => {
+	let a = n("synToast-"), s = () => {
+		o.dismiss(a);
+	}, { title: c = void 0, primaryButtonConfig: u = void 0, secondaryButtonConfig: d = void 0, dismissOnPrimaryButtonClick: f = !1, dismissOnSecondaryButtonClick: p = !1 } = i ?? {};
 	if (u && "onClick" in u && f) {
 		let e = u.onClick;
 		u.onClick = (t) => {
@@ -51,22 +54,22 @@ var d = (t, r, i = {}) => {
 		};
 	}
 	let { autoCloseInMs: m = 15e3 } = i ?? {};
-	return m === 0 && (m = Infinity), a(/* @__PURE__ */ c(e, {
+	return m === 0 && (m = Infinity), o(/* @__PURE__ */ l(e, {
 		isGlobal: !1,
 		onClose: s,
 		variant: r ?? "info",
 		show: !0,
-		title: l,
+		title: c,
 		description: t,
 		primaryButtonConfig: u,
 		secondaryButtonConfig: d
 	}), {
-		id: o,
+		id: a,
 		className: "SynapseToastMessage",
 		duration: m
 	}), s;
 };
 //#endregion
-export { u as SynapseToastContainer, l as ToastMessage, d as displayToast };
+export { m as SynapseToastContainer, p as ToastMessage, h as displayToast };
 
 //# sourceMappingURL=ToastMessage.js.map

package/dist/components/ToastMessage/ToastMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastMessage.js","names":[],"sources":["../../../src/components/ToastMessage/ToastMessage.tsx"],"sourcesContent":["import { uniqueId } from 'lodash-es'\nimport React, { ReactNode, useRef } from 'react'\nimport { toast, ToastBar, Toaster } from 'react-hot-toast'\nimport { CSSTransition, TransitionGroup } from 'react-transition-group'\nimport FullWidthAlert, {\n  AlertButtonConfig,\n} from '../FullWidthAlert/FullWidthAlert'\n\nexport type ToastMessageProps = {\n  text: string\n  show: boolean\n  autohide: boolean\n}\n\n/**\n *\n * Generalization of a Material-style toast message used in a couple of places. This component is simple and\n * cannot handle issuing multiple toast messages. For more sophisticated cases, see {@link displayToast}\n */\nexport function ToastMessage({\n  text,\n  show,\n  autohide,\n}: ToastMessageProps): React.JSX.Element {\n  const modalRef = useRef<HTMLDivElement>(null)\n  return (\n    <TransitionGroup>\n      {show && (\n        <CSSTransition\n          nodeRef={modalRef}\n          classNames=\"SRC-card\"\n          timeout={autohide ? { enter: 500, exit: 300 } : {}}\n        >\n          <div className=\"SRC-modal\" ref={modalRef}>\n            {text}\n          </div>\n        </CSSTransition>\n      )}\n    </TransitionGroup>\n  )\n}\n\n/**\n * Customized ToastContainer for using react-toastify.\n *\n * Note that this will collide with other notification systems, such as the BootstrapNotify notifications\n * in SWC.\n */\nexport function SynapseToastContainer(): React.ReactNode {\n  return (\n    <Toaster\n      containerClassName=\"SynapseToastContainer\"\n      position=\"bottom-center\"\n    >\n      {t => (\n        <ToastBar\n          toast={t}\n          style={{\n            ...t.style,\n            animation: t.visible ? 'fadeInUp 0.5s ease' : 'fadeOutDown 1s ease', // The exit animation needs to be long enough for the element to be removed, or else it will pop back in\n          }}\n        ></ToastBar>\n      )}\n    </Toaster>\n  )\n}\n\ntype ToastMessageOptions = {\n  title?: string\n  /* autoCloseInMs default: 15000 */\n  autoCloseInMs?: number\n  primaryButtonConfig?: AlertButtonConfig\n  secondaryButtonConfig?: AlertButtonConfig\n  dismissOnPrimaryButtonClick?: boolean\n  dismissOnSecondaryButtonClick?: boolean\n}\n\n/**\n * Displays a toast message. Requires one 'SynapseToastContainer' to be somewhere in the page.\n *\n * @param message - The description of the toast message.\n * @param variant - The type of toast message to display. Default 'info'.\n\n * In ToastMessageOptions:\n *\n * @param autoCloseInMs - The amount of time in milliseconds to wait before automatically closing the toast. To prevent autoclose, set to 0 or Infinity. Default 15000.\n *\n * The rest of the options params are undefined by default.\n */\nexport const displayToast = (\n  message: ReactNode,\n  variant?: 'info' | 'success' | 'warning' | 'danger',\n  toastMessageOptions: ToastMessageOptions | null = {},\n): (() => void) => {\n  const id = uniqueId('synToast-')\n  const onClose = () => {\n    toast.dismiss(id)\n  }\n\n  const {\n    title = undefined,\n    primaryButtonConfig = undefined,\n    secondaryButtonConfig = undefined,\n    dismissOnPrimaryButtonClick = false,\n    dismissOnSecondaryButtonClick = false,\n  } = toastMessageOptions ?? {}\n\n  // If 'dismissOnPrimaryButtonClick' is true, then we need to invoke onClose after onClick is invoked.\n  if (\n    primaryButtonConfig &&\n    'onClick' in primaryButtonConfig &&\n    dismissOnPrimaryButtonClick\n  ) {\n    const onClick = primaryButtonConfig.onClick!\n    primaryButtonConfig.onClick = e => {\n      onClick(e)\n      onClose()\n    }\n  }\n\n  // ditto for secondary\n  if (\n    secondaryButtonConfig &&\n    'onClick' in secondaryButtonConfig &&\n    dismissOnSecondaryButtonClick\n  ) {\n    const onClick = secondaryButtonConfig.onClick!\n    secondaryButtonConfig.onClick = e => {\n      onClick(e)\n      onClose()\n    }\n  }\n\n  let { autoCloseInMs = 15000 } = toastMessageOptions ?? {}\n  // Some toast libraries use 0 to prevent autoclose\n  // react-hot-toast doesn't, but we can convert it for better compatibility as we try to migrate to use just one library\n  if (autoCloseInMs === 0) {\n    autoCloseInMs = Infinity\n  }\n\n  toast(\n    <FullWidthAlert\n      isGlobal={false}\n      onClose={onClose}\n      variant={variant ?? 'info'}\n      show={true}\n      title={title}\n      description={message}\n      primaryButtonConfig={primaryButtonConfig}\n      secondaryButtonConfig={secondaryButtonConfig}\n    />,\n    {\n      id: id,\n      className: 'SynapseToastMessage',\n      duration: autoCloseInMs,\n    },\n  )\n\n  return onClose\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,EAAa,EAC3B,SACA,SACA,eACuC;CACvC,IAAM,IAAW,EAAuB,IAAI;CAC5C,OACE,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;EACE,SAAS;EACT,YAAW;EACX,SAAS,IAAW;GAAE,OAAO;GAAK,MAAM;EAAI,IAAI,CAAC;YAEjD,kBAAC,OAAD;GAAK,WAAU;GAAY,KAAK;aAC7B;EACE,CAAA;CACQ,CAAA,EAEF,CAAA;AAErB;AAQA,SAAgB,IAAyC;CACvD,OACE,kBAAC,GAAD;EACE,oBAAmB;EACnB,UAAS;aAER,MACC,kBAAC,GAAD;GACE,OAAO;GACP,OAAO;IACL,GAAG,EAAE;IACL,WAAW,EAAE,UAAU,uBAAuB;GAChD;EACS,CAAA;CAEN,CAAA;AAEb;AAwBA,IAAa,KACX,GACA,GACA,IAAkD,CAAC,MAClC;CACjB,IAAM,IAAK,EAAS,WAAW,GACzB,UAAgB;EACpB,EAAM,QAAQ,CAAE;CAClB,GAEM,EACJ,WAAQ,KAAA,GACR,yBAAsB,KAAA,GACtB,2BAAwB,KAAA,GACxB,iCAA8B,IAC9B,mCAAgC,OAC9B,KAAuB,CAAC;CAG5B,IACE,KACA,aAAa,KACb,GACA;EACA,IAAM,IAAU,EAAoB;EACpC,EAAoB,WAAU,MAAK;GAEjC,AADA,EAAQ,CAAC,GACT,EAAQ;EACV;CACF;CAGA,IACE,KACA,aAAa,KACb,GACA;EACA,IAAM,IAAU,EAAsB;EACtC,EAAsB,WAAU,MAAK;GAEnC,AADA,EAAQ,CAAC,GACT,EAAQ;EACV;CACF;CAEA,IAAI,EAAE,mBAAgB,SAAU,KAAuB,CAAC;CAyBxD,OAtBI,MAAkB,MACpB,IAAgB,WAGlB,EACE,kBAAC,GAAD;EACE,UAAU;EACD;EACT,SAAS,KAAW;EACpB,MAAM;EACC;EACP,aAAa;EACQ;EACE;CACxB,CAAA,GACD;EACM;EACJ,WAAW;EACX,UAAU;CACZ,CACF,GAEO;AACT"}
+{"version":3,"file":"ToastMessage.js","names":[],"sources":["../../../src/components/ToastMessage/ToastMessage.tsx"],"sourcesContent":["import { uniqueId } from 'lodash-es'\nimport React, { ReactNode, useRef } from 'react'\nimport { useMediaQuery } from '@mui/material'\nimport { toast, ToastBar, Toaster } from 'react-hot-toast'\nimport { CSSTransition, TransitionGroup } from 'react-transition-group'\nimport FullWidthAlert, {\n  AlertButtonConfig,\n} from '../FullWidthAlert/FullWidthAlert'\n\nconst TOAST_CONTAINER_CLASS_NAME = 'SynapseToastContainer'\nconst TOAST_CONTAINER_TOP_CLASS_NAME = 'SynapseToastContainerTop'\nconst TOAST_CONTAINER_BOTTOM_CLASS_NAME = 'SynapseToastContainerBottom'\n\nexport type ToastMessageProps = {\n  text: string\n  show: boolean\n  autohide: boolean\n}\n\n/**\n *\n * Generalization of a Material-style toast message used in a couple of places. This component is simple and\n * cannot handle issuing multiple toast messages. For more sophisticated cases, see {@link displayToast}\n */\nexport function ToastMessage({\n  text,\n  show,\n  autohide,\n}: ToastMessageProps): React.JSX.Element {\n  const modalRef = useRef<HTMLDivElement>(null)\n  return (\n    <TransitionGroup>\n      {show && (\n        <CSSTransition\n          nodeRef={modalRef}\n          classNames=\"SRC-card\"\n          timeout={autohide ? { enter: 500, exit: 300 } : {}}\n        >\n          <div className=\"SRC-modal\" ref={modalRef}>\n            {text}\n          </div>\n        </CSSTransition>\n      )}\n    </TransitionGroup>\n  )\n}\n\n/**\n * Customized ToastContainer for using react-toastify.\n *\n * Note that this will collide with other notification systems, such as the BootstrapNotify notifications\n * in SWC.\n */\nexport function SynapseToastContainer(): React.ReactNode {\n  // Anchor toasts to the top on small screens, where a virtual keyboard can cover the bottom of the viewport\n  const anchorTop = useMediaQuery(theme => theme.breakpoints.down('sm'))\n\n  return (\n    <Toaster\n      containerClassName={`${TOAST_CONTAINER_CLASS_NAME} ${\n        anchorTop\n          ? TOAST_CONTAINER_TOP_CLASS_NAME\n          : TOAST_CONTAINER_BOTTOM_CLASS_NAME\n      }`}\n      position={anchorTop ? 'top-center' : 'bottom-center'}\n    >\n      {t => (\n        <ToastBar\n          toast={t}\n          style={{\n            ...t.style,\n            // The exit animation needs to be long enough for the element to be removed, or else it will pop back in\n            animation: t.visible\n              ? `${anchorTop ? 'fadeInDown' : 'fadeInUp'} 0.5s ease`\n              : `${anchorTop ? 'fadeOutUp' : 'fadeOutDown'} 1s ease`,\n          }}\n        ></ToastBar>\n      )}\n    </Toaster>\n  )\n}\n\ntype ToastMessageOptions = {\n  title?: string\n  /* autoCloseInMs default: 15000 */\n  autoCloseInMs?: number\n  primaryButtonConfig?: AlertButtonConfig\n  secondaryButtonConfig?: AlertButtonConfig\n  dismissOnPrimaryButtonClick?: boolean\n  dismissOnSecondaryButtonClick?: boolean\n}\n\n/**\n * Displays a toast message. Requires one 'SynapseToastContainer' to be somewhere in the page.\n *\n * @param message - The description of the toast message.\n * @param variant - The type of toast message to display. Default 'info'.\n\n * In ToastMessageOptions:\n *\n * @param autoCloseInMs - The amount of time in milliseconds to wait before automatically closing the toast. To prevent autoclose, set to 0 or Infinity. Default 15000.\n *\n * The rest of the options params are undefined by default.\n */\nexport const displayToast = (\n  message: ReactNode,\n  variant?: 'info' | 'success' | 'warning' | 'danger',\n  toastMessageOptions: ToastMessageOptions | null = {},\n): (() => void) => {\n  const id = uniqueId('synToast-')\n  const onClose = () => {\n    toast.dismiss(id)\n  }\n\n  const {\n    title = undefined,\n    primaryButtonConfig = undefined,\n    secondaryButtonConfig = undefined,\n    dismissOnPrimaryButtonClick = false,\n    dismissOnSecondaryButtonClick = false,\n  } = toastMessageOptions ?? {}\n\n  // If 'dismissOnPrimaryButtonClick' is true, then we need to invoke onClose after onClick is invoked.\n  if (\n    primaryButtonConfig &&\n    'onClick' in primaryButtonConfig &&\n    dismissOnPrimaryButtonClick\n  ) {\n    const onClick = primaryButtonConfig.onClick!\n    primaryButtonConfig.onClick = e => {\n      onClick(e)\n      onClose()\n    }\n  }\n\n  // ditto for secondary\n  if (\n    secondaryButtonConfig &&\n    'onClick' in secondaryButtonConfig &&\n    dismissOnSecondaryButtonClick\n  ) {\n    const onClick = secondaryButtonConfig.onClick!\n    secondaryButtonConfig.onClick = e => {\n      onClick(e)\n      onClose()\n    }\n  }\n\n  let { autoCloseInMs = 15000 } = toastMessageOptions ?? {}\n  // Some toast libraries use 0 to prevent autoclose\n  // react-hot-toast doesn't, but we can convert it for better compatibility as we try to migrate to use just one library\n  if (autoCloseInMs === 0) {\n    autoCloseInMs = Infinity\n  }\n\n  toast(\n    <FullWidthAlert\n      isGlobal={false}\n      onClose={onClose}\n      variant={variant ?? 'info'}\n      show={true}\n      title={title}\n      description={message}\n      primaryButtonConfig={primaryButtonConfig}\n      secondaryButtonConfig={secondaryButtonConfig}\n    />,\n    {\n      id: id,\n      className: 'SynapseToastMessage',\n      duration: autoCloseInMs,\n    },\n  )\n\n  return onClose\n}\n"],"mappings":";;;;;;;;AASA,IAAM,IAA6B,yBAC7B,IAAiC,4BACjC,IAAoC;AAa1C,SAAgB,EAAa,EAC3B,SACA,SACA,eACuC;CACvC,IAAM,IAAW,EAAuB,IAAI;CAC5C,OACE,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;EACE,SAAS;EACT,YAAW;EACX,SAAS,IAAW;GAAE,OAAO;GAAK,MAAM;EAAI,IAAI,CAAC;YAEjD,kBAAC,OAAD;GAAK,WAAU;GAAY,KAAK;aAC7B;EACE,CAAA;CACQ,CAAA,EAEF,CAAA;AAErB;AAQA,SAAgB,IAAyC;CAEvD,IAAM,IAAY,GAAc,MAAS,EAAM,YAAY,KAAK,IAAI,CAAC;CAErE,OACE,kBAAC,GAAD;EACE,oBAAoB,GAAG,EAA2B,GAChD,IACI,IACA;EAEN,UAAU,IAAY,eAAe;aAEpC,MACC,kBAAC,GAAD;GACE,OAAO;GACP,OAAO;IACL,GAAG,EAAE;IAEL,WAAW,EAAE,UACT,GAAG,IAAY,eAAe,WAAW,cACzC,GAAG,IAAY,cAAc,cAAc;GACjD;EACS,CAAA;CAEN,CAAA;AAEb;AAwBA,IAAa,KACX,GACA,GACA,IAAkD,CAAC,MAClC;CACjB,IAAM,IAAK,EAAS,WAAW,GACzB,UAAgB;EACpB,EAAM,QAAQ,CAAE;CAClB,GAEM,EACJ,WAAQ,KAAA,GACR,yBAAsB,KAAA,GACtB,2BAAwB,KAAA,GACxB,iCAA8B,IAC9B,mCAAgC,OAC9B,KAAuB,CAAC;CAG5B,IACE,KACA,aAAa,KACb,GACA;EACA,IAAM,IAAU,EAAoB;EACpC,EAAoB,WAAU,MAAK;GAEjC,AADA,EAAQ,CAAC,GACT,EAAQ;EACV;CACF;CAGA,IACE,KACA,aAAa,KACb,GACA;EACA,IAAM,IAAU,EAAsB;EACtC,EAAsB,WAAU,MAAK;GAEnC,AADA,EAAQ,CAAC,GACT,EAAQ;EACV;CACF;CAEA,IAAI,EAAE,mBAAgB,SAAU,KAAuB,CAAC;CAyBxD,OAtBI,MAAkB,MACpB,IAAgB,WAGlB,EACE,kBAAC,GAAD;EACE,UAAU;EACD;EACT,SAAS,KAAW;EACpB,MAAM;EACC;EACP,aAAa;EACQ;EACE;CACxB,CAAA,GACD;EACM;EACJ,WAAW;EACX,UAAU;CACZ,CACF,GAEO;AACT"}

package/dist/components/dataaccess/FormTemplateEditorRoute.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Route element for creating a form template (no `templateId` param) or editing an existing one.
+ * Saving or cancelling returns to the template list.
+ */
+export declare function FormTemplateEditorRoute(): import("react/jsx-runtime").JSX.Element;
+export default FormTemplateEditorRoute;
+//# sourceMappingURL=FormTemplateEditorRoute.d.ts.map

package/dist/components/dataaccess/FormTemplateEditorRoute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplateEditorRoute.d.ts","sourceRoot":"","sources":["../../../src/components/dataaccess/FormTemplateEditorRoute.tsx"],"names":[],"mappings":"AAKA;;;GAGG;AACH,wBAAgB,uBAAuB,4CAuBtC;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/dataaccess/FormTemplateEditorRoute.js

@@ -0,0 +1,26 @@
+import { FormTemplateEditor as e } from "../FormTemplateEditor/FormTemplateEditor.js";
+import { FORM_TEMPLATES_PATH as t } from "./FormTemplateTable.js";
+import { Link as n } from "@mui/material";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Link as o, useNavigate as s, useParams as c } from "react-router";
+//#region src/components/dataaccess/FormTemplateEditorRoute.tsx
+function l() {
+	let { templateId: l } = c(), u = s(), d = () => void u(t);
+	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(n, {
+		component: o,
+		to: t,
+		sx: {
+			display: "block",
+			mb: 2
+		},
+		children: "Form Templates"
+	}), /* @__PURE__ */ i(e, {
+		templateId: l,
+		onSaved: d,
+		onCancel: d
+	}, l ?? "new")] });
+}
+//#endregion
+export { l as FormTemplateEditorRoute, l as default };
+
+//# sourceMappingURL=FormTemplateEditorRoute.js.map

package/dist/components/dataaccess/FormTemplateEditorRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplateEditorRoute.js","names":[],"sources":["../../../src/components/dataaccess/FormTemplateEditorRoute.tsx"],"sourcesContent":["import { Link as MuiLink } from '@mui/material'\nimport { Link, useNavigate, useParams } from 'react-router'\nimport { FormTemplateEditor } from '../FormTemplateEditor/FormTemplateEditor'\nimport { FORM_TEMPLATES_PATH } from './FormTemplateTable'\n\n/**\n * Route element for creating a form template (no `templateId` param) or editing an existing one.\n * Saving or cancelling returns to the template list.\n */\nexport function FormTemplateEditorRoute() {\n  const { templateId } = useParams<{ templateId: string }>()\n  const navigate = useNavigate()\n  const goToList = () => void navigate(FORM_TEMPLATES_PATH)\n\n  return (\n    <>\n      <MuiLink\n        component={Link}\n        to={FORM_TEMPLATES_PATH}\n        sx={{ display: 'block', mb: 2 }}\n      >\n        Form Templates\n      </MuiLink>\n      <FormTemplateEditor\n        // Reset editor state when navigating between templates\n        key={templateId ?? 'new'}\n        templateId={templateId}\n        onSaved={goToList}\n        onCancel={goToList}\n      />\n    </>\n  )\n}\n\nexport default FormTemplateEditorRoute\n"],"mappings":";;;;;;AASA,SAAgB,IAA0B;CACxC,IAAM,EAAE,kBAAe,EAAkC,GACnD,IAAW,EAAY,GACvB,UAAiB,KAAK,EAAS,CAAmB;CAExD,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;EACJ,IAAI;GAAE,SAAS;GAAS,IAAI;EAAE;YAC/B;CAEQ,CAAA,GACT,kBAAC,GAAD;EAGc;EACZ,SAAS;EACT,UAAU;CACX,GAJM,KAAc,KAIpB,CACD,EAAA,CAAA;AAEN"}

package/dist/components/dataaccess/FormTemplateTable.d.ts

@@ -0,0 +1,10 @@
+export declare const FORM_TEMPLATES_ROUTE = "FormTemplates";
+export declare const NEW_FORM_TEMPLATE_ROUTE = "FormTemplates/new";
+export declare const FORM_TEMPLATE_ROUTE = "FormTemplates/:templateId";
+export declare const FORM_TEMPLATES_PATH = "/FormTemplates";
+export declare const NEW_FORM_TEMPLATE_PATH = "/FormTemplates/new";
+export declare const getFormTemplatePath: (templateId: string) => string;
+export declare const NAME_SEARCH_DEBOUNCE_DELAY_MS = 500;
+export declare function FormTemplateTable(): import("react/jsx-runtime").JSX.Element;
+export default FormTemplateTable;
+//# sourceMappingURL=FormTemplateTable.d.ts.map

package/dist/components/dataaccess/FormTemplateTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplateTable.d.ts","sourceRoot":"","sources":["../../../src/components/dataaccess/FormTemplateTable.tsx"],"names":[],"mappings":"AA2BA,eAAO,MAAM,oBAAoB,kBAAkB,CAAA;AACnD,eAAO,MAAM,uBAAuB,sBAAgC,CAAA;AACpE,eAAO,MAAM,mBAAmB,8BAAwC,CAAA;AACxE,eAAO,MAAM,mBAAmB,mBAA6B,CAAA;AAC7D,eAAO,MAAM,sBAAsB,uBAAgC,CAAA;AACnE,eAAO,MAAM,mBAAmB,GAAI,YAAY,MAAM,WACd,CAAA;AAGxC,eAAO,MAAM,6BAA6B,MAAM,CAAA;AA2BhD,wBAAgB,iBAAiB,4CAiIhC;AAED,eAAe,iBAAiB,CAAA"}

package/dist/components/dataaccess/FormTemplateTable.js

@@ -0,0 +1,124 @@
+import { useSearchFormTemplatesInfinite as e } from "../../synapse-queries/dataaccess/useFormTemplate.js";
+import t from "../TanStackTable/StyledTanStackTable.js";
+import n from "../TanStackTable/ColumnHeader.js";
+import { useMemo as r, useState as i } from "react";
+import { Alert as a, Box as o, Button as s, Chip as c, FormControlLabel as l, InputAdornment as u, Skeleton as d, Switch as f, TextField as p, Typography as m } from "@mui/material";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { keepPreviousData as v } from "@tanstack/react-query";
+import { SearchOutlined as y } from "@mui/icons-material";
+import { Link as b, useNavigate as x } from "react-router";
+import { useDebouncedState as S } from "@react-hookz/web";
+import { createColumnHelper as C, getCoreRowModel as w, useReactTable as T } from "@tanstack/react-table";
+//#region src/components/dataaccess/FormTemplateTable.tsx
+var E = "FormTemplates", D = `${E}/new`, O = `${E}/:templateId`, k = `/${E}`, A = `/${D}`, j = (e) => `${k}/${e}`, M = 500, N = C(), P = [
+	N.accessor("name", {
+		header: (e) => /* @__PURE__ */ g(n, {
+			...e,
+			title: "Name"
+		}),
+		cell: ({ row: e, getValue: t }) => e.original.id ? /* @__PURE__ */ g(b, {
+			to: j(e.original.id),
+			children: t()
+		}) : t(),
+		enableColumnFilter: !1
+	}),
+	N.accessor("versionNumber", {
+		header: (e) => /* @__PURE__ */ g(n, {
+			...e,
+			title: "Version"
+		}),
+		enableColumnFilter: !1
+	}),
+	N.accessor("deprecated", {
+		header: (e) => /* @__PURE__ */ g(n, {
+			...e,
+			title: "Status"
+		}),
+		cell: ({ getValue: e }) => e() ? /* @__PURE__ */ g(c, {
+			label: "Deprecated",
+			size: "small"
+		}) : null,
+		enableColumnFilter: !1
+	})
+];
+function F() {
+	let n = x(), [c, b] = S("", 500), [C, E] = i(!1), { data: D, isLoading: O, error: k, hasNextPage: j, fetchNextPage: M, isFetchingNextPage: N } = e(r(() => ({
+		name: c || void 0,
+		includeDeprecated: C
+	}), [c, C]), { placeholderData: v }), F = r(() => D?.pages.flatMap((e) => e.results ?? []) ?? [], [D]), I = T({
+		data: F,
+		columns: P,
+		getCoreRowModel: w(),
+		getRowId: (e) => e.id ?? ""
+	}), L = k && /* @__PURE__ */ _(a, {
+		severity: "error",
+		children: [
+			/* @__PURE__ */ g("strong", { children: "Sorry, we couldn't load the form templates." }),
+			/* @__PURE__ */ g("br", {}),
+			k.reason
+		]
+	}), R;
+	return R = O ? /* @__PURE__ */ g(d, {
+		variant: "rectangular",
+		height: 200
+	}) : k && !D ? L : F.length === 0 ? /* @__PURE__ */ g(m, {
+		variant: "body1",
+		sx: {
+			textAlign: "center",
+			my: 2
+		},
+		children: "No form templates found."
+	}) : /* @__PURE__ */ _(h, { children: [
+		/* @__PURE__ */ g(t, {
+			table: I,
+			styledTableContainerProps: { sx: { my: 2 } }
+		}),
+		L,
+		j && /* @__PURE__ */ g(s, {
+			variant: "outlined",
+			disabled: N,
+			onClick: () => void M(),
+			children: "Load more"
+		})
+	] }), /* @__PURE__ */ _(o, { children: [/* @__PURE__ */ _(o, {
+		sx: {
+			display: "flex",
+			alignItems: "flex-end",
+			gap: 2,
+			flexWrap: "wrap",
+			mb: 2
+		},
+		children: [
+			/* @__PURE__ */ g(p, {
+				label: "Filter by template name",
+				type: "text",
+				size: "small",
+				onChange: (e) => b(e.target.value),
+				slotProps: { input: { endAdornment: /* @__PURE__ */ g(u, {
+					position: "end",
+					children: /* @__PURE__ */ g(y, {})
+				}) } },
+				sx: { minWidth: 300 }
+			}),
+			/* @__PURE__ */ g(l, {
+				label: "Include deprecated",
+				sx: { mb: 0 },
+				control: /* @__PURE__ */ g(f, {
+					sx: { "& .MuiSwitch-input": { m: 0 } },
+					checked: C,
+					onChange: (e) => E(e.target.checked)
+				})
+			}),
+			/* @__PURE__ */ g(s, {
+				variant: "contained",
+				sx: { ml: "auto" },
+				onClick: () => void n(A),
+				children: "Create template"
+			})
+		]
+	}), R] });
+}
+//#endregion
+export { k as FORM_TEMPLATES_PATH, E as FORM_TEMPLATES_ROUTE, O as FORM_TEMPLATE_ROUTE, F as FormTemplateTable, F as default, M as NAME_SEARCH_DEBOUNCE_DELAY_MS, A as NEW_FORM_TEMPLATE_PATH, D as NEW_FORM_TEMPLATE_ROUTE, j as getFormTemplatePath };
+
+//# sourceMappingURL=FormTemplateTable.js.map

package/dist/components/dataaccess/FormTemplateTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTemplateTable.js","names":[],"sources":["../../../src/components/dataaccess/FormTemplateTable.tsx"],"sourcesContent":["import { useSearchFormTemplatesInfinite } from '@/synapse-queries/dataaccess/useFormTemplate'\nimport { SearchOutlined } from '@mui/icons-material'\nimport {\n  Alert,\n  Box,\n  Button,\n  Chip,\n  FormControlLabel,\n  InputAdornment,\n  Skeleton,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useDebouncedState } from '@react-hookz/web'\nimport { FormTemplate } from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useMemo, useState } from 'react'\nimport { Link, useNavigate } from 'react-router'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { keepPreviousData } from '@tanstack/react-query'\n\nexport const FORM_TEMPLATES_ROUTE = 'FormTemplates'\nexport const NEW_FORM_TEMPLATE_ROUTE = `${FORM_TEMPLATES_ROUTE}/new`\nexport const FORM_TEMPLATE_ROUTE = `${FORM_TEMPLATES_ROUTE}/:templateId`\nexport const FORM_TEMPLATES_PATH = `/${FORM_TEMPLATES_ROUTE}`\nexport const NEW_FORM_TEMPLATE_PATH = `/${NEW_FORM_TEMPLATE_ROUTE}`\nexport const getFormTemplatePath = (templateId: string) =>\n  `${FORM_TEMPLATES_PATH}/${templateId}`\n\n// Time to wait after the search input changes before sending a new request\nexport const NAME_SEARCH_DEBOUNCE_DELAY_MS = 500\n\nconst columnHelper = createColumnHelper<FormTemplate>()\n\nconst columns = [\n  columnHelper.accessor('name', {\n    header: props => <ColumnHeader {...props} title={'Name'} />,\n    cell: ({ row, getValue }) =>\n      row.original.id ? (\n        <Link to={getFormTemplatePath(row.original.id)}>{getValue()}</Link>\n      ) : (\n        getValue()\n      ),\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('versionNumber', {\n    header: props => <ColumnHeader {...props} title={'Version'} />,\n    enableColumnFilter: false,\n  }),\n  columnHelper.accessor('deprecated', {\n    header: props => <ColumnHeader {...props} title={'Status'} />,\n    cell: ({ getValue }) =>\n      getValue() ? <Chip label={'Deprecated'} size={'small'} /> : null,\n    enableColumnFilter: false,\n  }),\n]\n\nexport function FormTemplateTable() {\n  const navigate = useNavigate()\n  const [name, setName] = useDebouncedState<string>(\n    '',\n    NAME_SEARCH_DEBOUNCE_DELAY_MS,\n  )\n  const [includeDeprecated, setIncludeDeprecated] = useState(false)\n\n  const request = useMemo(\n    () => ({ name: name || undefined, includeDeprecated }),\n    [name, includeDeprecated],\n  )\n  const {\n    data,\n    isLoading,\n    error,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  } = useSearchFormTemplatesInfinite(request, {\n    // keepPreviousData avoids a flicker when the request changes\n    placeholderData: keepPreviousData,\n  })\n\n  const templates = useMemo(\n    () => data?.pages.flatMap(page => page.results ?? []) ?? [],\n    [data],\n  )\n\n  const table = useReactTable<FormTemplate>({\n    data: templates,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: row => row.id ?? '',\n  })\n\n  const errorAlert = error && (\n    <Alert severity={'error'}>\n      <strong>Sorry, we couldn&apos;t load the form templates.</strong>\n      <br />\n      {error.reason}\n    </Alert>\n  )\n\n  let content\n  if (isLoading) {\n    content = <Skeleton variant={'rectangular'} height={200} />\n  } else if (error && !data) {\n    content = errorAlert\n  } else if (templates.length === 0) {\n    content = (\n      <Typography variant={'body1'} sx={{ textAlign: 'center', my: 2 }}>\n        No form templates found.\n      </Typography>\n    )\n  } else {\n    content = (\n      <>\n        <StyledTanStackTable\n          table={table}\n          styledTableContainerProps={{ sx: { my: 2 } }}\n        />\n        {/* A failed \"Load more\" keeps the loaded rows; clicking \"Load more\" again retries */}\n        {errorAlert}\n        {hasNextPage && (\n          <Button\n            variant={'outlined'}\n            disabled={isFetchingNextPage}\n            onClick={() => void fetchNextPage()}\n          >\n            Load more\n          </Button>\n        )}\n      </>\n    )\n  }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          display: 'flex',\n          // The text field's label sits above its input, so align to the bottom to line up with the input\n          alignItems: 'flex-end',\n          gap: 2,\n          flexWrap: 'wrap',\n          mb: 2,\n        }}\n      >\n        <TextField\n          label={'Filter by template name'}\n          type={'text'}\n          size={'small'}\n          onChange={e => setName(e.target.value)}\n          slotProps={{\n            input: {\n              endAdornment: (\n                <InputAdornment position={'end'}>\n                  <SearchOutlined />\n                </InputAdornment>\n              ),\n            },\n          }}\n          sx={{ minWidth: 300 }}\n        />\n        <FormControlLabel\n          label={'Include deprecated'}\n          // Drop the inherited bottom margin so the switch lines up with the input\n          sx={{ mb: 0 }}\n          control={\n            <Switch\n              // The hidden input's default margin overflows the switch and scrolls it when checked\n              sx={{ '& .MuiSwitch-input': { m: 0 } }}\n              checked={includeDeprecated}\n              onChange={e => setIncludeDeprecated(e.target.checked)}\n            />\n          }\n        />\n        <Button\n          variant={'contained'}\n          sx={{ ml: 'auto' }}\n          onClick={() => void navigate(NEW_FORM_TEMPLATE_PATH)}\n        >\n          Create template\n        </Button>\n      </Box>\n      {content}\n    </Box>\n  )\n}\n\nexport default FormTemplateTable\n"],"mappings":";;;;;;;;;;;;AA2BA,IAAa,IAAuB,iBACvB,IAA0B,GAAG,EAAqB,OAClD,IAAsB,GAAG,EAAqB,eAC9C,IAAsB,IAAI,KAC1B,IAAyB,IAAI,KAC7B,KAAuB,MAClC,GAAG,EAAoB,GAAG,KAGf,IAAgC,KAEvC,IAAe,EAAiC,GAEhD,IAAU;CACd,EAAa,SAAS,QAAQ;EAC5B,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAS,CAAA;EAC1D,OAAO,EAAE,QAAK,kBACZ,EAAI,SAAS,KACX,kBAAC,GAAD;GAAM,IAAI,EAAoB,EAAI,SAAS,EAAE;aAAI,EAAS;EAAQ,CAAA,IAElE,EAAS;EAEb,oBAAoB;CACtB,CAAC;CACD,EAAa,SAAS,iBAAiB;EACrC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAY,CAAA;EAC7D,oBAAoB;CACtB,CAAC;CACD,EAAa,SAAS,cAAc;EAClC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAW,CAAA;EAC5D,OAAO,EAAE,kBACP,EAAS,IAAI,kBAAC,GAAD;GAAM,OAAO;GAAc,MAAM;EAAU,CAAA,IAAI;EAC9D,oBAAoB;CACtB,CAAC;AACH;AAEA,SAAgB,IAAoB;CAClC,IAAM,IAAW,EAAY,GACvB,CAAC,GAAM,KAAW,EACtB,IAAA,GAEF,GACM,CAAC,GAAmB,KAAwB,EAAS,EAAK,GAM1D,EACJ,SACA,cACA,UACA,gBACA,kBACA,0BACE,EAXY,SACP;EAAE,MAAM,KAAQ,KAAA;EAAW;CAAkB,IACpD,CAAC,GAAM,CAAiB,CASS,GAAS,EAE1C,iBAAiB,EACnB,CAAC,GAEK,IAAY,QACV,GAAM,MAAM,SAAQ,MAAQ,EAAK,WAAW,CAAC,CAAC,KAAK,CAAC,GAC1D,CAAC,CAAI,CACP,GAEM,IAAQ,EAA4B;EACxC,MAAM;EACN;EACA,iBAAiB,EAAgB;EACjC,WAAU,MAAO,EAAI,MAAM;CAC7B,CAAC,GAEK,IAAa,KACjB,kBAAC,GAAD;EAAO,UAAU;YAAjB;GACE,kBAAC,UAAD,EAAA,UAAQ,8CAAwD,CAAA;GAChE,kBAAC,MAAD,CAAK,CAAA;GACJ,EAAM;EACF;KAGL;CAiCJ,OAhCA,AAWE,IAXE,IACQ,kBAAC,GAAD;EAAU,SAAS;EAAe,QAAQ;CAAM,CAAA,IACjD,KAAS,CAAC,IACT,IACD,EAAU,WAAW,IAE5B,kBAAC,GAAD;EAAY,SAAS;EAAS,IAAI;GAAE,WAAW;GAAU,IAAI;EAAE;YAAG;CAEtD,CAAA,IAIZ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACS;GACP,2BAA2B,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;EAC5C,CAAA;EAEA;EACA,KACC,kBAAC,GAAD;GACE,SAAS;GACT,UAAU;GACV,eAAe,KAAK,EAAc;aACnC;EAEO,CAAA;CAEV,EAAA,CAAA,GAKJ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GAET,YAAY;GACZ,KAAK;GACL,UAAU;GACV,IAAI;EACN;YARF;GAUE,kBAAC,GAAD;IACE,OAAO;IACP,MAAM;IACN,MAAM;IACN,WAAU,MAAK,EAAQ,EAAE,OAAO,KAAK;IACrC,WAAW,EACT,OAAO,EACL,cACE,kBAAC,GAAD;KAAgB,UAAU;eACxB,kBAAC,GAAD,CAAiB,CAAA;IACH,CAAA,EAEpB,EACF;IACA,IAAI,EAAE,UAAU,IAAI;GACrB,CAAA;GACD,kBAAC,GAAD;IACE,OAAO;IAEP,IAAI,EAAE,IAAI,EAAE;IACZ,SACE,kBAAC,GAAD;KAEE,IAAI,EAAE,sBAAsB,EAAE,GAAG,EAAE,EAAE;KACrC,SAAS;KACT,WAAU,MAAK,EAAqB,EAAE,OAAO,OAAO;IACrD,CAAA;GAEJ,CAAA;GACD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EAAE,IAAI,OAAO;IACjB,eAAe,KAAK,EAAS,CAAsB;cACpD;GAEO,CAAA;EACL;KACJ,CACE,EAAA,CAAA;AAET"}

package/dist/components/dataaccess/ReviewerDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewerDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"names":[],"mappings":"AAuCA,KAAK,sBAAsB,GAAG;IAC5B,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,wGAAwG;IACxG,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAgH9D;AAUD,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"ReviewerDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"names":[],"mappings":"AAsDA,KAAK,sBAAsB,GAAG;IAC5B,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,wGAAwG;IACxG,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAoJ9D;AAUD,eAAe,iBAAiB,CAAA"}