synapse-react-client 2.1.23 → 3.0.2

package/dist/containers/MarkdownPopover.js

@@ -44,7 +44,7 @@ var MarkdownPopover = function (_a) {
                 showCloseButton && (react_1.default.createElement(react_bootstrap_1.Button, { variant: "light", className: "pill", onClick: function () { return setShow(false); } }, "Close"))),
             react_1.default.createElement("div", { className: "arrow", "data-popper-arrow": true, ref: setArrowElement, style: styles.arrow }))));
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("span", { className: "PopoverContainer bootstrap-4-backport", onClick: function () { return setShow(function (val) { return !val; }); }, ref: setReferenceElement }, children),
+        react_1.default.createElement("span", { role: "button", className: "PopoverContainer bootstrap-4-backport", onClick: function () { return setShow(function (val) { return !val; }); }, ref: setReferenceElement }, children),
         popover));
 };
 exports.MarkdownPopover = MarkdownPopover;

package/dist/containers/MarkdownPopover.js.map

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

package/dist/containers/MissingQueryResultsWarning.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Table } from '../utils/synapseTypes/';
+export declare type MissingQueryResultsWarningProps = {
+    entity: Table;
+    versionNumber?: number;
+};
+/**
+ * If possible, this component will render a warning message if results may be missing from the query due to user permissions or
+ * entities being deleted. If not possible, it will render an empty fragment.
+ */
+declare const MissingQueryResultsWarning: React.FunctionComponent<MissingQueryResultsWarningProps>;
+export default MissingQueryResultsWarning;

