npm - synapse-react-client - Versions diffs - 4.0.9 → 4.0.10 - Mend

synapse-react-client 4.0.9 → 4.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (543) hide show

package/dist/components/DownloadCart/DownloadListTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DownloadListTable.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadListTable.tsx"],"sourcesContent":["import {\n useGetAvailableFilesToDownloadInfinite,\n useRemoveFilesFromDownloadList,\n} from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Button, Tooltip, Typography } from '@mui/material'\nimport {\n AvailableFilter,\n DownloadListItem,\n DownloadListItemResult,\n Sort,\n SortField,\n} from '@sage-bionetworks/synapse-types'\nimport {\n CellContext,\n createColumnHelper,\n getCoreRowModel,\n Row,\n SortingState,\n useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport FileEntityDirectDownload from '../DirectDownload/FileEntityDirectDownload'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { InteractiveCopyIdsIcon } from '../InteractiveCopyIdsIcon'\nimport { BlockingLoader, SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../Skeleton'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { displayToast } from '../ToastMessage'\nimport DirectProgrammaticDownload from './DirectProgrammaticDownload'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport const TESTING_TRASH_BTN_CLASS = 'TESTING_TRASH_BTN_CLASS'\n\nfunction notifyRemovedFromDownloadList(\n notificationTitle: string,\n fileName: string,\n) {\n displayToast(`${fileName} has been removed from your list.`, 'success', {\n title: notificationTitle,\n })\n}\n\nfunction RemoveFromDownloadListButton(props: {\n ctx: CellContext<DownloadListItemResult, any>\n}) {\n const { ctx } = props\n const { mutateAsync: removeFileFromDownloadList, isPending } =\n useRemoveFilesFromDownloadList({\n onSuccess: () =>\n displayToast(\n `${ctx.row.original.fileName} has been removed from your list.`,\n 'success',\n {\n title: 'File Removed',\n },\n ),\n })\n\n return (\n <Tooltip\n title=\"Remove from Download List\"\n placement=\"left\"\n enterNextDelay={TOOLTIP_DELAY_SHOW}\n >\n <span className=\"removeItem\">\n <button\n className={TESTING_TRASH_BTN_CLASS}\n onClick={() => {\n void removeFileFromDownloadList({\n batchToRemove: [\n {\n fileEntityId: ctx.row.original.fileEntityId,\n versionNumber: ctx.row.original.versionNumber,\n },\n ],\n })\n }}\n >\n {isPending ? <SynapseSpinner /> : <IconSvg icon=\"removeCircle\" />}\n </button>\n </span>\n </Tooltip>\n )\n}\n\nconst columnHelper = createColumnHelper<DownloadListItemResult>()\nconst getColumns = (args: {\n removeItem: (item: DownloadListItem, fileName: string, title: string) => void\n onCopySynIds: () => void\n}) => {\n const { onCopySynIds, removeItem } = args\n return [\n columnHelper.accessor('isEligibleForPackaging', {\n header: () => <></>,\n cell: ctx => (\n <div>\n {!ctx.getValue() && (\n <Tooltip\n title={\n <>\n This file can’t be packaged as a ZIP because it is {'>'}\n 100MB, or it is an external link, or it is not stored on\n Synapse native storage.\n <br />\n Try clicking the “download” icon at the end of the row, or\n download programmatically.\n </>\n }\n enterNextDelay={TOOLTIP_DELAY_SHOW}\n placement=\"right\"\n >\n <span className=\"ineligibileIcon\">\n <IconSvg wrap={false} icon=\"unpackagableFile\" />\n </span>\n </Tooltip>\n )}\n </div>\n ),\n enableResizing: false,\n enableColumnFilter: false,\n size: 50,\n }),\n columnHelper.accessor('fileName', {\n header: props => <ColumnHeader {...props} title={'Name'} />,\n cell: ctx => (\n <a\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${ctx.row.original.fileEntityId}.${ctx.row.original.versionNumber}`}\n >\n {ctx.getValue()}\n </a>\n ),\n enableColumnFilter: false,\n size: 360,\n }),\n columnHelper.accessor('fileSizeBytes', {\n header: props => <ColumnHeader {...props} title={'Size'} />,\n cell: ctx =>\n ctx.getValue() != null && ctx.getValue() > 0 ? (\n calculateFriendlyFileSize(ctx.getValue())\n ) : (\n <Typography variant=\"smallText1\" sx={{ color: 'grey.600' }}>\n Unknown\n </Typography>\n ),\n enableColumnFilter: false,\n size: 117,\n }),\n columnHelper.accessor('fileEntityId', {\n header: props => (\n <ColumnHeader\n {...props}\n title={'SynID'}\n additionalButtons={\n <InteractiveCopyIdsIcon size={'small'} onCopy={onCopySynIds} />\n }\n />\n ),\n cell: ctx => `${ctx.getValue()}.${ctx.row.original.versionNumber}`,\n enableColumnFilter: false,\n size: 143,\n }),\n columnHelper.accessor('addedOn', {\n header: props => <ColumnHeader {...props} title={'Added On'} />,\n cell: ctx => formatDate(dayjs(ctx.getValue())),\n enableColumnFilter: false,\n size: 150,\n }),\n columnHelper.accessor('projectName', {\n header: props => <ColumnHeader {...props} title={'Project'} />,\n enableColumnFilter: false,\n size: 170,\n }),\n columnHelper.display({\n id: 'actions',\n header: props => <ColumnHeader {...props} title={'Actions'} />,\n cell: ctx => (\n <div className=\"actionsContainer\">\n <span className=\"downloadItem\">\n <FileEntityDirectDownload\n entityId={ctx.row.original.fileEntityId}\n entityVersionNumber={ctx.row.original.versionNumber}\n displayFileName={false}\n onClickCallback={(isExternalLink: boolean) => {\n // SWC-5944: remove the item from the download list, unless it's an external link.\n if (!isExternalLink) {\n removeItem(\n {\n fileEntityId: ctx.row.original.fileEntityId,\n versionNumber: ctx.row.original.versionNumber,\n },\n ctx.row.original.fileName,\n 'File Downloaded',\n )\n }\n }}\n />\n </span>\n <span className=\"programmaticAccessItem\">\n <DirectProgrammaticDownload\n entityId={ctx.row.original.fileEntityId}\n version={ctx.row.original.versionNumber}\n />\n </span>\n <RemoveFromDownloadListButton ctx={ctx} />\n </div>\n ),\n enableResizing: false,\n enableColumnFilter: false,\n size: 140,\n meta: {\n textAlign: 'center',\n },\n }),\n ]\n}\n\nfunction getSortApiRequestFromTableSortState(\n sortingState: SortingState,\n): Sort \| undefined {\n if (sortingState.length === 0) {\n return undefined\n }\n const sort = sortingState[0]\n let field: SortField = 'addedOn'\n\n if (sort.id === 'fileName') {\n field = 'fileName'\n } else if (sort.id === 'fileSizeBytes') {\n field = 'fileSize'\n } else if (sort.id === 'fileEntityId') {\n field = 'synId'\n } else if (sort.id === 'projectName') {\n field = 'projectName'\n } else if (sort.id === 'addedOn') {\n field = 'addedOn'\n } else if (sort.id === 'createdBy') {\n field = 'createdBy'\n } else if (sort.id === 'createdOn') {\n field = 'createdOn'\n }\n\n return {\n field,\n direction: sort.desc ? 'DESC' : 'ASC',\n }\n}\n\nexport default function DownloadListTable({\n filter,\n}: {\n filter?: AvailableFilter\n}) {\n const handleError = useErrorHandler()\n\n const [copyingAllSynapseIDs, setCopyingAllSynapseIDs] =\n useState<boolean>(false)\n const [tableSortState, setTableSortState] = useState<SortingState>([\n {\n desc: true,\n id: 'addedOn',\n },\n ])\n\n const {\n data,\n status,\n isFetchingNextPage,\n isLoading,\n hasNextPage,\n fetchNextPage,\n isError,\n error: newError,\n } = useGetAvailableFilesToDownloadInfinite(\n getSortApiRequestFromTableSortState(tableSortState),\n filter,\n )\n\n useEffect(() => {\n if (isError && newError) {\n handleError(newError)\n }\n }, [isError, newError, handleError])\n\n const { mutateAsync: removeFileFromDownloadList } =\n useRemoveFilesFromDownloadList()\n\n const removeItem = useCallback(\n async (\n item: DownloadListItem,\n fileName: string,\n notificationTitle: string,\n ) => {\n await removeFileFromDownloadList({ batchToRemove: [item] })\n notifyRemovedFromDownloadList(notificationTitle, fileName)\n },\n [removeFileFromDownloadList],\n )\n\n const allRows = useMemo(\n () => data?.pages.flatMap(page => page.page) ?? [],\n [data?.pages],\n )\n\n const columns = useMemo(\n () =>\n getColumns({\n removeItem: (...args) => {\n void removeItem(...args)\n },\n onCopySynIds: () => {\n // trigger loading all pages of the download list table, and then copy all IDs to the clipboard\n setCopyingAllSynapseIDs(true)\n },\n }),\n [removeItem],\n )\n\n const table = useReactTable<DownloadListItemResult>({\n data: allRows,\n columns: columns,\n getCoreRowModel: getCoreRowModel(),\n manualSorting: true,\n onSortingChange: setTableSortState,\n state: {\n columnPinning: {\n right: ['actions'],\n },\n sorting: tableSortState,\n },\n columnResizeMode: 'onChange',\n meta: {\n getRowClassNames(row: Row<DownloadListItemResult>) {\n if (!row.original.isEligibleForPackaging) {\n return 'ineligibleForPackaging'\n }\n return ''\n },\n },\n })\n\n useEffect(() => {\n const copyAllSynapseIDs = () => {\n const synIDs = allRows\n .map((item: DownloadListItemResult) => {\n return `${item.fileEntityId}.${item.versionNumber}`\n })\n .join('\\n')\n copyStringToClipboard(synIDs).then(() => {\n displayToast('Successfully copied to clipboard')\n })\n setCopyingAllSynapseIDs(false)\n }\n\n if (\n status === 'success' &&\n !isFetchingNextPage &&\n hasNextPage &&\n fetchNextPage &&\n copyingAllSynapseIDs\n ) {\n void fetchNextPage()\n } else if (!hasNextPage && copyingAllSynapseIDs) {\n // We have all the data in allRows. Put it together and copy to the clipboard\n copyAllSynapseIDs()\n }\n }, [\n status,\n isFetchingNextPage,\n hasNextPage,\n fetchNextPage,\n copyingAllSynapseIDs,\n allRows,\n ])\n\n return (\n <div>\n <BlockingLoader show={copyingAllSynapseIDs} />\n {allRows.length > 0 && (\n <div className=\"DownloadListTableV2\">\n {/* TODO: This table can be very large, so it should be refactored to use row virtualization or discrete pagination */}\n <StyledTanStackTable table={table} fullWidth={false} />\n {hasNextPage && (\n <Box sx={{ display: 'flex', justifyContent: 'right' }}>\n <Button\n variant={'contained'}\n sx={{ my: 2, ml: 'auto' }}\n onClick={() => {\n void fetchNextPage()\n }}\n disabled={isFetchingNextPage}\n startIcon={isFetchingNextPage ? <SynapseSpinner /> : undefined}\n >\n {isFetchingNextPage ? 'Loading...' : 'Show More'}\n </Button>\n </Box>\n )}\n </div>\n )}\n {allRows.length === 0 && !isLoading && (\n <Typography variant=\"body1Italic\">\n You have no matching files in your download list.\n </Typography>\n )}\n {isLoading && <SkeletonTable numCols={5} numRows={3} />}\n </div>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"DownloadListTable.js","names":[],"sources":["../../../src/components/DownloadCart/DownloadListTable.tsx"],"sourcesContent":["import {\n useGetAvailableFilesToDownloadInfinite,\n useRemoveFilesFromDownloadList,\n} from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Button, Tooltip, Typography } from '@mui/material'\nimport {\n AvailableFilter,\n DownloadListItem,\n DownloadListItemResult,\n Sort,\n SortField,\n} from '@sage-bionetworks/synapse-types'\nimport {\n CellContext,\n createColumnHelper,\n getCoreRowModel,\n Row,\n SortingState,\n useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport FileEntityDirectDownload from '../DirectDownload/FileEntityDirectDownload'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { InteractiveCopyIdsIcon } from '../InteractiveCopyIdsIcon'\nimport { BlockingLoader, SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { SkeletonTable } from '../Skeleton'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { displayToast } from '../ToastMessage'\nimport DirectProgrammaticDownload from './DirectProgrammaticDownload'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\nexport const TESTING_TRASH_BTN_CLASS = 'TESTING_TRASH_BTN_CLASS'\n\nfunction notifyRemovedFromDownloadList(\n notificationTitle: string,\n fileName: string,\n) {\n displayToast(`${fileName} has been removed from your list.`, 'success', {\n title: notificationTitle,\n })\n}\n\nfunction RemoveFromDownloadListButton(props: {\n ctx: CellContext<DownloadListItemResult, any>\n}) {\n const { ctx } = props\n const { mutateAsync: removeFileFromDownloadList, isPending } =\n useRemoveFilesFromDownloadList({\n onSuccess: () =>\n displayToast(\n `${ctx.row.original.fileName} has been removed from your list.`,\n 'success',\n {\n title: 'File Removed',\n },\n ),\n })\n\n return (\n <Tooltip\n title=\"Remove from Download List\"\n placement=\"left\"\n enterNextDelay={TOOLTIP_DELAY_SHOW}\n >\n <span className=\"removeItem\">\n <button\n className={TESTING_TRASH_BTN_CLASS}\n onClick={() => {\n void removeFileFromDownloadList({\n batchToRemove: [\n {\n fileEntityId: ctx.row.original.fileEntityId,\n versionNumber: ctx.row.original.versionNumber,\n },\n ],\n })\n }}\n >\n {isPending ? <SynapseSpinner /> : <IconSvg icon=\"removeCircle\" />}\n </button>\n </span>\n </Tooltip>\n )\n}\n\nconst columnHelper = createColumnHelper<DownloadListItemResult>()\nconst getColumns = (args: {\n removeItem: (item: DownloadListItem, fileName: string, title: string) => void\n onCopySynIds: () => void\n}) => {\n const { onCopySynIds, removeItem } = args\n return [\n columnHelper.accessor('isEligibleForPackaging', {\n header: () => <></>,\n cell: ctx => (\n <div>\n {!ctx.getValue() && (\n <Tooltip\n title={\n <>\n This file can’t be packaged as a ZIP because it is {'>'}\n 100MB, or it is an external link, or it is not stored on\n Synapse native storage.\n <br />\n Try clicking the “download” icon at the end of the row, or\n download programmatically.\n </>\n }\n enterNextDelay={TOOLTIP_DELAY_SHOW}\n placement=\"right\"\n >\n <span className=\"ineligibileIcon\">\n <IconSvg wrap={false} icon=\"unpackagableFile\" />\n </span>\n </Tooltip>\n )}\n </div>\n ),\n enableResizing: false,\n enableColumnFilter: false,\n size: 50,\n }),\n columnHelper.accessor('fileName', {\n header: props => <ColumnHeader {...props} title={'Name'} />,\n cell: ctx => (\n <a\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${ctx.row.original.fileEntityId}.${ctx.row.original.versionNumber}`}\n >\n {ctx.getValue()}\n </a>\n ),\n enableColumnFilter: false,\n size: 360,\n }),\n columnHelper.accessor('fileSizeBytes', {\n header: props => <ColumnHeader {...props} title={'Size'} />,\n cell: ctx =>\n ctx.getValue() != null && ctx.getValue() > 0 ? (\n calculateFriendlyFileSize(ctx.getValue())\n ) : (\n <Typography variant=\"smallText1\" sx={{ color: 'grey.600' }}>\n Unknown\n </Typography>\n ),\n enableColumnFilter: false,\n size: 117,\n }),\n columnHelper.accessor('fileEntityId', {\n header: props => (\n <ColumnHeader\n {...props}\n title={'SynID'}\n additionalButtons={\n <InteractiveCopyIdsIcon size={'small'} onCopy={onCopySynIds} />\n }\n />\n ),\n cell: ctx => `${ctx.getValue()}.${ctx.row.original.versionNumber}`,\n enableColumnFilter: false,\n size: 143,\n }),\n columnHelper.accessor('addedOn', {\n header: props => <ColumnHeader {...props} title={'Added On'} />,\n cell: ctx => formatDate(dayjs(ctx.getValue())),\n enableColumnFilter: false,\n size: 150,\n }),\n columnHelper.accessor('projectName', {\n header: props => <ColumnHeader {...props} title={'Project'} />,\n enableColumnFilter: false,\n size: 170,\n }),\n columnHelper.display({\n id: 'actions',\n header: props => <ColumnHeader {...props} title={'Actions'} />,\n cell: ctx => (\n <div className=\"actionsContainer\">\n <span className=\"downloadItem\">\n <FileEntityDirectDownload\n entityId={ctx.row.original.fileEntityId}\n entityVersionNumber={ctx.row.original.versionNumber}\n displayFileName={false}\n onClickCallback={(isExternalLink: boolean) => {\n // SWC-5944: remove the item from the download list, unless it's an external link.\n if (!isExternalLink) {\n removeItem(\n {\n fileEntityId: ctx.row.original.fileEntityId,\n versionNumber: ctx.row.original.versionNumber,\n },\n ctx.row.original.fileName,\n 'File Downloaded',\n )\n }\n }}\n />\n </span>\n <span className=\"programmaticAccessItem\">\n <DirectProgrammaticDownload\n entityId={ctx.row.original.fileEntityId}\n version={ctx.row.original.versionNumber}\n />\n </span>\n <RemoveFromDownloadListButton ctx={ctx} />\n </div>\n ),\n enableResizing: false,\n enableColumnFilter: false,\n size: 140,\n meta: {\n textAlign: 'center',\n },\n }),\n ]\n}\n\nfunction getSortApiRequestFromTableSortState(\n sortingState: SortingState,\n): Sort \| undefined {\n if (sortingState.length === 0) {\n return undefined\n }\n const sort = sortingState[0]\n let field: SortField = 'addedOn'\n\n if (sort.id === 'fileName') {\n field = 'fileName'\n } else if (sort.id === 'fileSizeBytes') {\n field = 'fileSize'\n } else if (sort.id === 'fileEntityId') {\n field = 'synId'\n } else if (sort.id === 'projectName') {\n field = 'projectName'\n } else if (sort.id === 'addedOn') {\n field = 'addedOn'\n } else if (sort.id === 'createdBy') {\n field = 'createdBy'\n } else if (sort.id === 'createdOn') {\n field = 'createdOn'\n }\n\n return {\n field,\n direction: sort.desc ? 'DESC' : 'ASC',\n }\n}\n\nexport default function DownloadListTable({\n filter,\n}: {\n filter?: AvailableFilter\n}) {\n const handleError = useErrorHandler()\n\n const [copyingAllSynapseIDs, setCopyingAllSynapseIDs] =\n useState<boolean>(false)\n const [tableSortState, setTableSortState] = useState<SortingState>([\n {\n desc: true,\n id: 'addedOn',\n },\n ])\n\n const {\n data,\n status,\n isFetchingNextPage,\n isLoading,\n hasNextPage,\n fetchNextPage,\n isError,\n error: newError,\n } = useGetAvailableFilesToDownloadInfinite(\n getSortApiRequestFromTableSortState(tableSortState),\n filter,\n )\n\n useEffect(() => {\n if (isError && newError) {\n handleError(newError)\n }\n }, [isError, newError, handleError])\n\n const { mutateAsync: removeFileFromDownloadList } =\n useRemoveFilesFromDownloadList()\n\n const removeItem = useCallback(\n async (\n item: DownloadListItem,\n fileName: string,\n notificationTitle: string,\n ) => {\n await removeFileFromDownloadList({ batchToRemove: [item] })\n notifyRemovedFromDownloadList(notificationTitle, fileName)\n },\n [removeFileFromDownloadList],\n )\n\n const allRows = useMemo(\n () => data?.pages.flatMap(page => page.page) ?? [],\n [data?.pages],\n )\n\n const columns = useMemo(\n () =>\n getColumns({\n removeItem: (...args) => {\n void removeItem(...args)\n },\n onCopySynIds: () => {\n // trigger loading all pages of the download list table, and then copy all IDs to the clipboard\n setCopyingAllSynapseIDs(true)\n },\n }),\n [removeItem],\n )\n\n const table = useReactTable<DownloadListItemResult>({\n data: allRows,\n columns: columns,\n getCoreRowModel: getCoreRowModel(),\n manualSorting: true,\n onSortingChange: setTableSortState,\n state: {\n columnPinning: {\n right: ['actions'],\n },\n sorting: tableSortState,\n },\n columnResizeMode: 'onChange',\n meta: {\n getRowClassNames(row: Row<DownloadListItemResult>) {\n if (!row.original.isEligibleForPackaging) {\n return 'ineligibleForPackaging'\n }\n return ''\n },\n },\n })\n\n useEffect(() => {\n const copyAllSynapseIDs = () => {\n const synIDs = allRows\n .map((item: DownloadListItemResult) => {\n return `${item.fileEntityId}.${item.versionNumber}`\n })\n .join('\\n')\n copyStringToClipboard(synIDs).then(() => {\n displayToast('Successfully copied to clipboard')\n })\n setCopyingAllSynapseIDs(false)\n }\n\n if (\n status === 'success' &&\n !isFetchingNextPage &&\n hasNextPage &&\n fetchNextPage &&\n copyingAllSynapseIDs\n ) {\n void fetchNextPage()\n } else if (!hasNextPage && copyingAllSynapseIDs) {\n // We have all the data in allRows. Put it together and copy to the clipboard\n copyAllSynapseIDs()\n }\n }, [\n status,\n isFetchingNextPage,\n hasNextPage,\n fetchNextPage,\n copyingAllSynapseIDs,\n allRows,\n ])\n\n return (\n <div>\n <BlockingLoader show={copyingAllSynapseIDs} />\n {allRows.length > 0 && (\n <div className=\"DownloadListTableV2\">\n {/* TODO: This table can be very large, so it should be refactored to use row virtualization or discrete pagination */}\n <StyledTanStackTable table={table} fullWidth={false} />\n {hasNextPage && (\n <Box sx={{ display: 'flex', justifyContent: 'right' }}>\n <Button\n variant={'contained'}\n sx={{ my: 2, ml: 'auto' }}\n onClick={() => {\n void fetchNextPage()\n }}\n disabled={isFetchingNextPage}\n startIcon={isFetchingNextPage ? <SynapseSpinner /> : undefined}\n >\n {isFetchingNextPage ? 'Loading...' : 'Show More'}\n </Button>\n </Box>\n )}\n </div>\n )}\n {allRows.length === 0 && !isLoading && (\n <Typography variant=\"body1Italic\">\n You have no matching files in your download list.\n </Typography>\n )}\n {isLoading && <SkeletonTable numCols={5} numRows={3} />}\n </div>\n )\n}\n"],"mappings":"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"}

package/dist/components/DownloadCart/fileNameUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fileNameUtils.js","names":[],"sources":["../../../src/components/DownloadCart/fileNameUtils.ts"],"sourcesContent":["import {\n FileResult,\n DownloadListItemResult,\n} from '@sage-bionetworks/synapse-types'\n\n/*\n Gets a filename from a file result, falling back to the original item's filename\n * or a default generated name if neither is available.\n \n @param fileResult - The file result containing file handle information\n * @param originalItem - The original download list item result\n * @param fallbackFileHandleId - The file handle ID to use for the default name\n * @returns The resolved filename\n /\nexport function getFileName(\n fileResult: FileResult,\n originalItem?: DownloadListItemResult,\n): string {\n return (\n fileResult.fileHandle?.fileName \|\|\n originalItem?.fileName \|\|\n `file-${fileResult.fileHandleId}`\n )\n}\n\n/\n Handles filename collisions by appending a counter suffix to the filename.\n * If the filename has already been used, adds \" (N)\" before the extension.\n \n @param fileName - The original filename\n * @param usedFilenames - Map tracking filename usage counts\n * @returns The deduplicated filename\n */\nexport function deduplicateFileName(\n fileName: string,\n usedFilenames: Map<string, number>,\n): string {\n if (usedFilenames.has(fileName)) {\n const count = usedFilenames.get(fileName)! + 1\n usedFilenames.set(fileName, count)\n\n // Split filename into base and extension\n const lastDotIndex = fileName.lastIndexOf('.')\n if (lastDotIndex > 0) {\n const baseName = fileName.substring(0, lastDotIndex)\n const extension = fileName.substring(lastDotIndex)\n return `${baseName} (${count})${extension}`\n } else {\n return `${fileName} (${count})`\n }\n } else {\n usedFilenames.set(fileName, 0)\n return fileName\n }\n}\n"],"mappings":";AAcA,SAAgB,EACd,GACA,GACQ;AACR,QACE,EAAW,YAAY,YACvB,GAAc,YACd,QAAQ,EAAW;;AAYvB,SAAgB,EACd,GACA,GACQ;AACR,KAAI,EAAc,IAAI,EAAS,EAAE;EAC/B,IAAM,IAAQ,EAAc,IAAI,EAAS,GAAI;AAC7C,IAAc,IAAI,GAAU,EAAM;EAGlC,IAAM,IAAe,EAAS,YAAY,IAAI;AAM5C,SALE,IAAe,IAGV,GAFU,EAAS,UAAU,GAAG,~~EAAa~~,~~CAEjC~~,IAAI,EAAM,GADX,EAAS,UAAU,~~EAAa~~,~~KAG3C~~,GAAG,EAAS,IAAI,EAAM;OAI/B,QADA,EAAc,IAAI,GAAU,EAAE,EACvB"}
1	+ {"version":3,"file":"fileNameUtils.js","names":[],"sources":["../../../src/components/DownloadCart/fileNameUtils.ts"],"sourcesContent":["import {\n FileResult,\n DownloadListItemResult,\n} from '@sage-bionetworks/synapse-types'\n\n/*\n Gets a filename from a file result, falling back to the original item's filename\n * or a default generated name if neither is available.\n \n @param fileResult - The file result containing file handle information\n * @param originalItem - The original download list item result\n * @param fallbackFileHandleId - The file handle ID to use for the default name\n * @returns The resolved filename\n /\nexport function getFileName(\n fileResult: FileResult,\n originalItem?: DownloadListItemResult,\n): string {\n return (\n fileResult.fileHandle?.fileName \|\|\n originalItem?.fileName \|\|\n `file-${fileResult.fileHandleId}`\n )\n}\n\n/\n Handles filename collisions by appending a counter suffix to the filename.\n * If the filename has already been used, adds \" (N)\" before the extension.\n \n @param fileName - The original filename\n * @param usedFilenames - Map tracking filename usage counts\n * @returns The deduplicated filename\n */\nexport function deduplicateFileName(\n fileName: string,\n usedFilenames: Map<string, number>,\n): string {\n if (usedFilenames.has(fileName)) {\n const count = usedFilenames.get(fileName)! + 1\n usedFilenames.set(fileName, count)\n\n // Split filename into base and extension\n const lastDotIndex = fileName.lastIndexOf('.')\n if (lastDotIndex > 0) {\n const baseName = fileName.substring(0, lastDotIndex)\n const extension = fileName.substring(lastDotIndex)\n return `${baseName} (${count})${extension}`\n } else {\n return `${fileName} (${count})`\n }\n } else {\n usedFilenames.set(fileName, 0)\n return fileName\n }\n}\n"],"mappings":";AAcA,SAAgB,EACd,GACA,GACQ;AACR,QACE,EAAW,YAAY,YACvB,GAAc,YACd,QAAQ,EAAW;;AAYvB,SAAgB,EACd,GACA,GACQ;AACR,KAAI,EAAc,IAAI,EAAS,EAAE;EAC/B,IAAM,IAAQ,EAAc,IAAI,EAAS,GAAI;AAC7C,IAAc,IAAI,GAAU,EAAM;EAGlC,IAAM,IAAe,EAAS,YAAY,IAAI;AAM5C,SALE,IAAe,IAGV,GAFU,EAAS,UAAU,GAAG,EAE7B,CAAS,IAAI,EAAM,GADX,EAAS,UAAU,EACL,KAEzB,GAAG,EAAS,IAAI,EAAM;OAI/B,QADA,EAAc,IAAI,GAAU,EAAE,EACvB"}

package/dist/components/DraggableDialog/DraggableDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DraggableDialog.js","names":[],"sources":["../../../src/components/DraggableDialog/DraggableDialog.tsx"],"sourcesContent":["import Draggable, { DraggableBounds } from 'react-draggable'\nimport {\n Box,\n IconButton,\n Paper,\n Stack,\n Typography,\n Divider,\n useMediaQuery,\n useTheme,\n DialogContent,\n} from '@mui/material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useRef, ReactNode, useEffect, useState } from 'react'\nimport { useResizable } from '../ResizableContainer/hooks/useResizable'\nimport { ResizableContainer } from '../ResizableContainer/ResizableContainer'\n\ntype DraggableDialogProps = {\n open?: boolean\n onClose?: () => void\n children: ReactNode\n title?: ReactNode\n}\n\nexport default function DraggableDialog({\n open = false,\n onClose,\n title,\n children,\n}: DraggableDialogProps) {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\n const draggableRef = useRef<HTMLDivElement>(null)\n const [bounds, setBounds] = useState<DraggableBounds>()\n const [position, setPosition] = useState({ x: 100, y: 100 })\n const { width, height, handleResizeStart } = useResizable({\n initialWidth: 600,\n initialHeight: 500,\n minWidth: 300,\n minHeight: 200,\n maxWidth: 1200,\n maxHeight: 800,\n })\n\n useEffect(() => {\n // Calculate draggable bounds to keep dialog within viewport with margin\n function updateBounds() {\n const margin = 100\n const dialogWidth = width\n\n const newBounds = {\n left: -(dialogWidth - margin),\n top: 0,\n right: window.innerWidth - margin,\n bottom: window.innerHeight - margin,\n }\n\n setBounds(newBounds)\n\n // Clamp dialog position to new bounds to keep it visible after window resize\n setPosition(prevPosition => ({\n x: Math.max(newBounds.left, Math.min(prevPosition.x, newBounds.right)),\n y: Math.max(newBounds.top, Math.min(prevPosition.y, newBounds.bottom)),\n }))\n }\n updateBounds()\n window.addEventListener('resize', updateBounds)\n return () => window.removeEventListener('resize', updateBounds)\n }, [width, height])\n\n if (!open) {\n return null\n }\n\n const paperContent = (\n <Paper\n elevation={5}\n sx={{\n display: 'flex',\n flexDirection: 'column',\n height: isMobile ? '95vh' : `${height}px`,\n width: isMobile ? '95vw' : `${width}px`,\n ...(isMobile && {\n position: 'fixed',\n }),\n }}\n >\n <Stack\n direction=\"row\"\n alignItems=\"center\"\n gap=\"5px\"\n className=\"drag-handle\"\n sx={{\n padding: '20px',\n cursor: 'move',\n }}\n >\n <Typography variant=\"headline1\">{title}</Typography>\n <Box sx={{ flexGrow: 1 }} />\n <IconButton onClick={onClose}>\n <CloseIcon />\n </IconButton>\n </Stack>\n <Divider sx={{ mx: 2 }} />\n <DialogContent\n sx={{\n height: '100%',\n maxWidth: '100%',\n padding: '16px',\n }}\n >\n {children}\n </DialogContent>\n </Paper>\n )\n\n return (\n <Box\n sx={{\n position: 'fixed',\n zIndex: 1000,\n top: 0,\n left: 0,\n pointerEvents: isMobile ? 'auto' : 'none',\n }}\n >\n {isMobile ? (\n paperContent\n ) : (\n <Draggable\n position={position}\n onDrag={(e, data) => setPosition({ x: data.x, y: data.y })}\n nodeRef={draggableRef}\n bounds={bounds}\n handle=\".drag-handle\"\n >\n <Box ref={draggableRef} sx={{ pointerEvents: 'auto' }}>\n <ResizableContainer\n width={width}\n height={height}\n onResizeStart={handleResizeStart}\n >\n {paperContent}\n </ResizableContainer>\n </Box>\n </Draggable>\n )}\n </Box>\n )\n}\n"],"mappings":";;;;;;;;AAwBA,SAAwB,EAAgB,EACtC,UAAO,IACP,YACA,UACA,eACuB;CAEvB,IAAM,IAAW,EADH,~~GAAU~~,~~CACa~~,YAAY,KAAK,KAAK,CAAC,EACtD,IAAe,EAAuB,KAAK,EAC3C,CAAC,GAAQ,KAAa,GAA2B,EACjD,CAAC,GAAU,KAAe,EAAS;EAAE,GAAG;EAAK,GAAG;EAAK,CAAC,EACtD,EAAE,UAAO,WAAQ,yBAAsB,EAAa;EACxD,cAAc;EACd,eAAe;EACf,UAAU;EACV,WAAW;EACX,UAAU;EACV,WAAW;EACZ,CAAC;AA4BF,KA1BA,QAAgB;EAEd,SAAS,IAAe;GACtB,IAGM,IAAY;IAChB,MAAM,~~EAHY~~,~~IAGI~~;IACtB,KAAK;IACL,OAAO,OAAO,aAAa;IAC3B,QAAQ,OAAO,cAAc;IAC9B;AAKD,GAHA,EAAU,EAAU,EAGpB,GAAY,OAAiB;IAC3B,GAAG,KAAK,IAAI,EAAU,MAAM,KAAK,IAAI,EAAa,GAAG,EAAU,MAAM,CAAC;IACtE,GAAG,KAAK,IAAI,EAAU,KAAK,KAAK,IAAI,EAAa,GAAG,EAAU,OAAO,CAAC;IACvE,EAAE;;AAIL,SAFA,GAAc,EACd,OAAO,iBAAiB,UAAU,EAAa,QAClC,OAAO,oBAAoB,UAAU,EAAa;IAC9D,CAAC,GAAO,EAAO,CAAC,EAEf,CAAC,EACH,QAAO;CAGT,IAAM,IACJ,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,SAAS;GACT,eAAe;GACf,QAAQ,IAAW,SAAS,GAAG,EAAO;GACtC,OAAO,IAAW,SAAS,GAAG,EAAM;GACpC,GAAI,KAAY,EACd,UAAU,SACX;GACF;YAVH;GAYE,kBAAC,GAAD;IACE,WAAU;IACV,YAAW;IACX,KAAI;IACJ,WAAU;IACV,IAAI;KACF,SAAS;KACT,QAAQ;KACT;cARH;KAUE,kBAAC,GAAD;MAAY,SAAQ;gBAAa;MAAmB,CAAA;KACpD,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;KAC5B,kBAAC,GAAD;MAAY,SAAS;gBACnB,kBAAC,GAAD,EAAa,CAAA;MACF,CAAA;KACP;;GACR,kBAAC,GAAD,EAAS,IAAI,EAAE,IAAI,GAAG,EAAI,CAAA;GAC1B,kBAAC,GAAD;IACE,IAAI;KACF,QAAQ;KACR,UAAU;KACV,SAAS;KACV;IAEA;IACa,CAAA;GACV;;AAGV,QACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,QAAQ;GACR,KAAK;GACL,MAAM;GACN,eAAe,IAAW,SAAS;GACpC;YAEA,IACC,IAEA,kBAAC,GAAD;GACY;GACV,SAAS,GAAG,MAAS,EAAY;IAAE,GAAG,EAAK;IAAG,GAAG,EAAK;IAAG,CAAC;GAC1D,SAAS;GACD;GACR,QAAO;aAEP,kBAAC,GAAD;IAAK,KAAK;IAAc,IAAI,EAAE,eAAe,QAAQ;cACnD,kBAAC,GAAD;KACS;KACC;KACR,eAAe;eAEd;KACkB,CAAA;IACjB,CAAA;GACI,CAAA;EAEV,CAAA"}
1	+ {"version":3,"file":"DraggableDialog.js","names":[],"sources":["../../../src/components/DraggableDialog/DraggableDialog.tsx"],"sourcesContent":["import Draggable, { DraggableBounds } from 'react-draggable'\nimport {\n Box,\n IconButton,\n Paper,\n Stack,\n Typography,\n Divider,\n useMediaQuery,\n useTheme,\n DialogContent,\n} from '@mui/material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useRef, ReactNode, useEffect, useState } from 'react'\nimport { useResizable } from '../ResizableContainer/hooks/useResizable'\nimport { ResizableContainer } from '../ResizableContainer/ResizableContainer'\n\ntype DraggableDialogProps = {\n open?: boolean\n onClose?: () => void\n children: ReactNode\n title?: ReactNode\n}\n\nexport default function DraggableDialog({\n open = false,\n onClose,\n title,\n children,\n}: DraggableDialogProps) {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\n const draggableRef = useRef<HTMLDivElement>(null)\n const [bounds, setBounds] = useState<DraggableBounds>()\n const [position, setPosition] = useState({ x: 100, y: 100 })\n const { width, height, handleResizeStart } = useResizable({\n initialWidth: 600,\n initialHeight: 500,\n minWidth: 300,\n minHeight: 200,\n maxWidth: 1200,\n maxHeight: 800,\n })\n\n useEffect(() => {\n // Calculate draggable bounds to keep dialog within viewport with margin\n function updateBounds() {\n const margin = 100\n const dialogWidth = width\n\n const newBounds = {\n left: -(dialogWidth - margin),\n top: 0,\n right: window.innerWidth - margin,\n bottom: window.innerHeight - margin,\n }\n\n setBounds(newBounds)\n\n // Clamp dialog position to new bounds to keep it visible after window resize\n setPosition(prevPosition => ({\n x: Math.max(newBounds.left, Math.min(prevPosition.x, newBounds.right)),\n y: Math.max(newBounds.top, Math.min(prevPosition.y, newBounds.bottom)),\n }))\n }\n updateBounds()\n window.addEventListener('resize', updateBounds)\n return () => window.removeEventListener('resize', updateBounds)\n }, [width, height])\n\n if (!open) {\n return null\n }\n\n const paperContent = (\n <Paper\n elevation={5}\n sx={{\n display: 'flex',\n flexDirection: 'column',\n height: isMobile ? '95vh' : `${height}px`,\n width: isMobile ? '95vw' : `${width}px`,\n ...(isMobile && {\n position: 'fixed',\n }),\n }}\n >\n <Stack\n direction=\"row\"\n alignItems=\"center\"\n gap=\"5px\"\n className=\"drag-handle\"\n sx={{\n padding: '20px',\n cursor: 'move',\n }}\n >\n <Typography variant=\"headline1\">{title}</Typography>\n <Box sx={{ flexGrow: 1 }} />\n <IconButton onClick={onClose}>\n <CloseIcon />\n </IconButton>\n </Stack>\n <Divider sx={{ mx: 2 }} />\n <DialogContent\n sx={{\n height: '100%',\n maxWidth: '100%',\n padding: '16px',\n }}\n >\n {children}\n </DialogContent>\n </Paper>\n )\n\n return (\n <Box\n sx={{\n position: 'fixed',\n zIndex: 1000,\n top: 0,\n left: 0,\n pointerEvents: isMobile ? 'auto' : 'none',\n }}\n >\n {isMobile ? (\n paperContent\n ) : (\n <Draggable\n position={position}\n onDrag={(e, data) => setPosition({ x: data.x, y: data.y })}\n nodeRef={draggableRef}\n bounds={bounds}\n handle=\".drag-handle\"\n >\n <Box ref={draggableRef} sx={{ pointerEvents: 'auto' }}>\n <ResizableContainer\n width={width}\n height={height}\n onResizeStart={handleResizeStart}\n >\n {paperContent}\n </ResizableContainer>\n </Box>\n </Draggable>\n )}\n </Box>\n )\n}\n"],"mappings":";;;;;;;;AAwBA,SAAwB,EAAgB,EACtC,UAAO,IACP,YACA,UACA,eACuB;CAEvB,IAAM,IAAW,EADH,GACiB,CAAM,YAAY,KAAK,KAAK,CAAC,EACtD,IAAe,EAAuB,KAAK,EAC3C,CAAC,GAAQ,KAAa,GAA2B,EACjD,CAAC,GAAU,KAAe,EAAS;EAAE,GAAG;EAAK,GAAG;EAAK,CAAC,EACtD,EAAE,UAAO,WAAQ,yBAAsB,EAAa;EACxD,cAAc;EACd,eAAe;EACf,UAAU;EACV,WAAW;EACX,UAAU;EACV,WAAW;EACZ,CAAC;AA4BF,KA1BA,QAAgB;EAEd,SAAS,IAAe;GACtB,IAGM,IAAY;IAChB,MAAM,EAAE,IAAc;IACtB,KAAK;IACL,OAAO,OAAO,aAAa;IAC3B,QAAQ,OAAO,cAAc;IAC9B;AAKD,GAHA,EAAU,EAAU,EAGpB,GAAY,OAAiB;IAC3B,GAAG,KAAK,IAAI,EAAU,MAAM,KAAK,IAAI,EAAa,GAAG,EAAU,MAAM,CAAC;IACtE,GAAG,KAAK,IAAI,EAAU,KAAK,KAAK,IAAI,EAAa,GAAG,EAAU,OAAO,CAAC;IACvE,EAAE;;AAIL,SAFA,GAAc,EACd,OAAO,iBAAiB,UAAU,EAAa,QAClC,OAAO,oBAAoB,UAAU,EAAa;IAC9D,CAAC,GAAO,EAAO,CAAC,EAEf,CAAC,EACH,QAAO;CAGT,IAAM,IACJ,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,SAAS;GACT,eAAe;GACf,QAAQ,IAAW,SAAS,GAAG,EAAO;GACtC,OAAO,IAAW,SAAS,GAAG,EAAM;GACpC,GAAI,KAAY,EACd,UAAU,SACX;GACF;YAVH;GAYE,kBAAC,GAAD;IACE,WAAU;IACV,YAAW;IACX,KAAI;IACJ,WAAU;IACV,IAAI;KACF,SAAS;KACT,QAAQ;KACT;cARH;KAUE,kBAAC,GAAD;MAAY,SAAQ;gBAAa;MAAmB,CAAA;KACpD,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;KAC5B,kBAAC,GAAD;MAAY,SAAS;gBACnB,kBAAC,GAAD,EAAa,CAAA;MACF,CAAA;KACP;;GACR,kBAAC,GAAD,EAAS,IAAI,EAAE,IAAI,GAAG,EAAI,CAAA;GAC1B,kBAAC,GAAD;IACE,IAAI;KACF,QAAQ;KACR,UAAU;KACV,SAAS;KACV;IAEA;IACa,CAAA;GACV;;AAGV,QACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,QAAQ;GACR,KAAK;GACL,MAAM;GACN,eAAe,IAAW,SAAS;GACpC;YAEA,IACC,IAEA,kBAAC,GAAD;GACY;GACV,SAAS,GAAG,MAAS,EAAY;IAAE,GAAG,EAAK;IAAG,GAAG,EAAK;IAAG,CAAC;GAC1D,SAAS;GACD;GACR,QAAO;aAEP,kBAAC,GAAD;IAAK,KAAK;IAAc,IAAI,EAAE,eAAe,QAAQ;cACnD,kBAAC,GAAD;KACS;KACC;KACR,eAAe;eAEd;KACkB,CAAA;IACjB,CAAA;GACI,CAAA;EAEV,CAAA"}

package/dist/components/DynamicForm/DynamicFormModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DynamicFormModal.js","names":[],"sources":["../../../src/components/DynamicForm/DynamicFormModal.tsx"],"sourcesContent":["import React from 'react'\nimport WideButton from '@/components/styled/WideButton'\nimport { Box } from '@mui/material'\nimport { useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport DynamicForm, { DynamicFormProps } from './DynamicForm'\n\ntype ModalProps = {\n submitButtonText?: string\n}\n\nexport type DynamicFormModalProps = DynamicFormProps & ModalProps\n\nconst DynamicFormModal = ({\n schemaUrl,\n uiSchemaUrl,\n postUrl,\n submitButtonText,\n}: DynamicFormModalProps): React.ReactNode => {\n const [open, setOpen] = useState(false)\n\n const handleClickOpen = () => {\n setOpen(true)\n }\n\n const handleClose = () => {\n setOpen(false)\n }\n\n const form = (\n <DynamicForm\n schemaUrl={schemaUrl}\n uiSchemaUrl={uiSchemaUrl}\n postUrl={postUrl}\n onSubmit={() => {\n handleClose()\n }}\n />\n )\n\n return (\n <div className=\"browse-tools-page\">\n <Box sx={{ margin: '10px 0px 50px 0px' }}>\n <WideButton\n className=\"highlightSubmitToolButton\"\n variant=\"contained\"\n onClick={handleClickOpen}\n >\n {submitButtonText}\n </WideButton>\n <ConfirmationDialog\n open={open}\n title=\"\"\n content={form}\n onCancel={handleClose}\n onConfirm={() => {}}\n confirmButtonProps={{\n sx: { display: 'none' },\n }}\n cancelButtonProps={{\n children: 'cancel',\n }}\n />\n </Box>\n </div>\n )\n}\n\nexport default DynamicFormModal\n"],"mappings":";;;;;;;AAaA,IAAM,KAAoB,EACxB,cACA,gBACA,YACA,0BAC4C;CAC5C,IAAM,CAAC,GAAM,KAAW,EAAS,GAAM,EAEjC,UAAwB;AAC5B,IAAQ,GAAK;IAGT,UAAoB;AACxB,IAAQ,GAAM;;AAchB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,qBAAqB;aAAxC,CACE,kBAAC,GAAD;IACE,WAAU;IACV,SAAQ;IACR,SAAS;cAER;IACU,CAAA,EACb,kBAAC,GAAD;IACQ;IACN,OAAM;IACN,SAvBN,kBAAC,GAAD;KACa;KACE;KACJ;KACT,gBAAgB;AACd,SAAa;;KAEf,~~CAAA~~;~~IAiBI~~,UAAU;IACV,iBAAiB;IACjB,oBAAoB,EAClB,IAAI,EAAE,SAAS,QAAQ,EACxB;IACD,mBAAmB,EACjB,UAAU,UACX;IACD,CAAA,CACE;;EACF,CAAA"}
1	+ {"version":3,"file":"DynamicFormModal.js","names":[],"sources":["../../../src/components/DynamicForm/DynamicFormModal.tsx"],"sourcesContent":["import React from 'react'\nimport WideButton from '@/components/styled/WideButton'\nimport { Box } from '@mui/material'\nimport { useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport DynamicForm, { DynamicFormProps } from './DynamicForm'\n\ntype ModalProps = {\n submitButtonText?: string\n}\n\nexport type DynamicFormModalProps = DynamicFormProps & ModalProps\n\nconst DynamicFormModal = ({\n schemaUrl,\n uiSchemaUrl,\n postUrl,\n submitButtonText,\n}: DynamicFormModalProps): React.ReactNode => {\n const [open, setOpen] = useState(false)\n\n const handleClickOpen = () => {\n setOpen(true)\n }\n\n const handleClose = () => {\n setOpen(false)\n }\n\n const form = (\n <DynamicForm\n schemaUrl={schemaUrl}\n uiSchemaUrl={uiSchemaUrl}\n postUrl={postUrl}\n onSubmit={() => {\n handleClose()\n }}\n />\n )\n\n return (\n <div className=\"browse-tools-page\">\n <Box sx={{ margin: '10px 0px 50px 0px' }}>\n <WideButton\n className=\"highlightSubmitToolButton\"\n variant=\"contained\"\n onClick={handleClickOpen}\n >\n {submitButtonText}\n </WideButton>\n <ConfirmationDialog\n open={open}\n title=\"\"\n content={form}\n onCancel={handleClose}\n onConfirm={() => {}}\n confirmButtonProps={{\n sx: { display: 'none' },\n }}\n cancelButtonProps={{\n children: 'cancel',\n }}\n />\n </Box>\n </div>\n )\n}\n\nexport default DynamicFormModal\n"],"mappings":";;;;;;;AAaA,IAAM,KAAoB,EACxB,cACA,gBACA,YACA,0BAC4C;CAC5C,IAAM,CAAC,GAAM,KAAW,EAAS,GAAM,EAEjC,UAAwB;AAC5B,IAAQ,GAAK;IAGT,UAAoB;AACxB,IAAQ,GAAM;;AAchB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,qBAAqB;aAAxC,CACE,kBAAC,GAAD;IACE,WAAU;IACV,SAAQ;IACR,SAAS;cAER;IACU,CAAA,EACb,kBAAC,GAAD;IACQ;IACN,OAAM;IACN,SAvBN,kBAAC,GAAD;KACa;KACE;KACJ;KACT,gBAAgB;AACd,SAAa;;KAEf,CAgBa;IACT,UAAU;IACV,iBAAiB;IACjB,oBAAoB,EAClB,IAAI,EAAE,SAAS,QAAQ,EACxB;IACD,mBAAmB,EACjB,UAAU,UACX;IACD,CAAA,CACE;;EACF,CAAA"}

package/dist/components/Ecosystem/TableQueryEcosystem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableQueryEcosystem.js","names":[],"sources":["../../../src/components/Ecosystem/TableQueryEcosystem.tsx"],"sourcesContent":["import EcosystemCard from '@/components/Ecosystem/EcosystemCard'\nimport EcosystemSkeleton from '@/components/Ecosystem/EcosystemSkeleton'\nimport { Markdown } from '@/components/Markdown/MarkdownSynapse'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport {\n getColumnIndex,\n parseEntityIdFromSqlStatement,\n} from '@/utils/functions/index'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Alert, Stack } from '@mui/material'\nimport {\n FileHandleAssociateType,\n Query,\n Row,\n SelectColumn,\n} from '@sage-bionetworks/synapse-types'\nimport uniq from 'lodash-es/uniq'\nimport { ReactNode } from 'react'\nimport EcosystemLayout from './EcosystemLayout'\n\n/* The column names expected to be found in the table /\nconst COLUMN_NAMES = {\n RESOURCE_CATEGORY: 'resourcecategory',\n RESOURCE_NAME: 'resourcename',\n RESOURCE_DESCRIPTION: 'resourcedescription',\n RESOURCE_URL: 'resourceurl',\n RESOURCE_ICON_IMAGE: 'resourceiconimage',\n}\n\ntype TableQueryEcosystemCardProps = {\n /* The row data to display/\n row: Row\n /* The headers (select columns) of the table query result /\n headers: SelectColumn[]\n /* The entity ID of the table /\n tableEntityId: string\n}\n\n/\n Maps a table query result row to an EcosystemCard.\n /\nfunction TableQueryEcosystemCard(props: TableQueryEcosystemCardProps) {\n const { row, headers, tableEntityId } = props\n const resourceNameColumnIndex = getColumnIndex(\n COLUMN_NAMES.RESOURCE_NAME,\n headers,\n )!\n const resourceName = row.values[resourceNameColumnIndex]!\n\n const resourceUrlColumnIndex = getColumnIndex(\n COLUMN_NAMES.RESOURCE_URL,\n headers,\n )!\n const resourceUrl = row.values[resourceUrlColumnIndex]!\n\n const resourceDescriptionColumnIndex = getColumnIndex(\n COLUMN_NAMES.RESOURCE_DESCRIPTION,\n headers,\n )!\n const resourceDescriptionMarkdown =\n row.values[resourceDescriptionColumnIndex]!\n\n let iconElement: ReactNode = null\n\n const resourceIconImageColumnIndex = getColumnIndex(\n COLUMN_NAMES.RESOURCE_ICON_IMAGE,\n headers,\n )\n\n if (resourceIconImageColumnIndex) {\n const resourceIconFileHandleId = row.values[resourceIconImageColumnIndex]\n if (resourceIconFileHandleId) {\n iconElement = (\n <ImageFileHandle\n fileHandleAssociation={{\n fileHandleId: resourceIconFileHandleId,\n associateObjectId: tableEntityId,\n associateObjectType: FileHandleAssociateType.TableEntity,\n }}\n />\n )\n }\n }\n\n return (\n <EcosystemCard\n title={resourceName}\n titleUrl={resourceUrl}\n description={<Markdown markdown={resourceDescriptionMarkdown} />}\n image={iconElement}\n />\n )\n}\n\nexport type TableQueryEcosystemProps = {\n /* The Synapse table query to execute to populate the Ecosystem component /\n query: Query\n}\n\n/\n The Ecosystem component driven by the results of a Synapse table query.\n * @constructor\n */\nfunction TableQueryEcosystem(props: TableQueryEcosystemProps) {\n const { query } = props\n const tableEntityId = parseEntityIdFromSqlStatement(query.sql)\n const { data, isLoading, error } = useGetFullTableQueryResults({\n concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n entityId: tableEntityId,\n query,\n partMask: BUNDLE_MASK_QUERY_RESULTS,\n })\n\n if (!data?.queryResult) {\n if (isLoading) {\n return <EcosystemSkeleton />\n }\n if (error) {\n return (\n <Alert color={'error'}>\n Error loading Ecosystem data: {error.message}\n </Alert>\n )\n }\n return null\n }\n\n const RESOURCE_CATEGORY_COLUMN_INDEX = getColumnIndex(\n COLUMN_NAMES.RESOURCE_CATEGORY,\n data.queryResult.queryResults.headers,\n )!\n\n // Get the distinct categories\n const categories: string[] = uniq(\n data.queryResult.queryResults.rows\n .map(row => row.values[RESOURCE_CATEGORY_COLUMN_INDEX])\n .filter((s): s is string => !!s), // Remove null values\n )\n\n // Create the content for each category and return it in the expected format for the Ecosystem component\n const config = categories.map(category => {\n const rowsForCategory = data.queryResult!.queryResults.rows.filter(\n row => row.values[RESOURCE_CATEGORY_COLUMN_INDEX] === category,\n )\n\n return {\n title: category,\n content: (\n <Stack>\n {rowsForCategory.map(row => (\n <TableQueryEcosystemCard\n key={row.values.join('-')}\n row={row}\n headers={data.queryResult!.queryResults.headers}\n tableEntityId={tableEntityId}\n />\n ))}\n </Stack>\n ),\n }\n })\n\n return <EcosystemLayout config={config} />\n}\n\nexport default TableQueryEcosystem\n"],"mappings":";;;;;;;;;;;;;;AAsBA,IAAM,IAAe;CACnB,mBAAmB;CACnB,eAAe;CACf,sBAAsB;CACtB,cAAc;CACd,qBAAqB;CACtB;AAcD,SAAS,EAAwB,GAAqC;CACpE,IAAM,EAAE,QAAK,YAAS,qBAAkB,GAClC,IAA0B,EAC9B,EAAa,eACb,EACD,EACK,IAAe,EAAI,OAAO,IAE1B,IAAyB,EAC7B,EAAa,cACb,EACD,EACK,IAAc,EAAI,OAAO,IAEzB,IAAiC,EACrC,EAAa,sBACb,EACD,EACK,IACJ,EAAI,OAAO,IAET,IAAyB,MAEvB,IAA+B,EACnC,EAAa,qBACb,EACD;AAED,KAAI,GAA8B;EAChC,IAAM,IAA2B,EAAI,OAAO;AAC5C,EAAI,MACF,IACE,kBAAC,GAAD,EACE,uBAAuB;GACrB,cAAc;GACd,mBAAmB;GACnB,qBAAqB,EAAwB;GAC9C,EACD,CAAA;;AAKR,QACE,kBAAC,GAAD;EACE,OAAO;EACP,UAAU;EACV,aAAa,kBAAC,GAAD,EAAU,UAAU,GAA+B,CAAA;EAChE,OAAO;EACP,CAAA;;AAaN,SAAS,EAAoB,GAAiC;CAC5D,IAAM,EAAE,aAAU,GACZ,IAAgB,EAA8B,EAAM,IAAI,EACxD,EAAE,SAAM,cAAW,aAAU,EAA4B;EAC7D,cAAc;EACd,UAAU;EACV;EACA,UAAA;EACD,CAAC;AAEF,KAAI,CAAC,GAAM,YAWT,QAVI,IACK,kBAAC,GAAD,EAAqB,CAAA,GAE1B,IAEA,kBAAC,GAAD;EAAO,OAAO;YAAd,CAAuB,kCACU,EAAM,QAC/B;MAGL;CAGT,IAAM,IAAiC,EACrC,EAAa,mBACb,EAAK,YAAY,aAAa,QAC/B;AAgCD,QAAO,kBAAC,GAAD,EAAyB,QA7BH,EAC3B,EAAK,YAAY,aAAa,KAC3B,KAAI,MAAO,EAAI,OAAO,GAAgC,CACtD,QAAQ,MAAmB,CAAC,CAAC,EAAE,~~CACnC~~,~~CAGyB~~,KAAI,OAKrB;EACL,OAAO;EACP,SACE,kBAAC,GAAD,EAAA,UAPoB,EAAK,YAAa,aAAa,KAAK,QAC1D,MAAO,EAAI,OAAO,OAAoC,~~EACvD~~,~~CAMsB~~,KAAI,MACnB,kBAAC,GAAD;GAEO;GACL,SAAS,EAAK,YAAa,aAAa;GACzB;GACf,EAJK,EAAI,OAAO,KAAK,IAAI,CAIzB,CACF,EACI,CAAA;EAEX,~~EACD~~,~~EAEwC~~,CAAA"}
1	+ {"version":3,"file":"TableQueryEcosystem.js","names":[],"sources":["../../../src/components/Ecosystem/TableQueryEcosystem.tsx"],"sourcesContent":["import EcosystemCard from '@/components/Ecosystem/EcosystemCard'\nimport EcosystemSkeleton from '@/components/Ecosystem/EcosystemSkeleton'\nimport { Markdown } from '@/components/Markdown/MarkdownSynapse'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport {\n getColumnIndex,\n parseEntityIdFromSqlStatement,\n} from '@/utils/functions/index'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Alert, Stack } from '@mui/material'\nimport {\n FileHandleAssociateType,\n Query,\n Row,\n SelectColumn,\n} from '@sage-bionetworks/synapse-types'\nimport uniq from 'lodash-es/uniq'\nimport { ReactNode } from 'react'\nimport EcosystemLayout from './EcosystemLayout'\n\n/* The column names expected to be found in the table /\nconst COLUMN_NAMES = {\n RESOURCE_CATEGORY: 'resourcecategory',\n RESOURCE_NAME: 'resourcename',\n RESOURCE_DESCRIPTION: 'resourcedescription',\n RESOURCE_URL: 'resourceurl',\n RESOURCE_ICON_IMAGE: 'resourceiconimage',\n}\n\ntype TableQueryEcosystemCardProps = {\n /* The row data to display/\n row: Row\n /* The headers (select columns) of the table query result /\n headers: SelectColumn[]\n /* The entity ID of the table /\n tableEntityId: string\n}\n\n/\n Maps a table query result row to an EcosystemCard.\n /\nfunction TableQueryEcosystemCard(props: TableQueryEcosystemCardProps) {\n const { row, headers, tableEntityId } = props\n const resourceNameColumnIndex = getColumnIndex(\n COLUMN_NAMES.RESOURCE_NAME,\n headers,\n )!\n const resourceName = row.values[resourceNameColumnIndex]!\n\n const resourceUrlColumnIndex = getColumnIndex(\n COLUMN_NAMES.RESOURCE_URL,\n headers,\n )!\n const resourceUrl = row.values[resourceUrlColumnIndex]!\n\n const resourceDescriptionColumnIndex = getColumnIndex(\n COLUMN_NAMES.RESOURCE_DESCRIPTION,\n headers,\n )!\n const resourceDescriptionMarkdown =\n row.values[resourceDescriptionColumnIndex]!\n\n let iconElement: ReactNode = null\n\n const resourceIconImageColumnIndex = getColumnIndex(\n COLUMN_NAMES.RESOURCE_ICON_IMAGE,\n headers,\n )\n\n if (resourceIconImageColumnIndex) {\n const resourceIconFileHandleId = row.values[resourceIconImageColumnIndex]\n if (resourceIconFileHandleId) {\n iconElement = (\n <ImageFileHandle\n fileHandleAssociation={{\n fileHandleId: resourceIconFileHandleId,\n associateObjectId: tableEntityId,\n associateObjectType: FileHandleAssociateType.TableEntity,\n }}\n />\n )\n }\n }\n\n return (\n <EcosystemCard\n title={resourceName}\n titleUrl={resourceUrl}\n description={<Markdown markdown={resourceDescriptionMarkdown} />}\n image={iconElement}\n />\n )\n}\n\nexport type TableQueryEcosystemProps = {\n /* The Synapse table query to execute to populate the Ecosystem component /\n query: Query\n}\n\n/\n The Ecosystem component driven by the results of a Synapse table query.\n * @constructor\n */\nfunction TableQueryEcosystem(props: TableQueryEcosystemProps) {\n const { query } = props\n const tableEntityId = parseEntityIdFromSqlStatement(query.sql)\n const { data, isLoading, error } = useGetFullTableQueryResults({\n concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n entityId: tableEntityId,\n query,\n partMask: BUNDLE_MASK_QUERY_RESULTS,\n })\n\n if (!data?.queryResult) {\n if (isLoading) {\n return <EcosystemSkeleton />\n }\n if (error) {\n return (\n <Alert color={'error'}>\n Error loading Ecosystem data: {error.message}\n </Alert>\n )\n }\n return null\n }\n\n const RESOURCE_CATEGORY_COLUMN_INDEX = getColumnIndex(\n COLUMN_NAMES.RESOURCE_CATEGORY,\n data.queryResult.queryResults.headers,\n )!\n\n // Get the distinct categories\n const categories: string[] = uniq(\n data.queryResult.queryResults.rows\n .map(row => row.values[RESOURCE_CATEGORY_COLUMN_INDEX])\n .filter((s): s is string => !!s), // Remove null values\n )\n\n // Create the content for each category and return it in the expected format for the Ecosystem component\n const config = categories.map(category => {\n const rowsForCategory = data.queryResult!.queryResults.rows.filter(\n row => row.values[RESOURCE_CATEGORY_COLUMN_INDEX] === category,\n )\n\n return {\n title: category,\n content: (\n <Stack>\n {rowsForCategory.map(row => (\n <TableQueryEcosystemCard\n key={row.values.join('-')}\n row={row}\n headers={data.queryResult!.queryResults.headers}\n tableEntityId={tableEntityId}\n />\n ))}\n </Stack>\n ),\n }\n })\n\n return <EcosystemLayout config={config} />\n}\n\nexport default TableQueryEcosystem\n"],"mappings":";;;;;;;;;;;;;;AAsBA,IAAM,IAAe;CACnB,mBAAmB;CACnB,eAAe;CACf,sBAAsB;CACtB,cAAc;CACd,qBAAqB;CACtB;AAcD,SAAS,EAAwB,GAAqC;CACpE,IAAM,EAAE,QAAK,YAAS,qBAAkB,GAClC,IAA0B,EAC9B,EAAa,eACb,EACD,EACK,IAAe,EAAI,OAAO,IAE1B,IAAyB,EAC7B,EAAa,cACb,EACD,EACK,IAAc,EAAI,OAAO,IAEzB,IAAiC,EACrC,EAAa,sBACb,EACD,EACK,IACJ,EAAI,OAAO,IAET,IAAyB,MAEvB,IAA+B,EACnC,EAAa,qBACb,EACD;AAED,KAAI,GAA8B;EAChC,IAAM,IAA2B,EAAI,OAAO;AAC5C,EAAI,MACF,IACE,kBAAC,GAAD,EACE,uBAAuB;GACrB,cAAc;GACd,mBAAmB;GACnB,qBAAqB,EAAwB;GAC9C,EACD,CAAA;;AAKR,QACE,kBAAC,GAAD;EACE,OAAO;EACP,UAAU;EACV,aAAa,kBAAC,GAAD,EAAU,UAAU,GAA+B,CAAA;EAChE,OAAO;EACP,CAAA;;AAaN,SAAS,EAAoB,GAAiC;CAC5D,IAAM,EAAE,aAAU,GACZ,IAAgB,EAA8B,EAAM,IAAI,EACxD,EAAE,SAAM,cAAW,aAAU,EAA4B;EAC7D,cAAc;EACd,UAAU;EACV;EACA,UAAA;EACD,CAAC;AAEF,KAAI,CAAC,GAAM,YAWT,QAVI,IACK,kBAAC,GAAD,EAAqB,CAAA,GAE1B,IAEA,kBAAC,GAAD;EAAO,OAAO;YAAd,CAAuB,kCACU,EAAM,QAC/B;MAGL;CAGT,IAAM,IAAiC,EACrC,EAAa,mBACb,EAAK,YAAY,aAAa,QAC/B;AAgCD,QAAO,kBAAC,GAAD,EAAyB,QA7BH,EAC3B,EAAK,YAAY,aAAa,KAC3B,KAAI,MAAO,EAAI,OAAO,GAAgC,CACtD,QAAQ,MAAmB,CAAC,CAAC,EAAE,CAIrB,CAAW,KAAI,OAKrB;EACL,OAAO;EACP,SACE,kBAAC,GAAD,EAAA,UAPoB,EAAK,YAAa,aAAa,KAAK,QAC1D,MAAO,EAAI,OAAO,OAAoC,EAOjD,CAAgB,KAAI,MACnB,kBAAC,GAAD;GAEO;GACL,SAAS,EAAK,YAAa,aAAa;GACzB;GACf,EAJK,EAAI,OAAO,KAAK,IAAI,CAIzB,CACF,EACI,CAAA;EAEX,EAG6B,EAAU,CAAA"}

package/dist/components/EntityAclEditor/EntityAclEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityAclEditor.d.ts","sourceRoot":"","sources":["../../../src/components/EntityAclEditor/EntityAclEditor.tsx"],"names":[],"mappings":"~~AAwDA~~,MAAM,MAAM,oBAAoB,GAAG;IACjC,oIAAoI;IACpI,QAAQ,EAAE,MAAM,CAAA;IAChB,iEAAiE;IACjE,eAAe,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,kDAAkD;IAClD,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B;;6BAEyB;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;~~AAyXD~~,QAAA,MAAM,2BAA2B,wHAahC,CAAA;AAED,eAAe,2BAA2B,CAAA"}
1	+ {"version":3,"file":"EntityAclEditor.d.ts","sourceRoot":"","sources":["../../../src/components/EntityAclEditor/EntityAclEditor.tsx"],"names":[],"mappings":"AAyDA,MAAM,MAAM,oBAAoB,GAAG;IACjC,oIAAoI;IACpI,QAAQ,EAAE,MAAM,CAAA;IAChB,iEAAiE;IACjE,eAAe,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,kDAAkD;IAClD,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B;;6BAEyB;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAoYD,QAAA,MAAM,2BAA2B,wHAahC,CAAA;AAED,eAAe,2BAA2B,CAAA"}

package/dist/components/EntityAclEditor/EntityAclEditor.js CHANGED Viewed

@@ -3,41 +3,41 @@ import { BackendDestinationEnum as e, getEndpoint as t } from "../../utils/funct
 import { getAccessTypeFromPermissionLevel as n, permissionLevelToLabel as r } from "../../utils/PermissionLevelToAccessType.js";
 import { entityTypeToFriendlyName as i } from "../../utils/functions/EntityTypeUtils.js";
 import "../../utils/functions/index.js";
-import ee from "../FullWidthAlert/index.js";
-import { SynapseErrorBoundary as a } from "../error/ErrorBanner.js";
-import { useGetRealmPrincipals as o } from "../../synapse-queries/realm/useRealmPrincipals.js";
-import { useSuspenseGetEntityBundle as s } from "../../synapse-queries/entity/useEntityBundle.js";
-import { useCreateEntityACL as te, useDeleteEntityACL as ne, useSuspenseGetEntityBenefactorACL as c, useUpdateEntityACL as l } from "../../synapse-queries/entity/useEntity.js";
-import { useSuspenseGetCurrentUserProfile as u } from "../../synapse-queries/user/useUserBundle.js";
+import a from "../FullWidthAlert/index.js";
+import { SynapseErrorBoundary as o } from "../error/ErrorBanner.js";
+import { useGetRealmPrincipals as s } from "../../synapse-queries/realm/useRealmPrincipals.js";
+import { useSuspenseGetEntityBundle as ee } from "../../synapse-queries/entity/useEntityBundle.js";
+import { useCreateEntityACL as te, useDeleteEntityACL as ne, useSuspenseGetEntityBenefactorACL as re, useUpdateEntityACL as ie } from "../../synapse-queries/entity/useEntity.js";
+import { useSuspenseGetCurrentUserProfile as ae } from "../../synapse-queries/user/useUserBundle.js";
 import "../../synapse-queries/index.js";
-import { isEntityPublic as d, resourceAccessListIsEqual as f } from "../../utils/functions/AccessControlListUtils.js";
-import { getPrincipalDisplayName as p } from "../../utils/functions/getPrincipalDisplayName.js";
+import { consolidateResourceAccessList as oe, isEntityPublic as c, resourceAccessListIsEqual as l } from "../../utils/functions/AccessControlListUtils.js";
+import { getPrincipalDisplayName as u } from "../../utils/functions/getPrincipalDisplayName.js";
 import "../error/index.js";
-import { AclEditorSkeleton as m } from "../AclEditor/AclEditorSkeleton.js";
-import { AclEditor as re } from "../AclEditor/AclEditor.js";
-import ie from "../AclEditor/useUpdateAcl.js";
-import { CreateOrDeleteLocalSharingSettingsButton as h } from "./CreateOrDeleteLocalSharingSettingsButton.js";
-import { InheritanceMessage as ae } from "./InheritanceMessage.js";
+import { AclEditorSkeleton as d } from "../AclEditor/AclEditorSkeleton.js";
+import { AclEditor as f } from "../AclEditor/AclEditor.js";
+import p from "../AclEditor/useUpdateAcl.js";
+import { CreateOrDeleteLocalSharingSettingsButton as m } from "./CreateOrDeleteLocalSharingSettingsButton.js";
+import { InheritanceMessage as h } from "./InheritanceMessage.js";
 import g from "./OpenData.js";
 import _ from "./useNotifyNewACLUsers.js";
-import { Suspense as v, forwardRef as y, useEffect as b, useImperativeHandle as x, useMemo as S, useState as C } from "react";
-import { Alert as w, Link as oe, Stack as se } from "@mui/material";
-import { Fragment as ce, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { ALL_ENTITY_BUNDLE_FIELDS as le } from "@sage-bionetworks/synapse-types";
-import { EntityType as ue } from "@sage-bionetworks/synapse-client";
+import { Suspense as v, forwardRef as y, useEffect as b, useImperativeHandle as se, useMemo as x, useState as S } from "react";
+import { Alert as ce, Link as le, Stack as ue } from "@mui/material";
+import { Fragment as de, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { ALL_ENTITY_BUNDLE_FIELDS as fe } from "@sage-bionetworks/synapse-types";
+import { EntityType as pe } from "@sage-bionetworks/synapse-client";
 //#region src/components/EntityAclEditor/EntityAclEditor.tsx
-var de = [
+var me = [
 	"CAN_VIEW",
 	"CAN_DOWNLOAD",
 	"CAN_EDIT",
 	"CAN_EDIT_DELETE",
 	"CAN_ADMINISTER"
 ];
-function fe(e) {
+function T(e) {
 	return `${e} (shared on Synapse)`;
 }
-function D(n, r) {
-	return `${p({
+function E(n, r) {
+	return `${u({
 		userName: n.userName ?? "",
 		firstName: n.firstName,
 		lastName: n.lastName
@@ -46,105 +46,105 @@ function D(n, r) {
 		showUsername: !1
 	})} has shared an item with you on Synapse:\n${t(e.PORTAL_ENDPOINT)}Synapse:${r}`;
 }
-function O(e, t, n, r) {
+function D(e, t, n, r) {
 	return !e || t ? !1 : (e) => {
 		let t = n.ownerId === String(e.principalId), i = r !== void 0 && String(e.principalId) === r;
 		return !(t || i);
 	};
 }
-function k(e, t, n) {
+function O(e, t, n) {
 	return !e || t ? !1 : (t) => n.ownerId === String(t.principalId) ? !1 : e;
 }
-function A(e, t) {
+function k(e, t) {
 	return (n) => {
 		if (t !== void 0 && String(n.principalId) === t) return e ? r.CAN_DOWNLOAD : r.CAN_VIEW;
 	};
 }
-var j = y(function(e, t) {
-	let { entityId: r, onCanSaveChange: a, onUpdateSuccess: p, isAfterUpload: m = !1 } = e, { data: v } = u(), { data: y } = o(), { publicGroup: j } = y || {}, { data: M } = s(r, void 0, le, { staleTime: Infinity }), N = ue.project == M.entityType, { data: P } = c(M.entity.parentId, { staleTime: Infinity }), F = M.benefactorAcl.resourceAccess, I = S(() => P?.resourceAccess ?? [], [P]), L = M.permissions.canChangePermissions, R = M.permissions.isEntityOpenData, z = M.benefactorAcl.id != r, [B, V] = C(z), [H, pe] = C(!1), [U, me] = C(), { resourceAccessList: W, setResourceAccessList: G, addResourceAccessItem: K, updateResourceAccessItem: he, removeResourceAccessItem: ge, resetDirtyState: q } = ie({ initialResourceAccessList: F });
+var A = y(function(e, t) {
+	let { entityId: r, onCanSaveChange: o, onUpdateSuccess: u, isAfterUpload: d = !1 } = e, { data: v } = ae(), { data: y } = s(), { publicGroup: A } = y || {}, { data: j } = ee(r, void 0, fe, { staleTime: Infinity }), M = pe.project == j.entityType, { data: N } = re(j.entity.parentId, { staleTime: Infinity }), P = x(() => oe(j.benefactorAcl.resourceAccess), [j.benefactorAcl.resourceAccess]), F = x(() => N?.resourceAccess ?? [], [N]), I = j.permissions.canChangePermissions, L = j.permissions.isEntityOpenData, R = j.benefactorAcl.id != r, [z, B] = S(R), [V, he] = S(!1), [H, ge] = S(), { resourceAccessList: U, setResourceAccessList: W, addResourceAccessItem: G, updateResourceAccessItem: _e, removeResourceAccessItem: ve, resetDirtyState: K } = p({ initialResourceAccessList: P });
 	b(() => {
-		F && (q(), G([...F]));
+		P && (K(), W([...P]));
 	}, [
-		F,
-		q,
-		G
+		P,
+		K,
+		W
 	]), b(() => {
-		q(), V(z);
-	}, [z, q]), b(() => {
-		z == B ? G(F) : B && G(I), q();
+		K(), B(R);
+	}, [R, K]), b(() => {
+		R == z ? W(P) : z && W(F), K();
 	}, [
-		z,
+		R,
+		P,
 		F,
-		I,
-		q,
-		G,
-		B
+		K,
+		W,
+		z
 	]);
-	let _e = d(W, y ?? {}), { sendNotification: ve, isLoading: ye, isPending: be } = _({
-		subject: fe(M.entity.name || ""),
-		body: D(v, r),
-		initialResourceAccessList: F,
-		newResourceAccessList: W
-	}), J = {
+	let ye = c(U, y ?? {}), { sendNotification: be, isLoading: xe, isPending: Se } = _({
+		subject: T(j.entity.name || ""),
+		body: E(v, r),
+		initialResourceAccessList: P,
+		newResourceAccessList: U
+	}), q = {
 		onSuccess: () => {
-			H && ve(), p();
+			V && be(), u();
 		},
 		onError: (e) => {
-			me(e);
+			ge(e);
 		}
-	}, { mutate: Y, isPending: xe } = te(J), { mutate: X, isPending: Se } = l(J), { mutate: Z, isPending: Ce } = ne(J), we = xe || Se || Ce || be, Q = S(() => z != B || !f(F, W), [
-		F,
+	}, { mutate: J, isPending: Ce } = te(q), { mutate: Y, isPending: we } = ie(q), { mutate: X, isPending: Te } = ne(q), Z = Ce || we || Te || Se, Q = x(() => R != z || !l(P, U), [
+		P,
+		R,
 		z,
-		B,
-		W
-	]), $ = Q || ye || we, Te = Q && m;
+		U
+	]), $ = Q || xe || Z, Ee = Q && d;
 	return b(() => {
-		a($);
-	}, [a, $]), x(t, () => ({ save() {
-		$ ? z == B ? X({
-			...M.accessControlList,
-			resourceAccess: W
-		}) : B ? Z(r) : Y({
+		o($);
+	}, [o, $]), se(t, () => ({ save() {
+		$ ? R == z ? Y({
+			...j.accessControlList,
+			resourceAccess: U
+		}) : z ? X(r) : J({
 			id: r,
-			resourceAccess: W
+			resourceAccess: U
 		}) : console.error("EntityAclEditor: save() called but canSave is false");
 	} }), [
 		$,
-		Y,
-		Z,
-		M,
+		J,
+		X,
+		j,
 		r,
+		R,
+		Y,
 		z,
-		X,
-		B,
-		W
-	]), /* @__PURE__ */ E(se, {
+		U
+	]), /* @__PURE__ */ w(ue, {
 		sx: { gap: 2 },
 		children: [
-			/* @__PURE__ */ T(g, {
-				isOpenData: R,
-				isPublic: _e,
-				currentUserCanUpdateSharingSettings: L
+			/* @__PURE__ */ C(g, {
+				isOpenData: L,
+				isPublic: ye,
+				currentUserCanUpdateSharingSettings: I
 			}),
-			/* @__PURE__ */ T(ae, {
-				isProject: N,
-				isInherited: B,
-				benefactorId: B ? P?.id : r,
-				isAfterUpload: m
+			/* @__PURE__ */ C(h, {
+				isProject: M,
+				isInherited: z,
+				benefactorId: z ? N?.id : r,
+				isAfterUpload: d
 			}),
-			Te && /* @__PURE__ */ T(ee, {
+			Ee && /* @__PURE__ */ C(a, {
 				isGlobal: !1,
 				variant: "warning",
-				title: `Edits will affect settings of entire ${i(M?.entityType).toLowerCase()}.`,
-				description: /* @__PURE__ */ E(ce, { children: [/* @__PURE__ */ E("p", { children: [
+				title: `Edits will affect settings of entire ${i(j?.entityType).toLowerCase()}.`,
+				description: /* @__PURE__ */ w(de, { children: [/* @__PURE__ */ w("p", { children: [
 					"Editing the settings here will impact the sharing settings for all files and folders within this",
 					" ",
-					i(M?.entityType).toLowerCase(),
+					i(j?.entityType).toLowerCase(),
 					", not just the ones you've recently uploaded."
-				] }), /* @__PURE__ */ E("p", { children: [
+				] }), /* @__PURE__ */ w("p", { children: [
 					"View the instructions above for setting your",
 					" ",
-					/* @__PURE__ */ T(oe, {
+					/* @__PURE__ */ C(le, {
 						href: "https://docs.synapse.org/synapse-docs/sharing-settings-permissions-and-conditions-for-use",
 						target: "_blank",
 						children: "Local Sharing Settings"
@@ -152,44 +152,44 @@ var j = y(function(e, t) {
 					"."
 				] })] })
 			}),
-			/* @__PURE__ */ T(re, {
-				isInherited: B,
-				canEdit: O(L, B, v, j),
-				canRemoveEntry: k(L, B, v),
-				resourceAccessList: W,
-				availablePermissionLevels: de,
+			/* @__PURE__ */ C(f, {
+				isInherited: z,
+				canEdit: D(I, z, v, A),
+				canRemoveEntry: O(I, z, v),
+				resourceAccessList: U,
+				availablePermissionLevels: me,
 				emptyText: "",
-				displayedPermissionLevelOverride: A(R, j),
+				displayedPermissionLevelOverride: k(L, A),
 				onAddPrincipalToAcl: (e) => {
-					j !== void 0 && String(e) === j ? K(e, n("CAN_VIEW")) : K(e, n("CAN_DOWNLOAD"));
+					A !== void 0 && String(e) === A ? G(e, n("CAN_VIEW")) : G(e, n("CAN_DOWNLOAD"));
 				},
-				updateResourceAccessItem: he,
-				removeResourceAccessItem: ge,
+				updateResourceAccessItem: _e,
+				removeResourceAccessItem: ve,
 				showNotifyCheckbox: !0,
-				notifyCheckboxValue: H,
-				onNotifyCheckboxChange: pe,
+				notifyCheckboxValue: V,
+				onNotifyCheckboxChange: he,
 				showAddRemovePublicButton: !0
 			}),
-			!m && !N && M.permissions.canEnableInheritance && /* @__PURE__ */ T(h, {
-				isInherited: B,
-				setIsInherited: V
+			!d && !M && j.permissions.canEnableInheritance && /* @__PURE__ */ C(m, {
+				isInherited: z,
+				setIsInherited: B
 			}),
-			U && /* @__PURE__ */ T(w, {
+			H && /* @__PURE__ */ C(ce, {
 				severity: "error",
-				children: U.message
+				children: H.message
 			})
 		]
 	});
-}), M = y(function(e, t) {
-	return /* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(v, {
-		fallback: /* @__PURE__ */ T(m, {}),
-		children: /* @__PURE__ */ T(j, {
+}), j = y(function(e, t) {
+	return /* @__PURE__ */ C(o, { children: /* @__PURE__ */ C(v, {
+		fallback: /* @__PURE__ */ C(d, {}),
+		children: /* @__PURE__ */ C(A, {
 			...e,
 			ref: t
 		})
 	}) });
 });
 //#endregion
-export { M as default };
+export { j as default };
 //# sourceMappingURL=EntityAclEditor.js.map

package/dist/components/EntityAclEditor/EntityAclEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EntityAclEditor.js","names":[],"sources":["../../../src/components/EntityAclEditor/EntityAclEditor.tsx"],"sourcesContent":["import {\n useCreateEntityACL,\n useDeleteEntityACL,\n useSuspenseGetCurrentUserProfile,\n useSuspenseGetEntityBenefactorACL,\n useSuspenseGetEntityBundle,\n useUpdateEntityACL,\n} from '@/synapse-queries'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport {\n isEntityPublic,\n resourceAccessListIsEqual,\n} from '@/utils/functions/AccessControlListUtils'\nimport { getPrincipalDisplayName } from '@/utils/functions/getPrincipalDisplayName'\nimport { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport {\n getAccessTypeFromPermissionLevel,\n PermissionLevel,\n permissionLevelToLabel,\n} from '@/utils/PermissionLevelToAccessType'\nimport { SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL } from '@/utils/SynapseConstants'\nimport { Alert, Link, Stack } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n ALL_ENTITY_BUNDLE_FIELDS,\n ResourceAccess,\n UserProfile,\n} from '@sage-bionetworks/synapse-types'\nimport {\n ForwardedRef,\n forwardRef,\n Suspense,\n useEffect,\n useImperativeHandle,\n useMemo,\n useState,\n} from 'react'\nimport { AclEditor, AclEditorProps } from '../AclEditor/AclEditor'\nimport { AclEditorSkeleton } from '../AclEditor/AclEditorSkeleton'\nimport useUpdateAcl from '../AclEditor/useUpdateAcl'\nimport { SynapseErrorBoundary } from '../error'\nimport FullWidthAlert from '../FullWidthAlert'\nimport { CreateOrDeleteLocalSharingSettingsButton } from './CreateOrDeleteLocalSharingSettingsButton'\nimport { InheritanceMessage } from './InheritanceMessage'\nimport OpenData from './OpenData'\nimport useNotifyNewACLUsers from './useNotifyNewACLUsers'\n\nconst availablePermissionLevels: PermissionLevel[] = [\n 'CAN_VIEW',\n 'CAN_DOWNLOAD',\n 'CAN_EDIT',\n 'CAN_EDIT_DELETE',\n 'CAN_ADMINISTER',\n]\n\nexport type EntityAclEditorProps = {\n /** The ID of the entity on which to view/edit the ACL. Note that the ACL may actually belong to an entity ancestor (benefactor). /\n entityId: string\n /* Invoked when the user can/cannot save the pending changes. /\n onCanSaveChange: (canSaveChanges: boolean) => void\n /* Invoked when changes are successfully made. /\n onUpdateSuccess: () => void\n /* Special case to show specific copy and allow changes to an inherited ACL immediately after a file is uploaded.\n * Note that if this is true, the entityId should be the ID of the folder or project that is the benefactor of the newly uploaded file(s)\n * @defaultValue false /\n isAfterUpload?: boolean\n}\n\nexport type EntityAclEditorHandle = {\n save: () => void\n}\n\nfunction getSubject(entityName: string) {\n return `${entityName} (shared on Synapse)`\n}\n\nfunction getBody(profile: UserProfile, entityId: string) {\n return `${getPrincipalDisplayName(\n {\n userName: profile.userName ?? '',\n firstName: profile.firstName,\n lastName: profile.lastName,\n },\n { showFullName: true, showUsername: false },\n )} has shared an item with you on Synapse:\\n${getEndpoint(\n BackendDestinationEnum.PORTAL_ENDPOINT,\n )}Synapse:${entityId}`\n}\n\nfunction getCanEditResourceAccess(\n canEdit: boolean,\n isInherited: boolean,\n ownProfile: UserProfile,\n publicGroupId: string \| undefined,\n): AclEditorProps['canEdit'] {\n if (!canEdit \|\| isInherited) {\n return false\n }\n return (resourceAccess: ResourceAccess): boolean => {\n // Users cannot change their own permissions\n const isSelf = ownProfile.ownerId === String(resourceAccess.principalId)\n // Users cannot change permission level for the public group, only add/remove it.\n // To give the public group DOWNLOAD access, ACT must mark it as anonymous access.\n const isPublicGroup =\n publicGroupId !== undefined &&\n String(resourceAccess.principalId) === publicGroupId\n if (isSelf \|\| isPublicGroup) {\n return false\n }\n return true\n }\n}\n\nfunction getCanDeleteResourceAccess(\n canEdit: boolean,\n isInherited: boolean,\n ownProfile: UserProfile,\n): AclEditorProps['canRemoveEntry'] {\n if (!canEdit \|\| isInherited) {\n return false\n }\n return (resourceAccess: ResourceAccess): boolean => {\n // Users cannot delete their own permissions\n const isSelf = ownProfile.ownerId === String(resourceAccess.principalId)\n if (isSelf) {\n return false\n }\n return canEdit\n }\n}\n\nfunction getDisplayedPermissionLevelOverride(\n isOpenData: boolean,\n publicGroupId: string \| undefined,\n): AclEditorProps['displayedPermissionLevelOverride'] {\n return (resourceAccess: ResourceAccess) => {\n if (\n publicGroupId !== undefined &&\n String(resourceAccess.principalId) === publicGroupId\n ) {\n return isOpenData\n ? permissionLevelToLabel['CAN_DOWNLOAD']\n : permissionLevelToLabel['CAN_VIEW']\n }\n return undefined\n }\n}\n\nconst EntityAclEditor = forwardRef(function EntityAclEditor(\n props: EntityAclEditorProps,\n ref: ForwardedRef<EntityAclEditorHandle>,\n) {\n const {\n entityId,\n onCanSaveChange,\n onUpdateSuccess,\n isAfterUpload = false,\n } = props\n\n const { data: ownProfile } = useSuspenseGetCurrentUserProfile()\n const { data: realmPrincipals } = useGetRealmPrincipals()\n const { publicGroup: publicGroupId } = realmPrincipals \|\| {}\n const { data: entityBundle } = useSuspenseGetEntityBundle(\n entityId,\n undefined,\n ALL_ENTITY_BUNDLE_FIELDS,\n { staleTime: Infinity },\n )\n const isProject = EntityType.project == entityBundle.entityType\n\n // The parent's benefactor ACL will be shown if the user removes the ACL on the current entity\n const { data: parentAcl } = useSuspenseGetEntityBenefactorACL(\n entityBundle.entity.parentId!,\n {\n staleTime: Infinity,\n },\n )\n\n const originalResourceAccess = entityBundle.benefactorAcl.resourceAccess\n const parentResourceAccess = useMemo(\n () => parentAcl?.resourceAccess ?? [],\n [parentAcl],\n )\n const canEdit = entityBundle.permissions.canChangePermissions\n const isOpenData = entityBundle.permissions.isEntityOpenData\n const originalIsInherited = !(entityBundle.benefactorAcl.id == entityId)\n const [updatedIsInherited, setUpdatedIsInherited] =\n useState(originalIsInherited)\n const [notifyNewAdditions, setNotifyNewAdditions] = useState(false)\n const [error, setError] = useState<Error>()\n\n const {\n resourceAccessList: updatedResourceAccessList,\n setResourceAccessList,\n addResourceAccessItem,\n updateResourceAccessItem,\n removeResourceAccessItem,\n resetDirtyState,\n } = useUpdateAcl({ initialResourceAccessList: originalResourceAccess })\n\n // If `originalResourceAccess` changes, reset state\n useEffect(() => {\n if (originalResourceAccess) {\n resetDirtyState()\n setResourceAccessList([...originalResourceAccess])\n }\n }, [originalResourceAccess, resetDirtyState, setResourceAccessList])\n\n // If `originalIsInherited` changes, reset state\n useEffect(() => {\n resetDirtyState()\n setUpdatedIsInherited(originalIsInherited)\n }, [originalIsInherited, resetDirtyState])\n\n // If the editor toggles the inherited state, reset the resource access list\n useEffect(() => {\n if (originalIsInherited == updatedIsInherited) {\n // The user reverted to the original state (regardless of inherited or not)\n setResourceAccessList(originalResourceAccess)\n } else if (updatedIsInherited) {\n // The user toggled to inherited, update the resource access list to match the parent\n setResourceAccessList(parentResourceAccess)\n } else {\n // The user toggled to local, no need to update the list (the parent's list is already in the editor)\n }\n resetDirtyState()\n }, [\n originalIsInherited,\n originalResourceAccess,\n parentResourceAccess,\n resetDirtyState,\n setResourceAccessList,\n updatedIsInherited,\n ])\n\n const isPublic = isEntityPublic(\n updatedResourceAccessList,\n realmPrincipals ?? {},\n )\n\n const {\n sendNotification,\n isLoading: isLoadingSendMessageToNewACLUsers,\n isPending: isPendingSendMessageToNewACLUsers,\n } = useNotifyNewACLUsers({\n subject: getSubject(entityBundle.entity.name \|\| ''),\n body: getBody(ownProfile, entityId),\n initialResourceAccessList: originalResourceAccess,\n newResourceAccessList: updatedResourceAccessList,\n })\n\n const mutationOptions = {\n onSuccess: () => {\n if (notifyNewAdditions) {\n sendNotification()\n }\n onUpdateSuccess()\n },\n onError: (e: Error) => {\n setError(e)\n },\n }\n\n const { mutate: createAcl, isPending: isPendingCreateAcl } =\n useCreateEntityACL(mutationOptions)\n const { mutate: updateAcl, isPending: isPendingUpdateAcl } =\n useUpdateEntityACL(mutationOptions)\n const { mutate: deleteAcl, isPending: isPendingDeleteAcl } =\n useDeleteEntityACL(mutationOptions)\n\n const isPending =\n isPendingCreateAcl \|\|\n isPendingUpdateAcl \|\|\n isPendingDeleteAcl \|\|\n isPendingSendMessageToNewACLUsers\n\n const hasAclChanged = useMemo(() => {\n return (\n originalIsInherited != updatedIsInherited \|\|\n !resourceAccessListIsEqual(\n originalResourceAccess,\n updatedResourceAccessList,\n )\n )\n }, [\n originalResourceAccess,\n originalIsInherited,\n updatedIsInherited,\n updatedResourceAccessList,\n ])\n\n const canSave =\n hasAclChanged \|\| isLoadingSendMessageToNewACLUsers \|\| isPending\n\n const showInheritedAclUpdateWarning = hasAclChanged && isAfterUpload\n\n useEffect(() => {\n onCanSaveChange(canSave)\n }, [onCanSaveChange, canSave])\n\n useImperativeHandle(\n ref,\n () => {\n return {\n save() {\n if (canSave) {\n // Check if the inheritance changed; if so, the ACL should be created/deleted\n if (originalIsInherited != updatedIsInherited) {\n if (updatedIsInherited) {\n deleteAcl(entityId)\n } else {\n createAcl({\n id: entityId,\n resourceAccess: updatedResourceAccessList,\n })\n }\n } else {\n // Inheritance did not change; update the ACL\n updateAcl({\n // ensure we get all fields from the original ACL, including the etag\n ...entityBundle.accessControlList!,\n resourceAccess: updatedResourceAccessList,\n })\n }\n } else {\n console.error('EntityAclEditor: save() called but canSave is false')\n }\n },\n }\n },\n [\n canSave,\n createAcl,\n deleteAcl,\n entityBundle,\n entityId,\n originalIsInherited,\n updateAcl,\n updatedIsInherited,\n updatedResourceAccessList,\n ],\n )\n\n return (\n <Stack\n sx={{\n gap: 2,\n }}\n >\n <OpenData\n isOpenData={isOpenData}\n isPublic={isPublic}\n currentUserCanUpdateSharingSettings={canEdit}\n />\n <InheritanceMessage\n isProject={isProject}\n isInherited={updatedIsInherited}\n benefactorId={updatedIsInherited ? parentAcl?.id : entityId}\n isAfterUpload={isAfterUpload}\n />\n {showInheritedAclUpdateWarning && (\n <FullWidthAlert\n isGlobal={false}\n variant={'warning'}\n title={`Edits will affect settings of entire ${entityTypeToFriendlyName(\n entityBundle?.entityType,\n ).toLowerCase()}.`}\n description={\n <>\n <p>\n Editing the settings here will impact the sharing settings for\n all files and folders within this{' '}\n {entityTypeToFriendlyName(\n entityBundle?.entityType,\n ).toLowerCase()}\n , not just the ones you've recently uploaded.\n </p>\n <p>\n View the instructions above for setting your{' '}\n <Link\n href={\n SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL\n }\n target={'_blank'}\n >\n Local Sharing Settings\n </Link>\n .\n </p>\n </>\n }\n />\n )}\n <AclEditor\n isInherited={updatedIsInherited}\n canEdit={getCanEditResourceAccess(\n canEdit,\n updatedIsInherited,\n ownProfile,\n publicGroupId,\n )}\n canRemoveEntry={getCanDeleteResourceAccess(\n canEdit,\n updatedIsInherited,\n ownProfile,\n )}\n resourceAccessList={updatedResourceAccessList}\n availablePermissionLevels={availablePermissionLevels}\n emptyText={/ This should never happen / ''}\n displayedPermissionLevelOverride={getDisplayedPermissionLevelOverride(\n isOpenData,\n publicGroupId,\n )}\n onAddPrincipalToAcl={id => {\n if (publicGroupId !== undefined && String(id) === publicGroupId) {\n addResourceAccessItem(\n id,\n getAccessTypeFromPermissionLevel('CAN_VIEW'),\n )\n } else {\n addResourceAccessItem(\n id,\n getAccessTypeFromPermissionLevel('CAN_DOWNLOAD'),\n )\n }\n }}\n updateResourceAccessItem={updateResourceAccessItem}\n removeResourceAccessItem={removeResourceAccessItem}\n showNotifyCheckbox={true}\n notifyCheckboxValue={notifyNewAdditions}\n onNotifyCheckboxChange={setNotifyNewAdditions}\n showAddRemovePublicButton={true}\n />\n {/ Create / delete local sharing settings button */}\n {!isAfterUpload &&\n !isProject &&\n entityBundle.permissions.canEnableInheritance && (\n <CreateOrDeleteLocalSharingSettingsButton\n isInherited={updatedIsInherited}\n setIsInherited={setUpdatedIsInherited}\n />\n )}\n {error && <Alert severity=\"error\">{error.message}</Alert>}\n </Stack>\n )\n})\n\nconst EntityAclEditorWithSuspense = forwardRef(\n function EntityAclEditorWithSuspense(\n props: EntityAclEditorProps,\n ref: ForwardedRef<EntityAclEditorHandle>,\n ) {\n return (\n <SynapseErrorBoundary>\n <Suspense fallback={<AclEditorSkeleton />}>\n <EntityAclEditor {...props} ref={ref} />\n </Suspense>\n </SynapseErrorBoundary>\n )\n },\n)\n\nexport default EntityAclEditorWithSuspense\n"],"mappings":"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"}
1	+ {"version":3,"file":"EntityAclEditor.js","names":[],"sources":["../../../src/components/EntityAclEditor/EntityAclEditor.tsx"],"sourcesContent":["import {\n useCreateEntityACL,\n useDeleteEntityACL,\n useSuspenseGetCurrentUserProfile,\n useSuspenseGetEntityBenefactorACL,\n useSuspenseGetEntityBundle,\n useUpdateEntityACL,\n} from '@/synapse-queries'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport {\n consolidateResourceAccessList,\n isEntityPublic,\n resourceAccessListIsEqual,\n} from '@/utils/functions/AccessControlListUtils'\nimport { getPrincipalDisplayName } from '@/utils/functions/getPrincipalDisplayName'\nimport { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport {\n getAccessTypeFromPermissionLevel,\n PermissionLevel,\n permissionLevelToLabel,\n} from '@/utils/PermissionLevelToAccessType'\nimport { SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL } from '@/utils/SynapseConstants'\nimport { Alert, Link, Stack } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n ALL_ENTITY_BUNDLE_FIELDS,\n ResourceAccess,\n UserProfile,\n} from '@sage-bionetworks/synapse-types'\nimport {\n ForwardedRef,\n forwardRef,\n Suspense,\n useEffect,\n useImperativeHandle,\n useMemo,\n useState,\n} from 'react'\nimport { AclEditor, AclEditorProps } from '../AclEditor/AclEditor'\nimport { AclEditorSkeleton } from '../AclEditor/AclEditorSkeleton'\nimport useUpdateAcl from '../AclEditor/useUpdateAcl'\nimport { SynapseErrorBoundary } from '../error'\nimport FullWidthAlert from '../FullWidthAlert'\nimport { CreateOrDeleteLocalSharingSettingsButton } from './CreateOrDeleteLocalSharingSettingsButton'\nimport { InheritanceMessage } from './InheritanceMessage'\nimport OpenData from './OpenData'\nimport useNotifyNewACLUsers from './useNotifyNewACLUsers'\n\nconst availablePermissionLevels: PermissionLevel[] = [\n 'CAN_VIEW',\n 'CAN_DOWNLOAD',\n 'CAN_EDIT',\n 'CAN_EDIT_DELETE',\n 'CAN_ADMINISTER',\n]\n\nexport type EntityAclEditorProps = {\n /** The ID of the entity on which to view/edit the ACL. Note that the ACL may actually belong to an entity ancestor (benefactor). /\n entityId: string\n /* Invoked when the user can/cannot save the pending changes. /\n onCanSaveChange: (canSaveChanges: boolean) => void\n /* Invoked when changes are successfully made. /\n onUpdateSuccess: () => void\n /* Special case to show specific copy and allow changes to an inherited ACL immediately after a file is uploaded.\n * Note that if this is true, the entityId should be the ID of the folder or project that is the benefactor of the newly uploaded file(s)\n * @defaultValue false /\n isAfterUpload?: boolean\n}\n\nexport type EntityAclEditorHandle = {\n save: () => void\n}\n\nfunction getSubject(entityName: string) {\n return `${entityName} (shared on Synapse)`\n}\n\nfunction getBody(profile: UserProfile, entityId: string) {\n return `${getPrincipalDisplayName(\n {\n userName: profile.userName ?? '',\n firstName: profile.firstName,\n lastName: profile.lastName,\n },\n { showFullName: true, showUsername: false },\n )} has shared an item with you on Synapse:\\n${getEndpoint(\n BackendDestinationEnum.PORTAL_ENDPOINT,\n )}Synapse:${entityId}`\n}\n\nfunction getCanEditResourceAccess(\n canEdit: boolean,\n isInherited: boolean,\n ownProfile: UserProfile,\n publicGroupId: string \| undefined,\n): AclEditorProps['canEdit'] {\n if (!canEdit \|\| isInherited) {\n return false\n }\n return (resourceAccess: ResourceAccess): boolean => {\n // Users cannot change their own permissions\n const isSelf = ownProfile.ownerId === String(resourceAccess.principalId)\n // Users cannot change permission level for the public group, only add/remove it.\n // To give the public group DOWNLOAD access, ACT must mark it as anonymous access.\n const isPublicGroup =\n publicGroupId !== undefined &&\n String(resourceAccess.principalId) === publicGroupId\n if (isSelf \|\| isPublicGroup) {\n return false\n }\n return true\n }\n}\n\nfunction getCanDeleteResourceAccess(\n canEdit: boolean,\n isInherited: boolean,\n ownProfile: UserProfile,\n): AclEditorProps['canRemoveEntry'] {\n if (!canEdit \|\| isInherited) {\n return false\n }\n return (resourceAccess: ResourceAccess): boolean => {\n // Users cannot delete their own permissions\n const isSelf = ownProfile.ownerId === String(resourceAccess.principalId)\n if (isSelf) {\n return false\n }\n return canEdit\n }\n}\n\nfunction getDisplayedPermissionLevelOverride(\n isOpenData: boolean,\n publicGroupId: string \| undefined,\n): AclEditorProps['displayedPermissionLevelOverride'] {\n return (resourceAccess: ResourceAccess) => {\n if (\n publicGroupId !== undefined &&\n String(resourceAccess.principalId) === publicGroupId\n ) {\n return isOpenData\n ? permissionLevelToLabel['CAN_DOWNLOAD']\n : permissionLevelToLabel['CAN_VIEW']\n }\n return undefined\n }\n}\n\nconst EntityAclEditor = forwardRef(function EntityAclEditor(\n props: EntityAclEditorProps,\n ref: ForwardedRef<EntityAclEditorHandle>,\n) {\n const {\n entityId,\n onCanSaveChange,\n onUpdateSuccess,\n isAfterUpload = false,\n } = props\n\n const { data: ownProfile } = useSuspenseGetCurrentUserProfile()\n const { data: realmPrincipals } = useGetRealmPrincipals()\n const { publicGroup: publicGroupId } = realmPrincipals \|\| {}\n const { data: entityBundle } = useSuspenseGetEntityBundle(\n entityId,\n undefined,\n ALL_ENTITY_BUNDLE_FIELDS,\n { staleTime: Infinity },\n )\n const isProject = EntityType.project == entityBundle.entityType\n\n // The parent's benefactor ACL will be shown if the user removes the ACL on the current entity\n const { data: parentAcl } = useSuspenseGetEntityBenefactorACL(\n entityBundle.entity.parentId!,\n {\n staleTime: Infinity,\n },\n )\n\n const consolidatedOriginalResourceAccess = useMemo(\n () =>\n consolidateResourceAccessList(entityBundle.benefactorAcl.resourceAccess),\n [entityBundle.benefactorAcl.resourceAccess],\n )\n\n const parentResourceAccess = useMemo(\n () => parentAcl?.resourceAccess ?? [],\n [parentAcl],\n )\n const canEdit = entityBundle.permissions.canChangePermissions\n const isOpenData = entityBundle.permissions.isEntityOpenData\n const originalIsInherited = !(entityBundle.benefactorAcl.id == entityId)\n const [updatedIsInherited, setUpdatedIsInherited] =\n useState(originalIsInherited)\n const [notifyNewAdditions, setNotifyNewAdditions] = useState(false)\n const [error, setError] = useState<Error>()\n\n const {\n resourceAccessList: updatedResourceAccessList,\n setResourceAccessList,\n addResourceAccessItem,\n updateResourceAccessItem,\n removeResourceAccessItem,\n resetDirtyState,\n } = useUpdateAcl({\n initialResourceAccessList: consolidatedOriginalResourceAccess,\n })\n\n // If `consolidatedOriginalResourceAccess` changes, reset state\n useEffect(() => {\n if (consolidatedOriginalResourceAccess) {\n resetDirtyState()\n setResourceAccessList([...consolidatedOriginalResourceAccess])\n }\n }, [\n consolidatedOriginalResourceAccess,\n resetDirtyState,\n setResourceAccessList,\n ])\n\n // If `originalIsInherited` changes, reset state\n useEffect(() => {\n resetDirtyState()\n setUpdatedIsInherited(originalIsInherited)\n }, [originalIsInherited, resetDirtyState])\n\n // If the editor toggles the inherited state, reset the resource access list\n useEffect(() => {\n if (originalIsInherited == updatedIsInherited) {\n // The user reverted to the original state (regardless of inherited or not)\n setResourceAccessList(consolidatedOriginalResourceAccess)\n } else if (updatedIsInherited) {\n // The user toggled to inherited, update the resource access list to match the parent\n setResourceAccessList(parentResourceAccess)\n } else {\n // The user toggled to local, no need to update the list (the parent's list is already in the editor)\n }\n resetDirtyState()\n }, [\n originalIsInherited,\n consolidatedOriginalResourceAccess,\n parentResourceAccess,\n resetDirtyState,\n setResourceAccessList,\n updatedIsInherited,\n ])\n\n const isPublic = isEntityPublic(\n updatedResourceAccessList,\n realmPrincipals ?? {},\n )\n\n const {\n sendNotification,\n isLoading: isLoadingSendMessageToNewACLUsers,\n isPending: isPendingSendMessageToNewACLUsers,\n } = useNotifyNewACLUsers({\n subject: getSubject(entityBundle.entity.name \|\| ''),\n body: getBody(ownProfile, entityId),\n initialResourceAccessList: consolidatedOriginalResourceAccess,\n newResourceAccessList: updatedResourceAccessList,\n })\n\n const mutationOptions = {\n onSuccess: () => {\n if (notifyNewAdditions) {\n sendNotification()\n }\n onUpdateSuccess()\n },\n onError: (e: Error) => {\n setError(e)\n },\n }\n\n const { mutate: createAcl, isPending: isPendingCreateAcl } =\n useCreateEntityACL(mutationOptions)\n const { mutate: updateAcl, isPending: isPendingUpdateAcl } =\n useUpdateEntityACL(mutationOptions)\n const { mutate: deleteAcl, isPending: isPendingDeleteAcl } =\n useDeleteEntityACL(mutationOptions)\n\n const isPending =\n isPendingCreateAcl \|\|\n isPendingUpdateAcl \|\|\n isPendingDeleteAcl \|\|\n isPendingSendMessageToNewACLUsers\n\n const hasAclChanged = useMemo(() => {\n return (\n originalIsInherited != updatedIsInherited \|\|\n !resourceAccessListIsEqual(\n consolidatedOriginalResourceAccess,\n updatedResourceAccessList,\n )\n )\n }, [\n consolidatedOriginalResourceAccess,\n originalIsInherited,\n updatedIsInherited,\n updatedResourceAccessList,\n ])\n\n const canSave =\n hasAclChanged \|\| isLoadingSendMessageToNewACLUsers \|\| isPending\n\n const showInheritedAclUpdateWarning = hasAclChanged && isAfterUpload\n\n useEffect(() => {\n onCanSaveChange(canSave)\n }, [onCanSaveChange, canSave])\n\n useImperativeHandle(\n ref,\n () => {\n return {\n save() {\n if (canSave) {\n // Check if the inheritance changed; if so, the ACL should be created/deleted\n if (originalIsInherited != updatedIsInherited) {\n if (updatedIsInherited) {\n deleteAcl(entityId)\n } else {\n createAcl({\n id: entityId,\n resourceAccess: updatedResourceAccessList,\n })\n }\n } else {\n // Inheritance did not change; update the ACL\n updateAcl({\n // ensure we get all fields from the original ACL, including the etag\n ...entityBundle.accessControlList!,\n resourceAccess: updatedResourceAccessList,\n })\n }\n } else {\n console.error('EntityAclEditor: save() called but canSave is false')\n }\n },\n }\n },\n [\n canSave,\n createAcl,\n deleteAcl,\n entityBundle,\n entityId,\n originalIsInherited,\n updateAcl,\n updatedIsInherited,\n updatedResourceAccessList,\n ],\n )\n\n return (\n <Stack\n sx={{\n gap: 2,\n }}\n >\n <OpenData\n isOpenData={isOpenData}\n isPublic={isPublic}\n currentUserCanUpdateSharingSettings={canEdit}\n />\n <InheritanceMessage\n isProject={isProject}\n isInherited={updatedIsInherited}\n benefactorId={updatedIsInherited ? parentAcl?.id : entityId}\n isAfterUpload={isAfterUpload}\n />\n {showInheritedAclUpdateWarning && (\n <FullWidthAlert\n isGlobal={false}\n variant={'warning'}\n title={`Edits will affect settings of entire ${entityTypeToFriendlyName(\n entityBundle?.entityType,\n ).toLowerCase()}.`}\n description={\n <>\n <p>\n Editing the settings here will impact the sharing settings for\n all files and folders within this{' '}\n {entityTypeToFriendlyName(\n entityBundle?.entityType,\n ).toLowerCase()}\n , not just the ones you've recently uploaded.\n </p>\n <p>\n View the instructions above for setting your{' '}\n <Link\n href={\n SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL\n }\n target={'_blank'}\n >\n Local Sharing Settings\n </Link>\n .\n </p>\n </>\n }\n />\n )}\n <AclEditor\n isInherited={updatedIsInherited}\n canEdit={getCanEditResourceAccess(\n canEdit,\n updatedIsInherited,\n ownProfile,\n publicGroupId,\n )}\n canRemoveEntry={getCanDeleteResourceAccess(\n canEdit,\n updatedIsInherited,\n ownProfile,\n )}\n resourceAccessList={updatedResourceAccessList}\n availablePermissionLevels={availablePermissionLevels}\n emptyText={/ This should never happen / ''}\n displayedPermissionLevelOverride={getDisplayedPermissionLevelOverride(\n isOpenData,\n publicGroupId,\n )}\n onAddPrincipalToAcl={id => {\n if (publicGroupId !== undefined && String(id) === publicGroupId) {\n addResourceAccessItem(\n id,\n getAccessTypeFromPermissionLevel('CAN_VIEW'),\n )\n } else {\n addResourceAccessItem(\n id,\n getAccessTypeFromPermissionLevel('CAN_DOWNLOAD'),\n )\n }\n }}\n updateResourceAccessItem={updateResourceAccessItem}\n removeResourceAccessItem={removeResourceAccessItem}\n showNotifyCheckbox={true}\n notifyCheckboxValue={notifyNewAdditions}\n onNotifyCheckboxChange={setNotifyNewAdditions}\n showAddRemovePublicButton={true}\n />\n {/ Create / delete local sharing settings button */}\n {!isAfterUpload &&\n !isProject &&\n entityBundle.permissions.canEnableInheritance && (\n <CreateOrDeleteLocalSharingSettingsButton\n isInherited={updatedIsInherited}\n setIsInherited={setUpdatedIsInherited}\n />\n )}\n {error && <Alert severity=\"error\">{error.message}</Alert>}\n </Stack>\n )\n})\n\nconst EntityAclEditorWithSuspense = forwardRef(\n function EntityAclEditorWithSuspense(\n props: EntityAclEditorProps,\n ref: ForwardedRef<EntityAclEditorHandle>,\n ) {\n return (\n <SynapseErrorBoundary>\n <Suspense fallback={<AclEditorSkeleton />}>\n <EntityAclEditor {...props} ref={ref} />\n </Suspense>\n </SynapseErrorBoundary>\n )\n },\n)\n\nexport default EntityAclEditorWithSuspense\n"],"mappings":"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"}