synapse-react-client 2.0.41 → 2.0.45

package/dist/containers/entity_finder/details/view/DetailsView.js

@@ -2,15 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DetailsView = void 0;
 var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var react_intersection_observer_1 = require("react-intersection-observer");
-var Sort_1 = tslib_1.__importDefault(require("../../../../assets/icons/Sort"));
+var react_base_table_1 = (0, tslib_1.__importStar)(require("@sage-bionetworks/react-base-table"));
+var lodash_es_1 = require("lodash-es");
+var react_1 = (0, tslib_1.__importStar)(require("react"));
+var react_query_1 = require("react-query");
+var react_tooltip_1 = (0, tslib_1.__importDefault)(require("react-tooltip"));
 var EntityTypeUtils_1 = require("../../../../utils/functions/EntityTypeUtils");
+var SynapseClient_1 = require("../../../../utils/SynapseClient");
+var SynapseContext_1 = require("../../../../utils/SynapseContext");
 var synapseTypes_1 = require("../../../../utils/synapseTypes");
-var ErrorBanner_1 = require("../../../ErrorBanner");
+var EntityBadgeIcons_1 = require("../../../EntityBadgeIcons");
 var HelpButtonPopover_1 = require("../../../HelpButtonPopover");
 var LoadingScreen_1 = require("../../../LoadingScreen");