package/dist/containers/MissingQueryResultsWarning.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var icons_1 = require("@material-ui/icons");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var utils_1 = require("../utils/");
+var EntityTypeUtils_1 = require("../utils/functions/EntityTypeUtils");
+var useGetQueryResultBundle_1 = (0, tslib_1.__importDefault)(require("../utils/hooks/SynapseAPI/useGetQueryResultBundle"));
+var Typography_1 = (0, tslib_1.__importDefault)(require("../utils/typography/Typography"));
+var HelpPopover_1 = require("./HelpPopover");
+var DATASETS_CURRENT_VERSION_HELP = 'Files may be unavailable because you do not have permission to see them, they have been deleted, or the Dataset has been misconfigured.';
+// Help text for snapshot does not indicate that files were deleted, because the deleted file would have been captured in the snapshot
+var DATASETS_SNAPSHOT_HELP = 'Files may be unavailable because you do not have permission to see them or the Dataset was misconfigured.';
+/**
+ * If possible, this component will render a warning message if results may be missing from the query due to user permissions or
+ * entities being deleted. If not possible, it will render an empty fragment.
+ */
+var MissingQueryResultsWarning = function (_a) {
+    var _b, _c;
+    var entity = _a.entity;
+    // Currently, Datasets are the only table type for which we can reliably get this info.
+    // Other cases will need a new service, tracked by PLFM-7046
+    var isMissingResultsCalculable = entity && (0, EntityTypeUtils_1.isDataset)(entity);
+    var request = {
+        concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',
+        query: {
+            sql: "SELECT * FROM " + entity.id + (!entity.isLatestVersion && entity.versionNumber
+                ? "." + entity.versionNumber
+                : ''),
+        },
+        entityId: entity.id,
+        partMask: utils_1.SynapseConstants.BUNDLE_MASK_QUERY_COUNT,
+    };
+    var queryResult = (0, useGetQueryResultBundle_1.default)(request, {
+        enabled: isMissingResultsCalculable,
+    }).data;
+    if (isMissingResultsCalculable && queryResult && entity) {
+        var totalVisibleResults = queryResult.queryCount;
+        var totalResults = (_c = (_b = entity.items) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0;
+        if (totalVisibleResults === totalResults) {
+            // All of the results are visible, so there is no need to show a warning.
+            return react_1.default.createElement(react_1.default.Fragment, null);
+        }
+        var difference = totalResults - totalVisibleResults;
+        var helpMessage = '';
+        if (entity.isLatestVersion) {
+            helpMessage = DATASETS_CURRENT_VERSION_HELP;
+        }
+        else {
+            helpMessage = DATASETS_SNAPSHOT_HELP;
+        }
+        return (react_1.default.createElement(Typography_1.default, { className: "SRC-centerContent", style: {
+                marginLeft: 10,
+            }, variant: "smallText1", color: "textSecondary" },
+            react_1.default.createElement(icons_1.WarningSharp, { className: "SRC-color-warning", style: { fontSize: '16px' } }),
+            difference.toLocaleString() + ' Unavailable',
+            react_1.default.createElement(HelpPopover_1.HelpPopover, { className: "SRC-margin-left-5", markdownText: helpMessage, placement: "right" })));
+    }
+    else {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+};
+exports.default = MissingQueryResultsWarning;
+//# sourceMappingURL=MissingQueryResultsWarning.js.map

package/dist/containers/MissingQueryResultsWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MissingQueryResultsWarning.js","sourceRoot":"","sources":["../../src/lib/containers/MissingQueryResultsWarning.tsx"],"names":[],"mappings":";;;AAAA,4CAAiD;AACjD,6DAAyB;AACzB,mCAA4C;AAC5C,sEAA8D;AAC9D,2HAAuF;AAEvF,2FAAuD;AACvD,6CAA2C;AAE3C,IAAM,6BAA6B,GACjC,yIAAyI,CAAA;AAE3I,sIAAsI;AACtI,IAAM,sBAAsB,GAC1B,2GAA2G,CAAA;AAO7G;;;GAGG;AACH,IAAM,0BAA0B,GAC9B,UAAC,EAAU;;QAAR,MAAM,YAAA;IACP,uFAAuF;IACvF,4DAA4D;IAC5D,IAAM,0BAA0B,GAAG,MAAM,IAAI,IAAA,2BAAS,EAAC,MAAM,CAAC,CAAA;IAE9D,IAAM,OAAO,GAAuB;QAClC,YAAY,EAAE,yDAAyD;QACvE,KAAK,EAAE;YACL,GAAG,EAAE,mBAAiB,MAAM,CAAC,EAAG,IAC9B,CAAC,MAAM,CAAC,eAAe,IAAI,MAAM,CAAC,aAAa;gBAC7C,CAAC,CAAC,MAAI,MAAM,CAAC,aAAe;gBAC5B,CAAC,CAAC,EAAE,CACN;SACH;QACD,QAAQ,EAAE,MAAM,CAAC,EAAG;QACpB,QAAQ,EAAE,wBAAgB,CAAC,uBAAuB;KACnD,CAAA;IAEO,IAAM,WAAW,GAAK,IAAA,iCAAuB,EAAC,OAAO,EAAE;QAC7D,OAAO,EAAE,0BAA0B;KACpC,CAAC,KAFuB,CAEvB;IACF,IAAI,0BAA0B,IAAI,WAAW,IAAI,MAAM,EAAE;QACvD,IAAM,mBAAmB,GAAG,WAAW,CAAC,UAAW,CAAA;QACnD,IAAM,YAAY,GAAG,MAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,MAAM,mCAAI,CAAC,CAAA;QAE9C,IAAI,mBAAmB,KAAK,YAAY,EAAE;YACxC,yEAAyE;YACzE,OAAO,6DAAK,CAAA;SACb;QAED,IAAM,UAAU,GAAG,YAAY,GAAG,mBAAmB,CAAA;QAErD,IAAI,WAAW,GAAG,EAAE,CAAA;QAEpB,IAAI,MAAM,CAAC,eAAe,EAAE;YAC1B,WAAW,GAAG,6BAA6B,CAAA;SAC5C;aAAM;YACL,WAAW,GAAG,sBAAsB,CAAA;SACrC;QAED,OAAO,CACL,8BAAC,oBAAU,IACT,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE;gBACL,UAAU,EAAE,EAAE;aACf,EACD,OAAO,EAAC,YAAY,EACpB,KAAK,EAAC,eAAe;YAErB,8BAAC,oBAAY,IACX,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAC3B;YACD,UAAU,CAAC,cAAc,EAAE,GAAG,cAAc;YAC7C,8BAAC,yBAAW,IACV,SAAS,EAAC,mBAAmB,EAC7B,YAAY,EAAE,WAAW,EACzB,SAAS,EAAC,OAAO,GACJ,CACJ,CACd,CAAA;KACF;SAAM;QACL,OAAO,6DAAK,CAAA;KACb;AACH,CAAC,CAAA;AAEH,kBAAe,0BAA0B,CAAA"}

package/dist/containers/QueryCount.js

@@ -1,55 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
 var utils_1 = require("../utils/");
-var react_1 = (0, tslib_1.__importStar)(require("react"));
 var sqlFunctions_1 = require("../utils/functions/sqlFunctions");
-var SynapseContext_1 = require("../utils/SynapseContext");
+var useGetQueryResultBundle_1 = (0, tslib_1.__importDefault)(require("../utils/hooks/SynapseAPI/useGetQueryResultBundle"));
 var QueryCount = function (_a) {
+    var _b;
     var sql = _a.sql, selectedFacets = _a.selectedFacets, parens = _a.parens;
-    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
-    var _b = (0, react_1.useState)({}), storedSqlQueryCount = _b[0], setStoredSqlQueryCount = _b[1];
-    // maps sql string to true/false, true if already made a request for this sql's query count
-    // false or undefined if not
-    var _c = (0, react_1.useState)({}), isCalculatingQueryCountForSql = _c[0], setIsCalculatingQueryCountForSql = _c[1];
-    var mounted = true;
-    (0, react_1.useEffect)(function () {
-        var calculateRowCount = function () {
-            if (mounted) {
-                var entityId = (0, sqlFunctions_1.parseEntityIdFromSqlStatement)(sql);
-                if (isCalculatingQueryCountForSql[sql + "-" + accessToken] ||
-                    storedSqlQueryCount[sql + "-" + accessToken]) {
-                    // its either in progress or its already been calculated
-                    return;
-                }
-                var request = {
-                    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',
-                    query: {
-                        sql: sql,
-                        selectedFacets: selectedFacets,
-                    },
-                    entityId: entityId,
-                    partMask: utils_1.SynapseConstants.BUNDLE_MASK_QUERY_COUNT,
-                };
-                var newIsCalculatingQueryCountForSql = (0, tslib_1.__assign)({}, isCalculatingQueryCountForSql);
-                newIsCalculatingQueryCountForSql[sql + "-" + accessToken] = true;
-                setIsCalculatingQueryCountForSql(newIsCalculatingQueryCountForSql);
-                utils_1.SynapseClient.getQueryTableResults(request, accessToken).then(function (data) {
-                    var newStoredSqlQueryCount = (0, tslib_1.__assign)({}, storedSqlQueryCount);
-                    newStoredSqlQueryCount[sql + "-" + accessToken] = data.queryCount;
-                    setStoredSqlQueryCount(newStoredSqlQueryCount);
-                });
-            }
-        };
-        calculateRowCount();
-        return function () {
-            mounted = false;
-        };
-    }, [sql, selectedFacets, accessToken]);
-    var count = storedSqlQueryCount[sql + "-" + accessToken];
-    var localCount = count === null || count === void 0 ? void 0 : count.toLocaleString();
+    var entityId = (0, sqlFunctions_1.parseEntityIdFromSqlStatement)(sql);
+    var request = {
+        concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',
+        query: {
+            sql: sql,
+            selectedFacets: selectedFacets,
+        },
+        entityId: entityId,
+        partMask: utils_1.SynapseConstants.BUNDLE_MASK_QUERY_COUNT,
+    };
+    var queryResult = (0, useGetQueryResultBundle_1.default)(request).data;
+    var localCount = (_b = queryResult === null || queryResult === void 0 ? void 0 : queryResult.queryCount) === null || _b === void 0 ? void 0 : _b.toLocaleString();
     /* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString#Using_toLocaleString */
-    return (react_1.default.createElement(react_1.default.Fragment, null, count && (parens ? "(" + localCount + ")" : localCount)));
+    return (react_1.default.createElement(react_1.default.Fragment, null, localCount && (parens ? "(" + localCount + ")" : localCount)));
 };
 exports.default = QueryCount;
 //# sourceMappingURL=QueryCount.js.map

package/dist/containers/QueryCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryCount.js","sourceRoot":"","sources":["../../src/lib/containers/QueryCount.tsx"],"names":[],"mappings":";;;AAAA,mCAA2D;AAC3D,0DAAkD;AAKlD,gEAA+E;AAC/E,0DAA2D;AAQ3D,IAAM,UAAU,GAA6C,UAAC,EAI7D;QAHC,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,MAAM,YAAA;IAEE,IAAA,WAAW,GAAK,IAAA,kCAAiB,GAAE,YAAxB,CAAwB;IACrC,IAAA,KAAgD,IAAA,gBAAQ,EAAK,EAAE,CAAC,EAA/D,mBAAmB,QAAA,EAAE,sBAAsB,QAAoB,CAAA;IACtE,2FAA2F;IAC3F,4BAA4B;IACtB,IAAA,KAGF,IAAA,gBAAQ,EAAK,EAAE,CAAC,EAFlB,6BAA6B,QAAA,EAC7B,gCAAgC,QACd,CAAA;IACpB,IAAI,OAAO,GAAG,IAAI,CAAA;IAElB,IAAA,iBAAS,EAAC;QACR,IAAM,iBAAiB,GAAG;YACxB,IAAI,OAAO,EAAE;gBACX,IAAM,QAAQ,GAAG,IAAA,4CAA6B,EAAC,GAAG,CAAC,CAAA;gBACnD,IACE,6BAA6B,CAAI,GAAG,SAAI,WAAa,CAAC;oBACtD,mBAAmB,CAAI,GAAG,SAAI,WAAa,CAAC,EAC5C;oBACA,wDAAwD;oBACxD,OAAM;iBACP;gBACD,IAAM,OAAO,GAAuB;oBAClC,YAAY,EACV,yDAAyD;oBAC3D,KAAK,EAAE;wBACL,GAAG,KAAA;wBACH,cAAc,gBAAA;qBACf;oBACD,QAAQ,UAAA;oBACR,QAAQ,EAAE,wBAAgB,CAAC,uBAAuB;iBACnD,CAAA;gBACD,IAAM,gCAAgC,6BACjC,6BAA6B,CACjC,CAAA;gBACD,gCAAgC,CAAI,GAAG,SAAI,WAAa,CAAC,GAAG,IAAI,CAAA;gBAChE,gCAAgC,CAAC,gCAAgC,CAAC,CAAA;gBAClE,qBAAa,CAAC,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,UAAA,IAAI;oBAChE,IAAM,sBAAsB,6BACvB,mBAAmB,CACvB,CAAA;oBACD,sBAAsB,CAAI,GAAG,SAAI,WAAa,CAAC,GAAG,IAAK,CAAC,UAAU,CAAA;oBAClE,sBAAsB,CAAC,sBAAsB,CAAC,CAAA;gBAChD,CAAC,CAAC,CAAA;aACH;QACH,CAAC,CAAA;QAED,iBAAiB,EAAE,CAAA;QAEnB,OAAO;YACL,OAAO,GAAG,KAAK,CAAA;QACjB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC,CAAA;IAEtC,IAAM,KAAK,GAAG,mBAAmB,CAAI,GAAG,SAAI,WAAa,CAAC,CAAA;IAC1D,IAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,EAAE,CAAA;IAC1C,iIAAiI;IACjI,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ,QACZ,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAI,UAAU,MAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CACpC,CAClB,CAAA;AACH,CAAC,CAAA;AACD,kBAAe,UAAU,CAAA"}
+{"version":3,"file":"QueryCount.js","sourceRoot":"","sources":["../../src/lib/containers/QueryCount.tsx"],"names":[],"mappings":";;;AAAA,6DAAyB;AACzB,mCAA4C;AAC5C,gEAA+E;AAC/E,2HAAuF;AAYvF,IAAM,UAAU,GAA6C,UAAC,EAI7D;;QAHC,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,MAAM,YAAA;IAEN,IAAM,QAAQ,GAAG,IAAA,4CAA6B,EAAC,GAAG,CAAC,CAAA;IAEnD,IAAM,OAAO,GAAuB;QAClC,YAAY,EAAE,yDAAyD;QACvE,KAAK,EAAE;YACL,GAAG,KAAA;YACH,cAAc,gBAAA;SACf;QACD,QAAQ,UAAA;QACR,QAAQ,EAAE,wBAAgB,CAAC,uBAAuB;KACnD,CAAA;IAEO,IAAM,WAAW,GAAK,IAAA,iCAAuB,EAAC,OAAO,CAAC,KAArC,CAAqC;IAE9D,IAAM,UAAU,GAAG,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAE,cAAc,EAAE,CAAA;IAC5D,iIAAiI;IACjI,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ,QACZ,UAAU,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAI,UAAU,MAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CACzC,CAClB,CAAA;AACH,CAAC,CAAA;AACD,kBAAe,UAAU,CAAA"}

package/dist/containers/QueryVisualizationWrapper.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+export declare type QueryVisualizationContextType = {
+    topLevelControlsState: TopLevelControlsState;
+    setTopLevelControlsState: React.Dispatch<React.SetStateAction<TopLevelControlsState>>;
+    columnsToShowInTable: string[];
+    setColumnsToShowInTable: (newState: string[]) => void;
+    selectedRowIndices: number[];
+    setSelectedRowIndices: (newState: number[]) => void;
+    facetAliases?: Record<string, string>;
+    rgbIndex?: number;
+    unitDescription?: string;
+};
+/**
+ * This must be exported to use the context in class components.
+ */
+export declare const QueryVisualizationContext: React.Context<QueryVisualizationContextType | undefined>;
+export declare type QueryVisualizationContextProviderProps = {
+    queryVisualizationContext: QueryVisualizationContextType;
+};
+/**
+ * Provides fields and functions related to visualizing a Synapse table query. For actual query data, see QueryContextProvider.
+ */
+export declare const QueryVisualizationContextProvider: React.FunctionComponent<QueryVisualizationContextProviderProps>;
+export declare function useQueryVisualizationContext(): QueryVisualizationContextType;
+export declare const QueryVisualizationContextConsumer: React.Consumer<QueryVisualizationContextType | undefined>;
+export declare type QueryVisualizationWrapperProps = {
+    children: React.ReactNode | React.ReactNode[];
+    rgbIndex?: number;
+    unitDescription?: string;
+    facetAliases?: Record<string, string>;
+    visibleColumnCount?: number;
+    hiddenColumns?: string[];
+    defaultShowFacetVisualization?: boolean;
+};
+export declare type TopLevelControlsState = {
+    showFacetVisualization: boolean;
+    showFacetFilter?: boolean;
+    showColumnFilter: boolean;
+    showSearchBar: boolean;
+    showDownloadConfirmation: boolean;
+    showColumnSelectDropdown: boolean;
+    showSqlEditor: boolean;
+};
+/**
+ * QueryVisualizationWrapper manages UI state for components that query tables in Synapse. That state can be accessed
+ * or updated using QueryVisualizationContext. A QueryVisualizationWrapper must be used within a QueryWrapper.
+ */
+export declare function QueryVisualizationWrapper(props: QueryVisualizationWrapperProps): JSX.Element;

package/dist/containers/QueryVisualizationWrapper.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QueryVisualizationWrapper = exports.QueryVisualizationContextConsumer = exports.useQueryVisualizationContext = exports.QueryVisualizationContextProvider = exports.QueryVisualizationContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importStar)(require("react"));
+var QueryWrapper_1 = require("./QueryWrapper");
+/**
+ * This must be exported to use the context in class components.
+ */
+exports.QueryVisualizationContext = (0, react_1.createContext)(undefined);
+/**
+ * Provides fields and functions related to visualizing a Synapse table query. For actual query data, see QueryContextProvider.
+ */
+var QueryVisualizationContextProvider = function (_a) {
+    var children = _a.children, queryVisualizationContext = _a.queryVisualizationContext;
+    return (react_1.default.createElement(exports.QueryVisualizationContext.Provider, { value: queryVisualizationContext }, children));
+};
+exports.QueryVisualizationContextProvider = QueryVisualizationContextProvider;
+function useQueryVisualizationContext() {
+    var context = (0, react_1.useContext)(exports.QueryVisualizationContext);
+    if (context === undefined) {
+        throw new Error('useQueryVisualizationContext must be used within a QueryWrapper');
+    }
+    return context;
+}
+exports.useQueryVisualizationContext = useQueryVisualizationContext;
+exports.QueryVisualizationContextConsumer = exports.QueryVisualizationContext.Consumer;
+/**
+ * QueryVisualizationWrapper manages UI state for components that query tables in Synapse. That state can be accessed
+ * or updated using QueryVisualizationContext. A QueryVisualizationWrapper must be used within a QueryWrapper.
+ */
+function QueryVisualizationWrapper(props) {
+    var _a;
+    var _b = (0, QueryWrapper_1.useQueryContext)(), data = _b.data, getLastQueryRequest = _b.getLastQueryRequest, isFacetsAvailable = _b.isFacetsAvailable, isLoadingNewBundle = _b.isLoadingNewBundle;
+    var _c = (0, react_1.useState)({
+        showColumnFilter: true,
+        showFacetFilter: true,
+        showFacetVisualization: (_a = props.defaultShowFacetVisualization) !== null && _a !== void 0 ? _a : true,
+        showSearchBar: false,
+        showDownloadConfirmation: false,
+        showColumnSelectDropdown: false,
+        showSqlEditor: false,
+    }), topLevelControlsState = _c[0], setTopLevelControlsState = _c[1];
+    (0, react_1.useEffect)(function () {
+        if (!isFacetsAvailable) {
+            setTopLevelControlsState(function (state) { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, state), { showFacetFilter: false, showFacetVisualization: false })); });
+        }
+    }, [isFacetsAvailable]);
+    (0, react_1.useEffect)(function () {
+        if (isLoadingNewBundle) {
+            setSelectedRowIndices([]);
+        }
+    }, [isLoadingNewBundle]);
+    var _d = (0, react_1.useState)([]), isColumnSelected = _d[0], setIsColumnSelected = _d[1];
+    var _e = (0, react_1.useState)([]), selectedRowIndices = _e[0], setSelectedRowIndices = _e[1];
+    var lastQueryRequest = getLastQueryRequest();
+    var selectColumns = data === null || data === void 0 ? void 0 : data.selectColumns;
+    (0, react_1.useEffect)(function () {
+        var _a, _b;
+        // SWC-6030: If sql changes, reset what columns are visible
+        setIsColumnSelected((_b = selectColumns === null || selectColumns === void 0 ? void 0 : selectColumns.slice(0, (_a = props.visibleColumnCount) !== null && _a !== void 0 ? _a : Infinity).map(function (el) { return el.name; })) !== null && _b !== void 0 ? _b : []);
+    }, [selectColumns, lastQueryRequest.query.sql, props.visibleColumnCount]);
+    var context = {
+        topLevelControlsState: topLevelControlsState,
+        setTopLevelControlsState: setTopLevelControlsState,
+        columnsToShowInTable: isColumnSelected,
+        setColumnsToShowInTable: setIsColumnSelected,
+        selectedRowIndices: selectedRowIndices,
+        setSelectedRowIndices: setSelectedRowIndices,
+        facetAliases: props.facetAliases,
+        rgbIndex: props.rgbIndex,
+        unitDescription: props.unitDescription,
+    };
+    /**
+     * Render the children without any formatting
+     */
+    var children = props.children;
+    return (react_1.default.createElement(exports.QueryVisualizationContextProvider, { queryVisualizationContext: context }, children));
+}
+exports.QueryVisualizationWrapper = QueryVisualizationWrapper;
+//# sourceMappingURL=QueryVisualizationWrapper.js.map

