synapse-react-client 3.0.32 → 3.0.35

package/dist/containers/provenance/EntityPlaceholderNodeLabel.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Reference } from '../../utils/synapseTypes';
+/**
+ * This node type is used if the user cannot access the entity for some reason
+ */
+export declare const EntityPlaceholderNodeLabel: (data: Reference) => JSX.Element;

package/dist/containers/provenance/EntityPlaceholderNodeLabel.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityPlaceholderNodeLabel = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+/**
+ * This node type is used if the user cannot access the entity for some reason
+ */
+var EntityPlaceholderNodeLabel = function (data) {
+    var targetVersionNumberString = data.targetVersionNumber
+        ? ".".concat(data.targetVersionNumber)
+        : '';
+    var entityVersionString = "".concat(data.targetId).concat(targetVersionNumberString);
+    return (0, react_1.useMemo)(function () { return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(IconSvg_1.default, { options: {
+                    icon: 'fileOutlined',
+                } })),
+        react_1.default.createElement("span", null, entityVersionString))); }, [entityVersionString]);
+};
+exports.EntityPlaceholderNodeLabel = EntityPlaceholderNodeLabel;
+//# sourceMappingURL=EntityPlaceholderNodeLabel.js.map

package/dist/containers/provenance/EntityPlaceholderNodeLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityPlaceholderNodeLabel.js","sourceRoot":"","sources":["../../../src/lib/containers/provenance/EntityPlaceholderNodeLabel.tsx"],"names":[],"mappings":";;;;AAAA,qDAAsC;AAEtC,+DAAgC;AAEhC;;GAEG;AACI,IAAM,0BAA0B,GAAG,UAAC,IAAe;IACxD,IAAM,yBAAyB,GAAG,IAAI,CAAC,mBAAmB;QACxD,CAAC,CAAC,WAAI,IAAI,CAAC,mBAAmB,CAAE;QAChC,CAAC,CAAC,EAAE,CAAA;IACN,IAAM,mBAAmB,GAAG,UAAG,IAAI,CAAC,QAAQ,SAAG,yBAAyB,CAAE,CAAA;IAC1E,OAAO,IAAA,eAAO,EACZ,cAAM,OAAA,CACJ;QACE;YACE,8BAAC,iBAAO,IACN,OAAO,EAAE;oBACP,IAAI,EAAE,cAAc;iBACrB,GACD,CACE;QACN,4CAAO,mBAAmB,CAAQ,CACjC,CACJ,EAXK,CAWL,EACD,CAAC,mBAAmB,CAAC,CACtB,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,0BAA0B,8BAoBtC"}

package/dist/containers/provenance/ExpandGraphNodeLabel.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { EntityHeader } from '../../utils/synapseTypes';
+export declare type ExpandGraphNodeDataProps = {
+    entityHeader: EntityHeader;
+    itemCount: number;
+};
+export declare const ExpandGraphNodeLabel: (props: ExpandGraphNodeDataProps) => JSX.Element;

package/dist/containers/provenance/ExpandGraphNodeLabel.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExpandGraphNodeLabel = void 0;
+var tslib_1 = require("tslib");
+var pluralize_1 = tslib_1.__importDefault(require("pluralize"));
+var react_1 = tslib_1.__importStar(require("react"));
+var ExpandGraphNodeLabel = function (props) {
+    var itemCount = props.itemCount;
+    return (0, react_1.useMemo)(function () { return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("a", null,
+            "Show ",
+            itemCount,
+            " ",
+            (0, pluralize_1.default)('item', itemCount),
+            "\u2026"))); }, [itemCount]);
+};
+exports.ExpandGraphNodeLabel = ExpandGraphNodeLabel;
+//# sourceMappingURL=ExpandGraphNodeLabel.js.map

package/dist/containers/provenance/ExpandGraphNodeLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandGraphNodeLabel.js","sourceRoot":"","sources":["../../../src/lib/containers/provenance/ExpandGraphNodeLabel.tsx"],"names":[],"mappings":";;;;AAAA,gEAAiC;AACjC,qDAAsC;AAO/B,IAAM,oBAAoB,GAAG,UAAC,KAA+B;IAC1D,IAAA,SAAS,GAAK,KAAK,UAAV,CAAU;IAC3B,OAAO,IAAA,eAAO,EACZ,cAAM,OAAA,CACJ;QACE;;YACQ,SAAS;;YAAG,IAAA,mBAAS,EAAC,MAAM,EAAE,SAAS,CAAC;qBAC5C,CACH,CACJ,EANK,CAML,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,oBAAoB,wBAYhC"}

