synapse-react-client 4.0.29 → 4.0.30

package/dist/features/entity/metadata-task/components/MetadataTasksPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTasksPage.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport CurationTaskCard from '@/features/curator/dashboard/components/CurationTaskCard'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useGetFeatureFlag } from '@/synapse-queries/index'\nimport { useGetEntityPermissions } from '@/synapse-queries/entity/useEntity'\nimport { Button, FormControlLabel, Stack, Switch } from '@mui/material'\nimport { useMemo, useState } from 'react'\nimport { ListCurationTaskRequest } from '@sage-bionetworks/synapse-client'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useNavigate } from 'react-router'\nimport MetadataTasksPageRouter, {\n  MetadataTasksPageRouterProps,\n} from './MetadataTasksPageRouter'\n\nexport type MetadataTaskTableProps = {\n  projectId: string\n}\n\n/**\n * Displays a list of metadata curation tasks for a particular project, with actions that can be performed on each task.\n */\nfunction MetadataTasksPageInternal(props: MetadataTaskTableProps) {\n  const { projectId } = props\n  const navigate = useNavigate()\n  const [listCurationTaskRequest, setListCurationTaskRequest] =\n    useState<ListCurationTaskRequest>({\n      projectId,\n      assignedToMe: false,\n    })\n\n  const { data: permissions } = useGetEntityPermissions(projectId)\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetCurationTasksInfinite(listCurationTaskRequest)\n\n  const tasks = useMemo(\n    () => data?.pages.flatMap(page => page.bundlePage ?? []) ?? [],\n    [data],\n  )\n\n  const showNewTaskButton = useGetFeatureFlag(\n    FeatureFlagEnum.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON,\n  )\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" justifyContent=\"flex-end\">\n        <FormControlLabel\n          control={\n            <Switch\n              checked={!!listCurationTaskRequest.assignedToMe}\n              onChange={(_e, checked) => {\n                setListCurationTaskRequest(prev => ({\n                  ...prev,\n                  assignedToMe: checked,\n                }))\n              }}\n            />\n          }\n          label=\"View only tasks assigned to me\"\n        />\n        {showNewTaskButton && permissions?.canAddChild && (\n          <Button\n            variant=\"outlined\"\n            onClick={() => void navigate('create')}\n            startIcon={<AddCircleTwoTone />}\n          >\n            New Task\n          </Button>\n        )}\n      </Stack>\n      <InfiniteTableLayout\n        table={\n          <Stack gap={3} sx={{ my: 2 }}>\n            {tasks.map(taskBundle => (\n              <CurationTaskCard\n                key={taskBundle.task?.taskId}\n                taskBundle={taskBundle}\n              />\n            ))}\n          </Stack>\n        }\n        isLoading={isLoading}\n        isEmpty={!isLoading && tasks.length === 0}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => void fetchNextPage()}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </Stack>\n  )\n}\n\nexport type MetadataTasksPageProps = MetadataTaskTableProps &\n  Omit<MetadataTasksPageRouterProps, 'projectId'>\n\n/**\n * A page that displays a project's metadata curation tasks, with included routing logic for the\n * create/edit task pages.\n */\nexport default function MetadataTasksPage(props: MetadataTasksPageProps) {\n  return <MetadataTasksPageRouter {...props} />\n}\n\nexport { MetadataTasksPageInternal }\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAS,EAA0B,GAA+B;CAChE,IAAM,EAAE,iBAAc,GAChB,IAAW,EAAY,GACvB,CAAC,GAAyB,KAC9B,EAAkC;EAChC;EACA,cAAc;CAChB,CAAC,GAEG,EAAE,MAAM,MAAgB,EAAwB,CAAS,GAEzD,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAA4B,CAAuB,GAE/C,IAAQ,QACN,GAAM,MAAM,SAAQ,MAAQ,EAAK,cAAc,CAAC,CAAC,KAAK,CAAC,GAC7D,CAAC,CAAI,CACP,GAEM,IAAoB,EACxB,EAAgB,uCAClB;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAO,WAAU;EAAM,gBAAe;YAAtC,CACE,kBAAC,GAAD;GACE,SACE,kBAAC,GAAD;IACE,SAAS,CAAC,CAAC,EAAwB;IACnC,WAAW,GAAI,MAAY;KACzB,GAA2B,OAAS;MAClC,GAAG;MACH,cAAc;KAChB,EAAE;IACJ;GACD,CAAA;GAEH,OAAM;EACP,CAAA,GACA,KAAqB,GAAa,eACjC,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe,KAAK,EAAS,QAAQ;GACrC,WAAW,kBAAC,GAAD,CAAmB,CAAA;aAC/B;EAEO,CAAA,CAEL;KACP,kBAAC,GAAD;EACE,OACE,kBAAC,GAAD;GAAO,KAAK;GAAG,IAAI,EAAE,IAAI,EAAE;aACxB,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,cACb,GAFM,EAAW,MAAM,MAEvB,CACF;EACI,CAAA;EAEE;EACX,SAAS,CAAC,KAAa,EAAM,WAAW;EAC3B;EACb,8BAA8B,KAAK,EAAc;EAC7B;CACrB,CAAA,CACI,EAAA,CAAA;AAEX;AASA,SAAwB,EAAkB,GAA+B;CACvE,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAQ,CAAA;AAC9C"}
+{"version":3,"file":"MetadataTasksPage.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport CurationTaskCard from '@/features/curator/dashboard/components/CurationTaskCard'\nimport FilteredByTaskIdsBanner from '@/features/curator/dashboard/components/FilteredByTaskIdsBanner'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useGetFeatureFlag } from '@/synapse-queries/index'\nimport { useGetEntityPermissions } from '@/synapse-queries/entity/useEntity'\nimport { useCurationTaskListFilters } from '@/utils/hooks/useCurationTaskListFilters'\nimport { Button, FormControlLabel, Stack, Switch } from '@mui/material'\nimport { useMemo } from 'react'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useNavigate } from 'react-router'\nimport MetadataTasksPageRouter, {\n  MetadataTasksPageRouterProps,\n} from './MetadataTasksPageRouter'\n\nexport type MetadataTaskTableProps = {\n  projectId: string\n}\n\n/**\n * Displays a list of metadata curation tasks for a particular project, with actions that can be performed on each task.\n */\nfunction MetadataTasksPageInternal(props: MetadataTaskTableProps) {\n  const { projectId } = props\n  const navigate = useNavigate()\n  const {\n    request,\n    taskIds,\n    assignedToMe,\n    setAssignedToMe,\n    clearTaskIdsFilter,\n  } = useCurationTaskListFilters({ projectId })\n\n  const { data: permissions } = useGetEntityPermissions(projectId)\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetCurationTasksInfinite(request)\n\n  const tasks = useMemo(\n    () => data?.pages.flatMap(page => page.bundlePage ?? []) ?? [],\n    [data],\n  )\n\n  const showNewTaskButton = useGetFeatureFlag(\n    FeatureFlagEnum.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON,\n  )\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" justifyContent=\"flex-end\">\n        <FormControlLabel\n          control={\n            <Switch\n              checked={assignedToMe}\n              onChange={(_e, checked) => {\n                setAssignedToMe(checked)\n              }}\n            />\n          }\n          label=\"View only tasks assigned to me\"\n        />\n        {showNewTaskButton && permissions?.canAddChild && (\n          <Button\n            variant=\"outlined\"\n            onClick={() => void navigate('create')}\n            startIcon={<AddCircleTwoTone />}\n          >\n            New Task\n          </Button>\n        )}\n      </Stack>\n      <FilteredByTaskIdsBanner taskIds={taskIds} onClear={clearTaskIdsFilter} />\n      <InfiniteTableLayout\n        table={\n          <Stack gap={3} sx={{ my: 2 }}>\n            {tasks.map(taskBundle => (\n              <CurationTaskCard\n                key={taskBundle.task?.taskId}\n                taskBundle={taskBundle}\n              />\n            ))}\n          </Stack>\n        }\n        isLoading={isLoading}\n        isEmpty={!isLoading && tasks.length === 0}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => void fetchNextPage()}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </Stack>\n  )\n}\n\nexport type MetadataTasksPageProps = MetadataTaskTableProps &\n  Omit<MetadataTasksPageRouterProps, 'projectId'>\n\n/**\n * A page that displays a project's metadata curation tasks, with included routing logic for the\n * create/edit task pages.\n */\nexport default function MetadataTasksPage(props: MetadataTasksPageProps) {\n  return <MetadataTasksPageRouter {...props} />\n}\n\nexport { MetadataTasksPageInternal }\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,SAAS,EAA0B,GAA+B;CAChE,IAAM,EAAE,iBAAc,GAChB,IAAW,EAAY,GACvB,EACJ,YACA,YACA,iBACA,oBACA,0BACE,EAA2B,EAAE,aAAU,CAAC,GAEtC,EAAE,MAAM,MAAgB,EAAwB,CAAS,GAEzD,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAA4B,CAAO,GAE/B,IAAQ,QACN,GAAM,MAAM,SAAQ,MAAQ,EAAK,cAAc,CAAC,CAAC,KAAK,CAAC,GAC7D,CAAC,CAAI,CACP,GAEM,IAAoB,EACxB,EAAgB,uCAClB;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAO,WAAU;GAAM,gBAAe;aAAtC,CACE,kBAAC,GAAD;IACE,SACE,kBAAC,GAAD;KACE,SAAS;KACT,WAAW,GAAI,MAAY;MACzB,EAAgB,CAAO;KACzB;IACD,CAAA;IAEH,OAAM;GACP,CAAA,GACA,KAAqB,GAAa,eACjC,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe,KAAK,EAAS,QAAQ;IACrC,WAAW,kBAAC,GAAD,CAAmB,CAAA;cAC/B;GAEO,CAAA,CAEL;;EACP,kBAAC,GAAD;GAAkC;GAAS,SAAS;EAAqB,CAAA;EACzE,kBAAC,GAAD;GACE,OACE,kBAAC,GAAD;IAAO,KAAK;IAAG,IAAI,EAAE,IAAI,EAAE;cACxB,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,cACb,GAFM,EAAW,MAAM,MAEvB,CACF;GACI,CAAA;GAEE;GACX,SAAS,CAAC,KAAa,EAAM,WAAW;GAC3B;GACb,8BAA8B,KAAK,EAAc;GAC7B;EACrB,CAAA;CACI,EAAA,CAAA;AAEX;AASA,SAAwB,EAAkB,GAA+B;CACvE,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAQ,CAAA;AAC9C"}