-var DetailsViewRow_1 = require("./DetailsViewRow");
+var Checkbox_1 = require("../../../widgets/Checkbox");
+var EntityFinder_1 = require("../../EntityFinder");
+var DetailsViewTableRenderers_1 = require("./DetailsViewTableRenderers");
+// Borrowed from: https://github.com/wwayne/react-tooltip/issues/300#issuecomment-468042592
+var rebuildTooltip = (0, lodash_es_1.debounce)(function () { return react_tooltip_1.default.rebuild(); }, 200, {
+    leading: false,
+    trailing: true,
+});
 /**
  * Displays a list of entities in a table.
  *
@@ -21,86 +32,240 @@ var DetailsViewRow_1 = require("./DetailsViewRow");
  * @param param0
  */
 var DetailsView = function (_a) {
-    var entities = _a.entities, queryStatus = _a.queryStatus, queryIsFetching = _a.queryIsFetching, hasNextPage = _a.hasNextPage, fetchNextPage = _a.fetchNextPage, showVersionSelection = _a.showVersionSelection, mustSelectVersionNumber = _a.mustSelectVersionNumber, selectColumnType = _a.selectColumnType, selected = _a.selected, visibleTypes = _a.visibleTypes, selectableTypes = _a.selectableTypes, toggleSelection = _a.toggleSelection, sort = _a.sort, setSort = _a.setSort, noResultsPlaceholder = _a.noResultsPlaceholder;
-    // Load the next page when this ref comes into view.
-    var _b = react_intersection_observer_1.useInView(), ref = _b.ref, inView = _b.inView;
+    var entities = _a.entities, isLoading = _a.isLoading, hasNextPage = _a.hasNextPage, fetchNextPage = _a.fetchNextPage, isFetchingNextPage = _a.isFetchingNextPage, showVersionSelection = _a.showVersionSelection, mustSelectVersionNumber = _a.mustSelectVersionNumber, selectColumnType = _a.selectColumnType, selected = _a.selected, visibleTypes = _a.visibleTypes, selectableTypes = _a.selectableTypes, toggleSelection = _a.toggleSelection, sort = _a.sort, setSort = _a.setSort, noResultsPlaceholder = _a.noResultsPlaceholder, enableSelectAll = _a.enableSelectAll, _b = _a.selectAllIsChecked, selectAllIsChecked = _b === void 0 ? false : _b, autoSizeWidth = _a.autoSizeWidth;
+    var queryClient = (0, react_query_1.useQueryClient)();
+    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
     var showSelectColumn = selectColumnType !== 'none';
+    var _c = (0, react_1.useState)(false), shouldSelectAll = _c[0], setShouldSelectAll = _c[1];
+    var _d = (0, react_1.useState)(false), showLoadingScreen = _d[0], setShowLoadingScreen = _d[1];
     var determineRowAppearance = function (entity) {
-        if (!visibleTypes.includes(EntityTypeUtils_1.getEntityTypeFromHeader(entity))) {
+        if (!visibleTypes.includes((0, EntityTypeUtils_1.getEntityTypeFromHeader)(entity))) {
             return 'hidden';
         }
-        else if (!selectableTypes.includes(EntityTypeUtils_1.getEntityTypeFromHeader(entity))) {
+        else if (!selectableTypes.includes((0, EntityTypeUtils_1.getEntityTypeFromHeader)(entity))) {
             return 'disabled';
         }
-        else if (selected.map(function (e) { return e.targetId; }).includes(entity.id)) {
+        else if (selected.has(entity.id)) {
             return 'selected';
         }
         else {
             return 'default';
         }
     };
-    react_1.useEffect(function () {
-        if (queryStatus === 'success' &&
-            !queryIsFetching &&
-            hasNextPage &&
-            fetchNextPage &&
-            inView) {
-            fetchNextPage();
+    (0, react_1.useEffect)(function () {
+        function handleSelectAll() {
+            return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+                var _a;
+                var _this = this;
+                return (0, tslib_1.__generator)(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (!shouldSelectAll) return [3 /*break*/, 5];
+                            if (!(hasNextPage && fetchNextPage)) return [3 /*break*/, 1];
+                            // Show the loading screen since we must fetch data (potentially a lot) to finish the task
+                            setShowLoadingScreen(true);
+                            if (!isFetchingNextPage) {
+                                fetchNextPage();
+                            }
+                            return [3 /*break*/, 5];
+                        case 1:
+                            if (!selectAllIsChecked) return [3 /*break*/, 2];
+                            // All of the items are selected, so we will deselect all
+                            toggleSelection(entities
+                                .filter(function (e) {
+                                // Collect just entities that are selected
+                                // An entity may be in the list and unselected because it isn't of a selectable type
+                                return selected.has(e.id);
+                            })
+                                .map(function (e) {
+                                var selectedVersion = selected.get(e.id);
+                                return {
+                                    targetId: e.id,
+                                    targetVersionNumber: selectedVersion === EntityFinder_1.NO_VERSION_NUMBER
+                                        ? undefined
+                                        : selectedVersion,
+                                };
+                            }));
+                            return [3 /*break*/, 4];
+                        case 2:
+                            // Not all of the items are selected, so we will select all
+                            _a = toggleSelection;
+                            return [4 /*yield*/, Promise.all(entities
+                                    .filter(function (e) {
+                                    // must filter just selectable types or else any entities of unselectable types will get selected
+                                    var type = (0, EntityTypeUtils_1.getEntityTypeFromHeader)(e);
+                                    // also exclude already-selected entities, since we don't want to toggle those
+                                    return (!selected.has(e.id) &&
+                                        selectableTypes.includes(type) &&
+                                        visibleTypes.includes(type));
+                                })
+                                    .map(function (e) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
+                                    var latestVersion, versions;
+                                    var _a;
+                                    return (0, tslib_1.__generator)(this, function (_b) {
+                                        switch (_b.label) {
+                                            case 0:
+                                                if (!(mustSelectVersionNumber &&
+                                                    (0, EntityTypeUtils_1.isVersionableEntityType)((0, EntityTypeUtils_1.getEntityTypeFromHeader)(e)))) return [3 /*break*/, 2];
+                                                // If `mustSelectVersionNumber` is true, then we need to supply a version with the entity.
+                                                // We may already have the version from the header:
+                                                if (Object.prototype.hasOwnProperty.call(e, 'versionNumber')) {
+                                                    latestVersion = e.versionNumber;
+                                                }
+                                                if (!!latestVersion) return [3 /*break*/, 2];
+                                                // Failsafe if we didn't get the version in the header. This is rare/unlikely, since the only cases we're sure we don't get versions are:
+                                                //  - ProjectHeaders (which are versionless)
+                                                //  - Search Results (for which we don't support Select All)
+                                                // For large lists, there's a good chance for this to trigger throttling.
+                                                // Show the loading screen since we must fetch data (potentially a lot) to finish the task
+                                                setShowLoadingScreen(true);
+                                                return [4 /*yield*/, queryClient.fetchQuery(['entity', e.id, 'versions', { offset: 0, limit: 1 }], function () { return (0, SynapseClient_1.getEntityVersions)(e.id, accessToken, 0, 1); })
+                                                    // we pick the first version in the list because it is the most recent
+                                                ];
+                                            case 1:
+                                                versions = _b.sent();
+                                                // we pick the first version in the list because it is the most recent
+                                                latestVersion = (_a = versions.results[0]) === null || _a === void 0 ? void 0 : _a.versionNumber;
+                                                _b.label = 2;
+                                            case 2: return [2 /*return*/, {
+                                                    targetId: e.id,
+                                                    targetVersionNumber: latestVersion,
+                                                }];
+                                        }
+                                    });
+                                }); }))];
+                        case 3:
+                            // Not all of the items are selected, so we will select all
+                            _a.apply(void 0, [_b.sent()]);
+                            _b.label = 4;
+                        case 4:
+                            setShouldSelectAll(false);
+                            setShowLoadingScreen(false);
+                            _b.label = 5;
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            });
         }
-    }, [queryStatus, queryIsFetching, hasNextPage, fetchNextPage, inView]);
-    var showInteractiveSortIcon = function (columnSortBy) {
-        return (sort &&
-            setSort && (react_1.default.createElement(Sort_1.default, { role: "button", style: { height: '20px' }, active: sort.sortBy === columnSortBy, direction: sort.sortBy === columnSortBy ? sort.sortDirection : synapseTypes_1.Direction.DESC, onClick: function () {
-                if (sort.sortBy === columnSortBy) {
-                    setSort(sort.sortBy, sort.sortDirection === synapseTypes_1.Direction.ASC
-                        ? synapseTypes_1.Direction.DESC
-                        : synapseTypes_1.Direction.ASC);
+        handleSelectAll();
+    }, [
+        accessToken,
+        entities,
+        fetchNextPage,
+        hasNextPage,
+        mustSelectVersionNumber,
+        queryClient,
+        isFetchingNextPage,
+        selectAllIsChecked,
+        selectableTypes,
+        selected,
+        shouldSelectAll,
+        toggleSelection,
+        visibleTypes,
+    ]);
+    var tableData = entities.map(function (e) {
+        var appearance = determineRowAppearance(e);
+        var entityType = (0, EntityTypeUtils_1.getEntityTypeFromHeader)(e);
+        return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, e), { entityType: entityType, isSelected: appearance === 'selected', isHidden: appearance === 'hidden', isDisabled: appearance === 'disabled', isVersionableEntity: (0, EntityTypeUtils_1.isVersionableEntityType)(entityType), currentSelectedVersion: selected.get(e.id) });
+    });
+    var SelectAllCheckboxRenderer = (0, react_1.useMemo)(function () {
+        // Enabled if there's at least one visble & selectable entity, OR there's a page we haven't fetched
+        var isEnabled = hasNextPage ||
+            entities.filter(function (e) {
+                return selectableTypes.includes((0, EntityTypeUtils_1.getEntityTypeFromHeader)(e)) &&
+                    visibleTypes.includes((0, EntityTypeUtils_1.getEntityTypeFromHeader)(e));
+            }).length > 0;
+        return (enableSelectAll && (react_1.default.createElement("div", { "data-testid": "Select All", style: isEnabled ? { cursor: 'pointer' } : { cursor: 'not-allowed' }, onClick: function () {
+                if (isEnabled) {
+                    setShouldSelectAll(true);
                 }
-                else {
-                    setSort(columnSortBy, synapseTypes_1.Direction.DESC);
-                }
-            } })));
-    };
-    return (react_1.default.createElement("div", { className: "EntityFinderDetailsView" },
-        react_1.default.createElement("table", null,
-            react_1.default.createElement("thead", { className: entities.length === 0 ? 'Inactive' : '' },
-                react_1.default.createElement("tr", null,
-                    showSelectColumn && react_1.default.createElement("th", { className: "IsSelectedColumn" }),
-                    react_1.default.createElement("th", { className: "EntityIconColumn" }),
-                    react_1.default.createElement("th", { className: "NameColumn" },
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("span", null, "Name"),
-                            react_1.default.createElement("span", null, showInteractiveSortIcon(synapseTypes_1.SortBy.NAME)))),
-                    react_1.default.createElement("th", { className: "AccessColumn" }),
-                    react_1.default.createElement("th", { className: "IdColumn" },
-                        react_1.default.createElement("div", null, "ID")),
-                    showVersionSelection && (react_1.default.createElement("th", { className: "VersionColumn" },
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("span", null,
-                                "Version",
-                                react_1.default.createElement(HelpButtonPopover_1.HelpButtonPopover, { contentMarkdown: 'Allows you to choose which version of this item you would like to perform this action on. If you would like the selected reference to update as new versions are created, choose “Always Latest Version”' }))))),
-                    react_1.default.createElement("th", { className: "CreatedOnColumn" },
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("span", null, "Created On"),
-                            react_1.default.createElement("span", null, showInteractiveSortIcon(synapseTypes_1.SortBy.CREATED_ON)))),
-                    react_1.default.createElement("th", { className: "ModifiedOnColumn" },
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("span", null, "Modified On"),
-                            react_1.default.createElement("span", null, showInteractiveSortIcon(synapseTypes_1.SortBy.MODIFIED_ON)))),
-                    react_1.default.createElement("th", { className: "ModifiedByColumn" },
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("span", null, "Modified By"))))),
-            react_1.default.createElement("tbody", { className: "EntityFinderDetailsView__TableBody" }, entities === null || entities === void 0 ? void 0 :
-                entities.map(function (entity) {
-                    var _a;
-                    return (react_1.default.createElement(ErrorBanner_1.SynapseErrorBoundary, { FallbackComponent: ErrorBanner_1.TableRowFallbackComponent, key: entity.id },
-                        react_1.default.createElement(DetailsViewRow_1.DetailsViewRow, { entityHeader: entity, appearance: determineRowAppearance(entity), selectedVersion: (_a = selected.find(function (e) { return e.targetId === entity.id; })) === null || _a === void 0 ? void 0 : _a.targetVersionNumber, showVersionColumn: showVersionSelection, mustSelectVersionNumber: mustSelectVersionNumber, selectButtonType: selectColumnType, toggleSelection: toggleSelection })));
-                }),
-                react_1.default.createElement("tr", { ref: ref }))),
-        entities.length === 0 && (react_1.default.createElement("div", { className: "EntityFinderDetailsView__Placeholder" },
-            queryStatus !== 'loading' &&
-                (noResultsPlaceholder || react_1.default.createElement("div", null, "Empty")),
-            queryStatus === 'loading' && react_1.default.createElement(LoadingScreen_1.SynapseSpinner, { size: 30 })))));
+            } },
+            react_1.default.createElement(Checkbox_1.Checkbox, { label: "", className: "SRC-pointer-events-none", checked: selectAllIsChecked, disabled: !isEnabled, onChange: function () {
+                    // no-op
+                } }))));
+    }, [enableSelectAll, entities, selectAllIsChecked, selectableTypes]);
+    var sortState = {};
+    if (sort) {
+        sortState[sort.sortBy] = sort.sortDirection.toLowerCase();
+    }
+    return (react_1.default.createElement("div", { className: "EntityFinderDetailsView bootstrap-4-backport" },
+        react_1.default.createElement(LoadingScreen_1.BlockingLoader, { show: showLoadingScreen }),
+        react_1.default.createElement(react_base_table_1.AutoResizer, { className: "DetailsViewAutosizer", onResize: rebuildTooltip }, function (_a) {
+            var height = _a.height, width = _a.width;
+            return (react_1.default.createElement(react_base_table_1.default, { classPrefix: "DetailsViewTable", data: tableData, height: height, width: autoSizeWidth ? width : 1200, rowHeight: 46, overscanRowCount: 5, 
+                // Apply classes to the rows for styling
+                rowClassName: function (_a) {
+                    var rowIndex = _a.rowIndex;
+                    var className = 'EntityFinderDetailsViewRow';
+                    if (rowIndex % 2 === 0) {
+                        // Apply a class based on index so we can get alternating colors
+                        // We don't use CSSs nth-child because the rows are virtualized, so an even child might change to odd on-the-fly
+                        className += ' isEven';
+                    }
+                    return className;
+                }, 
+                // Apply aria roles to the rows for a11y/styling
+                rowProps: function (_a) {
+                    var rowData = _a.rowData;
+                    return {
+                        'aria-selected': rowData.isSelected,
+                        'aria-disabled': rowData.isDisabled,
+                        'aria-hidden': rowData.isHidden,
+                    };
+                }, headerCellProps: {
+                    role: 'columnheader',
+                }, 
+                // Sorting:
+                sortState: sortState, components: { SortIndicator: DetailsViewTableRenderers_1.CustomSortIndicator }, onColumnSort: function (_a) {
+                    var key = _a.key, order = _a.order;
+                    if (sort && setSort) {
+                        setSort(key, order === 'asc' ? synapseTypes_1.Direction.ASC : synapseTypes_1.Direction.DESC);
+                    }
+                }, onScroll: rebuildTooltip, rowEventHandlers: {
+                    onClick: function (_a) {
+                        var rowData = _a.rowData;
+                        var id = rowData.id, isDisabled = rowData.isDisabled, isVersionableEntity = rowData.isVersionableEntity;
+                        var currentSelectedVersion = rowData.currentSelectedVersion;
+                        if (!isDisabled) {
+                            if (isVersionableEntity &&
+                                mustSelectVersionNumber &&
+                                currentSelectedVersion == null &&
+                                Object.prototype.hasOwnProperty.call(rowData, 'versionNumber')) {
+                                currentSelectedVersion = rowData
+                                    .versionNumber;
+                                // Note that here we aren't handling the case where the header doesn't have a version, e.g. a search result
+                                // That case is actually handled by the VersionRenderer, which has an effect that will toggle the selection after data is fetched.
+                            }
+                            toggleSelection({
+                                targetId: id,
+                                targetVersionNumber: currentSelectedVersion === EntityFinder_1.NO_VERSION_NUMBER
+                                    ? undefined
+                                    : currentSelectedVersion,
+                            });
+                        }
+                    },
+                }, onEndReached: function () {
+                    if (hasNextPage && fetchNextPage && !isFetchingNextPage) {
+                        fetchNextPage();
+                    }
+                }, emptyRenderer: isLoading
+                    ? DetailsViewTableRenderers_1.LoadingRenderer
+                    : function () { return (react_1.default.createElement(DetailsViewTableRenderers_1.EmptyRenderer, { noResultsPlaceholder: noResultsPlaceholder })); } },
+                showSelectColumn && (react_1.default.createElement(react_base_table_1.Column, { key: "isSelected", title: "", minWidth: 50, maxWidth: 50, width: 50, dataKey: "isSelected", headerRenderer: SelectAllCheckboxRenderer, cellRenderer: DetailsViewTableRenderers_1.CheckboxRenderer })),
+                react_1.default.createElement(react_base_table_1.Column, { key: "type", title: "", minWidth: 45, maxWidth: 45, width: 45, dataKey: "entityType", cellRenderer: DetailsViewTableRenderers_1.TypeIconRenderer }),
+                react_1.default.createElement(react_base_table_1.Column, { key: synapseTypes_1.SortBy.NAME, title: "Name", width: 800, dataKey: "name", sortable: sort != null, resizable: true }),
+                react_1.default.createElement(react_base_table_1.Column, { key: "badge", title: "", width: 75, maxWidth: 75, minWidth: 75, cellRenderer: DetailsViewTableRenderers_1.BadgeIconsRenderer }),
+                react_1.default.createElement(react_base_table_1.Column, { key: "id", width: 120, dataKey: "id", title: "ID", minWidth: 120 }),
+                showVersionSelection && (react_1.default.createElement(react_base_table_1.Column, { key: "version", minWidth: 150, width: 500, title: "Version", cellRenderer: function (props) { return (react_1.default.createElement(DetailsViewTableRenderers_1.VersionRenderer, (0, tslib_1.__assign)({ mustSelectVersionNumber: mustSelectVersionNumber, toggleSelection: toggleSelection }, props))); }, headerRenderer: function () {
+                        return (react_1.default.createElement(react_1.default.Fragment, null,
+                            "Version",
+                            react_1.default.createElement(HelpButtonPopover_1.HelpButtonPopover, { contentMarkdown: 'Allows you to choose which version of this item you would like to perform this action on. If you would like the selected reference to update as new versions are created, choose “Always Latest Version”' })));
+                    } })),
+                react_1.default.createElement(react_base_table_1.Column, { key: synapseTypes_1.SortBy.CREATED_ON, sortable: sort != null, title: "Created On", width: 200, minWidth: 150, cellRenderer: DetailsViewTableRenderers_1.CreatedOnRenderer }),
+                react_1.default.createElement(react_base_table_1.Column, { key: synapseTypes_1.SortBy.MODIFIED_ON, title: "Modified On", width: 200, minWidth: 150, sortable: sort != null, cellRenderer: DetailsViewTableRenderers_1.ModifiedOnRenderer }),
+                react_1.default.createElement(react_base_table_1.Column, { key: "modifiedBy", title: "Modified By", width: 500, resizable: true, cellRenderer: DetailsViewTableRenderers_1.ModifiedByRenderer })));
+        }),
+        react_1.default.createElement(react_tooltip_1.default, { id: EntityBadgeIcons_1.ENTITY_BADGE_ICONS_TOOLTIP_ID, className: "EntityBadgeTooltip", delayShow: 100, place: 'right', effect: 'solid' })));
 };
 exports.DetailsView = DetailsView;
 //# sourceMappingURL=DetailsView.js.map