package/dist/containers/provenance/ExternalGraphNodeLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { UsedURL } from '../../utils/synapseTypes/Provenance/Provenance';
+export declare const ExternalGraphNodeLabel: (data: UsedURL) => JSX.Element;

package/dist/containers/provenance/ExternalGraphNodeLabel.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExternalGraphNodeLabel = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Tooltip_1 = tslib_1.__importDefault(require("../../utils/tooltip/Tooltip"));
+var ProvenanceExternalIcon_1 = require("./ProvenanceExternalIcon");
+var ExternalGraphNodeLabel = function (data) {
+    return (0, react_1.useMemo)(function () { return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(ProvenanceExternalIcon_1.ProvenanceExternalIcon, { url: data.url })),
+        react_1.default.createElement(Tooltip_1.default, { title: data.name, placement: "top", enterNextDelay: 300 },
+            react_1.default.createElement("a", { href: data.url, rel: "noopener noreferrer" }, data.name)))); }, [data.name, data.url]);
+};
+exports.ExternalGraphNodeLabel = ExternalGraphNodeLabel;
+//# sourceMappingURL=ExternalGraphNodeLabel.js.map

package/dist/containers/provenance/ExternalGraphNodeLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalGraphNodeLabel.js","sourceRoot":"","sources":["../../../src/lib/containers/provenance/ExternalGraphNodeLabel.tsx"],"names":[],"mappings":";;;;AAAA,qDAAsC;AAEtC,gFAAiD;AACjD,mEAAiE;AAE1D,IAAM,sBAAsB,GAAG,UAAC,IAAa;IAClD,OAAO,IAAA,eAAO,EACZ,cAAM,OAAA,CACJ;QACE;YACE,8BAAC,+CAAsB,IAAC,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CACrC;QACN,8BAAC,iBAAO,IAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAC,KAAK,EAAC,cAAc,EAAE,GAAG;YAC5D,qCAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAC,qBAAqB,IACzC,IAAI,CAAC,IAAI,CACR,CACI,CACT,CACJ,EAXK,CAWL,EACD,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CACtB,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,sBAAsB,0BAgBlC"}

package/dist/containers/provenance/ProvenanceEntityIcon.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { EntityHeader } from '../../utils/synapseTypes';
+export declare type ProvenanceEntityIconProps = {
+    entityHeader?: EntityHeader;
+};
+export declare const ProvenanceEntityIcon: (props: ProvenanceEntityIconProps) => JSX.Element;

package/dist/containers/provenance/ProvenanceEntityIcon.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProvenanceEntityIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var EntityTypeUtils_1 = require("../../utils/functions/EntityTypeUtils");
+var synapseTypes_1 = require("../../utils/synapseTypes");
+var EntityIcon_1 = require("../EntityIcon");
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var codeFileExtensionSet = new Set([
+    '.awk',
+    '.bat',
+    '.btm',
+    '.c',
+    '.cmd',
+    '.cpp',
+    '.cxx',
+    '.def',
+    '.dlg',
+    '.dpc',
+    '.dpj',
+    '.dtd',
+    '.h',
+    '.hdl',
+    '.hpp',
+    '.hrc',
+    '.html',
+    '.hxx',
+    '.inc',
+    '.ini',
+    '.inl',
+    '.ins',
+    '.ipy',
+    '.java',
+    '.js',
+    '.jsp',
+    '.l',
+    '.lgt',
+    '.ll',
+    '.par',
+    '.pl',
+    '.py',
+    '.r',
+    '.rc',
+    '.rdb',
+    '.res',
+    '.s',
+    '.sbl',
+    '.scp',
+    '.sh',
+    '.sql',
+    '.src',
+    '.srs',
+    '.xml',
+    '.xrb',
+    '.y',
+    '.yaml',
+    '.yxx',
+    '.cwl',
+    '.wdl',
+    '.json',
+]);
+var ProvenanceEntityIcon = function (props) {
+    var entityHeader = props.entityHeader;
+    if (entityHeader) {
+        var entityType = (0, EntityTypeUtils_1.convertToEntityType)(entityHeader === null || entityHeader === void 0 ? void 0 : entityHeader.type);
+        if (entityType == synapseTypes_1.EntityType.FILE) {
+            // this is a file, may want to use a special icon in this case
+            var lastPeriodIndex = entityHeader.name.lastIndexOf('.');
+            if (lastPeriodIndex > -1) {
+                var extension = entityHeader.name.slice(lastPeriodIndex);
+                if (codeFileExtensionSet.has(extension.toLowerCase())) {
+                    return (react_1.default.createElement(IconSvg_1.default, { options: {
+                            icon: 'code',
+                        } }));
+                }
+            }
+        }
+        else {
+            return react_1.default.createElement(EntityIcon_1.EntityTypeIcon, { type: entityType, includeTooltip: false });
+        }
+    }
+    // return the default (File icon)
+    return react_1.default.createElement(EntityIcon_1.EntityTypeIcon, { type: synapseTypes_1.EntityType.FILE, includeTooltip: false });
+};
+exports.ProvenanceEntityIcon = ProvenanceEntityIcon;
+//# sourceMappingURL=ProvenanceEntityIcon.js.map

