synapse-react-client 4.0.44 → 4.0.46

package/dist/components/Forum/ForumTable.js

@@ -1,51 +1,55 @@
 import { AVATAR as e } from "../../utils/SynapseConstants.js";
-import t from "../IconSvg/IconSvg.js";
-import { UserCard as n } from "../UserCard/UserCard.js";
-import { UserBadge as r } from "../UserCard/UserBadge.js";
-import i from "../TanStackTable/StyledTanStackTable.js";
-import a from "../TanStackTable/ColumnHeader.js";
-import { useGetForumThreadsInfinite as o } from "../../synapse-queries/forum/useForum.js";
-import s from "../layout/InfiniteTableLayout.js";
-import { useMemo as c, useState as l } from "react";
-import { Link as u } from "@mui/material";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { DiscussionThreadOrder as m } from "@sage-bionetworks/synapse-types";
-import h from "lodash-es/isEmpty";
-import g from "dayjs";
-import { createColumnHelper as _, getCoreRowModel as v, useReactTable as y } from "@tanstack/react-table";
+import { ErrorBanner as t } from "../error/ErrorBanner.js";
+import n from "../IconSvg/IconSvg.js";
+import { UserCard as r } from "../UserCard/UserCard.js";
+import { UserBadge as i } from "../UserCard/UserBadge.js";
+import a from "../TanStackTable/StyledTanStackTable.js";
+import o from "../TanStackTable/ColumnHeader.js";
+import { useGetEntityThreadsInfinite as s, useGetForumThreadsInfinite as c } from "../../synapse-queries/forum/useForum.js";
+import l from "../layout/InfiniteTableLayout.js";
+import u from "./DiscussionEmpty.js";
+import { useEffect as d, useMemo as f, useState as p } from "react";
+import { Link as m } from "@mui/material";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { DiscussionThreadOrder as v } from "@sage-bionetworks/synapse-types";
+import y from "lodash-es/isEmpty";
+import b from "dayjs";
+import x from "dayjs/plugin/relativeTime";
+import { createColumnHelper as S, getCoreRowModel as C, useReactTable as w } from "@tanstack/react-table";
 //#region src/components/Forum/ForumTable.tsx
