synapse-react-client 3.1.1 → 3.1.2

package/dist/containers/useImmutableTableQuery.d.ts

@@ -0,0 +1,32 @@
+import { QueryBundleRequest } from '../utils/synapseTypes/Table/QueryBundleRequest';
+export declare type ImmutableTableQueryResult = {
+    /** The ID of the table parsed from the SQL query */
+    entityId: string;
+    /** The version number of the table parsed from the SQL query */
+    versionNumber?: number;
+    getInitQueryRequest: () => QueryBundleRequest;
+    getLastQueryRequest: () => QueryBundleRequest;
+    setQuery: (queryRequest: QueryBundleRequest | ((lastQueryRequest: QueryBundleRequest) => QueryBundleRequest)) => void;
+    pageSize: number;
+    /** The current page of results. The first page is `1` */
+    currentPage: number;
+    setPageSize: (pageSize: number) => void;
+    /** pageNumber is 1-indexed */
+    goToPage: (pageNumber: number) => void;
+};
+export declare type UseImmutableTableQueryOptions = {
+    /** The initial table query request object */
+    initQueryRequest: QueryBundleRequest;
+    /** Whether the URL should update when the query is modified. */
+    shouldDeepLink?: boolean;
+    /** Unique index for the component on the page so URL updates do not conflict between table query components */
+    componentIndex?: number;
+    /** Callback invoked when the query is modified */
+    onQueryChange?: (newQueryJson: string) => void;
+};
+/**
+ * Custom hook that maintains and manages the state of a Synapse Table query.
+ * @param options
+ * @returns
+ */
+export default function useImmutableTableQuery(options: UseImmutableTableQueryOptions): ImmutableTableQueryResult;