package/dist/containers/QueryVisualizationWrapper.js.map

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

package/dist/containers/QueryWrapper.d.ts

@@ -1,34 +1,66 @@
 import * as React from 'react';
-import { AsynchronousJobStatus, QueryBundleRequest, QueryResultBundle, SelectColumn } from '../utils/synapseTypes/';
 import { SynapseClientError } from '../utils/SynapseClient';
+import { AsynchronousJobStatus, QueryBundleRequest, QueryResultBundle, Table } from '../utils/synapseTypes';
+export declare const QUERY_FILTERS_EXPANDED_CSS: string;
+export declare const QUERY_FILTERS_COLLAPSED_CSS: string;
+export declare type QueryContextType = {
+    /** The entity being queried. Will be undefined while initially fetching */
+    entity: Table | undefined;
+    /** The query results, which will be undefined while initially fetching a new bundle, but will not be unloaded when fetching new pages */
+    data: QueryResultBundle | undefined;
+    /** Returns a deep clone of the current query bundle request */
+    getLastQueryRequest: () => QueryBundleRequest;
+    /** Returns a deep clone of the initial query bundle request */
+    getInitQueryRequest: () => QueryBundleRequest;
+    /** Updates the current query with the passed request */
+    executeQueryRequest: (param: QueryBundleRequest) => void;
+    /** Returns true when loading a new page of query results */
+    isLoadingNewPage: boolean;
+    /** Returns true when loading a brand new query result bundle. Will not be true when just loading the next page of query results. */
+    isLoadingNewBundle: boolean;
+    /** The error returned by the query request, if one is encountered */
+    error: SynapseClientError | null;
+    /** The status of the asynchronous job. */
+    asyncJobStatus?: AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>;
+    /** Whether or not the query result bundle has a next page */
+    hasNextPage: boolean;
+    /** Invoke this method to fetch and append the next page of rows to the data  */
+    appendNextPageToResults: () => Promise<void>;
+    /** Invoke to fetch and update the data with the next page of query results */
+    goToNextPage: () => Promise<void>;
+    /** Whether or not the query result bundle has a previous page */
+    hasPreviousPage: boolean;
+    /** Invoke to fetch and update the data with the previous page of query results */
+    goToPreviousPage: () => Promise<void>;
+    /** Whether or not facets are available to be filtered upon based on the current data */
+    isFacetsAvailable: boolean;
+    /**
+     * A facet may be "locked" so that it is not modifiable by the user, for example when showing only data relevant to a particular facet value on a Details Page.
+     * The value of a locked facet will result in a client-side modification of the result bundle data.
+     */
+    lockedFacet?: LockedFacet;
+};
+/**
+ * This must be exported to use the context in class components.
+ */
+export declare const QueryContext: React.Context<QueryContextType | undefined>;
+export declare type QueryContextProviderProps = {
+    queryContext: QueryContextType;
+};
 /**
- * TODO: SWC-5612 - Replace token prop with SynapseContext.accessToken
- *
- * This wasn't done because Enzyme's shallow renderer is not currently
- * compatible with the `contextType` field in the React 16+ context API.
- *
- * This can be fixed by rewriting tests to not rely on the shallow renderer.
- *
- * See here: https://github.com/enzymejs/enzyme/issues/1553
+ * Provides data related to a Synapse table query, and functions for iterating through pages of the data.
  */
