synapse-react-client 4.0.43 → 4.0.45

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/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.d.ts.map

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

package/dist/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.js

@@ -1,161 +1,173 @@
 import { spreadSx as e } from "../../theme/spreadSx.js";
 import { SynapseErrorBoundary as t } from "../error/ErrorBanner.js";
-import { useCreateAccessRequirement as n, useGetAccessRequirements as r, useUpdateAccessRequirement as i } from "../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useCreateAccessRequirement as n, useGetAccessRequirements as ee, useUpdateAccessRequirement as te } from "../../synapse-queries/dataaccess/useAccessRequirements.js";
+import { useGetFeatureFlag as ne } from "../../synapse-queries/featureflags/useGetFeatureFlag.js";
 import "../../synapse-queries/index.js";
 import "../error/index.js";
-import a from "../TeamSubjectsSelector/index.js";
-import o from "../EntitySubjectsSelector/index.js";
-import { forwardRef as s, useEffect as ee, useImperativeHandle as c, useMemo as l, useState as u } from "react";
-import { Alert as d, Checkbox as te, FormControlLabel as f, Radio as p, RadioGroup as ne, Skeleton as m, Stack as h, TextField as g, Tooltip as _, Typography as v } from "@mui/material";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { ACCESS_TYPE as S, MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as C, RestrictableObjectType as w, SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as T } from "@sage-bionetworks/synapse-types";
-import { HelpOutlineTwoTone as re } from "@mui/icons-material";
-import E from "pluralize";
+import { FeatureFlagEnum as re } from "../../utils/featureflag/FeatureFlags.js";
+import ie from "../TeamSubjectsSelector/index.js";
+import { FormTemplateReferenceField as ae, useFormTemplateReferenceError as oe } from "../FormTemplateReferenceField/FormTemplateReferenceField.js";
+import se from "../EntitySubjectsSelector/index.js";
+import { forwardRef as r, useEffect as ce, useImperativeHandle as le, useMemo as i, useState as a } from "react";
+import { Alert as o, Box as ue, Checkbox as de, FormControlLabel as s, Radio as c, RadioGroup as fe, Skeleton as l, Stack as pe, TextField as u, Tooltip as me, Typography as d } from "@mui/material";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ACCESS_TYPE as h, JSON_SCHEMA_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as g, MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as _, RestrictableObjectType as v, SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE as y } from "@sage-bionetworks/synapse-types";
+import { HelpOutlineTwoTone as b } from "@mui/icons-material";
+import x from "pluralize";
 //#region src/components/SetAccessRequirementCommonFields/SetAccessRequirementCommonFields.tsx