package/dist/containers/useImmutableTableQuery.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var lodash_es_1 = require("lodash-es");
+var DeepLinkingUtils = tslib_1.__importStar(require("../utils/functions/deepLinkingUtils"));
+var SynapseConstants_1 = require("../utils/SynapseConstants");
+var sqlFunctions_1 = require("../utils/functions/sqlFunctions");
+/**
+ * Custom hook that maintains and manages the state of a Synapse Table query.
+ * @param options
+ * @returns
+ */
+function useImmutableTableQuery(options) {
+    var _a, _b;
+    var initQueryRequest = options.initQueryRequest, _c = options.componentIndex, componentIndex = _c === void 0 ? 0 : _c, _d = options.shouldDeepLink, shouldDeepLink = _d === void 0 ? false : _d, onQueryChange = options.onQueryChange;
+    var _e = (0, react_1.useState)(initQueryRequest), lastQueryRequest = _e[0], setLastQueryRequest = _e[1];
+    /**
+     * Inspect the URL on mount to see if we have a particular query request that we must show.
+     */
+    (0, react_1.useEffect)(function () {
+        var query = DeepLinkingUtils.getQueryRequestFromLink('QueryWrapper', componentIndex);
+        if (query) {
+            setLastQueryRequest(query);
+        }
+    }, [componentIndex]);
+    /**
+     * Pass down a deep clone (so no side effects on the child's part) of the
+     * last query request made
+     *
+     * @returns
+     * @memberof QueryWrapper
+     */
+    var getLastQueryRequest = (0, react_1.useCallback)(function () {
+        return (0, lodash_es_1.cloneDeep)(lastQueryRequest);
+    }, [lastQueryRequest]);
+    /**
+     * Pass down a deep clone (so no side affects on the child's part) of the
+     * first query request made
+     *
+     * @returns
+     * @memberof QueryWrapper
+     */
+    function getInitQueryRequest() {
+        return (0, lodash_es_1.cloneDeep)(initQueryRequest);
+    }
+    /**
+     * Execute the given query request, updating all of the data in the QueryContext to match the new query
+     * @param {*} queryRequest Query request as specified by
+     *                         https://rest-docs.synapse.org/rest/org/sagebionetworks/repo/model/table/Query.html
+     */
+    function setQuery(queryRequest) {
+        var newQueryRequest;
+        if (typeof queryRequest === 'function') {
+            newQueryRequest = queryRequest(getLastQueryRequest());
+        }
+        else {
+            newQueryRequest = queryRequest;
+        }
+        // Clone the query request before storing it in state, in case the original is mutated
+        var clonedQueryRequest = (0, lodash_es_1.cloneDeep)(newQueryRequest);
+        setLastQueryRequest(clonedQueryRequest);
+        if (clonedQueryRequest.query) {
+            if (shouldDeepLink) {
+                var clonedQueryRequestJson = JSON.stringify(clonedQueryRequest.query);
+                var stringifiedQuery = encodeURIComponent(clonedQueryRequestJson);
+                DeepLinkingUtils.updateUrlWithNewSearchParam('QueryWrapper', componentIndex, stringifiedQuery);
+            }
+            if (onQueryChange) {
+                onQueryChange(JSON.stringify(clonedQueryRequest));
+            }
+        }
+    }
+    var _f = (0, sqlFunctions_1.parseEntityIdAndVersionFromSqlStatement)(lastQueryRequest.query.sql), entityId = _f.entityId, versionNumber = _f.versionNumber;
+    var pageSize = (_a = lastQueryRequest.query.limit) !== null && _a !== void 0 ? _a : SynapseConstants_1.DEFAULT_PAGE_SIZE;
+    var currentPage = Math.ceil((((_b = lastQueryRequest.query.offset) !== null && _b !== void 0 ? _b : 0) + Number(pageSize)) / pageSize);
+    function setPageSize(pageSize) {
+        setQuery(function (currentQuery) {
+            currentQuery.query.limit = pageSize;
+            return currentQuery;
+        });
+    }
+    function goToPage(pageNumber) {
+        setQuery(function (currentQuery) {
+            currentQuery.query.offset = (pageNumber - 1) * pageSize;
+            return currentQuery;
+        });
+    }
+    return {
+        entityId: entityId,
+        versionNumber: versionNumber,
+        getInitQueryRequest: getInitQueryRequest,
+        getLastQueryRequest: getLastQueryRequest,
+        setQuery: setQuery,
+        pageSize: pageSize,
+        currentPage: currentPage,
+        setPageSize: setPageSize,
+        goToPage: goToPage,
+    };
+}
+exports.default = useImmutableTableQuery;
+//# sourceMappingURL=useImmutableTableQuery.js.map

