synapse-react-client 2.1.21 → 3.0.0

package/dist/containers/FullTextSearch.js

@@ -8,15 +8,17 @@ var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
 var core_1 = require("@material-ui/core");
 var react_1 = (0, tslib_1.__importStar)(require("react"));
 var QueryWrapper_1 = require("./QueryWrapper");
+var QueryWrapper_2 = require("./QueryWrapper");
+var QueryVisualizationWrapper_1 = require("./QueryVisualizationWrapper");
 fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.faSearch);
 fontawesome_svg_core_1.library.add(free_solid_svg_icons_1.faTimes);
 // See PLFM-7011
 var MIN_SEARCH_QUERY_LENGTH = 3;
-function FullTextSearch(props) {
-    var _a;
-    var _b = (0, react_1.useState)(''), searchText = _b[0], setSearchText = _b[1];
+function FullTextSearch() {
+    var _a = (0, QueryWrapper_2.useQueryContext)(), executeQueryRequest = _a.executeQueryRequest, getLastQueryRequest = _a.getLastQueryRequest;
+    var _b = (0, QueryVisualizationWrapper_1.useQueryVisualizationContext)().topLevelControlsState, showSearchBar = _b.showSearchBar, showFacetFilter = _b.showFacetFilter;
+    var _c = (0, react_1.useState)(''), searchText = _c[0], setSearchText = _c[1];
     var searchInputRef = (0, react_1.useRef)(null);
-    var showSearchBar = (_a = props === null || props === void 0 ? void 0 : props.topLevelControlsState) === null || _a === void 0 ? void 0 : _a.showSearchBar;
     (0, react_1.useEffect)(function () {
         var _a;
         if (showSearchBar) {
@@ -32,7 +34,6 @@ function FullTextSearch(props) {
             (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.setCustomValidity("Search term must have a minimum of " + MIN_SEARCH_QUERY_LENGTH + " characters");
         }
         else {
-            var executeQueryRequest = props.executeQueryRequest, getLastQueryRequest = props.getLastQueryRequest;
             var lastQueryRequestDeepClone = getLastQueryRequest();
             var _b = lastQueryRequestDeepClone.query.additionalFilters, additionalFilters = _b === void 0 ? [] : _b;
             var textMatchesQueryFilter_1 = {
@@ -42,7 +43,8 @@ function FullTextSearch(props) {
             // PORTALS-2093: does this additional filter already exist?
             var found = additionalFilters.find(function (filter) {
                 return filter.concreteType == textMatchesQueryFilter_1.concreteType &&
-                    filter.searchExpression == textMatchesQueryFilter_1.searchExpression;
+                    filter.searchExpression ==
+                        textMatchesQueryFilter_1.searchExpression;
             });
             if (found) {
                 return;
@@ -59,12 +61,10 @@ function FullTextSearch(props) {
         (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.setCustomValidity('');
         setSearchText(event.currentTarget.value);
     };
-    var topLevelControlsState = props.topLevelControlsState;
-    var showFacetFilter = topLevelControlsState === null || topLevelControlsState === void 0 ? void 0 : topLevelControlsState.showFacetFilter;
     return (react_1.default.createElement("div", { className: "QueryWrapperTextInput " + (showFacetFilter
             ? QueryWrapper_1.QUERY_FILTERS_EXPANDED_CSS
             : QueryWrapper_1.QUERY_FILTERS_COLLAPSED_CSS) },
-        react_1.default.createElement(core_1.Collapse, { in: topLevelControlsState === null || topLevelControlsState === void 0 ? void 0 : topLevelControlsState.showSearchBar, timeout: { enter: 300, exit: 300 } },
+        react_1.default.createElement(core_1.Collapse, { in: showSearchBar, timeout: { enter: 300, exit: 300 } },
             react_1.default.createElement("form", { className: "QueryWrapperTextInput__searchbar", onSubmit: search },
                 react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: "QueryWrapperTextInput__searchbar__searchicon", size: 'sm', icon: 'search' }),
                 react_1.default.createElement("input", { ref: searchInputRef, minLength: MIN_SEARCH_QUERY_LENGTH, onChange: handleChange, placeholder: "Enter Search Terms", value: searchText, type: "text" }),

package/dist/containers/FullTextSearch.js.map

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

package/dist/containers/LoadingScreen.d.ts

@@ -1,11 +1,17 @@
 import React from 'react';
+import '../style/components/_spinner.scss';
 declare const loadingScreen: JSX.Element;
 declare type SynapseSpinnerProps = {
     size?: number;
 };
 export declare const SynapseSpinner: React.FC<SynapseSpinnerProps>;
-declare type BlockingLoaderProps = {
+export declare type BlockingLoaderProps = {
     show: boolean;
+    currentProgress?: number;
+    totalProgress?: number;
+    onCancel?: () => void;
+    hintText?: string;
+    headlineText?: string;
 };
 export declare const BlockingLoader: React.FC<BlockingLoaderProps>;
 export default loadingScreen;

package/dist/containers/LoadingScreen.js

@@ -6,6 +6,7 @@ var core_1 = require("@material-ui/core");
 var react_1 = (0, tslib_1.__importStar)(require("react"));
 var react_bootstrap_1 = require("react-bootstrap");
 var Typography_1 = (0, tslib_1.__importDefault)(require("../utils/typography/Typography"));
+require("../style/components/_spinner.scss");
 var loadingScreen = (react_1.default.createElement("div", { className: "bar-loader" },
     react_1.default.createElement(core_1.LinearProgress, { classes: {
             colorPrimary: 'bar-background-color',
@@ -21,17 +22,27 @@ var SynapseSpinner = function (_a) {
 };
 exports.SynapseSpinner = SynapseSpinner;
 var BlockingLoader = function (_a) {
-    var show = _a.show;
+    var show = _a.show, currentProgress = _a.currentProgress, onCancel = _a.onCancel, totalProgress = _a.totalProgress, headlineText = _a.headlineText, hintText = _a.hintText;
     (0, react_1.useEffect)(function () {
         document.body.style.cursor = show ? 'wait' : 'default';
         return function () {
             document.body.style.cursor = 'default';
         };
     }, [show]);
+    var barLoader = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "bar-loader" },
+            react_1.default.createElement(core_1.LinearProgress, { "data-testid": "progress-bar", variant: 'determinate', classes: {
+                    colorPrimary: 'bar-background-color',
+                    barColorPrimary: 'bar-color',
+                }, value: (currentProgress / totalProgress) * 100 })),
+        react_1.default.createElement(Typography_1.default, { variant: "headline3" }, headlineText),
+        react_1.default.createElement(Typography_1.default, { variant: 'hintText' }, hintText)));
     return (react_1.default.createElement(react_bootstrap_1.Modal, { className: "bootstrap-4-backport BlockingLoader", backdrop: false, animation: false, show: show, size: "sm", centered: true, onHide: function () { } },
-        react_1.default.createElement("div", { className: "SpinnerContainer" },
-            react_1.default.createElement(exports.SynapseSpinner, { size: 40 }),
-            react_1.default.createElement(Typography_1.default, { variant: "headline3" }, "Loading..."))));
+        react_1.default.createElement("div", { className: "SpinnerContainer", "data-testid": "spinner-container" },
+            totalProgress ? (barLoader) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(exports.SynapseSpinner, { size: 40 }),
+                react_1.default.createElement(Typography_1.default, { variant: "headline3", "data-testid": "spinner-hint-text" }, hintText))),
+            onCancel && react_1.default.createElement(react_bootstrap_1.Button, { variant: 'default', onClick: onCancel }, "Cancel"))));
 };
 exports.BlockingLoader = BlockingLoader;
 exports.default = loadingScreen;

package/dist/containers/LoadingScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingScreen.js","sourceRoot":"","sources":["../../src/lib/containers/LoadingScreen.tsx"],"names":[],"mappings":";;;;AAAA,0CAAkD;AAClD,0DAAwC;AACxC,mDAAuC;AACvC,2FAAuD;AAEvD,IAAM,aAAa,GAAG,CACpB,uCAAK,SAAS,EAAC,YAAY;IACzB,8BAAC,qBAAc,IACb,OAAO,EAAE;YACP,YAAY,EAAE,sBAAsB;YACpC,eAAe,EAAE,WAAW;SAC7B,GACD,CACE,CACP,CAAA;AAMM,IAAM,cAAc,GAAkC,UAAC,EAE7D;QADC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IAET,OAAO,CACL,uCACE,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;YACL,MAAM,EAAK,IAAI,OAAI;YACnB,KAAK,EAAK,IAAI,OAAI;YAClB,cAAc,EAAK,IAAI,OAAI;SAC5B,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,cAAc,kBAa1B;AAKM,IAAM,cAAc,GAAkC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAClE,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAA;QACtD,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;QACxC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,8BAAC,uBAAK,IACJ,SAAS,EAAC,qCAAqC,EAC/C,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,cAAO,CAAC;QAEhB,uCAAK,SAAS,EAAC,kBAAkB;YAC/B,8BAAC,sBAAc,IAAC,IAAI,EAAE,EAAE,GAAmB;YAC3C,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,iBAAwB,CACnD,CACA,CACT,CAAA;AACH,CAAC,CAAA;AAxBY,QAAA,cAAc,kBAwB1B;AAED,kBAAe,aAAa,CAAA"}
+{"version":3,"file":"LoadingScreen.js","sourceRoot":"","sources":["../../src/lib/containers/LoadingScreen.tsx"],"names":[],"mappings":";;;;AAAA,0CAAkD;AAClD,0DAAwC;AACxC,mDAA+C;AAC/C,2FAAuD;AACvD,6CAA0C;AAE1C,IAAM,aAAa,GAAG,CACpB,uCAAK,SAAS,EAAC,YAAY;IACzB,8BAAC,qBAAc,IACb,OAAO,EAAE;YACP,YAAY,EAAE,sBAAsB;YACpC,eAAe,EAAE,WAAW;SAC7B,GACD,CACE,CACP,CAAA;AAMM,IAAM,cAAc,GAAkC,UAAC,EAE7D;QADC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA;IAET,OAAO,CACL,uCACE,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE;YACL,MAAM,EAAK,IAAI,OAAI;YACnB,KAAK,EAAK,IAAI,OAAI;YAClB,cAAc,EAAK,IAAI,OAAI;SAC5B,GACD,CACH,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,cAAc,kBAa1B;AAUM,IAAM,cAAc,GAAkC,UAAC,EAA0E;QAAxE,IAAI,UAAA,EAAE,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IACpI,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAA;QACtD,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;QACxC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IACV,IAAM,SAAS,GAAG,CAChB;QACE,uCAAK,SAAS,EAAC,YAAY;YACzB,8BAAC,qBAAc,mBACD,cAAc,EAC1B,OAAO,EAAC,aAAa,EACrB,OAAO,EAAE;oBACP,YAAY,EAAE,sBAAsB;oBACpC,eAAe,EAAE,WAAW;iBAC7B,EACD,KAAK,EAAE,CAAC,eAAgB,GAAG,aAAc,CAAC,GAAC,GAAG,GAE9C,CACE;QACN,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,IAAE,YAAY,CAAc;QAC3D,8BAAC,oBAAU,IAAC,OAAO,EAAC,UAAU,IAAE,QAAQ,CAAc,CAErD,CACJ,CAAA;IACD,OAAO,CACL,8BAAC,uBAAK,IACJ,SAAS,EAAC,qCAAqC,EAC/C,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,cAAO,CAAC;QAEhB,uCAAK,SAAS,EAAC,kBAAkB,iBAAa,mBAAmB;YAChE,aAAa,CAAA,CAAC,CAAA,CACb,SAAS,CACV,CAAC,CAAC,CAAC,CACF;gBACE,8BAAC,sBAAc,IAAC,IAAI,EAAE,EAAE,GAAG;gBAC3B,8BAAC,oBAAU,IAAC,OAAO,EAAC,WAAW,iBAAa,mBAAmB,IAAE,QAAQ,CAAc,CACtF,CACJ;YAEF,QAAQ,IAAI,8BAAC,wBAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,QAAQ,aAAiB,CACjE,CACA,CACT,CAAA;AACH,CAAC,CAAA;AAlDY,QAAA,cAAc,kBAkD1B;AAED,kBAAe,aAAa,CAAA"}

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,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;IAErC,IAAA,KAAgD,IAAA,gBAAQ,EAAK,EAAE,CAAC,EAA/D,mBAAmB,QAAA,EAAE,sBAAsB,QAAoB,CAAA;IACtE,2FAA2F;IAC3F,4BAA4B;IACtB,IAAA,KACJ,IAAA,gBAAQ,EAAK,EAAE,CAAC,EADX,6BAA6B,QAAA,EAAE,gCAAgC,QACpD,CAAA;IAClB,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"}

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, Entity, QueryBundleRequest, QueryResultBundle } 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: Entity | 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<unknown, unknown>;
+    /** 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;