package/dist/containers/provenance/ProvenanceEntityIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProvenanceEntityIcon.js","sourceRoot":"","sources":["../../../src/lib/containers/provenance/ProvenanceEntityIcon.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,yEAA2E;AAC3E,yDAAmE;AACnE,4CAA8C;AAC9C,+DAAgC;AAMhC,IAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC;IACnC,MAAM;IACN,MAAM;IACN,MAAM;IACN,IAAI;IACJ,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,IAAI;IACJ,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,KAAK;IACL,MAAM;IACN,IAAI;IACJ,MAAM;IACN,KAAK;IACL,MAAM;IACN,KAAK;IACL,KAAK;IACL,IAAI;IACJ,KAAK;IACL,MAAM;IACN,MAAM;IACN,IAAI;IACJ,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,IAAI;IACJ,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;CACR,CAAC,CAAA;AAEK,IAAM,oBAAoB,GAAG,UAAC,KAAgC;IAC3D,IAAA,YAAY,GAAK,KAAK,aAAV,CAAU;IAC9B,IAAI,YAAY,EAAE;QAChB,IAAM,UAAU,GAAe,IAAA,qCAAmB,EAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAC,CAAA;QACtE,IAAI,UAAU,IAAI,yBAAU,CAAC,IAAI,EAAE;YACjC,8DAA8D;YAC9D,IAAM,eAAe,GAAG,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;YAC1D,IAAI,eAAe,GAAG,CAAC,CAAC,EAAE;gBACxB,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;gBAC1D,IAAI,oBAAoB,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,EAAE;oBACrD,OAAO,CACL,8BAAC,iBAAO,IACN,OAAO,EAAE;4BACP,IAAI,EAAE,MAAM;yBACb,GACD,CACH,CAAA;iBACF;aACF;SACF;aAAM;YACL,OAAO,8BAAC,2BAAc,IAAC,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,GAAI,CAAA;SACnE;KACF;IAED,iCAAiC;IACjC,OAAO,8BAAC,2BAAc,IAAC,IAAI,EAAE,yBAAU,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,GAAI,CAAA;AACzE,CAAC,CAAA;AA1BY,QAAA,oBAAoB,wBA0BhC"}

package/dist/containers/provenance/ProvenanceExternalIcon.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare type ProvenanceExternalIconProps = {
+    url: string;
+};
+export declare const ProvenanceExternalIcon: (props: ProvenanceExternalIconProps) => JSX.Element;

package/dist/containers/provenance/ProvenanceExternalIcon.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProvenanceExternalIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var IconSvg_1 = tslib_1.__importDefault(require("../IconSvg"));
+var githubRegex = /^(.+?\.)?github\.com$/;
+var githubusercontentRegex = /^(.+?\.)?githubusercontent\.com$/;
+var ProvenanceExternalIcon = function (props) {
+    var url = props.url;
+    var icon = 'link';
+    var parsedUrl = new URL(url);
+    var hostname = parsedUrl.hostname;
+    if (hostname.match(githubRegex) || hostname.match(githubusercontentRegex)) {
+        icon = 'github';
+    }
+    // else if (url.includes("genomespace.org")) {
+    //   icon = 'genomespace'
+    // }
+    // return the default (File icon)
+    return (react_1.default.createElement(IconSvg_1.default, { options: {
+            icon: icon,
+        } }));
+};
+exports.ProvenanceExternalIcon = ProvenanceExternalIcon;
+//# sourceMappingURL=ProvenanceExternalIcon.js.map