-var b = _();
-function x(i) {
+b.extend(x);
+var T = S();
+function E(t) {
 	return [
-		b.accessor("title", {
-			header: (e) => /* @__PURE__ */ f(a, {
+		T.accessor("title", {
+			header: (e) => /* @__PURE__ */ g(o, {
 				...e,
 				title: "Topic"
 			}),
-			cell: ({ row: e }) => /* @__PURE__ */ p(u, {
-				onClick: () => i(e.original.id),
-				children: [e.original.isPinned ? /* @__PURE__ */ f(t, { icon: "pushpin" }) : /* @__PURE__ */ f(d, {}), e.original.title]
+			cell: ({ row: e }) => /* @__PURE__ */ _(m, {
+				onClick: () => e.original.id && t(e.original.id, e.original.projectId),
+				children: [e.original.isPinned ? /* @__PURE__ */ g(n, { icon: "pushpin" }) : /* @__PURE__ */ g(h, {}), e.original.title]
 			}),
 			enableSorting: !0,
-			size: 250
+			size: 300
 		}),
-		b.accessor("createdBy", {
-			header: (e) => /* @__PURE__ */ f(a, {
+		T.accessor("createdBy", {
+			header: (e) => /* @__PURE__ */ g(o, {
 				...e,
 				title: "Author"
 			}),
-			cell: ({ getValue: e }) => /* @__PURE__ */ f(r, { userId: e() }),
+			cell: ({ getValue: e }) => /* @__PURE__ */ g(i, { userId: e() }),
 			enableSorting: !1,
-			size: 60
+			size: 150
 		}),
-		b.accessor("activeAuthors", {
-			header: (e) => /* @__PURE__ */ f(a, {
+		T.accessor("activeAuthors", {
+			header: (e) => /* @__PURE__ */ g(o, {
 				...e,
 				title: "Active Users"
 			}),
-			cell: ({ getValue: t }) => t().map((t) => /* @__PURE__ */ f("div", {
+			cell: ({ getValue: t }) => (t() ?? []).map((t) => /* @__PURE__ */ g("div", {
 				className: "avatarContainer",
-				children: /* @__PURE__ */ f(n, {
+				children: /* @__PURE__ */ g(r, {
 					showCardOnHover: !0,
 					className: "ActiveUsers",
 					size: e,
@@ -53,84 +57,97 @@ function x(i) {
 					ownerId: t
 				})
 			}, t)),
-			enableSorting: !1
+			enableSorting: !1,
+			size: 200
 		}),
-		b.accessor("numberOfReplies", {
-			header: (e) => /* @__PURE__ */ f(a, {
+		T.accessor("numberOfReplies", {
+			header: (e) => /* @__PURE__ */ g(o, {
 				...e,
 				title: "Replies"
 			}),
-			cell: ({ getValue: e }) => e().toLocaleString(),
+			cell: ({ getValue: e }) => e()?.toLocaleString(),
 			enableSorting: !0,
-			minSize: 10,
-			size: 20
+			minSize: 90,
+			size: 100
 		}),
-		b.accessor("numberOfViews", {
-			header: (e) => /* @__PURE__ */ f(a, {
+		T.accessor("numberOfViews", {
+			header: (e) => /* @__PURE__ */ g(o, {
 				...e,
 				title: "Views"
 			}),
-			cell: ({ getValue: e }) => e().toLocaleString(),
+			cell: ({ getValue: e }) => e()?.toLocaleString(),
 			enableSorting: !0,
-			minSize: 10,
-			size: 20
+			minSize: 90,
+			size: 100
 		}),
-		b.accessor("lastActivity", {
-			header: (e) => /* @__PURE__ */ f(a, {
+		T.accessor("lastActivity", {
+			header: (e) => /* @__PURE__ */ g(o, {
 				...e,
 				title: "Activity"
 			}),
-			cell: ({ getValue: e }) => g(e()).format("L"),
+			cell: ({ getValue: e }) => e() && b(e()).fromNow(),
 			enableSorting: !0,
-			size: 30
+			minSize: 120,
+			size: 140
 		})
 	];
 }
-function S({ forumId: e, limit: t, filter: n, onClickLink: r }) {
-	let [a, u] = l([{
+function D(e) {
+	let { limit: n, onClickLink: r, noBackgroundColor: i, onIsEmptyChange: o, maxHeight: m = "250px" } = e, h = "entityId" in e, [b, x] = p([{
 		desc: !0,
 		id: "lastActivity"
-	}]), { data: d, isLoading: p, hasNextPage: g, fetchNextPage: _, isFetchingNextPage: b } = o(e, t, c(() => {
-		if (!h(a)) {
-			if (a[0].id == "lastActivity") return m.PINNED_AND_LAST_ACTIVITY;
-			if (a[0].id == "numberOfReplies") return m.NUMBER_OF_REPLIES;
-			if (a[0].id == "title") return m.THREAD_TITLE;
-			if (a[0].id == "numberOfViews") return m.NUMBER_OF_VIEWS;
+	}]), S = f(() => {
+		if (!y(b)) {
+			if (b[0].id == "lastActivity") return v.PINNED_AND_LAST_ACTIVITY;
+			if (b[0].id == "numberOfReplies") return v.NUMBER_OF_REPLIES;
+			if (b[0].id == "title") return v.THREAD_TITLE;
+			if (b[0].id == "numberOfViews") return v.NUMBER_OF_VIEWS;
 		}
-		return m.PINNED_AND_LAST_ACTIVITY;
-	}, [a]), !a[0]?.desc, n), S = y({
-		data: c(() => d?.pages.flatMap((e) => e.results) ?? [], [d]),
-		columns: c(() => x(r), [r]),
-		state: { sorting: a },
-		onSortingChange: u,
-		getRowId: (e) => e.id,
-		getCoreRowModel: v(),
+		return v.PINNED_AND_LAST_ACTIVITY;
+	}, [b]), T = !b[0]?.desc, D = c(h ? "" : e.forumId, n, S, T, h ? void 0 : e.filter, { enabled: !h }), O = s(h ? e.entityId : "", n, S, T, { enabled: h }), { data: k, isLoading: A, error: j, hasNextPage: M, fetchNextPage: N, isFetchingNextPage: P } = h ? O : D, F = w({
+		data: f(() => (k?.pages ?? []).flatMap((e) => e.results), [k]),
+		columns: f(() => E(r), [r]),
+		state: { sorting: b },
+		onSortingChange: x,
+		getRowId: (e, t) => e.id ?? String(t),
+		getCoreRowModel: C(),
 		columnResizeMode: "onChange",
 		manualSorting: !0,
 		enableMultiSort: !1,
 		enableFilters: !1
-	}), C = !p && S.getRowModel().rows.length === 0;
-	return /* @__PURE__ */ f("div", {
+	}), I = !A && !j && F.getRowModel().rows.length === 0;
+	d(() => {
+		A || o?.(I);
+	}, [
+		A,
+		I,
+		o
+	]);
+	let L = h ? e.onViewForumClicked : void 0;
+	return I && L ? /* @__PURE__ */ g(u, { onViewForumClicked: L }) : /* @__PURE__ */ _("div", {
 		className: "ForumTable",
-		children: /* @__PURE__ */ f(s, {
-			table: /* @__PURE__ */ f(i, {
-				table: S,
-				styledTableContainerProps: { sx: {
-					my: 2,
-					maxHeight: "250px"
-				} }
+		children: [/* @__PURE__ */ g(t, { error: j }), /* @__PURE__ */ g(l, {
+			table: /* @__PURE__ */ g(a, {
+				table: F,
+				styledTableContainerProps: {
+					sx: {
+						my: 2,
+						maxHeight: m
+					},
+					noBackgroundColor: i
+				}
 			}),
-			isLoading: p,
-			isEmpty: C,
-			hasNextPage: g,
+			isLoading: A,
+			isEmpty: I,
+			hasNextPage: M,
 			onFetchNextPageClicked: () => {
-				_();
+				N();
 			},
-			isFetchingNextPage: b
-		})
+			isFetchingNextPage: P
+		})]
 	});
 }
 //#endregion
-export { S as ForumTable };
+export { D as ForumTable, D as default };
 
 //# sourceMappingURL=ForumTable.js.map

package/dist/components/Forum/ForumTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForumTable.js","names":[],"sources":["../../../src/components/Forum/ForumTable.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport { useGetForumThreadsInfinite } from '@/synapse-queries/forum/useForum'\nimport { AVATAR } from '@/utils/SynapseConstants'\nimport { Link } from '@mui/material'\nimport {\n  DiscussionFilter,\n  DiscussionThreadBundle,\n  DiscussionThreadOrder,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport isEmpty from 'lodash-es/isEmpty'\nimport { useMemo, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport UserCard from '../UserCard/UserCard'\n\nexport type ForumTableProps = {\n  forumId: string\n  limit: number\n  onClickLink: (threadId: string) => void\n  filter: DiscussionFilter\n}\n\nconst columnHelper = createColumnHelper<DiscussionThreadBundle>()\n\nfunction getColumns(\n  onClickLink: (threadId: string) => void,\n): ColumnDef<DiscussionThreadBundle, any>[] {\n  return [\n    columnHelper.accessor('title', {\n      header: props => <ColumnHeader {...props} title={'Topic'} />,\n      cell: ({ row }) => (\n        <Link onClick={() => onClickLink(row.original.id)}>\n          {row.original.isPinned ? <IconSvg icon=\"pushpin\" /> : <></>}\n          {row.original.title}\n        </Link>\n      ),\n      enableSorting: true,\n      size: 250,\n    }),\n    columnHelper.accessor('createdBy', {\n      header: props => <ColumnHeader {...props} title={'Author'} />,\n      cell: ({ getValue }) => <UserBadge userId={getValue()} />,\n      enableSorting: false,\n      size: 60,\n    }),\n    columnHelper.accessor('activeAuthors', {\n      header: props => <ColumnHeader {...props} title={'Active Users'} />,\n      cell: ({ getValue }) =>\n        getValue().map((userId: string) => (\n          <div key={userId} className=\"avatarContainer\">\n            <UserCard\n              showCardOnHover={true}\n              className=\"ActiveUsers\"\n              size={AVATAR}\n              avatarSize={'MEDIUM'}\n              ownerId={userId}\n            />\n          </div>\n        )),\n      enableSorting: false,\n    }),\n    columnHelper.accessor('numberOfReplies', {\n      header: props => <ColumnHeader {...props} title={'Replies'} />,\n      cell: ({ getValue }) => getValue().toLocaleString(),\n      enableSorting: true,\n      minSize: 10,\n      size: 20,\n    }),\n    columnHelper.accessor('numberOfViews', {\n      header: props => <ColumnHeader {...props} title={'Views'} />,\n      cell: ({ getValue }) => getValue().toLocaleString(),\n      enableSorting: true,\n      minSize: 10,\n      size: 20,\n    }),\n    columnHelper.accessor('lastActivity', {\n      header: props => <ColumnHeader {...props} title={'Activity'} />,\n      cell: ({ getValue }) => dayjs(getValue()).format('L'),\n      enableSorting: true,\n      size: 30,\n    }),\n  ]\n}\n\nexport function ForumTable({\n  forumId,\n  limit,\n  filter,\n  onClickLink,\n}: ForumTableProps) {\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'lastActivity',\n    },\n  ])\n\n  const discussionThreadOrder = useMemo(() => {\n    if (!isEmpty(tableSortState)) {\n      if (tableSortState[0].id == 'lastActivity') {\n        return DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY\n      } else if (tableSortState[0].id == 'numberOfReplies') {\n        return DiscussionThreadOrder.NUMBER_OF_REPLIES\n      } else if (tableSortState[0].id == 'title') {\n        return DiscussionThreadOrder.THREAD_TITLE\n      } else if (tableSortState[0].id == 'numberOfViews') {\n        return DiscussionThreadOrder.NUMBER_OF_VIEWS\n      }\n    }\n    return DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY\n  }, [tableSortState])\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetForumThreadsInfinite(\n      forumId,\n      limit,\n      discussionThreadOrder,\n      !tableSortState[0]?.desc,\n      filter,\n    )\n\n  const threads = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data],\n  )\n\n  const columns = useMemo(() => getColumns(onClickLink), [onClickLink])\n\n  const table: Table<DiscussionThreadBundle> =\n    useReactTable<DiscussionThreadBundle>({\n      data: threads,\n      columns: columns,\n      state: {\n        sorting: tableSortState,\n      },\n      onSortingChange: setTableSortState,\n      getRowId: row => row.id,\n      getCoreRowModel: getCoreRowModel(),\n      columnResizeMode: 'onChange',\n      manualSorting: true,\n      enableMultiSort: false,\n      enableFilters: false,\n    })\n\n  const hasNoResults = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div className=\"ForumTable\">\n      <InfiniteTableLayout\n        table={\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{ sx: { my: 2, maxHeight: '250px' } }}\n          />\n        }\n        isLoading={isLoading}\n        isEmpty={hasNoResults}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ForumTable.js","names":[],"sources":["../../../src/components/Forum/ForumTable.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/error/ErrorBanner'\nimport InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport {\n  useGetEntityThreadsInfinite,\n  useGetForumThreadsInfinite,\n} from '@/synapse-queries/forum/useForum'\nimport { AVATAR } from '@/utils/SynapseConstants'\nimport { Link } from '@mui/material'\nimport { DiscussionThreadBundle as DiscussionThreadBundleGenerated } from '@sage-bionetworks/synapse-client'\nimport {\n  DiscussionFilter,\n  DiscussionThreadOrder,\n  PaginatedResults,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  SortingState,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport isEmpty from 'lodash-es/isEmpty'\nimport { useEffect, useMemo, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport UserCard from '../UserCard/UserCard'\nimport DiscussionEmpty from './DiscussionEmpty'\n\ndayjs.extend(relativeTime)\n\ntype ForumTableBaseProps = {\n  limit: number\n  /** Called with the clicked thread's ID and the ID of the project it belongs to */\n  onClickLink: (threadId: string, projectId?: string) => void\n  noBackgroundColor?: boolean\n  /** Called when the first page loads, with whether there are no threads */\n  onIsEmptyChange?: (isEmpty: boolean) => void\n  /** Max height of the table before it scrolls. Use 'none' for full height. @default '250px' */\n  maxHeight?: string\n}\n\nexport type ForumTableProps = ForumTableBaseProps &\n  (\n    | { forumId: string; filter: DiscussionFilter }\n    | { entityId: string; onViewForumClicked?: () => void }\n  )\n\nconst columnHelper = createColumnHelper<DiscussionThreadBundleGenerated>()\n\nfunction getColumns(\n  onClickLink: (threadId: string, projectId?: string) => void,\n): ColumnDef<DiscussionThreadBundleGenerated, any>[] {\n  return [\n    columnHelper.accessor('title', {\n      header: props => <ColumnHeader {...props} title={'Topic'} />,\n      cell: ({ row }) => (\n        <Link\n          onClick={() =>\n            row.original.id &&\n            onClickLink(row.original.id, row.original.projectId)\n          }\n        >\n          {row.original.isPinned ? <IconSvg icon=\"pushpin\" /> : <></>}\n          {row.original.title}\n        </Link>\n      ),\n      enableSorting: true,\n      size: 300,\n    }),\n    columnHelper.accessor('createdBy', {\n      header: props => <ColumnHeader {...props} title={'Author'} />,\n      cell: ({ getValue }) => <UserBadge userId={getValue()} />,\n      enableSorting: false,\n      size: 150,\n    }),\n    columnHelper.accessor('activeAuthors', {\n      header: props => <ColumnHeader {...props} title={'Active Users'} />,\n      cell: ({ getValue }) =>\n        (getValue() ?? []).map((userId: string) => (\n          <div key={userId} className=\"avatarContainer\">\n            <UserCard\n              showCardOnHover={true}\n              className=\"ActiveUsers\"\n              size={AVATAR}\n              avatarSize={'MEDIUM'}\n              ownerId={userId}\n            />\n          </div>\n        )),\n      enableSorting: false,\n      size: 200,\n    }),\n    columnHelper.accessor('numberOfReplies', {\n      header: props => <ColumnHeader {...props} title={'Replies'} />,\n      cell: ({ getValue }) => getValue()?.toLocaleString(),\n      enableSorting: true,\n      minSize: 90,\n      size: 100,\n    }),\n    columnHelper.accessor('numberOfViews', {\n      header: props => <ColumnHeader {...props} title={'Views'} />,\n      cell: ({ getValue }) => getValue()?.toLocaleString(),\n      enableSorting: true,\n      minSize: 90,\n      size: 100,\n    }),\n    columnHelper.accessor('lastActivity', {\n      header: props => <ColumnHeader {...props} title={'Activity'} />,\n      cell: ({ getValue }) => getValue() && dayjs(getValue()).fromNow(),\n      enableSorting: true,\n      minSize: 120,\n      size: 140,\n    }),\n  ]\n}\n\nexport function ForumTable(props: ForumTableProps) {\n  const {\n    limit,\n    onClickLink,\n    noBackgroundColor,\n    onIsEmptyChange,\n    maxHeight = '250px',\n  } = props\n  const isEntityMode = 'entityId' in props\n\n  const [tableSortState, setTableSortState] = useState<SortingState>([\n    {\n      desc: true,\n      id: 'lastActivity',\n    },\n  ])\n\n  const discussionThreadOrder = useMemo(() => {\n    if (!isEmpty(tableSortState)) {\n      if (tableSortState[0].id == 'lastActivity') {\n        return DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY\n      } else if (tableSortState[0].id == 'numberOfReplies') {\n        return DiscussionThreadOrder.NUMBER_OF_REPLIES\n      } else if (tableSortState[0].id == 'title') {\n        return DiscussionThreadOrder.THREAD_TITLE\n      } else if (tableSortState[0].id == 'numberOfViews') {\n        return DiscussionThreadOrder.NUMBER_OF_VIEWS\n      }\n    }\n    return DiscussionThreadOrder.PINNED_AND_LAST_ACTIVITY\n  }, [tableSortState])\n\n  const ascending = !tableSortState[0]?.desc\n\n  const forumThreadsQuery = useGetForumThreadsInfinite(\n    isEntityMode ? '' : props.forumId,\n    limit,\n    discussionThreadOrder,\n    ascending,\n    isEntityMode ? undefined : props.filter,\n    { enabled: !isEntityMode },\n  )\n\n  const entityThreadsQuery = useGetEntityThreadsInfinite(\n    isEntityMode ? props.entityId : '',\n    limit,\n    discussionThreadOrder,\n    ascending,\n    { enabled: isEntityMode },\n  )\n\n  const {\n    data,\n    isLoading,\n    error,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  } = isEntityMode ? entityThreadsQuery : forumThreadsQuery\n\n  const threads = useMemo(() => {\n    const pages: PaginatedResults<DiscussionThreadBundleGenerated>[] =\n      data?.pages ?? []\n    return pages.flatMap(page => page.results)\n  }, [data])\n\n  const columns = useMemo(() => getColumns(onClickLink), [onClickLink])\n\n  const table: Table<DiscussionThreadBundleGenerated> =\n    useReactTable<DiscussionThreadBundleGenerated>({\n      data: threads,\n      columns: columns,\n      state: {\n        sorting: tableSortState,\n      },\n      onSortingChange: setTableSortState,\n      getRowId: (row, index) => row.id ?? String(index),\n      getCoreRowModel: getCoreRowModel(),\n      columnResizeMode: 'onChange',\n      manualSorting: true,\n      enableMultiSort: false,\n      enableFilters: false,\n    })\n\n  const hasNoResults =\n    !isLoading && !error && table.getRowModel().rows.length === 0\n\n  useEffect(() => {\n    if (!isLoading) {\n      onIsEmptyChange?.(hasNoResults)\n    }\n  }, [isLoading, hasNoResults, onIsEmptyChange])\n\n  const onViewForumClicked = isEntityMode ? props.onViewForumClicked : undefined\n\n  if (hasNoResults && onViewForumClicked) {\n    return <DiscussionEmpty onViewForumClicked={onViewForumClicked} />\n  }\n\n  return (\n    <div className=\"ForumTable\">\n      <ErrorBanner error={error} />\n      <InfiniteTableLayout\n        table={\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{\n              sx: { my: 2, maxHeight },\n              noBackgroundColor,\n            }}\n          />\n        }\n        isLoading={isLoading}\n        isEmpty={hasNoResults}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </div>\n  )\n}\n\nexport default ForumTable\n"],"mappings":"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"}

package/dist/components/GenericCard/DuoTermTags/DuoTermTags.js

@@ -3,56 +3,56 @@ import { duoRegistryUrl as t, resolveDuoTerm as n } from "./duoTerms.js";
 import r from "../../widgets/facet-nav/FacetValueChip.js";
 import { Box as i, Link as a } from "@mui/material";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "@mui/icons-material/PublicOutlined";
-import u from "@mui/icons-material/BlockOutlined";
-import d from "@mui/icons-material/ScienceOutlined";
-import f from "@mui/icons-material/MedicalServicesOutlined";
-import p from "@mui/icons-material/CoronavirusOutlined";
-import m from "@mui/icons-material/GroupsOutlined";
-import h from "@mui/icons-material/HealingOutlined";
-import g from "@mui/icons-material/LockOpenOutlined";
-import _ from "@mui/icons-material/MoneyOffOutlined";
-import v from "@mui/icons-material/ArticleOutlined";
-import y from "@mui/icons-material/HandshakeOutlined";
-import b from "@mui/icons-material/GavelOutlined";
-import x from "@mui/icons-material/ReplayOutlined";
-import S from "@mui/icons-material/FormatQuoteOutlined";
-import C from "@mui/icons-material/PersonOutlined";
-import w from "@mui/icons-material/AssignmentOutlined";
-import T from "@mui/icons-material/ApartmentOutlined";
-import E from "@mui/icons-material/ScheduleOutlined";
-import D from "@mui/icons-material/HourglassEmptyOutlined";
-import O from "@mui/icons-material/RuleOutlined";
-import k from "@mui/icons-material/HelpOutline";
+import l from "@mui/icons-material/ArticleOutlined";
+import u from "@mui/icons-material/AssignmentOutlined";
+import d from "@mui/icons-material/HelpOutline";
+import f from "@mui/icons-material/PublicOutlined";
+import p from "@mui/icons-material/BlockOutlined";
+import m from "@mui/icons-material/ScienceOutlined";
+import h from "@mui/icons-material/MedicalServicesOutlined";
+import g from "@mui/icons-material/CoronavirusOutlined";
+import _ from "@mui/icons-material/GroupsOutlined";
+import v from "@mui/icons-material/HealingOutlined";
+import y from "@mui/icons-material/LockOpenOutlined";
+import b from "@mui/icons-material/MoneyOffOutlined";
+import x from "@mui/icons-material/HandshakeOutlined";
+import S from "@mui/icons-material/GavelOutlined";
+import C from "@mui/icons-material/ReplayOutlined";
+import w from "@mui/icons-material/FormatQuoteOutlined";
+import T from "@mui/icons-material/PersonOutlined";
+import E from "@mui/icons-material/ApartmentOutlined";
+import D from "@mui/icons-material/ScheduleOutlined";
+import O from "@mui/icons-material/HourglassEmptyOutlined";
+import k from "@mui/icons-material/RuleOutlined";
 //#region src/components/GenericCard/DuoTermTags/DuoTermTags.tsx
 var A = {
-	"DUO:0000042": d,
-	"DUO:0000006": f,
-	"DUO:0000007": p,
-	"DUO:0000011": m,
-	"DUO:0000043": h,
-	"DUO:0000004": g,
-	"DUO:0000046": _,
-	"DUO:0000018": _,
-	"DUO:0000045": _,
-	"DUO:0000019": v,
-	"DUO:0000020": y,
-	"DUO:0000021": b,
-	"DUO:0000029": x,
-	DUOplus7: S,
-	"DUO:0000026": C,
-	"DUO:0000027": w,
-	"DUO:0000028": T,
-	"DUO:0000022": l,
-	"DUO:0000025": E,
-	"DUO:0000024": D,
+	"DUO:0000042": m,
+	"DUO:0000006": h,
+	"DUO:0000007": g,
+	"DUO:0000011": _,
+	"DUO:0000043": v,
+	"DUO:0000004": y,
+	"DUO:0000046": b,
+	"DUO:0000018": b,
+	"DUO:0000045": b,
+	"DUO:0000019": l,
+	"DUO:0000020": x,
+	"DUO:0000021": S,
+	"DUO:0000029": C,
+	DUOplus7: w,
+	"DUO:0000026": T,
+	"DUO:0000027": u,
+	"DUO:0000028": E,
+	"DUO:0000022": f,
+	"DUO:0000025": D,
+	"DUO:0000024": O,
 	"DUO:0000016": e,
-	"DUO:0000015": u,
-	"DUO:0000044": u,
-	"DUO:0000012": O
+	"DUO:0000015": p,
+	"DUO:0000044": p,
+	"DUO:0000012": k
 }, j = (e) => {
 	let { term: t } = e;
-	return /* @__PURE__ */ s(A[t.code] ?? k, {});
+	return /* @__PURE__ */ s(A[t.code] ?? d, {});
 }, M = {
 	permission: 0,
 	commercial: 1,

package/dist/components/GenericCard/PortalDOI/PortalDOI.js

@@ -5,8 +5,8 @@ import { CreateOrUpdateDoiModal as r } from "../../doi/CreateOrUpdateDoiModal.js
 import { useState as i } from "react";
 import { Box as a, IconButton as o, Skeleton as s, Tooltip as c } from "@mui/material";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { CreateTwoTone as f } from "@mui/icons-material";
-import p from "@mui/material/Link";
+import f from "@mui/material/Link";
+import p from "@mui/icons-material/CreateTwoTone";
 //#region src/components/GenericCard/PortalDOI/PortalDOI.tsx
 function m(m) {
 	let [h, g] = i(!1), { portalId: _, resourceId: v } = m, { data: y } = e(_, { select: (e) => e.canMintDoi }), { data: b, isLoading: x } = t({
@@ -33,7 +33,7 @@ function m(m) {
 			height: 0
 		},
 		children: [b && /* @__PURE__ */ d(l, { children: [
-			/* @__PURE__ */ u(p, {
+			/* @__PURE__ */ u(f, {
 				href: S,
 				target: "_blank",
 				children: S
@@ -49,10 +49,10 @@ function m(m) {
 					onClick: () => g(!0),
 					size: "small",
 					sx: { color: "inherit" },
-					children: /* @__PURE__ */ u(f, { fontSize: "inherit" })
+					children: /* @__PURE__ */ u(p, { fontSize: "inherit" })
 				})
 			})
-		] }), !b && y && /* @__PURE__ */ u(p, {
+		] }), !b && y && /* @__PURE__ */ u(f, {
 			role: "button",
 			onClick: () => g(!0),
 			children: "Click to Create a DOI"

package/dist/components/GenericCard/PortalDOI/PortalDOI.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalDOI.js","names":[],"sources":["../../../../src/components/GenericCard/PortalDOI/PortalDOI.tsx"],"sourcesContent":["import CopyToClipboardIcon from '@/components/CopyToClipboardIcon'\nimport { CreateOrUpdateDoiModal } from '@/components/doi/CreateOrUpdateDoiModal'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { useGetUserPortalPermissions } from '@/synapse-queries/portal/usePortal'\nimport { CreateTwoTone } from '@mui/icons-material'\nimport { Box, IconButton, Skeleton, Tooltip } from '@mui/material'\nimport Link from '@mui/material/Link'\nimport { useState } from 'react'\n\nexport type PortalDOIProps = {\n  /** The ID of the portal created with https://rest-docs.synapse.org/rest/POST/portal.html */\n  portalId: string\n  /** The ID of the resource. For Portals, this is a string that serializes the resourceType and all key information for\n   *  the resource */\n  resourceId: string\n}\n\n/**\n * Component used to view/create/edit a DOI for a portal resource.\n */\nfunction PortalDOI(props: PortalDOIProps) {\n  const [showEditModal, setShowEditModal] = useState(false)\n  const { portalId, resourceId } = props\n\n  const { data: canMintDoi } = useGetUserPortalPermissions(portalId, {\n    select: permissions => permissions.canMintDoi!,\n  })\n\n  const { data: doi, isLoading } = useGetDOIAssociation({\n    id: resourceId,\n    portalId,\n    type: 'PORTAL_RESOURCE',\n  })\n\n  if (isLoading) {\n    return <Skeleton role=\"progressbar\" width={150} />\n  }\n\n  const doiOrgUrl = doi ? `https://doi.org/${doi.doiUri}` : undefined\n\n  return (\n    <>\n      <CreateOrUpdateDoiModal\n        open={showEditModal}\n        onClose={() => setShowEditModal(false)}\n        objectType={'PORTAL_RESOURCE'}\n        objectId={resourceId}\n        portalId={portalId}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 0.5,\n          // set height to 0 to prevent expanding the table row\n          height: 0,\n        }}\n      >\n        {doi && (\n          <>\n            <Link href={doiOrgUrl} target={'_blank'}>\n              {doiOrgUrl}\n            </Link>\n            <CopyToClipboardIcon\n              size=\"small\"\n              value={doiOrgUrl || ''}\n              sx={{ color: 'inherit' }}\n            />\n\n            {canMintDoi && (\n              <Tooltip title={`Edit DOI`}>\n                <IconButton\n                  onClick={() => setShowEditModal(true)}\n                  size=\"small\"\n                  sx={{ color: 'inherit' }}\n                >\n                  <CreateTwoTone fontSize={'inherit'} />\n                </IconButton>\n              </Tooltip>\n            )}\n          </>\n        )}\n        {!doi && canMintDoi && (\n          <Link role=\"button\" onClick={() => setShowEditModal(true)}>\n            Click to Create a DOI\n          </Link>\n        )}\n      </Box>\n    </>\n  )\n}\n\nexport default PortalDOI\n"],"mappings":";;;;;;;;;;AAoBA,SAAS,EAAU,GAAuB;CACxC,IAAM,CAAC,GAAe,KAAoB,EAAS,EAAK,GAClD,EAAE,aAAU,kBAAe,GAE3B,EAAE,MAAM,MAAe,EAA4B,GAAU,EACjE,SAAQ,MAAe,EAAY,WACrC,CAAC,GAEK,EAAE,MAAM,GAAK,iBAAc,EAAqB;EACpD,IAAI;EACJ;EACA,MAAM;CACR,CAAC;CAED,IAAI,GACF,OAAO,kBAAC,GAAD;EAAU,MAAK;EAAc,OAAO;CAAM,CAAA;CAGnD,IAAM,IAAY,IAAM,mBAAmB,EAAI,WAAW,KAAA;CAE1D,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,EAAiB,EAAK;EACrC,YAAY;EACZ,UAAU;EACA;CACX,CAAA,GACD,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,KAAK;GAEL,QAAQ;EACV;YAPF,CASG,KACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAM,MAAM;IAAW,QAAQ;cAC5B;GACG,CAAA;GACN,kBAAC,GAAD;IACE,MAAK;IACL,OAAO,KAAa;IACpB,IAAI,EAAE,OAAO,UAAU;GACxB,CAAA;GAEA,KACC,kBAAC,GAAD;IAAS,OAAO;cACd,kBAAC,GAAD;KACE,eAAe,EAAiB,EAAI;KACpC,MAAK;KACL,IAAI,EAAE,OAAO,UAAU;eAEvB,kBAAC,GAAD,EAAe,UAAU,UAAY,CAAA;IAC3B,CAAA;GACL,CAAA;EAEX,EAAA,CAAA,GAEH,CAAC,KAAO,KACP,kBAAC,GAAD;GAAM,MAAK;GAAS,eAAe,EAAiB,EAAI;aAAG;EAErD,CAAA,CAEL;GACL,EAAA,CAAA;AAEN"}
+{"version":3,"file":"PortalDOI.js","names":[],"sources":["../../../../src/components/GenericCard/PortalDOI/PortalDOI.tsx"],"sourcesContent":["import CopyToClipboardIcon from '@/components/CopyToClipboardIcon'\nimport { CreateOrUpdateDoiModal } from '@/components/doi/CreateOrUpdateDoiModal'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { useGetUserPortalPermissions } from '@/synapse-queries/portal/usePortal'\nimport CreateTwoTone from '@mui/icons-material/CreateTwoTone'\nimport { Box, IconButton, Skeleton, Tooltip } from '@mui/material'\nimport Link from '@mui/material/Link'\nimport { useState } from 'react'\n\nexport type PortalDOIProps = {\n  /** The ID of the portal created with https://rest-docs.synapse.org/rest/POST/portal.html */\n  portalId: string\n  /** The ID of the resource. For Portals, this is a string that serializes the resourceType and all key information for\n   *  the resource */\n  resourceId: string\n}\n\n/**\n * Component used to view/create/edit a DOI for a portal resource.\n */\nfunction PortalDOI(props: PortalDOIProps) {\n  const [showEditModal, setShowEditModal] = useState(false)\n  const { portalId, resourceId } = props\n\n  const { data: canMintDoi } = useGetUserPortalPermissions(portalId, {\n    select: permissions => permissions.canMintDoi!,\n  })\n\n  const { data: doi, isLoading } = useGetDOIAssociation({\n    id: resourceId,\n    portalId,\n    type: 'PORTAL_RESOURCE',\n  })\n\n  if (isLoading) {\n    return <Skeleton role=\"progressbar\" width={150} />\n  }\n\n  const doiOrgUrl = doi ? `https://doi.org/${doi.doiUri}` : undefined\n\n  return (\n    <>\n      <CreateOrUpdateDoiModal\n        open={showEditModal}\n        onClose={() => setShowEditModal(false)}\n        objectType={'PORTAL_RESOURCE'}\n        objectId={resourceId}\n        portalId={portalId}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 0.5,\n          // set height to 0 to prevent expanding the table row\n          height: 0,\n        }}\n      >\n        {doi && (\n          <>\n            <Link href={doiOrgUrl} target={'_blank'}>\n              {doiOrgUrl}\n            </Link>\n            <CopyToClipboardIcon\n              size=\"small\"\n              value={doiOrgUrl || ''}\n              sx={{ color: 'inherit' }}\n            />\n\n            {canMintDoi && (\n              <Tooltip title={`Edit DOI`}>\n                <IconButton\n                  onClick={() => setShowEditModal(true)}\n                  size=\"small\"\n                  sx={{ color: 'inherit' }}\n                >\n                  <CreateTwoTone fontSize={'inherit'} />\n                </IconButton>\n              </Tooltip>\n            )}\n          </>\n        )}\n        {!doi && canMintDoi && (\n          <Link role=\"button\" onClick={() => setShowEditModal(true)}>\n            Click to Create a DOI\n          </Link>\n        )}\n      </Box>\n    </>\n  )\n}\n\nexport default PortalDOI\n"],"mappings":";;;;;;;;;;AAoBA,SAAS,EAAU,GAAuB;CACxC,IAAM,CAAC,GAAe,KAAoB,EAAS,EAAK,GAClD,EAAE,aAAU,kBAAe,GAE3B,EAAE,MAAM,MAAe,EAA4B,GAAU,EACjE,SAAQ,MAAe,EAAY,WACrC,CAAC,GAEK,EAAE,MAAM,GAAK,iBAAc,EAAqB;EACpD,IAAI;EACJ;EACA,MAAM;CACR,CAAC;CAED,IAAI,GACF,OAAO,kBAAC,GAAD;EAAU,MAAK;EAAc,OAAO;CAAM,CAAA;CAGnD,IAAM,IAAY,IAAM,mBAAmB,EAAI,WAAW,KAAA;CAE1D,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,EAAiB,EAAK;EACrC,YAAY;EACZ,UAAU;EACA;CACX,CAAA,GACD,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,KAAK;GAEL,QAAQ;EACV;YAPF,CASG,KACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAM,MAAM;IAAW,QAAQ;cAC5B;GACG,CAAA;GACN,kBAAC,GAAD;IACE,MAAK;IACL,OAAO,KAAa;IACpB,IAAI,EAAE,OAAO,UAAU;GACxB,CAAA;GAEA,KACC,kBAAC,GAAD;IAAS,OAAO;cACd,kBAAC,GAAD;KACE,eAAe,EAAiB,EAAI;KACpC,MAAK;KACL,IAAI,EAAE,OAAO,UAAU;eAEvB,kBAAC,GAAD,EAAe,UAAU,UAAY,CAAA;IAC3B,CAAA;GACL,CAAA;EAEX,EAAA,CAAA,GAEH,CAAC,KAAO,KACP,kBAAC,GAAD;GAAM,MAAK;GAAS,eAAe,EAAiB,EAAI;aAAG;EAErD,CAAA,CAEL;GACL,EAAA,CAAA;AAEN"}

package/dist/components/GenericCard/TableRowGenericCard.js

@@ -35,7 +35,7 @@ import { useCallback as Ee, useMemo as u, useState as De } from "react";
 import { Box as Oe, Collapse as ke, Link as Ae, Stack as d, Typography as je } from "@mui/material";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { ColumnTypeEnum as Me } from "@sage-bionetworks/synapse-types";
-import { GetAppTwoTone as Ne } from "@mui/icons-material";
+import Ne from "@mui/icons-material/GetAppTwoTone";
 import { useInView as Pe } from "react-intersection-observer";
 //#region src/components/GenericCard/TableRowGenericCard.tsx
 function Fe(e) {