package/dist/containers/useImmutableTableQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImmutableTableQuery.js","sourceRoot":"","sources":["../../src/lib/containers/useImmutableTableQuery.ts"],"names":[],"mappings":";;;AAAA,+BAAwD;AAExD,uCAAqC;AACrC,4FAAuE;AACvE,8DAA6D;AAC7D,gEAAyF;AA0CzF;;;;GAIG;AACH,SAAwB,sBAAsB,CAC5C,OAAsC;;IAGpC,IAAA,gBAAgB,GAId,OAAO,iBAJO,EAChB,KAGE,OAAO,eAHS,EAAlB,cAAc,mBAAG,CAAC,KAAA,EAClB,KAEE,OAAO,eAFa,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,aAAa,GACX,OAAO,cADI,CACJ;IAEL,IAAA,KACJ,IAAA,gBAAQ,EAAqB,gBAAgB,CAAC,EADzC,gBAAgB,QAAA,EAAE,mBAAmB,QACI,CAAA;IAEhD;;OAEG;IACH,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG,gBAAgB,CAAC,uBAAuB,CACpD,cAAc,EACd,cAAc,CACf,CAAA;QACD,IAAI,KAAK,EAAE;YACT,mBAAmB,CAAC,KAAK,CAAC,CAAA;SAC3B;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB;;;;;;OAMG;IACH,IAAM,mBAAmB,GAAG,IAAA,mBAAW,EAAC;QACtC,OAAO,IAAA,qBAAS,EAAC,gBAAgB,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEtB;;;;;;OAMG;IACH,SAAS,mBAAmB;QAC1B,OAAO,IAAA,qBAAS,EAAC,gBAAgB,CAAC,CAAA;IACpC,CAAC;IAED;;;;OAIG;IACH,SAAS,QAAQ,CACf,YAEkE;QAElE,IAAI,eAAmC,CAAA;QACvC,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE;YACtC,eAAe,GAAG,YAAY,CAAC,mBAAmB,EAAE,CAAC,CAAA;SACtD;aAAM;YACL,eAAe,GAAG,YAAY,CAAA;SAC/B;QAED,sFAAsF;QACtF,IAAM,kBAAkB,GAAG,IAAA,qBAAS,EAAC,eAAe,CAAC,CAAA;QACrD,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;QAEvC,IAAI,kBAAkB,CAAC,KAAK,EAAE;YAC5B,IAAI,cAAc,EAAE;gBAClB,IAAM,sBAAsB,GAAG,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;gBACvE,IAAM,gBAAgB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAAA;gBACnE,gBAAgB,CAAC,2BAA2B,CAC1C,cAAc,EACd,cAAc,EACd,gBAAgB,CACjB,CAAA;aACF;YACD,IAAI,aAAa,EAAE;gBACjB,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAA;aAClD;SACF;IACH,CAAC;IAEK,IAAA,KAA8B,IAAA,sDAAuC,EACzE,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAC1B,EAFM,QAAQ,cAAA,EAAE,aAAa,mBAE7B,CAAA;IAEF,IAAM,QAAQ,GAAG,MAAA,gBAAgB,CAAC,KAAK,CAAC,KAAK,mCAAI,oCAAiB,CAAA;IAClE,IAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAC3B,CAAC,CAAC,MAAA,gBAAgB,CAAC,KAAK,CAAC,MAAM,mCAAI,CAAC,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,QAAQ,CACrE,CAAA;IACD,SAAS,WAAW,CAAC,QAAgB;QACnC,QAAQ,CAAC,UAAA,YAAY;YACnB,YAAY,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAA;YACnC,OAAO,YAAY,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,QAAQ,CAAC,UAAkB;QAClC,QAAQ,CAAC,UAAA,YAAY;YACnB,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAA;YACvD,OAAO,YAAY,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,OAAO;QACL,QAAQ,UAAA;QACR,aAAa,eAAA;QACb,mBAAmB,qBAAA;QACnB,mBAAmB,qBAAA;QACnB,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,WAAW,aAAA;QACX,WAAW,aAAA;QACX,QAAQ,UAAA;KACT,CAAA;AACH,CAAC;AAtHD,yCAsHC"}

package/dist/containers/widgets/query-filter/FacetChip.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FacetColumnResult } from '../../../utils/synapseTypes';
+export declare type FacetChipProps = {
+    facet: FacetColumnResult;
+    isChecked: boolean;
+    onClick: () => void;
+};
+export declare const FacetChip: React.FC<FacetChipProps>;

package/dist/containers/widgets/query-filter/FacetChip.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FacetChip = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var unCamelCase_1 = require("../../../utils/functions/unCamelCase");
+var IconSvg_1 = tslib_1.__importDefault(require("../../IconSvg"));
+var QueryVisualizationWrapper_1 = require("../../QueryVisualizationWrapper");
+var FacetChip = function (_a) {
+    var facet = _a.facet, isChecked = _a.isChecked, onClick = _a.onClick;
+    var facetAliases = (0, QueryVisualizationWrapper_1.useQueryVisualizationContext)().facetAliases;
+    return (react_1.default.createElement("button", { className: "Chip ".concat(isChecked ? 'Checked' : ''), onClick: onClick },
+        (0, unCamelCase_1.unCamelCase)(facet.columnName, facetAliases),
+        react_1.default.createElement(IconSvg_1.default, { options: {
+                icon: isChecked ? 'check' : 'add',
+                size: '14px',
+                padding: 'left',
+            } })));
+};
+exports.FacetChip = FacetChip;
+//# sourceMappingURL=FacetChip.js.map