package/dist/containers/provenance/ProvenanceExternalIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProvenanceExternalIcon.js","sourceRoot":"","sources":["../../../src/lib/containers/provenance/ProvenanceExternalIcon.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,+DAA0C;AAK1C,IAAM,WAAW,GAAG,uBAAuB,CAAA;AAC3C,IAAM,sBAAsB,GAAG,kCAAkC,CAAA;AAE1D,IAAM,sBAAsB,GAAG,UAAC,KAAkC;IAC/D,IAAA,GAAG,GAAK,KAAK,IAAV,CAAU;IACrB,IAAI,IAAI,GAAS,MAAM,CAAA;IACvB,IAAM,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAA;IACtB,IAAA,QAAQ,GAAK,SAAS,SAAd,CAAc;IAE9B,IAAI,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,sBAAsB,CAAC,EAAE;QACzE,IAAI,GAAG,QAAQ,CAAA;KAChB;IACD,8CAA8C;IAC9C,yBAAyB;IACzB,IAAI;IAEJ,iCAAiC;IACjC,OAAO,CACL,8BAAC,iBAAO,IACN,OAAO,EAAE;YACP,IAAI,MAAA;SACL,GACD,CACH,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,sBAAsB,0BAqBlC"}

package/dist/containers/provenance/ProvenanceGraph.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Node, Edge } from 'react-flow-renderer';
+import { ReferenceList } from '../../utils/synapseTypes';
+export declare type ProvenanceProps = {
+    entityRefs: ReferenceList;
+    containerHeight: string;
+    initialNodes?: Node[];
+    initialEdges?: Edge[];
+    onNodesChangedListener?: (nodes: Node[]) => void;
+    onEdgesChangedListener?: (edges: Edge[]) => void;
+};
+export declare const ProvenanceGraph: (props: ProvenanceProps) => JSX.Element;

package/dist/containers/provenance/ProvenanceGraph.js