-var D = "Please select at least one resource for this Access Requirement to be associated with.", O = (e) => {
-	let t = e === w.ENTITY ? "Synapse" : "Team";
-	return `${t} IDs were specified but not added to the subjects list. Please either clear out the Add ${t} IDs textbox or click the Add ${E(e[0].toUpperCase() + e.slice(1).toLowerCase())} button.`;
-}, k = "Enter access requirement name. This will also be used when sending notifications for expiring or revoked approval. For example, 'The approval for the name access requirement was revoked...'", A = {
+var S = "Please select at least one resource for this Access Requirement to be associated with.", C = (e) => {
+	let t = e === v.ENTITY ? "Synapse" : "Team";
+	return `${t} IDs were specified but not added to the subjects list. Please either clear out the Add ${t} IDs textbox or click the Add ${x(e[0].toUpperCase() + e.slice(1).toLowerCase())} button.`;
+}, he = "Enter access requirement name. This will also be used when sending notifications for expiring or revoked approval. For example, 'The approval for the name access requirement was revoked...'", w = {
 	variant: "body1",
 	fontWeight: 700
 };
-function ie(e) {
+function ge(e) {
 	switch (e) {
-		case w.ENTITY: return S.DOWNLOAD;
-		case w.TEAM: return S.PARTICIPATE;
+		case v.ENTITY: return h.DOWNLOAD;
+		case v.TEAM: return h.PARTICIPATE;
 		default: throw Error(`RestrictableObjectType ${e} does not have an access type specified.`);
 	}
 }
-var j = s(function(s, S) {
-	let { subject: E, accessRequirementId: j, onSave: ae, onError: M } = s, N = !E, [P, F] = u(E ? [E] : []), [I, oe] = u(!1), [L, R] = u(null), [z, B] = u(""), [V, H] = u(!1), [U, W] = u(E?.type === w.TEAM ? T : C), [G, K] = u(null), q = (e) => {
-		K(null), ae(e.id.toString(), e.concreteType);
+var T = r(function(r, h) {
+	let { subject: x, accessRequirementId: T, onSave: _e, onError: E } = r, D = !x, [O, k] = a(x ? [x] : []), [A, ve] = a(!1), [j, M] = a(null), [N, P] = a(""), [F, I] = a(!1), [L, R] = a(x?.type === v.TEAM ? y : _), [z, B] = a(null), V = ne(re.ACT_DASHBOARD_FORM_TEMPLATES), [H, U] = a(void 0), [ye, W] = a(!1), G = V && L === g, K = oe(G ? H : void 0), q = (e) => {
+		B(null), _e(e.id.toString(), e.concreteType);
 	}, J = (e) => {
-		K(e.reason), M();
+		B(e.reason), E();
 	}, { mutate: Y } = n({
 		onSuccess: (e) => q(e),
 		onError: (e) => J(e)
-	}), { mutate: X } = i({
+	}), { mutate: X } = te({
 		onSuccess: (e) => q(e),
 		onError: (e) => J(e)
-	}), { data: Z, isLoading: se, error: Q } = r(j, { enabled: !!j });
-	ee(() => {
-		Z && (W(Z.concreteType), B(Z.name), F(Z.subjectIds), H(Z.subjectsDefinedByAnnotations));
+	}), { data: Z, isLoading: be, error: Q } = ee(T, { enabled: !!T });
+	ce(() => {
+		Z && (R(Z.concreteType), Z.concreteType === g && U(Z.formTemplateRef), P(Z.name), k(Z.subjectIds), I(Z.subjectsDefinedByAnnotations));
 	}, [Z]);
-	let $ = l(() => {
-		if (E) return E.type;
+	let $ = i(() => {
+		if (x) return x.type;
 		if (Z) {
 			let e = Z.subjectIds;
 			if (e.length > 0) return e[0].type;
 		}
-		return V ? w.ENTITY : null;
+		return F ? v.ENTITY : null;
 	}, [
-		E,
+		x,
 		Z,
-		V
-	]), ce = l(() => {
-		if (!$) return /* @__PURE__ */ b(y, {});
+		F
+	]), xe = i(() => {
+		if (!$) return /* @__PURE__ */ p(f, {});
 		function e(e) {
-			R(null), F(e);
+			M(null), k(e);
 		}
 		function t(e) {
-			R(null), oe(e.trim() !== "");
+			M(null), ve(e.trim() !== "");
 		}
-		if (V) return /* @__PURE__ */ b(y, {});
+		if (F) return /* @__PURE__ */ p(f, {});
 		switch ($) {
-			case w.TEAM: return /* @__PURE__ */ b(a, {
-				subjects: P,
+			case v.TEAM: return /* @__PURE__ */ p(ie, {
+				subjects: O,
 				onUpdate: (t) => e(t),
 				onUpdateTeamIDsTextbox: (e) => t(e)
 			});
-			case w.ENTITY: return /* @__PURE__ */ b(o, {
-				subjects: P,
+			case v.ENTITY: return /* @__PURE__ */ p(se, {
+				subjects: O,
 				onUpdate: (t) => e(t),
 				onUpdateEntityIDsTextbox: (e) => t(e)
 			});
-			default: return console.error(`RestrictableObjectType ${$} does not have a selector implemented.`), /* @__PURE__ */ b(y, {});
+			default: return console.error(`RestrictableObjectType ${$} does not have a selector implemented.`), /* @__PURE__ */ p(f, {});
 		}
 	}, [
 		$,
-		P,
-		V
+		O,
+		F
 	]);
-	return c(S, () => ({ save() {
-		let e = N && !Z || !$, t = !V && (I || P.length === 0);
+	return le(h, () => ({ save() {
+		let e = D && !Z || !$, t = !F && (A || O.length === 0);
 		if (e || t) {
-			t && !e && (I ? R(O($)) : P.length === 0 && R(D)), M();
+			t && !e && (A ? M(C($)) : O.length === 0 && M(S)), E();
+			return;
+		}
+		if (G && K) {
+			W(!0), E();
 			return;
 		}
-		let n = ie($);
-		N || Y({
-			concreteType: U,
-			subjectIds: P,
-			name: z,
+		let n = ge($);
+		D || Y({
+			concreteType: L,
+			subjectIds: O,
+			name: N,
 			accessType: n,
-			subjectsDefinedByAnnotations: V
-		}), N && Z && X({
+			subjectsDefinedByAnnotations: F,
+			...G ? { formTemplateRef: H } : {}
+		}), D && Z && X({
 			...Z,
-			subjectIds: P,
-			name: z,
+			subjectIds: O,
+			name: N,
 			accessType: n,
-			subjectsDefinedByAnnotations: V
+			subjectsDefinedByAnnotations: F,
+			...G ? { formTemplateRef: H } : {}
 		});
 	} }), [
-		I,
+		A,
 		$,
-		P,
-		z,
-		U,
-		Z,
+		O,
 		N,
-		M,
+		L,
+		Z,
+		D,
+		E,
 		Y,
 		X,
-		V
-	]), se || !$ ? /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(m, {
+		F,
+		G,
+		H,
+		K
+	]), be || !$ ? /* @__PURE__ */ m(f, { children: [
+		/* @__PURE__ */ p(l, {
 			width: 100,
 			height: 30
 		}),
-		/* @__PURE__ */ b(m, {
+		/* @__PURE__ */ p(l, {
 			width: 125,
 			height: 30
 		}),
-		/* @__PURE__ */ b(m, {
+		/* @__PURE__ */ p(l, {
 			width: "100%",
-			children: /* @__PURE__ */ b(g, {})
+			children: /* @__PURE__ */ p(u, {})
 		}),
-		/* @__PURE__ */ b(m, {
+		/* @__PURE__ */ p(l, {
 			width: 100,
 			height: 30
 		}),
-		/* @__PURE__ */ b(m, {
+		/* @__PURE__ */ p(l, {
 			width: "100%",
-			children: /* @__PURE__ */ b(g, {})
+			children: /* @__PURE__ */ p(u, {})
 		})
-	] }) : Q ? /* @__PURE__ */ b(d, {
+	] }) : Q ? /* @__PURE__ */ p(o, {
 		severity: "error",
 		children: Q.reason
-	}) : /* @__PURE__ */ x(y, { children: [
-		/* @__PURE__ */ b(v, {
-			...A,
+	}) : /* @__PURE__ */ m(f, { children: [
+		/* @__PURE__ */ p(d, {
+			...w,
 			children: "Resources"
 		}),
-		$ !== w.TEAM && /* @__PURE__ */ b(f, {
-			control: /* @__PURE__ */ b(te, {}),
+		$ !== v.TEAM && /* @__PURE__ */ p(s, {
+			control: /* @__PURE__ */ p(de, {}),
 			label: "Associated entities should be defined by annotations (DUO)",
-			checked: V,
+			checked: F,
 			onChange: () => {
-				R(null);
+				M(null);
 				let e = [];
-				V && (Z ? e = Z.subjectIds : E && (e = [E])), F(e), H(!V);
+				F && (Z ? e = Z.subjectIds : x && (e = [x])), k(e), I(!F);
 			}
 		}),
-		/* @__PURE__ */ b(t, { children: ce }),
-		L && /* @__PURE__ */ b(d, {
+		/* @__PURE__ */ p(t, { children: xe }),
+		j && /* @__PURE__ */ p(o, {
 			severity: "error",
-			children: L
+			children: j
 		}),
-		/* @__PURE__ */ x(h, {
+		/* @__PURE__ */ m(pe, {
 			direction: "row",
 			sx: {
 				gap: 1,
@@ -163,50 +175,72 @@ var j = s(function(s, S) {
 				mb: 1,
 				mt: 2
 			},
-			children: [/* @__PURE__ */ b(v, {
+			children: [/* @__PURE__ */ p(d, {
 				component: "label",
 				htmlFor: "arName",
-				...A,
+				...w,
 				children: "Name"
-			}), /* @__PURE__ */ b(_, {
-				title: k,
+			}), /* @__PURE__ */ p(me, {
+				title: he,
 				placement: "right",
-				children: /* @__PURE__ */ b(re, { sx: { color: "grey.600" } })
+				children: /* @__PURE__ */ p(b, { sx: { color: "grey.600" } })
 			})]
 		}),
-		/* @__PURE__ */ b(g, {
+		/* @__PURE__ */ p(u, {
 			id: "arName",
 			name: "arName",
-			value: z,
+			value: N,
 			placeholder: "Access requirement name",
 			fullWidth: !0,
-			onChange: (e) => B(e.target.value)
+			onChange: (e) => P(e.target.value)
 		}),
-		!N && $ !== w.TEAM && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(v, {
-			...A,
-			sx: e({ mt: 2 }, A.sx),
+		!D && $ !== v.TEAM && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, {
+			...w,
+			sx: e({ mt: 2 }, w.sx),
 			children: "Access requirement type"
-		}), /* @__PURE__ */ x(ne, {
-			value: U,
-			onChange: (e, t) => W(t),
-			children: [/* @__PURE__ */ b(f, {
-				value: C,
-				control: /* @__PURE__ */ b(p, {}),
-				label: "Controlled - requests are in Synapse"
-			}), /* @__PURE__ */ b(f, {
-				value: T,
-				control: /* @__PURE__ */ b(p, {}),
-				label: "Click wrap"
-			})]
+		}), /* @__PURE__ */ m(fe, {
+			value: L,
+			onChange: (e, t) => R(t),
+			children: [
+				/* @__PURE__ */ p(s, {
+					value: _,
+					control: /* @__PURE__ */ p(c, {}),
+					label: "Controlled - requests are in Synapse"
+				}),
+				/* @__PURE__ */ p(s, {
+					value: y,
+					control: /* @__PURE__ */ p(c, {}),
+					label: "Click wrap"
+				}),
+				V && /* @__PURE__ */ p(s, {
+					value: g,
+					control: /* @__PURE__ */ p(c, {}),
+					label: "Schema-driven - requests are in Synapse, using a form template"
+				})
+			]
 		})] }),
-		G && /* @__PURE__ */ b(d, {
+		G && /* @__PURE__ */ m(ue, {
+			sx: { mt: 2 },
+			children: [/* @__PURE__ */ p(d, {
+				...w,
+				sx: e({ mb: 1 }, w.sx),
+				children: "Form presented to requesters"
+			}), /* @__PURE__ */ p(ae, {
+				value: H,
+				onChange: (e) => {
+					W(!1), U(e);
+				},
+				error: ye ? K : null
+			})]
+		}),
+		z && /* @__PURE__ */ p(o, {
 			severity: "error",
 			sx: { marginTop: 2 },
-			children: G
+			children: z
 		})
 	] });
 });
 //#endregion
-export { D as EMPTY_SUBJECT_LIST_ERROR_MESSAGE, j as SetAccessRequirementCommonFields, O as UNSAVED_SUBJECTS_ERROR_MESSAGE };
+export { S as EMPTY_SUBJECT_LIST_ERROR_MESSAGE, T as SetAccessRequirementCommonFields, C as UNSAVED_SUBJECTS_ERROR_MESSAGE };
 
 //# sourceMappingURL=SetAccessRequirementCommonFields.js.map