package/dist/containers/widgets/query-filter/FacetChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetChip.js","sourceRoot":"","sources":["../../../../src/lib/containers/widgets/query-filter/FacetChip.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,oEAAkE;AAElE,kEAAmC;AACnC,6EAA8E;AAQvE,IAAM,SAAS,GAA6B,UAAC,EAInD;QAHC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,OAAO,aAAA;IAEC,IAAA,YAAY,GAAK,IAAA,wDAA4B,GAAE,aAAnC,CAAmC;IACvD,OAAO,CACL,0CAAQ,SAAS,EAAE,eAAQ,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAAE,OAAO,EAAE,OAAO;QACtE,IAAA,yBAAW,EAAC,KAAK,CAAC,UAAU,EAAE,YAAY,CAAC;QAC5C,8BAAC,iBAAO,IACN,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;gBACjC,IAAI,EAAE,MAAM;gBACZ,OAAO,EAAE,MAAM;aAChB,GACQ,CACJ,CACV,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,SAAS,aAkBrB"}

package/dist/containers/widgets/query-filter/QueryFilter.js

@@ -3,11 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.QueryFilter = exports.applyChangesToRangeColumn = exports.applyMultipleChangesToValuesColumn = exports.applyChangesToValuesColumn = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
+var use_deep_compare_effect_1 = require("use-deep-compare-effect");
 var queryUtils_1 = require("../../../utils/functions/queryUtils");
+var QueryContext_1 = require("../../QueryContext");
 var QueryVisualizationWrapper_1 = require("../../QueryVisualizationWrapper");
 var QueryWrapper_1 = require("../../QueryWrapper");
-var QueryContext_1 = require("../../QueryContext");
 var EnumFacetFilter_1 = require("./EnumFacetFilter");