@@ -0,0 +1,309 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProvenanceGraph = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_flow_renderer_1 = tslib_1.__importStar(require("react-flow-renderer"));
+var ProvenanceUtils_1 = require("./ProvenanceUtils");
+var Provenance_1 = require("../../utils/synapseTypes/Provenance/Provenance");
+var SynapseContext_1 = require("../../utils/SynapseContext");
+var utils_1 = require("../../utils");
+var SynapseAPI_1 = require("../../utils/hooks/SynapseAPI");
+var core_1 = require("@material-ui/core");
+var ToastMessage_1 = require("../ToastMessage");
+var ErrorBanner_1 = require("../ErrorBanner");
+var react_error_boundary_1 = require("react-error-boundary");
+var ProvenanceGraphUtils_1 = require("./ProvenanceGraphUtils");
+var MAX_ACTIVITY_EXPAND_NODES = 400;
+var DEFAULT_ZOOM = 0.85;
+/**
+ * Renders a Provenance Graph for a set of entities.
+ * New Nodes are added to tempNodes, and new Edges are added to tempEdges.
+ * On change, these are fed into the dagre js graph library to figure out the node positions,
+ * and the output stored in 'nodes' and 'edges'. The 'nodes' and 'edges' arrays are used by the
+ * ReactFlow component.
+ */
+var ProvenanceReactFlow = function (props) {
+    var rootEntityRefs = props.entityRefs, _a = props.containerHeight, containerHeight = _a === void 0 ? '200px' : _a, _b = props.initialNodes, initialNodes = _b === void 0 ? [] : _b, _c = props.initialEdges, initialEdges = _c === void 0 ? [] : _c, onNodesChangedListener = props.onNodesChangedListener, onEdgesChangedListener = props.onEdgesChangedListener;
+    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
+    var _d = react_1.default.useState(initialNodes), tempNodes = _d[0], setTempNodes = _d[1];
+    var _e = react_1.default.useState(initialEdges), tempEdges = _e[0], setTempEdges = _e[1];
+    var _f = (0, react_flow_renderer_1.useNodesState)([]), nodes = _f[0], setNodes = _f[1], onNodesChange = _f[2];
+    var _g = (0, react_flow_renderer_1.useEdgesState)([]), edges = _g[0], setEdges = _g[1], onEdgesChange = _g[2];
+    var _h = (0, react_1.useState)(), clickedNode = _h[0], setClickedNode = _h[1];
+    var handleError = (0, react_error_boundary_1.useErrorHandler)();
+    var _j = (0, SynapseAPI_1.useGetEntityHeaders)(rootEntityRefs, { useErrorBoundary: true }), rootEntityHeadersPage = _j.data, isSuccess = _j.isSuccess;
+    if (isSuccess && rootEntityHeadersPage.totalNumberOfResults == 0) {
+        var synapseIds = rootEntityRefs.map(function (ref) { return ref.targetId; }).join(',');
+        handleError("Unable to load provenance for the given Synapse IDs: ".concat(synapseIds));
+    }
+    var rootEntityHeaders = rootEntityHeadersPage === null || rootEntityHeadersPage === void 0 ? void 0 : rootEntityHeadersPage.results;
+    var _k = react_1.default.useState(false), initializedPosition = _k[0], setInitializedPosition = _k[1];
+    // Get the react flow instance so we attempt to properly center the view.
+    var reactFlowInstance = (0, react_flow_renderer_1.useReactFlow)();
+    var onClickNode = (0, react_1.useCallback)(function (_event, node) {
+        setClickedNode(node);
+    }, []);
+    /**
+     * Called when we have a new entity to add to the graph.  This will result in adding
+     * a new Entity Node to the nodesCopy, a link from the usedInActivity to the new Entity Node,
+     * AND it will look for an Activity associated with the new entity.  If an Activity is found,
+     * it will add an Expand Node for the user to click (to expand to see this Activity!).
+     * If this is a root node (starting entity node), then we automatically add the Activity Node
+     * and process it.
+     */
+    var addEntity = (0, react_1.useCallback)(function (params) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var entityHeader, nodesCopy, edgesCopy, usedInActivity, activity, e_1;
+        var _a;
+        return tslib_1.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    entityHeader = params.entityHeader, nodesCopy = params.nodesCopy, edgesCopy = params.edgesCopy, usedInActivity = params.usedInActivity;
+                    (0, ProvenanceGraphUtils_1.addEntityNode)({
+                        entityHeader: entityHeader,
+                        activity: usedInActivity,
+                        nodesCopy: nodesCopy,
+                        edgesCopy: edgesCopy,
+                    });
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, utils_1.SynapseClient.getActivityForEntity(entityHeader.id, entityHeader.versionNumber, accessToken)
+                        // if this is not a root node (or there are too many items to show), add an expand node
+                    ];
+                case 2:
+                    activity = _b.sent();
+                    // if this is not a root node (or there are too many items to show), add an expand node
+                    if (!(0, ProvenanceGraphUtils_1.isRootEntity)({ entityHeader: entityHeader, rootEntityHeaders: rootEntityHeaders }) ||
+                        (activity.used && activity.used.length >= MAX_ACTIVITY_EXPAND_NODES)) {
+                        (0, ProvenanceGraphUtils_1.addExpandNode)({
+                            entityHeader: entityHeader,
+                            itemCount: (_a = activity.used) === null || _a === void 0 ? void 0 : _a.length,
+                            nodesCopy: nodesCopy,
+                            edgesCopy: edgesCopy,
+                        });
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_1 = _b.sent();
+                    // Activity is not accessible
+                    console.error(e_1);
+                    if ((0, ProvenanceGraphUtils_1.isRootEntity)({
+                        entityHeader: entityHeader,
+                        rootEntityHeaders: rootEntityHeaders,
+                    })) {
+                        // add provenance undefined node
+                        (0, ProvenanceGraphUtils_1.addUndefinedNode)({
+                            entityHeader: entityHeader,
+                            nodesCopy: nodesCopy,
+                            edgesCopy: edgesCopy,
+                        });
+                    }
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [accessToken, rootEntityHeaders]);
+    /**
+     * This effect attempts to center the graph on one of the root nodes.
+     * Only initializes after after a root node has been added to the graph.
+     */
+    (0, react_1.useEffect)(function () {
+        if (!initializedPosition && nodes.length > 0) {
+            setTimeout(function () {
+                if (rootEntityHeaders) {
+                    var rootEntityNode = (0, ProvenanceGraphUtils_1.findEntityNode)(rootEntityHeaders[0], nodes);
+                    if (rootEntityNode) {
+                        var currentZoom = reactFlowInstance.getZoom();
+                        var zoom = currentZoom > DEFAULT_ZOOM ? DEFAULT_ZOOM : currentZoom;
+                        reactFlowInstance === null || reactFlowInstance === void 0 ? void 0 : reactFlowInstance.setCenter(rootEntityNode.position.x + 150, rootEntityNode.position.y - 30, { zoom: zoom, duration: 0 });
+                    }
+                    setInitializedPosition(true);
+                }
+            });
+        }
+    }, [initializedPosition, nodes, reactFlowInstance, rootEntityHeaders]);
+    /**
+     * This is called when the user clicks on an Expand Node.  It will add the associated Activity
+     * and all "used" items (entities and urls) to the graph by adding items to the nodesCopy and edgesCopy arrays.
+     */
+    var onExpandEntity = (0, react_1.useCallback)(function (params) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var entityHeader, nodesCopy, edgesCopy, activity_1, usedEntityReferences_1, usedEntityHeadersPage, usedEntityHeaderPageResults_1, refsMissingEntityHeaders, addEntityPromises_1, e_2;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    entityHeader = params.entityHeader, nodesCopy = params.nodesCopy, edgesCopy = params.edgesCopy;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 6, , 7]);
+                    return [4 /*yield*/, utils_1.SynapseClient.getActivityForEntity(entityHeader.id, entityHeader.versionNumber, accessToken)];
+                case 2:
+                    activity_1 = _a.sent();
+                    (0, ProvenanceGraphUtils_1.addActivityNode)({
+                        activity: activity_1,
+                        entityHeader: entityHeader,
+                        nodesCopy: nodesCopy,
+                        edgesCopy: edgesCopy,
+                    });
+                    if (!(activity_1.used && activity_1.used.length < MAX_ACTIVITY_EXPAND_NODES)) return [3 /*break*/, 5];
+                    usedEntityReferences_1 = [];
+                    activity_1.used.forEach(function (usedItem) {
+                        if (usedItem.concreteType == Provenance_1.USED_ENTITY_CONCRETE_TYPE_VALUE) {
+                            usedEntityReferences_1.push(usedItem.reference);
+                        }
+                        else {
+                            // UsedURL
+                            var usedURL = usedItem;
+                            (0, ProvenanceGraphUtils_1.addExternalNode)({ usedURL: usedURL, activity: activity_1, nodesCopy: nodesCopy, edgesCopy: edgesCopy });
+                        }
+                    });
+                    return [4 /*yield*/, utils_1.SynapseClient.getEntityHeaders(usedEntityReferences_1, accessToken)];
+                case 3:
+                    usedEntityHeadersPage = _a.sent();
+                    usedEntityHeaderPageResults_1 = usedEntityHeadersPage.results;
+                    refsMissingEntityHeaders = usedEntityReferences_1.filter(function (ref) {
+                        return (usedEntityHeaderPageResults_1.find(function (header) {
+                            return header.id == ref.targetId;
+                        }) == undefined);
+                    });
+                    refsMissingEntityHeaders.forEach(function (ref) {
+                        (0, ProvenanceGraphUtils_1.addEntityPlaceholderNode)({ ref: ref, activity: activity_1, nodesCopy: nodesCopy, edgesCopy: edgesCopy });
+                    });
+                    addEntityPromises_1 = [];
+                    usedEntityHeaderPageResults_1.forEach(function (header) {
+                        addEntityPromises_1.push(addEntity({
+                            entityHeader: header,
+                            nodesCopy: nodesCopy,
+                            edgesCopy: edgesCopy,
+                            usedInActivity: activity_1,
+                        }));
+                    });
+                    return [4 /*yield*/, Promise.allSettled(addEntityPromises_1)];
+                case 4:
+                    _a.sent();
+                    _a.label = 5;
+                case 5: return [3 /*break*/, 7];
+                case 6:
+                    e_2 = _a.sent();
+                    // Activity is not accessible
+                    console.error(e_2);
+                    return [3 /*break*/, 7];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); }, [accessToken, addEntity]);
+    /**
+     * This effect code executes when no nodes have been added.
+     * It will add the root nodes, and attempt to expand the root nodes.
+     */
+    (0, react_1.useEffect)(function () {
+        if (rootEntityHeaders && tempNodes.length == 0) {
+            var nodesCopy_1 = tslib_1.__spreadArray([], tempNodes, true);
+            var edgesCopy_1 = tslib_1.__spreadArray([], tempEdges, true);
+            var addAndExpandPromises_1 = [];
+            rootEntityHeaders.forEach(function (header) {
+                var addEntityPromise = addEntity({
+                    entityHeader: header,
+                    nodesCopy: nodesCopy_1,
+                    edgesCopy: edgesCopy_1,
+                });
+                addAndExpandPromises_1.push(addEntityPromise);
+                var expandEntityPromise = onExpandEntity({
+                    entityHeader: header,
+                    nodesCopy: nodesCopy_1,
+                    edgesCopy: edgesCopy_1,
+                });
+                addAndExpandPromises_1.push(expandEntityPromise);
+            });
+            Promise.allSettled(addAndExpandPromises_1).finally(function () {
+                setTempNodes(nodesCopy_1);
+                setTempEdges(edgesCopy_1);
+            });
+        }
+    }, [
+        addEntity,
+        handleError,
+        onExpandEntity,
+        rootEntityHeaders,
+        rootEntityRefs,
+        tempEdges,
+        tempNodes,
+    ]);
+    /**
+     * This effect code executes when a node is clicked.
+     * We check to see if it is an expand node.  If it is, then we remove the expand node (and associated edge)
+     * and ask for the Activity and associated "used" nodes (entities and URLs)
+     */
+    (0, react_1.useEffect)(function () {
+        var nodeData = clickedNode === null || clickedNode === void 0 ? void 0 : clickedNode.data;
+        if (clickedNode && (nodeData === null || nodeData === void 0 ? void 0 : nodeData.type) == ProvenanceUtils_1.NodeType.EXPAND) {
+            var expandNodeDataProps = nodeData.props;
+            if (expandNodeDataProps.itemCount > MAX_ACTIVITY_EXPAND_NODES) {
+                (0, ToastMessage_1.displayToast)('Web visualization does not support expanding this many items at this time.', 'danger');
+                return;
+            }
+            else {
+                // graph will be used outside of synapse, so show a non-branded spinner
+                nodeData.label = react_1.default.createElement(core_1.CircularProgress, { size: 30 });
+                // remove clicked node
+                var nodesWithoutExpandNode_1 = tempNodes.filter(function (node) { return node.id != clickedNode.id; });
+                var edgeToRemove_1 = (0, react_flow_renderer_1.getConnectedEdges)([clickedNode], tempEdges)[0];
+                var edgesWithoutExpandEdge_1 = tempEdges.filter(function (edge) { return edge != edgeToRemove_1; });
+                onExpandEntity({
+                    entityHeader: expandNodeDataProps.entityHeader,
+                    nodesCopy: nodesWithoutExpandNode_1,
+                    edgesCopy: edgesWithoutExpandEdge_1,
+                }).finally(function () {
+                    setTempNodes(nodesWithoutExpandNode_1);
+                    setTempEdges(edgesWithoutExpandEdge_1);
+                });
+            }
+            setClickedNode(undefined);
+        }
+    }, [clickedNode, tempNodes, tempEdges, onExpandEntity]);
+    /**
+     * This effect code is run when the graph nodes or edges change.
+     * It feeds the nodes and edges into our layout library to figure out where they should be positioned.
+     * The result is saved in the state variable "nodes" and "edges".
+     */
+    (0, react_1.useEffect)(function () {
+        var _a = (0, ProvenanceUtils_1.getLayoutedElements)(tempNodes, tempEdges, 'TB'), layoutedNodes = _a.nodes, layoutedEdges = _a.edges;
+        // hack: ProvenanceUtils.getProvenanceNode() returns a new object every time, so check to see if
+        // there were any real changes
+        if (!(0, ProvenanceUtils_1.isArrayEqual)(layoutedNodes, nodes)) {
+            setNodes(layoutedNodes);
+            if (onNodesChangedListener) {
+                onNodesChangedListener(layoutedNodes);
+            }
+        }
+        if (!(0, ProvenanceUtils_1.isArrayEqual)(layoutedEdges, edges)) {
+            setEdges(layoutedEdges);
+            if (onEdgesChangedListener) {
+                onEdgesChangedListener(layoutedEdges);
+            }
+        }
+    }, [
+        tempNodes,
+        tempEdges,
+        nodes,
+        edges,
+        setNodes,
+        setEdges,
+        initializedPosition,
+        reactFlowInstance,
+        rootEntityRefs,
+        onNodesChangedListener,
+        onEdgesChangedListener,
+    ]);
+    return (react_1.default.createElement("div", { className: "bootstrap-4-backport ProvenanceWidget", role: "graphics-doc" //https://www.w3.org/wiki/SVG_Accessibility/ARIA_roles_for_charts#Document_Roles
+        , style: { width: '100%', height: containerHeight } },
+        react_1.default.createElement(react_flow_renderer_1.default, { defaultZoom: DEFAULT_ZOOM, nodes: nodes, edges: edges, onNodeClick: onClickNode, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, attributionPosition: "bottom-right", onConnect: undefined },
+            react_1.default.createElement(react_flow_renderer_1.Controls, null))));
+};
+var ProvenanceGraph = function (props) {
+    return (react_1.default.createElement(ErrorBanner_1.SynapseErrorBoundary, null,
+        react_1.default.createElement(react_flow_renderer_1.ReactFlowProvider, null,
+            react_1.default.createElement(ProvenanceReactFlow, tslib_1.__assign({}, props)))));
+};
+exports.ProvenanceGraph = ProvenanceGraph;
+//# sourceMappingURL=ProvenanceGraph.js.map