package/dist/containers/entity_finder/details/view/DetailsView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsView.js","sourceRoot":"","sources":["../../../../../src/lib/containers/entity_finder/details/view/DetailsView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DetailsView.js","sourceRoot":"","sources":["../../../../../src/lib/containers/entity_finder/details/view/DetailsView.tsx"],"names":[],"mappings":"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"}

package/dist/containers/entity_finder/details/view/DetailsViewTableRenderers.d.ts

@@ -0,0 +1,36 @@
+import { ColumnShape, SortOrder } from '@sage-bionetworks/react-base-table';
+import React from 'react';
+import { Reference } from '../../../../utils/synapseTypes';
+import { DetailsViewRowData } from './DetailsView';
+/**
+ * Props for cellRenderer components within the BaseTable
+ */
+export declare type DetailsViewRendererProps = {
+    rowData: DetailsViewRowData;
+    cellData: any;
+    columns: ColumnShape<DetailsViewRowData>[];
+};
+export declare const CustomSortIndicator: ({ className, sortOrder, }: {
+    className: string;
+    sortOrder: SortOrder;
+}) => JSX.Element;
+export declare function BadgeIconsRenderer({ rowData }: DetailsViewRendererProps): JSX.Element;
+export declare function DateRenderer({ cellData }: {
+    cellData?: string;
+}): JSX.Element;
+export declare function ModifiedOnRenderer(props: DetailsViewRendererProps): JSX.Element;
+export declare function CreatedOnRenderer(props: DetailsViewRendererProps): JSX.Element;
+export declare function UserCardRenderer({ cellData }: {
+    cellData?: string;
+}): JSX.Element;
+export declare function ModifiedByRenderer(props: DetailsViewRendererProps): JSX.Element;
+export declare function LoadingRenderer(): JSX.Element;
+export declare function CheckboxRenderer({ rowData }: DetailsViewRendererProps): false | JSX.Element;
+export declare function TypeIconRenderer({ cellData }: DetailsViewRendererProps): JSX.Element;
+export declare function EmptyRenderer({ noResultsPlaceholder, }: {
+    noResultsPlaceholder: React.ReactNode;
+}): JSX.Element;
+export declare const VersionRenderer: ({ rowData, mustSelectVersionNumber, toggleSelection, }: DetailsViewRendererProps & {
+    mustSelectVersionNumber: boolean;
+    toggleSelection: (entity: Reference | Reference[]) => void;
+}) => JSX.Element;