+var FacetChip_1 = require("./FacetChip");
 var RangeFacetFilter_1 = require("./RangeFacetFilter");
 var convertFacetToFacetColumnValuesRequest = function (facet) { return ({
     concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',
@@ -93,20 +95,30 @@ var applyChangesToRangeColumn = function (lastRequest, facet, onChangeFn, values
 };
 exports.applyChangesToRangeColumn = applyChangesToRangeColumn;
 var QueryFilter = function (_a) {
+    var _b;
     var facetsToFilter = _a.facetsToFilter;
-    var _b = (0, QueryContext_1.useQueryContext)(), data = _b.data, isLoadingNewBundle = _b.isLoadingNewBundle, getLastQueryRequest = _b.getLastQueryRequest, executeQueryRequest = _b.executeQueryRequest;
-    var _c = (0, QueryVisualizationWrapper_1.useQueryVisualizationContext)(), facetAliases = _c.facetAliases, topLevelControlsState = _c.topLevelControlsState;
+    var _c = (0, QueryContext_1.useQueryContext)(), data = _c.data, isLoadingNewBundle = _c.isLoadingNewBundle, getLastQueryRequest = _c.getLastQueryRequest, executeQueryRequest = _c.executeQueryRequest;
+    var facets = data === null || data === void 0 ? void 0 : data.facets;
+    var shownChips;
+    if (facetsToFilter == null) {
+        shownChips = (_b = facets === null || facets === void 0 ? void 0 : facets.map(function (facet) { return facet.columnName; })) !== null && _b !== void 0 ? _b : [];
+    }
+    else {
+        shownChips = facetsToFilter;
+    }
+    var _d = React.useState([]), facetFiltersShown = _d[0], setFacetFiltersShown = _d[1];
+    var _e = (0, QueryVisualizationWrapper_1.useQueryVisualizationContext)(), facetAliases = _e.facetAliases, topLevelControlsState = _e.topLevelControlsState;
+    var showFacetFilter = topLevelControlsState.showFacetFilter;
+    /**
+     * When the data facets change, reset the initially-selected chips
+     */
+    (0, use_deep_compare_effect_1.useDeepCompareEffectNoCheck)(function () {
+        setFacetFiltersShown(shownChips.slice(0, 3));
+    }, [data === null || data === void 0 ? void 0 : data.facets]);
     if (!data) {
         return React.createElement(React.Fragment, null);
     }
-    var showFacetFilter = topLevelControlsState.showFacetFilter;
     var columnModels = data.selectColumns;
-    var facets = data.facets;
-    if (facetsToFilter) {
-        facets = facets.filter(function (facet) {
-            return facetsToFilter.includes(facet.columnName);
-        });
-    }
     var lastRequest = getLastQueryRequest();
     var applyChanges = function (facets) {
         var queryRequest = getLastQueryRequest();
@@ -114,27 +126,43 @@ var QueryFilter = function (_a) {
         queryRequest.query.offset = 0;
         executeQueryRequest(queryRequest);
     };
+    var onClick = function (facet) {
+        var newFacetFilterShown = tslib_1.__spreadArray(tslib_1.__spreadArray([], (facetFiltersShown !== null && facetFiltersShown !== void 0 ? facetFiltersShown : ['']), true), [facet.columnName], false);
+        if (facetFiltersShown.includes(facet.columnName)) {
+            newFacetFilterShown = newFacetFilterShown.filter(function (col) { return col != facet.columnName; });
+        }
+        setFacetFiltersShown(newFacetFilterShown);
+    };
     return (React.createElement("div", { className: "QueryFilter ".concat(showFacetFilter
             ? QueryWrapper_1.QUERY_FILTERS_EXPANDED_CSS
             : QueryWrapper_1.QUERY_FILTERS_COLLAPSED_CSS) },
         isLoadingNewBundle && React.createElement("div", null, "Loading..."),
         !isLoadingNewBundle &&
-            facets.map(function (facet, index) {
+            (facets !== null && facets !== void 0 ? facets : [])
+                .filter(function (facet) { return facetFiltersShown.includes(facet.columnName); })
+                .map(function (facet, index) {
                 var columnModel = columnModels.find(function (model) { return model.name === facet.columnName; });
-                var shouldStartCollapsed = index > 2;
                 if ((0, queryUtils_1.isSingleNotSetValue)(facet)) {
                     return;
                 }
                 return (React.createElement("div", { className: "QueryFilter__facet", key: facet.columnName },
-                    facet.facetType === 'enumeration' && columnModel && (React.createElement(EnumFacetFilter_1.EnumFacetFilter, { containerAs: "Collapsible", collapsed: shouldStartCollapsed, facetValues: facet.facetValues, columnModel: columnModel, facetAliases: facetAliases, onChange: function (facetNamesMap) {
+                    facet.facetType === 'enumeration' && columnModel && (React.createElement(EnumFacetFilter_1.EnumFacetFilter, { containerAs: "Collapsible", collapsed: false, facetValues: facet.facetValues, columnModel: columnModel, facetAliases: facetAliases, onChange: function (facetNamesMap) {
                             return (0, exports.applyMultipleChangesToValuesColumn)(lastRequest, facet, applyChanges, facetNamesMap);
                         }, onClear: function () {
                             return applyChangesToValuesColumn(lastRequest, facet, applyChanges);
                         } })),
-                    facet.facetType === 'range' && columnModel && (React.createElement(RangeFacetFilter_1.RangeFacetFilter, { facetResult: facet, columnModel: columnModel, facetAliases: facetAliases, collapsed: shouldStartCollapsed, onChange: function (values) {
+                    facet.facetType === 'range' && columnModel && (React.createElement(RangeFacetFilter_1.RangeFacetFilter, { facetResult: facet, columnModel: columnModel, facetAliases: facetAliases, collapsed: false, onChange: function (values) {
                             return (0, exports.applyChangesToRangeColumn)(lastRequest, facet, applyChanges, values);
                         } }))));
-            })));
+            }),
+        React.createElement("div", null,
+            React.createElement("div", { className: "AvailableFacet" },
+                React.createElement("label", { className: "AvailableFacet__label" }, "Available Facets")),
+            (facets !== null && facets !== void 0 ? facets : [])
+                .filter(function (facet) { return shownChips.includes(facet.columnName); })
+                .map(function (facet) {
+                return (React.createElement(FacetChip_1.FacetChip, { key: facet.columnName, facet: facet, onClick: function () { return onClick(facet); }, isChecked: facetFiltersShown.includes(facet.columnName) }));
+            }))));
 };
 exports.QueryFilter = QueryFilter;
 //# sourceMappingURL=QueryFilter.js.map

package/dist/containers/widgets/query-filter/QueryFilter.js.map

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

package/dist/style/bootstrap4_backports/_overrides.scss

@@ -99,6 +99,7 @@ html:not(#synapse\.org) {
     }
     .modal-body {
       padding: 10px 0px;
+      margin-bottom: 16px;
     }
 
     .modal-footer {

package/dist/style/components/_all.scss

@@ -6,19 +6,20 @@
   './query-wrapper-text-input', './element-with-tooltip',
   './_column-selection.scss', './programmatic-options',
   './query_filter/enum-facet-filter', './query_filter/facet-filter-header',
-  './error', './goals', './feed-cards', './upset-plot', './resources',
-  'cards-rotate', './expandable_content', './bar-loader', './facet-plots-card',
-  './featured-data-plots', './featured-data-tabs', './programs',
-  './user-card-list-groups', './evaluation_queue/all',
-  './personal-access-tokens', './copy-to-clipboard', './account-level-badge',
-  './terms-and-conditions', './page-progress', './project-view-card',
-  './carousel', './synapse-homepage', './login', './entity_finder/all',
-  './entity-badge', './download-list-v2', './experimental-mode',
-  './user-search-box', './entity-metadata', './download-cart-page',
-  './global-alert', './annotations', 'plotlywrapper', './synapse-nav-drawer',
-  './favorites-page', './skeletons', './toasts', './user-profile-links',
-  './blocking-loader', './transition', './popover', './featured-tool-card',
-  './row_renderers/observation-card', './subsection-row-renderer',
-  './dataset-editor', './fluid-modal', './markdown-collapse',
-  './discussion-search', './submission-page', './governance-dashboard',
-  './oauth-editor', './provenance', './certification-quiz';
+  './query_filter/facet-chip', './error', './goals', './feed-cards',
+  './upset-plot', './resources', 'cards-rotate', './expandable_content',
+  './bar-loader', './facet-plots-card', './featured-data-plots',
+  './featured-data-tabs', './programs', './user-card-list-groups',
+  './evaluation_queue/all', './personal-access-tokens', './copy-to-clipboard',
+  './account-level-badge', './terms-and-conditions', './page-progress',
+  './project-view-card', './carousel', './synapse-homepage', './login',
+  './entity_finder/all', './entity-badge', './download-list-v2',
+  './experimental-mode', './user-search-box', './entity-metadata',
+  './download-cart-page', './global-alert', './annotations', 'plotlywrapper',
+  './synapse-nav-drawer', './favorites-page', './skeletons', './toasts',
+  './user-profile-links', './blocking-loader', './transition', './popover',
+  './featured-tool-card', './row_renderers/observation-card',
+  './subsection-row-renderer', './dataset-editor', './fluid-modal',
+  './markdown-collapse', './discussion-search', './submission-page',
+  './governance-dashboard', './oauth-editor', './provenance',
+  './certification-quiz';

package/dist/style/components/_cards.scss

@@ -341,3 +341,17 @@ $text-color-lighter: #898989;
 .cardContainer {
   box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
 }
+
+.QuerySortSelector {
+  .sort-by-label {
+    margin: 0px 2px;
+  }
+  .react-select-container {
+    min-width: 250px;
+    .form-control {
+      padding: 0px;
+      height: 37px;
+      margin-bottom: 0px;
+    }
+  }
+}

package/dist/style/components/_query-filter.scss

@@ -12,4 +12,12 @@
       margin-top: 0;
     }
   }
+  .AvailableFacet {
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px solid SRC.$border-color-gray;
+    &__label {
+      font-weight: bold;
+    }
+  }
 }

package/dist/style/components/_query-wrapper-plot-nav.scss

@@ -2,9 +2,11 @@
 @use 'sass:map';
 
 .QueryWrapperPlotNav {
+  .SRC-wrapper {
+    display: grid;
+  }
   @media (min-width: map-get(SRC.$breakpoints, 'medium')) {
     .SRC-wrapper {
-      display: grid;
       grid-template-columns: 25% 75%;
 
       // by default, children take up the full row
@@ -19,45 +21,11 @@
       }
     }
     .SRC-wrapper {
-      // row
-      .QueryFilter {
-        grid-row: 3 / span 100;
-      }
-      .TopLevelControls {
-        grid-row: 1 / span 1;
-      }
-      .TotalQueryResults {
-        grid-row: 2 / span 1;
-      }
-      .download-confirmation {
-        grid-row: 3 / span 1;
-      }
-      .QueryWrapperSearchInput {
-        grid-row: 4 / span 1;
-        .MuiCollapse-entered {
-          margin: 5px 0px;
-        }
-      }
-      .QueryWrapperSqlEditorInput {
-        grid-row: 5 / span 1;
-        .MuiCollapse-entered {
-          margin: 5px 0px;
-        }
-      }
-      .ErrorBannerWrapper {
-        grid-row: 6 / span 1;
-      }
-      .FacetNav {
-        grid-row: 7 / span 1;
-      }
-      .FilterAndView {
-        grid-row: 8 / span 1;
-      }
-
       // column (depends on if we are showing facet filters)
       .isShowingFacetFilters {
         &.QueryFilter {
           grid-column: 1 / span 1;
+          grid-row: 3 / span 100;
         }
         &.download-confirmation,
         &.FacetNav,
@@ -73,18 +41,58 @@
           grid-column: 1 / span 2;
         }
       }
-      .isHidingFacetFilters {
-        &.QueryFilter {
-          grid-column: 1 / span 1;
-          > * {
-            display: none;
-          }
-        }
-        &.FilterAndView {
-          margin-top: 10px;
-        }
+    }
+  }
+
+  // row
+  .SRC-wrapper {
+    .TopLevelControls {
+      grid-row: 1 / span 1;
+    }
+    .TotalQueryResults {
+      grid-row: 2 / span 1;
+    }
+    .download-confirmation {
+      grid-row: 3 / span 1;
+    }
+    .QueryWrapperSearchInput {
+      grid-row: 4 / span 1;
+      .MuiCollapse-entered {
+        margin: 5px 0px;
       }
     }
+    .QueryWrapperSqlEditorInput {
+      grid-row: 5 / span 1;
+      .MuiCollapse-entered {
+        margin: 5px 0px;
+      }
+    }
+    .ErrorBannerWrapper {
+      grid-row: 6 / span 1;
+    }
+    // This is the placement for mobile.  See above for desktop position
+    // (when showing these facet filters we render a 2 column layout)
+    .QueryFilter {
+      grid-row: 7 / span 1;
+    }
+    .FacetNav {
+      grid-row: 8 / span 1;
+    }
+    .FilterAndView {
+      grid-row: 9 / span 1;
+    }
+  }
+
+  .SRC-wrapper .isHidingFacetFilters {
+    &.QueryFilter {
+      grid-column: 1 / span 1;
+      > * {
+        display: none;
+      }
+    }
+    &.FilterAndView {
+      margin-top: 10px;
+    }
   }
 
   .SRC-wrapper {

package/dist/style/components/query_filter/_facet-chip.scss

@@ -0,0 +1,18 @@
+@use '../../abstracts/variables' as SRC;
+@use 'sass:map';
+
+.Chip {
+  border-radius: 3px;
+  padding: 4px 6px;
+  margin: 4px;
+  &:hover {
+    background-color: map.get(SRC.$secondary-color-palette, 100);
+  }
+}
+.Checked {
+  color: #ffffff;
+  background-color: SRC.$secondary-action-color;
+  &:hover {
+    background-color: map.get(SRC.$secondary-color-palette, 700);
+  }
+}