package/dist/containers/provenance/ProvenanceGraph.js.map

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

package/dist/containers/provenance/ProvenanceGraphUtils.d.ts

@@ -0,0 +1,66 @@
+import { Edge, Node } from 'react-flow-renderer';
+import { EntityHeader, Reference } from '../../utils/synapseTypes';
+import { Activity, UsedURL } from '../../utils/synapseTypes/Provenance/Provenance';
+import { ProvenanceNodeProps } from './ProvenanceUtils';
+/**
+ * Is one of the root Entities given by the user
+ */
+export declare const isRootEntity: (params: {
+    entityHeader: EntityHeader;
+    rootEntityHeaders?: EntityHeader[] | undefined;
+}) => boolean;
+/**
+ * Given the node properties, will return true if this node is already in the nodesCopy array.
+ */
+export declare const isNodeNotFound: (nodeProps: ProvenanceNodeProps, nodesCopy: Node[]) => boolean;
+export declare const findEntityNode: (entityHeader: EntityHeader, nodesCopy: Node[]) => Node<any> | undefined;
+/**
+ * Given the node properties, will return true if this edge is already in the edgesCopy array.
+ */
+export declare const isEdgeNotFound: (nodeProps1: ProvenanceNodeProps, nodeProps2: ProvenanceNodeProps, edgesCopy: Edge[]) => boolean;
+/**
+ * Given node properties of the new node and existing node, this function creates and adds a new node to
+ * nodesCopy, and creates an edge from the new node to the existing node.  Note, this will only create
+ * a new node or edge if these items are not found in the input nodesCopy array and edgesCopy array.
+ */
+export declare const addNodeAndEdge: (params: {
+    newNodeProps: ProvenanceNodeProps;
+    existingNodeProps: ProvenanceNodeProps;
+    nodesCopy: Node[];
+    edgesCopy: Edge[];
+}) => void;
+export declare const addActivityNode: (params: {
+    activity: Activity;
+    entityHeader: EntityHeader;
+    nodesCopy: Node[];
+    edgesCopy: Edge[];
+}) => void;
+export declare const addExpandNode: (params: {
+    entityHeader: EntityHeader;
+    itemCount: number | undefined;
+    nodesCopy: Node[];
+    edgesCopy: Edge[];
+}) => void;
+export declare const addEntityPlaceholderNode: (params: {
+    ref: Reference;
+    activity: Activity;
+    nodesCopy: Node[];
+    edgesCopy: Edge[];
+}) => void;
+export declare const addUndefinedNode: (params: {
+    entityHeader: EntityHeader;
+    nodesCopy: Node[];
+    edgesCopy: Edge[];
+}) => void;
+export declare const addExternalNode: (params: {
+    usedURL: UsedURL;
+    activity: Activity;
+    nodesCopy: Node[];
+    edgesCopy: Edge[];
+}) => void;
+export declare const addEntityNode: (params: {
+    entityHeader: EntityHeader;
+    activity: Activity | undefined;
+    nodesCopy: Node[];
+    edgesCopy: Edge[];
+}) => void;