package/dist/containers/entity_finder/details/view/DetailsViewTableRenderers.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VersionRenderer = exports.EmptyRenderer = exports.TypeIconRenderer = exports.CheckboxRenderer = exports.LoadingRenderer = exports.ModifiedByRenderer = exports.UserCardRenderer = exports.CreatedOnRenderer = exports.ModifiedOnRenderer = exports.DateRenderer = exports.BadgeIconsRenderer = exports.CustomSortIndicator = void 0;
+var tslib_1 = require("tslib");
+var lab_1 = require("@material-ui/lab");
+var moment_1 = (0, tslib_1.__importDefault)(require("moment"));
+var react_1 = (0, tslib_1.__importStar)(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var Sort_1 = (0, tslib_1.__importDefault)(require("../../../../assets/icons/Sort"));
+var DateFormatter_1 = require("../../../../utils/functions/DateFormatter");
+var useEntity_1 = require("../../../../utils/hooks/SynapseAPI/useEntity");
+var useEntityBundle_1 = (0, tslib_1.__importDefault)(require("../../../../utils/hooks/SynapseAPI/useEntityBundle"));
+var SynapseConstants_1 = require("../../../../utils/SynapseConstants");
+var EntityBadgeIcons_1 = require("../../../EntityBadgeIcons");
+var EntityIcon_1 = require("../../../EntityIcon");
+var LoadingScreen_1 = require("../../../LoadingScreen");
+var UserCard_1 = (0, tslib_1.__importDefault)(require("../../../UserCard"));
+var Checkbox_1 = require("../../../widgets/Checkbox");
+var EntityFinder_1 = require("../../EntityFinder");
+var CustomSortIndicator = function (_a) {
+    var className = _a.className, sortOrder = _a.sortOrder;
+    return (react_1.default.createElement(Sort_1.default, { className: className, active: true, role: "button", style: { height: '20px', marginLeft: 'auto' }, direction: sortOrder }));
+};
+exports.CustomSortIndicator = CustomSortIndicator;
+function BadgeIconsRenderer(_a) {
+    var rowData = _a.rowData;
+    return (react_1.default.createElement(EntityBadgeIcons_1.EntityBadgeIcons, { entityId: rowData.id, showHasDiscussionThread: false, showHasWiki: false, showUnlink: false, canOpenModal: false, 
+        // We render the tooltip component outside of the table so it plays nicely with list virtualization
+        // https://github.com/wwayne/react-tooltip/issues/300#issuecomment-468042592
+        renderTooltipComponent: false }));
+}
+exports.BadgeIconsRenderer = BadgeIconsRenderer;
+function DateRenderer(_a) {
+    var _b;
+    var cellData = _a.cellData;
+    return (react_1.default.createElement(react_1.default.Fragment, null, (_b = (cellData && (0, DateFormatter_1.formatDate)((0, moment_1.default)(cellData)))) !== null && _b !== void 0 ? _b : react_1.default.createElement(lab_1.Skeleton, { width: 200 })));
+}
+exports.DateRenderer = DateRenderer;
+function ModifiedOnRenderer(props) {
+    var _a;
+    var bundle = (0, useEntityBundle_1.default)(props.rowData.id).data;
+    return react_1.default.createElement(DateRenderer, (0, tslib_1.__assign)({}, props, { cellData: (_a = bundle === null || bundle === void 0 ? void 0 : bundle.entity) === null || _a === void 0 ? void 0 : _a.modifiedOn }));
+}
+exports.ModifiedOnRenderer = ModifiedOnRenderer;
+function CreatedOnRenderer(props) {
+    var _a;
+    var bundle = (0, useEntityBundle_1.default)(props.rowData.id).data;
+    return react_1.default.createElement(DateRenderer, (0, tslib_1.__assign)({}, props, { cellData: (_a = bundle === null || bundle === void 0 ? void 0 : bundle.entity) === null || _a === void 0 ? void 0 : _a.createdOn }));
+}
+exports.CreatedOnRenderer = CreatedOnRenderer;
+function UserCardRenderer(_a) {
+    var cellData = _a.cellData;
+    return cellData ? (react_1.default.createElement(UserCard_1.default, { ownerId: cellData, size: SynapseConstants_1.SMALL_USER_CARD, openLinkInNewTab: true })) : (react_1.default.createElement(lab_1.Skeleton, { width: 200 }));
+}
+exports.UserCardRenderer = UserCardRenderer;
+function ModifiedByRenderer(props) {
+    var _a;
+    var bundle = (0, useEntityBundle_1.default)(props.rowData.id).data;
+    return react_1.default.createElement(UserCardRenderer, (0, tslib_1.__assign)({}, props, { cellData: (_a = bundle === null || bundle === void 0 ? void 0 : bundle.entity) === null || _a === void 0 ? void 0 : _a.modifiedBy }));
+}
+exports.ModifiedByRenderer = ModifiedByRenderer;
+function LoadingRenderer() {
+    return (react_1.default.createElement("div", { className: "EntityFinderDetailsViewPlaceholder" },
+        react_1.default.createElement(LoadingScreen_1.SynapseSpinner, { size: 30 })));
+}
+exports.LoadingRenderer = LoadingRenderer;
+function CheckboxRenderer(_a) {
+    var rowData = _a.rowData;
+    var isSelected = rowData.isSelected, isDisabled = rowData.isDisabled;
+    return (!isDisabled && (react_1.default.createElement(Checkbox_1.Checkbox, { label: "", className: "SRC-pointer-events-none", checked: isSelected, onChange: function () {
+            // no-op
+        } })));
+}
+exports.CheckboxRenderer = CheckboxRenderer;
+function TypeIconRenderer(_a) {
+    var cellData = _a.cellData;
+    return react_1.default.createElement(EntityIcon_1.EntityTypeIcon, { type: cellData });
+}
+exports.TypeIconRenderer = TypeIconRenderer;
+function EmptyRenderer(_a) {
+    var noResultsPlaceholder = _a.noResultsPlaceholder;
+    return (react_1.default.createElement("div", { className: "EntityFinderDetailsViewPlaceholder" }, noResultsPlaceholder || react_1.default.createElement("div", null, "Empty")));
+}
+exports.EmptyRenderer = EmptyRenderer;
+var VersionRenderer = function (_a) {
+    var _b;
+    var rowData = _a.rowData, mustSelectVersionNumber = _a.mustSelectVersionNumber, toggleSelection = _a.toggleSelection;
+    var id = rowData.id, isVersionableEntity = rowData.isVersionableEntity, isSelected = rowData.isSelected, currentSelectedVersion = rowData.currentSelectedVersion;
+    var versionData = (0, useEntity_1.useGetVersionsInfinite)(id, {
+        enabled: isVersionableEntity,
+        staleTime: 60 * 1000, // 60 seconds
+    }).data;
+    var versions = (_b = versionData === null || versionData === void 0 ? void 0 : versionData.pages.flatMap(function (page) { return page.results; })) !== null && _b !== void 0 ? _b : [];
+    (0, react_1.useEffect)(function () {
+        // If 'mustSelectVersionNumber' is true and the user has selected this entity and hasn't selected a version, then we force a version selection
+        if (isSelected &&
+            mustSelectVersionNumber &&
+            currentSelectedVersion === EntityFinder_1.NO_VERSION_NUMBER &&
+            versions.length > 0) {
+            toggleSelection({
+                targetId: id,
+                targetVersionNumber: versions[0].versionNumber,
+            });
+        }
+    }, [
+        currentSelectedVersion,
+        id,
+        isSelected,
+        mustSelectVersionNumber,
+        toggleSelection,
+        versions,
+    ]);
+    return (react_1.default.createElement("div", null, isSelected && versions && versions.length > 0 && (react_1.default.createElement(react_bootstrap_1.Form.Control, { role: "listbox", size: "sm", as: "select", value: currentSelectedVersion, onClick: function (event) {
+            event.stopPropagation();
+        }, onChange: function (event) {
+            event.stopPropagation();
+            var version = parseInt(event.target.value);
+            toggleSelection({
+                targetId: id,
+                targetVersionNumber: version === EntityFinder_1.NO_VERSION_NUMBER ? undefined : version,
+            });
+        } },
+        !mustSelectVersionNumber && (react_1.default.createElement("option", { value: EntityFinder_1.NO_VERSION_NUMBER }, "Always Latest Version")),
+        versions.map(function (version) {
+            return (react_1.default.createElement("option", { key: version.versionNumber, value: version.versionNumber },
+                "Version ",
+                version.versionNumber));
+        })))));
+};
+exports.VersionRenderer = VersionRenderer;
+//# sourceMappingURL=DetailsViewTableRenderers.js.map

package/dist/containers/entity_finder/details/view/DetailsViewTableRenderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsViewTableRenderers.js","sourceRoot":"","sources":["../../../../../src/lib/containers/entity_finder/details/view/DetailsViewTableRenderers.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAE3C,+DAA2B;AAC3B,0DAAwD;AACxD,mDAAsC;AACtC,oFAAoD;AACpD,2EAAsE;AACtE,0EAAqF;AACrF,oHAAmF;AACnF,uEAAoE;AAEpE,8DAA4D;AAC5D,kDAAoD;AACpD,wDAAuD;AACvD,4EAAwC;AACxC,sDAAoD;AACpD,mDAAsD;AAY/C,IAAM,mBAAmB,GAAG,UAAC,EAMnC;QALC,SAAS,eAAA,EACT,SAAS,eAAA;IAKT,OAAO,CACL,8BAAC,cAAQ,IACP,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,IAAI,EACZ,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAC7C,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,mBAAmB,uBAgB/B;AAED,SAAgB,kBAAkB,CAAC,EAAqC;QAAnC,OAAO,aAAA;IAC1C,OAAO,CACL,8BAAC,mCAAgB,IACf,QAAQ,EAAE,OAAO,CAAC,EAAE,EACpB,uBAAuB,EAAE,KAAK,EAC9B,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,KAAK;QACnB,mGAAmG;QACnG,4EAA4E;QAC5E,sBAAsB,EAAE,KAAK,GAC7B,CACH,CAAA;AACH,CAAC;AAbD,gDAaC;AAED,SAAgB,YAAY,CAAC,EAAmC;;QAAjC,QAAQ,cAAA;IACrC,OAAO,CACL,8DACG,MAAA,CAAC,QAAQ,IAAI,IAAA,0BAAU,EAAC,IAAA,gBAAM,EAAC,QAAQ,CAAC,CAAC,CAAC,mCAAI,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACtE,CACJ,CAAA;AACH,CAAC;AAND,oCAMC;AAED,SAAgB,kBAAkB,CAAC,KAA+B;;IACxD,IAAM,MAAM,GAAK,IAAA,yBAAkB,EAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAzC,CAAyC;IAC7D,OAAO,8BAAC,YAAY,4BAAK,KAAK,IAAE,QAAQ,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,UAAU,IAAI,CAAA;AAC1E,CAAC;AAHD,gDAGC;AAED,SAAgB,iBAAiB,CAAC,KAA+B;;IACvD,IAAM,MAAM,GAAK,IAAA,yBAAkB,EAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAzC,CAAyC;IAC7D,OAAO,8BAAC,YAAY,4BAAK,KAAK,IAAE,QAAQ,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,SAAS,IAAI,CAAA;AACzE,CAAC;AAHD,8CAGC;AAED,SAAgB,gBAAgB,CAAC,EAAmC;QAAjC,QAAQ,cAAA;IACzC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,8BAAC,kBAAQ,IACP,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,kCAAe,EACrB,gBAAgB,EAAE,IAAI,GACtB,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB,CAAA;AACH,CAAC;AAVD,4CAUC;AAED,SAAgB,kBAAkB,CAAC,KAA+B;;IACxD,IAAM,MAAM,GAAK,IAAA,yBAAkB,EAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAzC,CAAyC;IAC7D,OAAO,8BAAC,gBAAgB,4BAAK,KAAK,IAAE,QAAQ,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,UAAU,IAAI,CAAA;AAC9E,CAAC;AAHD,gDAGC;AAED,SAAgB,eAAe;IAC7B,OAAO,CACL,uCAAK,SAAS,EAAC,oCAAoC;QACjD,8BAAC,8BAAc,IAAC,IAAI,EAAE,EAAE,GAAI,CACxB,CACP,CAAA;AACH,CAAC;AAND,0CAMC;AAED,SAAgB,gBAAgB,CAAC,EAAqC;QAAnC,OAAO,aAAA;IAChC,IAAA,UAAU,GAAiB,OAAO,WAAxB,EAAE,UAAU,GAAK,OAAO,WAAZ,CAAY;IAC1C,OAAO,CACL,CAAC,UAAU,IAAI,CACb,8BAAC,mBAAQ,IACP,KAAK,EAAC,EAAE,EACR,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE;YACR,QAAQ;QACV,CAAC,GACD,CACH,CACF,CAAA;AACH,CAAC;AAdD,4CAcC;AAED,SAAgB,gBAAgB,CAAC,EAAsC;QAApC,QAAQ,cAAA;IACzC,OAAO,8BAAC,2BAAc,IAAC,IAAI,EAAE,QAAsB,GAAI,CAAA;AACzD,CAAC;AAFD,4CAEC;AAED,SAAgB,aAAa,CAAC,EAI7B;QAHC,oBAAoB,0BAAA;IAIpB,OAAO,CACL,uCAAK,SAAS,EAAC,oCAAoC,IAChD,oBAAoB,IAAI,mDAAgB,CACrC,CACP,CAAA;AACH,CAAC;AAVD,sCAUC;AAEM,IAAM,eAAe,GAAG,UAAC,EAO/B;;QANC,OAAO,aAAA,EACP,uBAAuB,6BAAA,EACvB,eAAe,qBAAA;IAMb,IAAA,EAAE,GAIA,OAAO,GAJP,EACF,mBAAmB,GAGjB,OAAO,oBAHU,EACnB,UAAU,GAER,OAAO,WAFC,EACV,sBAAsB,GACpB,OAAO,uBADa,CACb;IACH,IAAM,WAAW,GAAK,IAAA,kCAAsB,EAAC,EAAE,EAAE;QACvD,OAAO,EAAE,mBAAmB;QAC5B,SAAS,EAAE,EAAE,GAAG,IAAI,EAAE,aAAa;KACpC,CAAC,KAHuB,CAGvB;IACF,IAAM,QAAQ,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,OAAO,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,OAAO,EAAZ,CAAY,CAAC,mCAAI,EAAE,CAAA;IAEvE,IAAA,iBAAS,EAAC;QACR,8IAA8I;QAC9I,IACE,UAAU;YACV,uBAAuB;YACvB,sBAAsB,KAAK,gCAAiB;YAC5C,QAAQ,CAAC,MAAM,GAAG,CAAC,EACnB;YACA,eAAe,CAAC;gBACd,QAAQ,EAAE,EAAE;gBACZ,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa;aAC/C,CAAC,CAAA;SACH;IACH,CAAC,EAAE;QACD,sBAAsB;QACtB,EAAE;QACF,UAAU;QACV,uBAAuB;QACvB,eAAe;QACf,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,2CACG,UAAU,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAChD,8BAAC,sBAAI,CAAC,OAAO,IACX,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,IAAI,EACT,EAAE,EAAC,QAAQ,EACX,KAAK,EAAE,sBAAsB,EAC7B,OAAO,EAAE,UAAC,KAAwC;YAChD,KAAK,CAAC,eAAe,EAAE,CAAA;QACzB,CAAC,EACD,QAAQ,EAAE,UAAA,KAAK;YACb,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,IAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAC5C,eAAe,CAAC;gBACd,QAAQ,EAAE,EAAE;gBACZ,mBAAmB,EAAE,OAAO,KAAK,gCAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;aACzE,CAAC,CAAA;QACJ,CAAC;QAEA,CAAC,uBAAuB,IAAI,CAC3B,0CAAQ,KAAK,EAAE,gCAAiB,4BAAgC,CACjE;QACA,QAAQ,CAAC,GAAG,CAAC,UAAA,OAAO;YACnB,OAAO,CACL,0CAAQ,GAAG,EAAE,OAAO,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,aAAa;;gBACrD,OAAO,CAAC,aAAa,CACvB,CACV,CAAA;QACH,CAAC,CAAC,CACW,CAChB,CACG,CACP,CAAA;AACH,CAAC,CAAA;AA5EY,QAAA,eAAe,mBA4E3B"}

package/dist/containers/entity_finder/tree/TreeNode.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { EntityHeader, ProjectHeader, Reference } from '../../../utils/synapseTypes';
+import { EntityHeader, ProjectHeader } from '../../../utils/synapseTypes';
 import { EntityType } from '../../../utils/synapseTypes/EntityType';
+import { Map } from 'immutable';
 export declare type RootNodeConfiguration = {
     nodeText: string;
     children: (Pick<EntityHeader, 'name' | 'id' | 'type'> | ProjectHeader)[];
@@ -11,7 +12,7 @@ export declare enum NodeAppearance {
 }
 export declare type TreeNodeProps = {
     entityHeader?: Pick<EntityHeader, 'name' | 'id' | 'type'> | ProjectHeader;
-    selected: Reference[];
+    selected: Map<string, number>;
     setSelectedId: (entityId: string) => void;
     level?: number;
     autoExpand?: (entityId: string) => boolean;