+export declare const QueryContextProvider: React.FC<QueryContextProviderProps>;
+export declare function useQueryContext(): QueryContextType;
+export declare const QueryContextConsumer: React.Consumer<QueryContextType | undefined>;
 export declare type QueryWrapperProps = {
-    visibleColumnCount?: number;
+    children: React.ReactNode | React.ReactNode[];
     initQueryRequest: QueryBundleRequest;
-    rgbIndex?: number;
-    token?: string;
-    facet?: string;
-    unitDescription?: string;
-    facetAliases?: Record<string, string>;
-    loadNow?: boolean;
-    showBarChart?: boolean;
     componentIndex?: number;
     shouldDeepLink?: boolean;
     onQueryChange?: (newQueryJson: string) => void;
     onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void;
-    hiddenColumns?: string[];
     lockedFacet?: LockedFacet;
-    defaultShowFacetVisualization?: boolean;
-    children?: (queryWrapperChildProps: QueryWrapperChildProps) => React.ReactNode | React.ReactNode[];
 };
 export declare type TopLevelControlsState = {
     showFacetVisualization: boolean;
@@ -43,134 +75,12 @@ export declare type SearchQuery = {
     columnName: string;
     searchText: string;
 };
-export declare type QueryWrapperState = {
-    isAllFilterSelectedForFacet: Record<string, boolean>;
-    data: QueryResultBundle | undefined;
-    isLoadingNewData: boolean;
-    isLoading: boolean;
-    lastQueryRequest: QueryBundleRequest;
-    hasMoreData: boolean;
-    lastFacetSelection: FacetSelection;
-    chartSelectionIndex: number;
-    asyncJobStatus?: AsynchronousJobStatus;
-    facetAliases?: Record<string, string>;
-    loadNowStarted: boolean;
-    topLevelControlsState?: TopLevelControlsState;
-    isColumnSelected: string[];
-    selectedRowIndices?: number[];
-    error: SynapseClientError | undefined;
-    isFacetsAvailable: boolean;
-};
 export declare type LockedFacet = {
     facet?: string;
     value?: string;
 };
-export declare type FacetSelection = {
-    columnName: string;
-    facetValue: string;
-    selector: string;
-};
-export declare type QueryWrapperChildProps = {
-    isAllFilterSelectedForFacet?: Record<string, boolean>;
-    isLoading?: boolean;
-    token?: string;
-    entityId?: string;
-    isLoadingNewData?: boolean;
-    executeQueryRequest?: (param: QueryBundleRequest) => void;
-    executeInitialQueryRequest?: () => void;
-    getNextPageOfData?: (queryRequest: QueryBundleRequest) => void;
-    getLastQueryRequest?: () => QueryBundleRequest;
-    getInitQueryRequest?: () => QueryBundleRequest;
-    data?: QueryResultBundle;
-    facet?: string;
-    updateParentState?: <K extends keyof QueryWrapperState>(param: Pick<QueryWrapperState, K>) => void;
-    rgbIndex?: number;
-    unitDescription?: string;
-    facetAliases?: Record<string, string>;
-    lastFacetSelection?: FacetSelection;
-    chartSelectionIndex?: number;
-    asyncJobStatus?: AsynchronousJobStatus;
-    showBarChart?: boolean;
-    hasMoreData?: boolean;
-    topLevelControlsState?: TopLevelControlsState;
-    isColumnSelected?: string[];
-    selectedRowIndices?: number[];
-    error?: SynapseClientError | undefined;
-    lockedFacet?: LockedFacet;
-    isFacetsAvailable?: boolean;
-};
-export declare const QUERY_FILTERS_EXPANDED_CSS: string;
-export declare const QUERY_FILTERS_COLLAPSED_CSS: string;
 /**
- * Class wraps around any Synapse views that are dependent on a query bundle
- * Those classes then take in as props:
- *
- * @class QueryWrapper
- * @extends {React.Component}
+ * Component that manages the state of a Synapse table query. Data can be accessed via QueryContext using
+ * either `useQueryContext` or `QueryContextConsumer`.
  */
-export default class QueryWrapper extends React.Component<QueryWrapperProps, QueryWrapperState> {
-    private componentIndex;
-    constructor(props: QueryWrapperProps);
-    /**
-     * Compute default query request
-     *
-     * @memberof QueryWrapper
-     */
-    componentDidMount(): void;
-    /**
-     * @memberof QueryWrapper
-     */
-    componentDidUpdate(prevProps: QueryWrapperProps): void;
-    /**
-     * Pass down a deep clone (so no side affects on the child's part) of the
-     * last query request made
-     *
-     * @returns
-     * @memberof QueryWrapper
-     */
-    getLastQueryRequest(): QueryBundleRequest;
-    /**
-     * Pass down a deep clone (so no side affects on the child's part) of the
-     * first query request made
-     *
-     * @returns
-     * @memberof QueryWrapper
-     */
-    getInitQueryRequest(): QueryBundleRequest;
-    getSelectedColumns(isReset: boolean, selectColumns?: SelectColumn[]): string[];
-    /**
-     * Execute the given query
-     *
-     * @param {*} queryRequest Query request as specified by
-     *                         https://rest-docs.synapse.org/rest/org/sagebionetworks/repo/model/table/Query.html
-     * @memberof QueryWrapper
-     */
-    executeQueryRequest(queryRequest: QueryBundleRequest): Promise<void>;
-    /**
-     * Grab the next page of data, pulling in 25 more rows.
-     *
-     * @param {*} queryRequest Query request as specified by
-     *                         https://rest-docs.synapse.org/rest/org/sagebionetworks/repo/model/table/Query.html
-     * @memberof QueryWrapper
-     */
-    getNextPageOfData(queryRequest: QueryBundleRequest): Promise<void>;
-    /**
-     * Execute the initial query passed into the component
-     *
-     * @param {*} queryRequest Query request as specified by
-     *                         https://rest-docs.synapse.org/rest/org/sagebionetworks/repo/model/table/Query.html
-     * @memberof QueryWrapper
-     */
-    executeInitialQueryRequest(initQueryRequest?: QueryBundleRequest): void;
-    updateParentState<K extends keyof QueryWrapperState>(update: Pick<QueryWrapperState, K>): void;
-    /**
-     * remove a particular facet name (e.g. study) and its all possible values based on the parameter specified in the url
-     * this is to remove the facet from the charts, search and filter.
-     * @return data: QueryResultBundle
-     */
-    removeLockedFacetData(): QueryResultBundle | undefined;
-    /**
-     * Render the children without any formatting
-     */
-    render(): JSX.Element;
-}
+export declare function QueryWrapper(props: QueryWrapperProps): JSX.Element;