synapse-react-client 2.1.22 → 3.0.1

package/dist/containers/entity_finder/tree/VirtualizedTree.js

@@ -0,0 +1,379 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VirtualizedTree = exports.getTreeWalkerFunction = exports.Node = exports.getNodeData = exports.EntityTreeNodeType = void 0;
+var tslib_1 = require("tslib");
+var lab_1 = require("@material-ui/lab");
+var lodash_1 = require("lodash");
+var react_1 = (0, tslib_1.__importStar)(require("react"));
+var react_intersection_observer_1 = require("react-intersection-observer");
+var react_virtualized_auto_sizer_1 = (0, tslib_1.__importDefault)(require("react-virtualized-auto-sizer"));
+var react_vtree_1 = require("react-vtree");
+var utils_1 = require("../../../utils");
+var EntityTypeUtils_1 = require("../../../utils/functions/EntityTypeUtils");
+var SynapseContext_1 = require("../../../utils/SynapseContext");
+var EntityBadgeIcons_1 = require("../../EntityBadgeIcons");
+var EntityIcon_1 = require("../../EntityIcon");
+var LoadingScreen_1 = require("../../LoadingScreen");
+var EntityTreeNodeType;
+(function (EntityTreeNodeType) {
+    /** The tree component's appearance and interactions will facilitate selection. Nodes will be larger and styles will indicate primary selection */
+    EntityTreeNodeType[EntityTreeNodeType["SINGLE_PANE"] = 0] = "SINGLE_PANE";
+    /** The tree component's appearance and interactions will facilitate browsing. Nodes will be smaller and styles will indicate secondary selection */
+    EntityTreeNodeType[EntityTreeNodeType["DUAL_PANE"] = 1] = "DUAL_PANE";
+})(EntityTreeNodeType = exports.EntityTreeNodeType || (exports.EntityTreeNodeType = {}));
+function getTreeNodeType(node) {
+    if ('__paginationNode' in node) {
+        return 'pagination';
+    }
+    return 'id' in node ? 'entityHeader' : 'rootNodeConfiguration';
+}
+function isPaginationNode(node) {
+    return getTreeNodeType(node) === 'pagination';
+}
+function isEntityHeaderNode(node) {
+    return getTreeNodeType(node) === 'entityHeader';
+}
+function isRootNodeConfiguration(node) {
+    return getTreeNodeType(node) === 'rootNodeConfiguration';
+}
+function hasMoreChildren(node) {
+    if (isPaginationNode(node)) {
+        return true;
+    }
+    else if (isRootNodeConfiguration(node)) {
+        return node.hasNextPage;
+    }
+    return node.children == null || node.childrenNextPageToken != null;
+}
+function isLeafNode(node) {
+    if (isPaginationNode(node)) {
+        return true;
+    }
+    else if (isRootNodeConfiguration(node)) {
+        return false;
+    }
+    else {
+        return (
+        // Entity is not a container
+        !(0, EntityTypeUtils_1.isContainerType)((0, EntityTypeUtils_1.getEntityTypeFromHeader)(node)) ||
+            // OR Children have been fetched (nonnull) and there are 0 children
+            (node.children != null && node.children.length === 0));
+    }
+}
+/**
+ * Converts a TreeNode and related data into a TreeWalkerValue that react-vtree can use to render the tree.
+ * Exported for testing purposes only.
+ * @param config
+ * @returns
+ */
+var getNodeData = function (config) {
+    var node = config.node, nestingLevel = config.nestingLevel, getNextPageOfChildren = config.getNextPageOfChildren, setSelectedId = config.setSelectedId, treeNodeType = config.treeNodeType, selected = config.selected, selectableTypes = config.selectableTypes, autoExpand = config.autoExpand, defaultHeight = config.defaultHeight, currentContainer = config.currentContainer;
+    if (isPaginationNode(node)) {
+        throw new Error('Cannot create data for a pagination node');
+    }
+    var id = isRootNodeConfiguration(node) ? 'root' : node.id;
+    var isOpenByDefault = autoExpand(id);
+    var isSelected = treeNodeType === EntityTreeNodeType.SINGLE_PANE
+        ? selected.has(id)
+        : currentContainer === id;
+    var isDisabled = !isRootNodeConfiguration(node) &&
+        !selectableTypes.includes((0, EntityTypeUtils_1.getEntityTypeFromHeader)(node));
+    /*
+     * If the node is open by default and we haven't fetched its children,
+     * fetch the first page (otherwise we won't fetch unless re-toggled)
+     */
+    if (isOpenByDefault && node.children == null && hasMoreChildren(node)) {
+        getNextPageOfChildren();
+    }
+    return {
+        data: {
+            node: node,
+            getNextPageOfChildren: getNextPageOfChildren,
+            id: id,
+            isLeaf: isLeafNode(node),
+            isOpenByDefault: isOpenByDefault,
+            nestingLevel: nestingLevel,
+            setSelectedId: setSelectedId,
+            treeNodeType: treeNodeType,
+            isSelected: isSelected,
+            isDisabled: isDisabled,
+            defaultHeight: defaultHeight,
+        },
+        nestingLevel: nestingLevel,
+        node: node,
+    };
+};
+exports.getNodeData = getNodeData;
+/**
+ * Node component for the react-vtree virtualized tree. Exported only for testing purposes
+ */
+function Node(props) {
+    var _this = this;
+    var _a = props.data, node = _a.node, getNextPageOfChildren = _a.getNextPageOfChildren, isLeaf = _a.isLeaf, id = _a.id, nestingLevel = _a.nestingLevel, setSelectedId = _a.setSelectedId, treeNodeType = _a.treeNodeType, isSelected = _a.isSelected, isDisabled = _a.isDisabled, isOpen = props.isOpen, style = props.style, setOpen = props.setOpen;
+    var _b = (0, react_1.useState)(false), isLoading = _b[0], setLoading = _b[1];
+    var nodeText = isEntityHeaderNode(node) ? (node.name) : isRootNodeConfiguration(node) ? (node.nodeText) : (
+    // Pagination node
+    react_1.default.createElement(lab_1.Skeleton, { width: 100 }));
+    // We only use this for pagination nodes. If the pagination node comes into view, then immediately call `getNextPageOfChildren`
+    var _c = (0, react_intersection_observer_1.useInView)(), ref = _c.ref, inView = _c.inView;
+    (0, react_1.useEffect)(function () {
+        if (isPaginationNode(node) && inView) {
+            getNextPageOfChildren();
+        }
+    }, [node, inView, getNextPageOfChildren]);
+    /**
+     * If the height is 0, the node is purposefully hidden. Just render a fragment.
+     */
+    if ('height' in style && style.height === 0) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+    function toggleExpand() {
+        return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
+            return (0, tslib_1.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!hasMoreChildren(node)) return [3 /*break*/, 3];
+                        setLoading(true);
+                        return [4 /*yield*/, getNextPageOfChildren()];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, setOpen(!isOpen)];
+                    case 2:
+                        _a.sent();
+                        setLoading(false);
+                        return [3 /*break*/, 5];
+                    case 3: return [4 /*yield*/, setOpen(!isOpen)];
+                    case 4:
+                        _a.sent();
+                        _a.label = 5;
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    return (react_1.default.createElement("div", { className: "Node " + (treeNodeType === EntityTreeNodeType.SINGLE_PANE
+            ? 'SelectNode'
+            : 'BrowseNode'), "aria-selected": isSelected, "aria-disabled": isDisabled, onClick: function (event) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
+            return (0, tslib_1.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event.stopPropagation();
+                        if (!isDisabled) {
+                            setSelectedId(id);
+                        }
+                        if (!(treeNodeType === EntityTreeNodeType.DUAL_PANE &&
+                            !isOpen &&
+                            !isSelected)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, toggleExpand()];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        }); }, style: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, style), { paddingLeft: 20 + nestingLevel * 20 + "px" }) },
+        !isLeaf && (react_1.default.createElement("button", { className: "ExpandButton", type: "button", onClick: function (event) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
+                return (0, tslib_1.__generator)(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            event.stopPropagation();
+                            return [4 /*yield*/, toggleExpand()];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); } }, isLoading ? react_1.default.createElement(LoadingScreen_1.SynapseSpinner, { size: 10 }) : isOpen ? '▾' : '▸')),
+        treeNodeType === EntityTreeNodeType.SINGLE_PANE && ( // SWC-5592
+        react_1.default.createElement("div", { className: "EntityIcon" }, isEntityHeaderNode(node) && (react_1.default.createElement(EntityIcon_1.EntityTypeIcon, { type: (0, EntityTypeUtils_1.getEntityTypeFromHeader)(node) })))),
+        react_1.default.createElement("div", { className: "EntityName", ref: ref }, nodeText),
+        treeNodeType === EntityTreeNodeType.SINGLE_PANE && (react_1.default.createElement(EntityBadgeIcons_1.EntityBadgeIcons, { entityId: id, showHasDiscussionThread: false, showHasWiki: false, showUnlink: false, canOpenModal: false, renderTooltipComponent: true }))));
+}
+exports.Node = Node;
+/**
+ * Extracted from the React component for testing purposes
+ * @returns a generator function compatible with react-vtree
+ */
+function getTreeWalkerFunction(rootNode, setSelectedId, treeNodeType, selected, selectableTypes, autoExpand, itemSize, currentContainer, fetchNextPageOfChildren) {
+    return function treeWalker() {
+        var parentMeta, _loop_1, i, paginationNode, paginationTreeWalkerValue;
+        var _a;
+        return (0, tslib_1.__generator)(this, function (_b) {
+            switch (_b.label) {
+                case 0: 
+                // Step [1]: Define the root node of our tree.
+                return [4 /*yield*/, (0, exports.getNodeData)({
+                        node: rootNode,
+                        nestingLevel: 0,
+                        getNextPageOfChildren: rootNode.fetchNextPage,
+                        setSelectedId: setSelectedId,
+                        treeNodeType: treeNodeType,
+                        selected: selected,
+                        selectableTypes: selectableTypes,
+                        autoExpand: autoExpand,
+                        defaultHeight: itemSize(),
+                        currentContainer: currentContainer,
+                    })];
+                case 1:
+                    // Step [1]: Define the root node of our tree.
+                    _b.sent();
+                    _b.label = 2;
+                case 2:
+                    if (!true) return [3 /*break*/, 10];
+                    return [4 /*yield*/];
+                case 3:
+                    parentMeta = _b.sent();
+                    if (!(!isPaginationNode(parentMeta.node) &&
+                        (parentMeta.node.children || hasMoreChildren(parentMeta.node)))) return [3 /*break*/, 9];
+                    _loop_1 = function (i) {
+                        var childNode;
+                        return (0, tslib_1.__generator)(this, function (_c) {
+                            switch (_c.label) {
+                                case 0:
+                                    childNode = parentMeta.node.children[i];
+                                    return [4 /*yield*/, (0, exports.getNodeData)({
+                                            node: childNode,
+                                            nestingLevel: parentMeta.nestingLevel + 1,
+                                            getNextPageOfChildren: function () { return fetchNextPageOfChildren(childNode); },
+                                            setSelectedId: setSelectedId,
+                                            treeNodeType: treeNodeType,
+                                            selected: selected,
+                                            selectableTypes: selectableTypes,
+                                            autoExpand: autoExpand,
+                                            defaultHeight: itemSize(),
+                                            currentContainer: currentContainer,
+                                        })];
+                                case 1:
+                                    _c.sent();
+                                    return [2 /*return*/];
+                            }
+                        });
+                    };
+                    i = 0;
+                    _b.label = 4;
+                case 4:
+                    if (!(i < ((_a = parentMeta.node.children) !== null && _a !== void 0 ? _a : []).length)) return [3 /*break*/, 7];
+                    return [5 /*yield**/, _loop_1(i)];
+                case 5:
+                    _b.sent();
+                    _b.label = 6;
+                case 6:
+                    i++;
+                    return [3 /*break*/, 4];
+                case 7:
+                    if (!(parentMeta.node.children != null &&
+                        hasMoreChildren(parentMeta.node))) return [3 /*break*/, 9];
+                    paginationNode = {
+                        __paginationNode: true,
+                    };
+                    paginationTreeWalkerValue = {
+                        data: {
+                            id: parentMeta.data.id + '-pagination',
+                            node: paginationNode,
+                            isOpenByDefault: false,
+                            getNextPageOfChildren: parentMeta.data.getNextPageOfChildren,
+                            isLeaf: true,
+                            isSelected: false,
+                            defaultHeight: itemSize(),
+                            isDisabled: true,
+                            nestingLevel: parentMeta.nestingLevel + 1,
+                            setSelectedId: function () { },
+                            treeNodeType: treeNodeType,
+                        },
+                        nestingLevel: parentMeta.nestingLevel + 1,
+                        node: {
+                            __paginationNode: true,
+                        },
+                    };
+                    return [4 /*yield*/, paginationTreeWalkerValue];
+                case 8:
+                    _b.sent();
+                    _b.label = 9;
+                case 9: return [3 /*break*/, 2];
+                case 10: return [2 /*return*/];
+            }
+        });
+    };
+}
+exports.getTreeWalkerFunction = getTreeWalkerFunction;
+/**
+ * Component that utilizes react-vtree to efficiently display a tree of entities. react-vtree utilizes react-window
+ * to only render visible nodes, which eliminates performance issues as seen in SWC-5978.
+ */
+var VirtualizedTree = function (props) {
+    var rootNodeConfiguration = props.rootNodeConfiguration, setSelectedId = props.setSelectedId, treeNodeType = props.treeNodeType, selected = props.selected, currentContainer = props.currentContainer, selectableTypes = props.selectableTypes, visibleTypes = props.visibleTypes, autoExpand = props.autoExpand;
+    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
+    var _a = (0, react_1.useState)(rootNodeConfiguration), rootNode = _a[0], setRootNode = _a[1];
+    (0, react_1.useEffect)(function () {
+        setRootNode(rootNodeConfiguration);
+    }, [rootNodeConfiguration, rootNodeConfiguration.children]);
+    // This function is used by VariableSizeTree to identify the size of each node in the tree.
+    var itemSize = (0, react_1.useCallback)(function (index) {
+        /**
+         * We must have a root node, but we don't always want to show it.
+         * In those cases, set the height of the root node to 0.
+         */
+        if (index === 0 && !rootNodeConfiguration.show) {
+            return 0;
+        }
+        /**
+         * The height of all other nodes in the tree varies depending on the tree node type.
+         */
+        return treeNodeType === EntityTreeNodeType.DUAL_PANE ? 28 : 60;
+    }, [treeNodeType, rootNodeConfiguration.show]);
+    /**
+     * Fetches the next page of children for a given node. After fetching the children, this method will make a deep clone of the
+     *  full tree, including the new data, and updates the state of the component
+     */
+    var fetchNextPageOfChildren = (0, react_1.useCallback)(
+    // Because we update the root node with a copy at the end of this function, we can write to the node under update.
+    function (node) { return (0, tslib_1.__awaiter)(void 0, void 0, void 0, function () {
+        var children;
+        var _a;
+        return (0, tslib_1.__generator)(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, utils_1.SynapseClient.getEntityChildren({
+                        parentId: node.id,
+                        nextPageToken: node.childrenNextPageToken,
+                        includeTypes: visibleTypes,
+                    }, accessToken)
+                    // Update the node data -- add the children and store the nextPageToken
+                ];
+                case 1:
+                    children = _b.sent();
+                    // Update the node data -- add the children and store the nextPageToken
+                    if (node.children) {
+                        (_a = node.children).push.apply(_a, children.page);
+                    }
+                    else {
+                        node.children = children.page;
+                    }
+                    node.childrenNextPageToken = children.nextPageToken;
+                    // cloneDeep is required to re-render the tree with the new children
+                    setRootNode((0, lodash_1.cloneDeep)(rootNode));
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [rootNode, accessToken, visibleTypes]);
+    /**
+     * treeWalker is a generator function used by react-vtree to generate the tree structure. The tree is re-built when the function is updated,
+     * so the dependencies specified in useCallback are important.
+     */
+    var memoizedTreeWalker = (0, react_1.useCallback)(getTreeWalkerFunction(rootNode, setSelectedId, treeNodeType, selected, selectableTypes, autoExpand, itemSize, currentContainer, fetchNextPageOfChildren), [
+        rootNode,
+        setSelectedId,
+        treeNodeType,
+        selected,
+        selectableTypes,
+        autoExpand,
+        currentContainer,
+        fetchNextPageOfChildren,
+        itemSize,
+    ]);
+    return (react_1.default.createElement(react_virtualized_auto_sizer_1.default, { disableWidth: true }, function (_a) {
+        var height = _a.height;
+        return (react_1.default.createElement(react_vtree_1.VariableSizeTree, { treeWalker: memoizedTreeWalker, itemSize: itemSize, height: height, async: true, width: "100%" }, Node));
+    }));
+};
+exports.VirtualizedTree = VirtualizedTree;
+//# sourceMappingURL=VirtualizedTree.js.map

package/dist/containers/entity_finder/tree/VirtualizedTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualizedTree.js","sourceRoot":"","sources":["../../../../src/lib/containers/entity_finder/tree/VirtualizedTree.tsx"],"names":[],"mappings":";;;;AAAA,wCAA2C;AAE3C,iCAAkC;AAClC,0DAA+D;AAC/D,2EAAuD;AACvD,2GAAoD;AACpD,2CAMoB;AAEpB,wCAA8C;AAC9C,4EAGiD;AACjD,gEAAiE;AAOjE,2DAAyD;AACzD,+CAAiD;AACjD,qDAAoD;AAEpD,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,kJAAkJ;IAClJ,yEAAW,CAAA;IACX,oJAAoJ;IACpJ,qEAAS,CAAA;AACX,CAAC,EALW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAK7B;AAkBD,SAAS,eAAe,CACtB,IAAc;IAEd,IAAI,kBAAkB,IAAI,IAAI,EAAE;QAC9B,OAAO,YAAY,CAAA;KACpB;IACD,OAAO,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,uBAAuB,CAAA;AAChE,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAc;IACtC,OAAO,eAAe,CAAC,IAAI,CAAC,KAAK,YAAY,CAAA;AAC/C,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAc;IACxC,OAAO,eAAe,CAAC,IAAI,CAAC,KAAK,cAAc,CAAA;AACjD,CAAC;AAED,SAAS,uBAAuB,CAC9B,IAAc;IAEd,OAAO,eAAe,CAAC,IAAI,CAAC,KAAK,uBAAuB,CAAA;AAC1D,CAAC;AAED,SAAS,eAAe,CAAC,IAAc;IACrC,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE;QAC1B,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,uBAAuB,CAAC,IAAI,CAAC,EAAE;QACxC,OAAO,IAAI,CAAC,WAAW,CAAA;KACxB;IAED,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAA;AACpE,CAAC;AAED,SAAS,UAAU,CAAC,IAAc;IAChC,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE;QAC1B,OAAO,IAAI,CAAA;KACZ;SAAM,IAAI,uBAAuB,CAAC,IAAI,CAAC,EAAE;QACxC,OAAO,KAAK,CAAA;KACb;SAAM;QACL,OAAO;QACL,4BAA4B;QAC5B,CAAC,IAAA,iCAAe,EAAC,IAAA,yCAAuB,EAAC,IAAI,CAAC,CAAC;YAC/C,mEAAmE;YACnE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CACtD,CAAA;KACF;AACH,CAAC;AA4BD;;;;;GAKG;AACI,IAAM,WAAW,GAAG,UAAC,MAW3B;IAEG,IAAA,IAAI,GAUF,MAAM,KAVJ,EACJ,YAAY,GASV,MAAM,aATI,EACZ,qBAAqB,GAQnB,MAAM,sBARa,EACrB,aAAa,GAOX,MAAM,cAPK,EACb,YAAY,GAMV,MAAM,aANI,EACZ,QAAQ,GAKN,MAAM,SALA,EACR,eAAe,GAIb,MAAM,gBAJO,EACf,UAAU,GAGR,MAAM,WAHE,EACV,aAAa,GAEX,MAAM,cAFK,EACb,gBAAgB,GACd,MAAM,iBADQ,CACR;IAEV,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAAE;QAC1B,MAAM,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAA;KAC5D;IAED,IAAM,EAAE,GAAG,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAA;IAE3D,IAAM,eAAe,GAAG,UAAU,CAAC,EAAE,CAAC,CAAA;IACtC,IAAM,UAAU,GACd,YAAY,KAAK,kBAAkB,CAAC,WAAW;QAC7C,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAClB,CAAC,CAAC,gBAAgB,KAAK,EAAE,CAAA;IAC7B,IAAM,UAAU,GACd,CAAC,uBAAuB,CAAC,IAAI,CAAC;QAC9B,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAA,yCAAuB,EAAC,IAAI,CAAC,CAAC,CAAA;IAC1D;;;OAGG;IACH,IAAI,eAAe,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,eAAe,CAAC,IAAI,CAAC,EAAE;QACrE,qBAAqB,EAAE,CAAA;KACxB;IAED,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,MAAA;YACJ,qBAAqB,uBAAA;YACrB,EAAE,EAAE,EAAE;YACN,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC;YACxB,eAAe,EAAE,eAAe;YAChC,YAAY,cAAA;YACZ,aAAa,eAAA;YACb,YAAY,cAAA;YACZ,UAAU,YAAA;YACV,UAAU,YAAA;YACV,aAAa,eAAA;SACd;QACD,YAAY,cAAA;QACZ,IAAI,MAAA;KACL,CAAA;AACH,CAAC,CAAA;AAhEY,QAAA,WAAW,eAgEvB;AAED;;GAEG;AACH,SAAgB,IAAI,CAClB,KAA0E;IAD5E,iBAuHC;IAnHG,IAAA,KAcE,KAAK,KAJN,EATC,IAAI,UAAA,EACJ,qBAAqB,2BAAA,EACrB,MAAM,YAAA,EACN,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,UAAU,gBAAA,EAEZ,MAAM,GAGJ,KAAK,OAHD,EACN,KAAK,GAEH,KAAK,MAFF,EACL,OAAO,GACL,KAAK,QADA,CACA;IAEH,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,SAAS,QAAA,EAAE,UAAU,QAAmB,CAAA;IAE/C,IAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC1C,IAAI,CAAC,IAAI,CACV,CAAC,CAAC,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClC,IAAI,CAAC,QAAQ,CACd,CAAC,CAAC,CAAC;IACF,kBAAkB;IAClB,8BAAC,cAAQ,IAAC,KAAK,EAAE,GAAG,GAAI,CACzB,CAAA;IAED,+HAA+H;IACzH,IAAA,KAAkB,IAAA,uCAAS,GAAE,EAA3B,GAAG,SAAA,EAAE,MAAM,YAAgB,CAAA;IACnC,IAAA,iBAAS,EAAC;QACR,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,MAAM,EAAE;YACpC,qBAAqB,EAAE,CAAA;SACxB;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAA;IAEzC;;OAEG;IACH,IAAI,QAAQ,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QAC3C,OAAO,6DAAK,CAAA;KACb;IAED,SAAe,YAAY;;;;;6BACrB,eAAe,CAAC,IAAI,CAAC,EAArB,wBAAqB;wBACvB,UAAU,CAAC,IAAI,CAAC,CAAA;wBAChB,qBAAM,qBAAqB,EAAE,EAAA;;wBAA7B,SAA6B,CAAA;wBAC7B,qBAAM,OAAO,CAAC,CAAC,MAAM,CAAC,EAAA;;wBAAtB,SAAsB,CAAA;wBACtB,UAAU,CAAC,KAAK,CAAC,CAAA;;4BAEjB,qBAAM,OAAO,CAAC,CAAC,MAAM,CAAC,EAAA;;wBAAtB,SAAsB,CAAA;;;;;;KAEzB;IAED,OAAO,CACL,uCACE,SAAS,EAAE,WACT,YAAY,KAAK,kBAAkB,CAAC,WAAW;YAC7C,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,YAAY,CAChB,mBACa,UAAU,mBACV,UAAU,EACzB,OAAO,EAAE,UAAM,KAAK;;;;wBAClB,KAAK,CAAC,eAAe,EAAE,CAAA;wBACvB,IAAI,CAAC,UAAU,EAAE;4BACf,aAAa,CAAC,EAAE,CAAC,CAAA;yBAClB;6BAEC,CAAA,YAAY,KAAK,kBAAkB,CAAC,SAAS;4BAC7C,CAAC,MAAM;4BACP,CAAC,UAAU,CAAA,EAFX,wBAEW;wBAEX,qBAAM,YAAY,EAAE,EAAA;;wBAApB,SAAoB,CAAA;;;;;aAEvB,EACD,KAAK,kDACA,KAAK,KACR,WAAW,EAAK,EAAE,GAAG,YAAY,GAAG,EAAE,OAAI;QAG3C,CAAC,MAAM,IAAI,CACV,0CACE,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAM,KAAK;;;;4BAClB,KAAK,CAAC,eAAe,EAAE,CAAA;4BACvB,qBAAM,YAAY,EAAE,EAAA;;4BAApB,SAAoB,CAAA;;;;iBACrB,IAEA,SAAS,CAAC,CAAC,CAAC,8BAAC,8BAAc,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CACvD,CACV;QACA,YAAY,KAAK,kBAAkB,CAAC,WAAW,IAAI,EAAE,WAAW;QAC/D,uCAAK,SAAS,EAAC,YAAY,IACxB,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAC3B,8BAAC,2BAAc,IAAC,IAAI,EAAE,IAAA,yCAAuB,EAAC,IAAI,CAAC,GAAI,CACxD,CACG,CACP;QAED,uCAAK,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,GAAG,IACjC,QAAQ,CACL;QACL,YAAY,KAAK,kBAAkB,CAAC,WAAW,IAAI,CAClD,8BAAC,mCAAgB,IACf,QAAQ,EAAE,EAAE,EACZ,uBAAuB,EAAE,KAAK,EAC9B,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,KAAK,EACnB,sBAAsB,EAAE,IAAI,GAC5B,CACH,CACG,CACP,CAAA;AACH,CAAC;AAvHD,oBAuHC;AAED;;;GAGG;AACH,SAAgB,qBAAqB,CACnC,QAA+B,EAC/B,aAAoD,EACpD,YAAkD,EAClD,QAA0C,EAC1C,eAAwD,EACxD,UAA8C,EAC9C,QAAoC,EACpC,gBAA0D,EAC1D,uBAA4E;IAE5E,OAAO,SAAU,UAAU;;;;;;gBACzB,8CAA8C;gBAC9C,qBAAM,IAAA,mBAAW,EAAC;wBAChB,IAAI,EAAE,QAAQ;wBACd,YAAY,EAAE,CAAC;wBACf,qBAAqB,EAAE,QAAQ,CAAC,aAAa;wBAC7C,aAAa,eAAA;wBACb,YAAY,cAAA;wBACZ,QAAQ,UAAA;wBACR,eAAe,iBAAA;wBACf,UAAU,YAAA;wBACV,aAAa,EAAE,QAAQ,EAAE;wBACzB,gBAAgB,kBAAA;qBACjB,CAAC,EAAA;;oBAZF,8CAA8C;oBAC9C,SAWE,CAAA;;;yBAEK,IAAI;oBAGU,qBAAK;;oBAAlB,UAAU,GAAG,SAAK;yBAGtB,CAAA,CAAC,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC;wBAClC,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,IAAI,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA,EAD9D,wBAC8D;wCAErD,CAAC;;;;;oCAEF,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,QAAS,CAAC,CAAC,CAAC,CAAA;oCAE9C,qBAAM,IAAA,mBAAW,EAAC;4CAChB,IAAI,EAAE,SAAS;4CACf,YAAY,EAAE,UAAU,CAAC,YAAY,GAAG,CAAC;4CACzC,qBAAqB,EAAE,cAAM,OAAA,uBAAuB,CAAC,SAAS,CAAC,EAAlC,CAAkC;4CAC/D,aAAa,eAAA;4CACb,YAAY,cAAA;4CACZ,QAAQ,UAAA;4CACR,eAAe,iBAAA;4CACf,UAAU,YAAA;4CACV,aAAa,EAAE,QAAQ,EAAE;4CACzB,gBAAgB,kBAAA;yCACjB,CAAC,EAAA;;oCAXF,SAWE,CAAA;;;;;oBAfK,CAAC,GAAG,CAAC;;;yBAAE,CAAA,CAAC,GAAG,CAAC,MAAA,UAAU,CAAC,IAAI,CAAC,QAAQ,mCAAI,EAAE,CAAC,CAAC,MAAM,CAAA;kDAAlD,CAAC;;;;;oBAAmD,CAAC,EAAE,CAAA;;;yBAoB9D,CAAA,UAAU,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI;wBAChC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA,EADhC,wBACgC;oBAE1B,cAAc,GAAmB;wBACrC,gBAAgB,EAAE,IAAI;qBACvB,CAAA;oBACK,yBAAyB,GAC7B;wBACE,IAAI,EAAE;4BACJ,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,GAAG,aAAa;4BACtC,IAAI,EAAE,cAAc;4BACpB,eAAe,EAAE,KAAK;4BACtB,qBAAqB,EAAE,UAAU,CAAC,IAAI,CAAC,qBAAqB;4BAC5D,MAAM,EAAE,IAAI;4BACZ,UAAU,EAAE,KAAK;4BACjB,aAAa,EAAE,QAAQ,EAAE;4BACzB,UAAU,EAAE,IAAI;4BAChB,YAAY,EAAE,UAAU,CAAC,YAAY,GAAG,CAAC;4BACzC,aAAa,EAAE,cAAO,CAAC;4BACvB,YAAY,cAAA;yBACb;wBACD,YAAY,EAAE,UAAU,CAAC,YAAY,GAAG,CAAC;wBACzC,IAAI,EAAE;4BACJ,gBAAgB,EAAE,IAAI;yBACvB;qBACF,CAAA;oBACH,qBAAM,yBAAyB,EAAA;;oBAA/B,SAA+B,CAAA;;;;;;KAItC,CAAA;AACH,CAAC;AAtFD,sDAsFC;AAcD;;;GAGG;AACI,IAAM,eAAe,GAAG,UAAC,KAA2B;IAEvD,IAAA,qBAAqB,GAQnB,KAAK,sBARc,EACrB,aAAa,GAOX,KAAK,cAPM,EACb,YAAY,GAMV,KAAK,aANK,EACZ,QAAQ,GAKN,KAAK,SALC,EACR,gBAAgB,GAId,KAAK,iBAJS,EAChB,eAAe,GAGb,KAAK,gBAHQ,EACf,YAAY,GAEV,KAAK,aAFK,EACZ,UAAU,GACR,KAAK,WADG,CACH;IAED,IAAA,WAAW,GAAK,IAAA,kCAAiB,GAAE,YAAxB,CAAwB;IAErC,IAAA,KAA0B,IAAA,gBAAQ,EACtC,qBAAqB,CACtB,EAFM,QAAQ,QAAA,EAAE,WAAW,QAE3B,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,WAAW,CAAC,qBAAqB,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE3D,2FAA2F;IAC3F,IAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,UAAC,KAAc;QACb;;;WAGG;QACH,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,EAAE;YAC9C,OAAO,CAAC,CAAA;SACT;QACD;;WAEG;QACH,OAAO,YAAY,KAAK,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAChE,CAAC,EACD,CAAC,YAAY,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAC3C,CAAA;IAED;;;OAGG;IACH,IAAM,uBAAuB,GAAG,IAAA,mBAAW;IACzC,kHAAkH;IAClH,UAAO,IAAgC;;;;;wBAEpB,qBAAM,qBAAa,CAAC,iBAAiB,CACpD;wBACE,QAAQ,EAAE,IAAI,CAAC,EAAE;wBACjB,aAAa,EAAE,IAAI,CAAC,qBAAqB;wBACzC,YAAY,EAAE,YAAY;qBAC3B,EACD,WAAW,CACZ;oBAED,uEAAuE;kBAFtE;;oBAPK,QAAQ,GAAG,SAOhB;oBAED,uEAAuE;oBACvE,IAAI,IAAI,CAAC,QAAQ,EAAE;wBACjB,CAAA,KAAA,IAAI,CAAC,QAAQ,CAAA,CAAC,IAAI,WAAI,QAAQ,CAAC,IAAI,EAAC;qBACrC;yBAAM;wBACL,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAA;qBAC9B;oBACD,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC,aAAa,CAAA;oBAEnD,oEAAoE;oBACpE,WAAW,CAAC,IAAA,kBAAS,EAAC,QAAQ,CAAC,CAAC,CAAA;;;;SACjC,EACD,CAAC,QAAQ,EAAE,WAAW,EAAE,YAAY,CAAC,CACtC,CAAA;IAED;;;OAGG;IACH,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,qBAAqB,CACnB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,uBAAuB,CACxB,EACD;QACE,QAAQ;QACR,aAAa;QACb,YAAY;QACZ,QAAQ;QACR,eAAe;QACf,UAAU;QACV,gBAAgB;QAChB,uBAAuB;QACvB,QAAQ;KACT,CACF,CAAA;IAED,OAAO,CACL,8BAAC,sCAAS,IAAC,YAAY,UACpB,UAAC,EAA8B;YAA5B,MAAM,YAAA;QAA2B,OAAA,CACnC,8BAAC,8BAAgB,IACf,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,IAAI,EACX,KAAK,EAAC,MAAM,IAEX,IAAI,CACY,CACpB;IAVoC,CAUpC,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAnHY,QAAA,eAAe,mBAmH3B"}

package/dist/containers/home_page/featured-data/FacetPlotsCard.d.ts

@@ -1,12 +1,9 @@
 import * as React from 'react';
-import { QueryWrapperChildProps } from '../../../containers/QueryWrapper';
-export declare type FacetPlotsCardOwnProps = {
+export declare type FacetPlotsCardProps = {
     title?: string;
     description?: string;
-    rgbIndex?: number;
     facetsToPlot?: string[];
     detailsPagePath?: string;
 };
-declare type FacetPlotsCardProps = FacetPlotsCardOwnProps & QueryWrapperChildProps;
 declare const FacetPlotsCard: React.FunctionComponent<FacetPlotsCardProps>;
 export default FacetPlotsCard;

package/dist/containers/home_page/featured-data/FacetPlotsCard.js

@@ -12,6 +12,8 @@ var LoadingScreen_1 = (0, tslib_1.__importDefault)(require("../../LoadingScreen"
 var FacetNavPanel_1 = require("../../widgets/facet-nav/FacetNavPanel");
 var FacetNav_1 = require("../../widgets/facet-nav/FacetNav");
 var SynapseContext_1 = require("../../../utils/SynapseContext");
+var QueryWrapper_1 = require("../../QueryWrapper");
+var QueryVisualizationWrapper_1 = require("../../QueryVisualizationWrapper");
 var Plot = (0, factory_1.default)(plotly_js_basic_dist_1.default);
 var layout = {
     showlegend: false,
@@ -27,11 +29,13 @@ var layout = {
     },
 };
 var FacetPlotsCard = function (_a) {
-    var title = _a.title, description = _a.description, isLoadingNewData = _a.isLoadingNewData, rgbIndex = _a.rgbIndex, facetsToPlot = _a.facetsToPlot, detailsPagePath = _a.detailsPagePath, data = _a.data, isLoading = _a.isLoading, facetAliases = _a.facetAliases;
+    var title = _a.title, description = _a.description, facetsToPlot = _a.facetsToPlot, detailsPagePath = _a.detailsPagePath;
     var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
-    var _b = (0, react_1.useState)([]), facetPlotDataArray = _b[0], setFacetPlotDataArray = _b[1];
-    var _c = (0, react_1.useState)([]), facetDataArray = _c[0], setFacetDataArray = _c[1];
-    var _d = (0, react_1.useState)(''), selectedFacetValue = _d[0], setSelectedFacetValue = _d[1];
+    var _b = (0, QueryWrapper_1.useQueryContext)(), data = _b.data, isLoadingNewBundle = _b.isLoadingNewBundle;
+    var _c = (0, QueryVisualizationWrapper_1.useQueryVisualizationContext)(), facetAliases = _c.facetAliases, rgbIndex = _c.rgbIndex;
+    var _d = (0, react_1.useState)([]), facetPlotDataArray = _d[0], setFacetPlotDataArray = _d[1];
+    var _e = (0, react_1.useState)([]), facetDataArray = _e[0], setFacetDataArray = _e[1];
+    var _f = (0, react_1.useState)(''), selectedFacetValue = _f[0], setSelectedFacetValue = _f[1];
     var colorPalette = (0, ColorGradient_1.getColorPalette)(rgbIndex !== null && rgbIndex !== void 0 ? rgbIndex : 0, 2).colorPalette;
     (0, react_1.useEffect)(function () {
         var _a;
@@ -59,8 +63,7 @@ var FacetPlotsCard = function (_a) {
             }); })).then(function (newPlotData) { return setFacetPlotDataArray(newPlotData); });
             // If we are showing a facet selection based card, then set the selectedFacetValue.  For example, facet column "study" with value "ROSMAP"
             var selectedFacet = (_a = data === null || data === void 0 ? void 0 : data.facets) === null || _a === void 0 ? void 0 : _a.map(function (item) {
-                var facetValues = item
-                    .facetValues;
+                var facetValues = item.facetValues;
                 if (facetValues) {
                     var filteredFacetValues = facetValues.filter(function (facetValue) {
                         return facetValue.isSelected;
@@ -78,7 +81,7 @@ var FacetPlotsCard = function (_a) {
             }
         }
     }, [facetsToPlot, data]);
-    if (isLoadingNewData ||
+    if (isLoadingNewBundle ||
         !facetPlotDataArray ||
         !facetDataArray ||
         facetDataArray.length === 0) {
@@ -101,7 +104,7 @@ var FacetPlotsCard = function (_a) {
                 React.createElement("span", { className: "FacetPlotsCard__title" }, cardTitle),
                 description && (React.createElement("span", { className: "FacetPlotsCard__description" }, description)),
                 detailsPageLink,
-                isLoading && (React.createElement("span", { style: { marginLeft: '2px' }, className: 'spinner' }))),
+                isLoadingNewBundle && (React.createElement("span", { style: { marginLeft: '2px' }, className: 'spinner' }))),
             React.createElement("div", { className: "FacetPlotsCard__body" }, facetPlotDataArray.map(function (plotData, index) {
                 return (React.createElement("div", { key: index },
                     index !== 0 && React.createElement("hr", null),

package/dist/containers/home_page/featured-data/FacetPlotsCard.js.map

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

package/dist/containers/home_page/featured-data/QueryPerFacetPlotsCard.d.ts

@@ -5,7 +5,7 @@ export declare type QueryPerFacetPlotsCardProps = {
     description?: string;
     rgbIndex?: number;
     facetsToPlot?: string[];
-    facetAliases?: {};
+    facetAliases?: Record<string, string>;
     selectFacetColumnName: string;
     selectFacetColumnValue: string;
     sql?: string;

package/dist/containers/home_page/featured-data/QueryPerFacetPlotsCard.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getQueryRequest = void 0;
 var tslib_1 = require("tslib");
 var React = (0, tslib_1.__importStar)(require("react"));
-var QueryWrapper_1 = (0, tslib_1.__importDefault)(require("../../QueryWrapper"));
-var sqlFunctions_1 = require("../../../utils/functions/sqlFunctions");
 var utils_1 = require("../../../utils");
-var ErrorBanner_1 = require("../../ErrorBanner");
+var sqlFunctions_1 = require("../../../utils/functions/sqlFunctions");
+var QueryVisualizationWrapper_1 = require("../../QueryVisualizationWrapper");
+var QueryWrapper_1 = require("../../QueryWrapper");
+var QueryWrapperErrorBanner_1 = require("../../QueryWrapperErrorBanner");
 var FacetPlotsCard_1 = (0, tslib_1.__importDefault)(require("./FacetPlotsCard"));
-var SynapseContext_1 = require("../../../utils/SynapseContext");
 function getQueryRequest(sql, selectFacetColumnName, selectFacetColumnValue) {
     var entityId = (0, sqlFunctions_1.parseEntityIdFromSqlStatement)(sql);
     return {
@@ -37,11 +37,10 @@ var QueryPerFacetPlotsCard = function (props) {
     var title = props.title, description = props.description, sql = props.sql, facetsToPlot = props.facetsToPlot, rgbIndex = props.rgbIndex, selectFacetColumnName = props.selectFacetColumnName, selectFacetColumnValue = props.selectFacetColumnValue, detailsPagePath = props.detailsPagePath, rest = (0, tslib_1.__rest)(props, ["title", "description", "sql", "facetsToPlot", "rgbIndex", "selectFacetColumnName", "selectFacetColumnValue", "detailsPagePath"]);
     var initQueryRequest = getQueryRequest(sql, selectFacetColumnName, selectFacetColumnValue);
     return (React.createElement("div", { className: "QueryPerFacetPlotsCard" },
-        React.createElement(SynapseContext_1.SynapseContextConsumer, null, function (context) { return (React.createElement(QueryWrapper_1.default, (0, tslib_1.__assign)({}, rest, { token: context === null || context === void 0 ? void 0 : context.accessToken, initQueryRequest: initQueryRequest }), function (queryWrapperChildProps) {
-            return (React.createElement(React.Fragment, null,
-                React.createElement(ErrorBanner_1.ErrorBanner, (0, tslib_1.__assign)({}, queryWrapperChildProps)),
-                React.createElement(FacetPlotsCard_1.default, (0, tslib_1.__assign)({}, queryWrapperChildProps, { title: title, description: description, facetsToPlot: facetsToPlot, rgbIndex: rgbIndex, detailsPagePath: detailsPagePath }))));
-        })); })));
+        React.createElement(QueryWrapper_1.QueryWrapper, (0, tslib_1.__assign)({}, rest, { initQueryRequest: initQueryRequest }),
+            React.createElement(QueryVisualizationWrapper_1.QueryVisualizationWrapper, (0, tslib_1.__assign)({ rgbIndex: rgbIndex }, rest),
+                React.createElement(QueryWrapperErrorBanner_1.QueryWrapperErrorBanner, null),
+                React.createElement(FacetPlotsCard_1.default, { title: title, description: description, facetsToPlot: facetsToPlot, detailsPagePath: detailsPagePath })))));
 };
 exports.default = QueryPerFacetPlotsCard;
 //# sourceMappingURL=QueryPerFacetPlotsCard.js.map

package/dist/containers/home_page/featured-data/QueryPerFacetPlotsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryPerFacetPlotsCard.js","sourceRoot":"","sources":["../../../../src/lib/containers/home_page/featured-data/QueryPerFacetPlotsCard.tsx"],"names":[],"mappings":";;;;AAAA,wDAA8B;AAC9B,iFAA6C;AAC7C,sEAAqF;AACrF,wCAAiD;AAEjD,iDAA+C;AAC/C,iFAA6C;AAC7C,gEAAsE;AAatE,SAAgB,eAAe,CAC7B,GAAW,EACX,qBAA6B,EAC7B,sBAA8B;IAE9B,IAAM,QAAQ,GAAG,IAAA,4CAA6B,EAAC,GAAG,CAAC,CAAA;IACnD,OAAO;QACL,QAAQ,UAAA;QACR,YAAY,EAAE,yDAAyD;QACvE,QAAQ,EACN,wBAAgB,CAAC,+BAA+B;YAChD,wBAAgB,CAAC,wBAAwB;YACzC,wBAAgB,CAAC,gCAAgC;YACjD,wBAAgB,CAAC,yBAAyB;QAC5C,KAAK,EAAE;YACL,GAAG,KAAA;YACH,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,EAAE;YACT,cAAc,EAAE;gBACd;oBACE,UAAU,EAAE,qBAAqB;oBACjC,WAAW,EAAE,CAAC,sBAAsB,CAAC;oBACrC,YAAY,EACV,+DAA+D;iBAClE;aACF;SACF;KACF,CAAA;AACH,CAAC;AA5BD,0CA4BC;AACD,IAAM,sBAAsB,GAC1B,UAAA,KAAK;IAED,IAAA,KAAK,GASH,KAAK,MATF,EACL,WAAW,GAQT,KAAK,YARI,EACX,GAAG,GAOD,KAAK,IAPJ,EACH,YAAY,GAMV,KAAK,aANK,EACZ,QAAQ,GAKN,KAAK,SALC,EACR,qBAAqB,GAInB,KAAK,sBAJc,EACrB,sBAAsB,GAGpB,KAAK,uBAHe,EACtB,eAAe,GAEb,KAAK,gBAFQ,EACZ,IAAI,uBACL,KAAK,EAVH,iIAUL,CADQ,CACA;IACT,IAAM,gBAAgB,GAAuB,eAAe,CAC1D,GAAI,EACJ,qBAAqB,EACrB,sBAAsB,CACvB,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB;QACrC,oBAAC,uCAAsB,QACpB,UAAA,OAAO,IAAI,OAAA,CACV,oBAAC,sBAAY,4BACP,IAAI,IACR,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAC3B,gBAAgB,EAAE,gBAAgB,KAEjC,UAAA,sBAAsB;YACrB,OAAO,CACL;gBACE,oBAAC,yBAAW,4BAAK,sBAAsB,EAAI;gBAC3C,oBAAC,wBAAc,4BACT,sBAAsB,IAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,IAChC,CACD,CACJ,CAAA;QACH,CAAC,CACY,CAChB,EAtBW,CAsBX,CACsB,CACrB,CACP,CAAA;AACH,CAAC,CAAA;AAEH,kBAAe,sBAAsB,CAAA"}
+{"version":3,"file":"QueryPerFacetPlotsCard.js","sourceRoot":"","sources":["../../../../src/lib/containers/home_page/featured-data/QueryPerFacetPlotsCard.tsx"],"names":[],"mappings":";;;;AAAA,wDAA8B;AAC9B,wCAAiD;AACjD,sEAAqF;AAErF,6EAA2E;AAC3E,mDAAiD;AACjD,yEAAuE;AACvE,iFAA6C;AAa7C,SAAgB,eAAe,CAC7B,GAAW,EACX,qBAA6B,EAC7B,sBAA8B;IAE9B,IAAM,QAAQ,GAAG,IAAA,4CAA6B,EAAC,GAAG,CAAC,CAAA;IACnD,OAAO;QACL,QAAQ,UAAA;QACR,YAAY,EAAE,yDAAyD;QACvE,QAAQ,EACN,wBAAgB,CAAC,+BAA+B;YAChD,wBAAgB,CAAC,wBAAwB;YACzC,wBAAgB,CAAC,gCAAgC;YACjD,wBAAgB,CAAC,yBAAyB;QAC5C,KAAK,EAAE;YACL,GAAG,KAAA;YACH,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,EAAE;YACT,cAAc,EAAE;gBACd;oBACE,UAAU,EAAE,qBAAqB;oBACjC,WAAW,EAAE,CAAC,sBAAsB,CAAC;oBACrC,YAAY,EACV,+DAA+D;iBAClE;aACF;SACF;KACF,CAAA;AACH,CAAC;AA5BD,0CA4BC;AACD,IAAM,sBAAsB,GAC1B,UAAA,KAAK;IAED,IAAA,KAAK,GASH,KAAK,MATF,EACL,WAAW,GAQT,KAAK,YARI,EACX,GAAG,GAOD,KAAK,IAPJ,EACH,YAAY,GAMV,KAAK,aANK,EACZ,QAAQ,GAKN,KAAK,SALC,EACR,qBAAqB,GAInB,KAAK,sBAJc,EACrB,sBAAsB,GAGpB,KAAK,uBAHe,EACtB,eAAe,GAEb,KAAK,gBAFQ,EACZ,IAAI,uBACL,KAAK,EAVH,iIAUL,CADQ,CACA;IACT,IAAM,gBAAgB,GAAuB,eAAe,CAC1D,GAAI,EACJ,qBAAqB,EACrB,sBAAsB,CACvB,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB;QACrC,oBAAC,2BAAY,4BAAK,IAAI,IAAE,gBAAgB,EAAE,gBAAgB;YACxD,oBAAC,qDAAyB,0BAAC,QAAQ,EAAE,QAAQ,IAAM,IAAI;gBACrD,oBAAC,iDAAuB,OAAG;gBAC3B,oBAAC,wBAAc,IACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,GAChC,CACwB,CACf,CACX,CACP,CAAA;AACH,CAAC,CAAA;AAEH,kBAAe,sBAAsB,CAAA"}

package/dist/containers/home_page/featured-data/SingleQueryFacetPlotsCards.d.ts

@@ -3,7 +3,7 @@ import { QueryBundleRequest } from '../../../utils/synapseTypes';
 export declare type SingleQueryFacetPlotsCardsProps = {
     rgbIndex?: number;
     facetsToPlot?: string[];
-    facetAliases?: {};
+    facetAliases?: Record<string, string>;
     sql?: string;
 };
 export declare function getQueryRequest(sql: string): QueryBundleRequest;

package/dist/containers/home_page/featured-data/SingleQueryFacetPlotsCards.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getQueryRequest = void 0;
 var tslib_1 = require("tslib");
 var React = (0, tslib_1.__importStar)(require("react"));
-var QueryWrapper_1 = (0, tslib_1.__importDefault)(require("../../QueryWrapper"));
-var sqlFunctions_1 = require("../../../utils/functions/sqlFunctions");
 var utils_1 = require("../../../utils");
-var ErrorBanner_1 = require("../../ErrorBanner");
+var sqlFunctions_1 = require("../../../utils/functions/sqlFunctions");
+var QueryVisualizationWrapper_1 = require("../../QueryVisualizationWrapper");
+var QueryWrapper_1 = require("../../QueryWrapper");
+var QueryWrapperErrorBanner_1 = require("../../QueryWrapperErrorBanner");
 var FacetPlotsCard_1 = (0, tslib_1.__importDefault)(require("./FacetPlotsCard"));
-var SynapseContext_1 = require("../../../utils/SynapseContext");
 function getQueryRequest(sql) {
     var entityId = (0, sqlFunctions_1.parseEntityIdFromSqlStatement)(sql);
     return {
@@ -27,16 +27,15 @@ function getQueryRequest(sql) {
 }
 exports.getQueryRequest = getQueryRequest;
 var SingleQueryFacetPlotsCards = function (props) {
-    var sql = props.sql, facetsToPlot = props.facetsToPlot, rgbIndex = props.rgbIndex, rest = (0, tslib_1.__rest)(props, ["sql", "facetsToPlot", "rgbIndex"]);
+    var sql = props.sql, facetsToPlot = props.facetsToPlot, rgbIndex = props.rgbIndex, facetAliases = props.facetAliases;
     var initQueryRequest = getQueryRequest(sql);
     return (React.createElement("div", { className: "SingleQueryFacetPlotsCards" },
-        React.createElement(SynapseContext_1.SynapseContextConsumer, null, function (context) { return (React.createElement(QueryWrapper_1.default, (0, tslib_1.__assign)({}, rest, { token: context === null || context === void 0 ? void 0 : context.accessToken, initQueryRequest: initQueryRequest }), function (queryWrapperChildProps) {
-            return (React.createElement(React.Fragment, null,
-                React.createElement(ErrorBanner_1.ErrorBanner, (0, tslib_1.__assign)({}, queryWrapperChildProps)), facetsToPlot === null || facetsToPlot === void 0 ? void 0 :
+        React.createElement(QueryWrapper_1.QueryWrapper, { initQueryRequest: initQueryRequest },
+            React.createElement(QueryVisualizationWrapper_1.QueryVisualizationWrapper, { rgbIndex: rgbIndex, facetAliases: facetAliases },
+                React.createElement(QueryWrapperErrorBanner_1.QueryWrapperErrorBanner, null), facetsToPlot === null || facetsToPlot === void 0 ? void 0 :
                 facetsToPlot.map(function (facetName) {
-                    return (React.createElement(FacetPlotsCard_1.default, (0, tslib_1.__assign)({}, queryWrapperChildProps, { key: "FacetPlotCard-" + facetName, facetsToPlot: [facetName], rgbIndex: rgbIndex })));
-                })));
-        })); })));
+                    return (React.createElement(FacetPlotsCard_1.default, { key: "FacetPlotCard-" + facetName, facetsToPlot: [facetName] }));
+                })))));
 };
 exports.default = SingleQueryFacetPlotsCards;
 //# sourceMappingURL=SingleQueryFacetPlotsCards.js.map

package/dist/containers/home_page/featured-data/SingleQueryFacetPlotsCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleQueryFacetPlotsCards.js","sourceRoot":"","sources":["../../../../src/lib/containers/home_page/featured-data/SingleQueryFacetPlotsCards.tsx"],"names":[],"mappings":";;;;AAAA,wDAA8B;AAC9B,iFAA6C;AAC7C,sEAAqF;AACrF,wCAAiD;AAEjD,iDAA+C;AAC/C,iFAA6C;AAC7C,gEAAsE;AAQtE,SAAgB,eAAe,CAAC,GAAW;IACzC,IAAM,QAAQ,GAAG,IAAA,4CAA6B,EAAC,GAAG,CAAC,CAAA;IACnD,OAAO;QACL,QAAQ,UAAA;QACR,YAAY,EAAE,yDAAyD;QACvE,QAAQ,EACN,wBAAgB,CAAC,+BAA+B;YAChD,wBAAgB,CAAC,wBAAwB;YACzC,wBAAgB,CAAC,gCAAgC;YACjD,wBAAgB,CAAC,yBAAyB;QAC5C,KAAK,EAAE;YACL,GAAG,KAAA;YACH,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;SACT;KACF,CAAA;AACH,CAAC;AAhBD,0CAgBC;AACD,IAAM,0BAA0B,GAC9B,UAAA,KAAK;IACK,IAAA,GAAG,GAAsC,KAAK,IAA3C,EAAE,YAAY,GAAwB,KAAK,aAA7B,EAAE,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,uBAAK,KAAK,EAAhD,mCAAwC,CAAF,CAAU;IACtD,IAAM,gBAAgB,GAAuB,eAAe,CAAC,GAAI,CAAC,CAAA;IAClE,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,oBAAC,uCAAsB,QACpB,UAAA,OAAO,IAAI,OAAA,CACV,oBAAC,sBAAY,4BACP,IAAI,IACR,KAAK,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAC3B,gBAAgB,EAAE,gBAAgB,KAEjC,UAAA,sBAAsB;YACrB,OAAO,CACL;gBACE,oBAAC,yBAAW,4BAAK,sBAAsB,EAAI,EAC1C,YAAY,aAAZ,YAAY;gBAAZ,YAAY,CAAE,GAAG,CAAC,UAAA,SAAS;oBAC1B,OAAO,CACL,oBAAC,wBAAc,4BACT,sBAAsB,IAC1B,GAAG,EAAE,mBAAiB,SAAW,EACjC,YAAY,EAAE,CAAC,SAAS,CAAC,EACzB,QAAQ,EAAE,QAAQ,IAClB,CACH,CAAA;gBACH,CAAC,CAAC,CACD,CACJ,CAAA;QACH,CAAC,CACY,CAChB,EAxBW,CAwBX,CACsB,CACrB,CACP,CAAA;AACH,CAAC,CAAA;AAEH,kBAAe,0BAA0B,CAAA"}
+{"version":3,"file":"SingleQueryFacetPlotsCards.js","sourceRoot":"","sources":["../../../../src/lib/containers/home_page/featured-data/SingleQueryFacetPlotsCards.tsx"],"names":[],"mappings":";;;;AAAA,wDAA8B;AAC9B,wCAAiD;AACjD,sEAAqF;AAErF,6EAA2E;AAC3E,mDAAiD;AACjD,yEAAuE;AACvE,iFAA6C;AAQ7C,SAAgB,eAAe,CAAC,GAAW;IACzC,IAAM,QAAQ,GAAG,IAAA,4CAA6B,EAAC,GAAG,CAAC,CAAA;IACnD,OAAO;QACL,QAAQ,UAAA;QACR,YAAY,EAAE,yDAAyD;QACvE,QAAQ,EACN,wBAAgB,CAAC,+BAA+B;YAChD,wBAAgB,CAAC,wBAAwB;YACzC,wBAAgB,CAAC,gCAAgC;YACjD,wBAAgB,CAAC,yBAAyB;QAC5C,KAAK,EAAE;YACL,GAAG,KAAA;YACH,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;SACT;KACF,CAAA;AACH,CAAC;AAhBD,0CAgBC;AACD,IAAM,0BAA0B,GAC9B,UAAA,KAAK;IACK,IAAA,GAAG,GAA2C,KAAK,IAAhD,EAAE,YAAY,GAA6B,KAAK,aAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAE,YAAY,GAAK,KAAK,aAAV,CAAU;IAC3D,IAAM,gBAAgB,GAAuB,eAAe,CAAC,GAAI,CAAC,CAAA;IAClE,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,oBAAC,2BAAY,IAAC,gBAAgB,EAAE,gBAAgB;YAC9C,oBAAC,qDAAyB,IACxB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY;gBAE1B,oBAAC,iDAAuB,OAAG,EAC1B,YAAY,aAAZ,YAAY;gBAAZ,YAAY,CAAE,GAAG,CAAC,UAAA,SAAS;oBAC1B,OAAO,CACL,oBAAC,wBAAc,IACb,GAAG,EAAE,mBAAiB,SAAW,EACjC,YAAY,EAAE,CAAC,SAAS,CAAC,GACzB,CACH,CAAA;gBACH,CAAC,CAAC,CACwB,CACf,CACX,CACP,CAAA;AACH,CAAC,CAAA;AAEH,kBAAe,0BAA0B,CAAA"}

package/dist/containers/query_wrapper_plot_nav/FilterAndView.d.ts

@@ -1,12 +1,10 @@
 /// <reference types="react" />
-import { QueryWrapperChildProps } from '../QueryWrapper';
 import { SynapseTableProps } from '../table/SynapseTable';
 import { CardConfiguration } from '../CardContainerLogic';
 export declare type OwnProps = {
-    tableConfiguration: SynapseTableProps | undefined;
+    tableConfiguration: Omit<SynapseTableProps, 'synapseContext' | 'queryContext' | 'queryVisualizationContext'> | undefined;
     cardConfiguration: CardConfiguration | undefined;
     hideDownload?: boolean;
-    facetsToFilter?: string[];
 };
-declare const FilterAndView: (props: QueryWrapperChildProps & OwnProps) => JSX.Element;
+declare const FilterAndView: (props: OwnProps) => JSX.Element;
 export default FilterAndView;