synapse-react-client 3.1.7 → 3.1.8

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

@@ -1 +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"}
+{"version":3,"file":"FacetChip.js","sourceRoot":"","sources":["../../../../src/lib/containers/widgets/query-filter/FacetChip.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAEzB,kEAAmC;AACnC,6EAA8E;AAQvE,IAAM,SAAS,GAA6B,UAAC,EAInD;QAHC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,OAAO,aAAA;IAEC,IAAA,oBAAoB,GAAK,IAAA,wDAA4B,GAAE,qBAAnC,CAAmC;IAC/D,OAAO,CACL,0CAAQ,SAAS,EAAE,eAAQ,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EAAE,OAAO,EAAE,OAAO;QACtE,oBAAoB,CAAC,KAAK,CAAC,UAAU,CAAC;QACvC,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.d.ts → FacetFilterControls.d.ts}

@@ -1,11 +1,9 @@
-import * as React from 'react';
-import { QueryBundleRequest } from '../../../utils/synapseTypes';
-import { FacetColumnRequest } from '../../../utils/synapseTypes/Table/FacetColumnRequest';
-import { FacetColumnResultRange, FacetColumnResultValues } from '../../../utils/synapseTypes/Table/FacetColumnResult';
-export declare type QueryFilterProps = {
+/// <reference types="react" />
+import { QueryBundleRequest, FacetColumnRequest, FacetColumnResultRange, FacetColumnResultValues } from '../../../utils/synapseTypes';
+export declare type FacetFilterControlsProps = {
     facetsToFilter?: string[];
 };
 export declare function applyChangesToValuesColumn(lastRequest: QueryBundleRequest | undefined, facet: FacetColumnResultValues, onChangeFn: (result: FacetColumnRequest[]) => void, facetName?: string, checked?: boolean): void;
 export declare const applyMultipleChangesToValuesColumn: (lastRequest: QueryBundleRequest | undefined, facet: FacetColumnResultValues, onChangeFn: (result: FacetColumnRequest[]) => void, facetNameMap?: Record<string, string>) => void;
 export declare const applyChangesToRangeColumn: (lastRequest: QueryBundleRequest | undefined, facet: FacetColumnResultRange, onChangeFn: (result: FacetColumnRequest[]) => void, values: string[]) => void;
-export declare const QueryFilter: React.FunctionComponent<QueryFilterProps>;
+export declare function FacetFilterControls(props: FacetFilterControlsProps): JSX.Element;

package/dist/containers/widgets/query-filter/{QueryFilter.js → FacetFilterControls.js}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.QueryFilter = exports.applyChangesToRangeColumn = exports.applyMultipleChangesToValuesColumn = exports.applyChangesToValuesColumn = void 0;
+exports.FacetFilterControls = exports.applyChangesToRangeColumn = exports.applyMultipleChangesToValuesColumn = exports.applyChangesToValuesColumn = void 0;
 var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
+var react_1 = tslib_1.__importDefault(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");
@@ -15,7 +15,7 @@ var convertFacetToFacetColumnValuesRequest = function (facet) { return ({
     concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',
     columnName: facet.columnName,
     facetValues: facet.facetValues
-        .filter(function (facet) { return facet.isSelected === true; })
+        .filter(function (facet) { return facet.isSelected; })
         .map(function (facet) { return facet.value; }),
 }); };
 var convertFacetColumnRangeRequest = function (facet) {
@@ -94,20 +94,24 @@ var applyChangesToRangeColumn = function (lastRequest, facet, onChangeFn, values
     onChangeFn(result);
 };
 exports.applyChangesToRangeColumn = applyChangesToRangeColumn;
-var QueryFilter = function (_a) {
-    var _b;
-    var facetsToFilter = _a.facetsToFilter;
+function FacetFilterControls(props) {
+    var _a, _b;
+    var facetFiltersToShow = props.facetsToFilter;
     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 facets = (_a = data === null || data === void 0 ? void 0 : data.facets) === null || _a === void 0 ? void 0 : _a.filter(function (facet) {
+        // Don't show facets where there are no values
+        return !(0, queryUtils_1.isSingleNotSetValue)(facet);
+    });
     var shownChips;
-    if (facetsToFilter == null) {
+    if (facetFiltersToShow == 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;
+        // The facets to show have been explicitly specified
+        shownChips = facetFiltersToShow;
     }
-    var _d = React.useState([]), facetFiltersShown = _d[0], setFacetFiltersShown = _d[1];
-    var _e = (0, QueryVisualizationWrapper_1.useQueryVisualizationContext)(), facetAliases = _e.facetAliases, topLevelControlsState = _e.topLevelControlsState;
+    var _d = react_1.default.useState([]), facetFiltersShown = _d[0], setFacetFiltersShown = _d[1];
+    var topLevelControlsState = (0, QueryVisualizationWrapper_1.useQueryVisualizationContext)().topLevelControlsState;
     var showFacetFilter = topLevelControlsState.showFacetFilter;
     /**
      * When the data facets change, reset the initially-selected chips
@@ -116,7 +120,7 @@ var QueryFilter = function (_a) {
         setFacetFiltersShown(shownChips.slice(0, 3));
     }, [data === null || data === void 0 ? void 0 : data.facets]);
     if (!data) {
-        return React.createElement(React.Fragment, null);
+        return react_1.default.createElement(react_1.default.Fragment, null);
     }
     var columnModels = data.selectColumns;
     var lastRequest = getLastQueryRequest();
@@ -133,36 +137,33 @@ var QueryFilter = function (_a) {
         }
         setFacetFiltersShown(newFacetFilterShown);
     };
-    return (React.createElement("div", { className: "QueryFilter ".concat(showFacetFilter
+    return (react_1.default.createElement("div", { className: "FacetFilterControls ".concat(showFacetFilter
             ? QueryWrapper_1.QUERY_FILTERS_EXPANDED_CSS
             : QueryWrapper_1.QUERY_FILTERS_COLLAPSED_CSS) },
-        isLoadingNewBundle && React.createElement("div", null, "Loading..."),
+        isLoadingNewBundle && react_1.default.createElement("div", null, "Loading..."),
         !isLoadingNewBundle &&
             (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; });
-                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: false, facetValues: facet.facetValues, columnModel: columnModel, facetAliases: facetAliases, onChange: function (facetNamesMap) {
+                return (react_1.default.createElement("div", { className: "FacetFilterControls__facet", key: facet.columnName },
+                    facet.facetType === 'enumeration' && columnModel && (react_1.default.createElement(EnumFacetFilter_1.EnumFacetFilter, { containerAs: "Collapsible", collapsed: false, facetValues: facet.facetValues, columnModel: columnModel, 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: false, onChange: function (values) {
+                    facet.facetType === 'range' && columnModel && (react_1.default.createElement(RangeFacetFilter_1.RangeFacetFilter, { facetResult: facet, columnModel: columnModel, 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")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("div", { className: "AvailableFacet" },
+                react_1.default.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) }));
+                return (react_1.default.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
+}
+exports.FacetFilterControls = FacetFilterControls;
+//# sourceMappingURL=FacetFilterControls.js.map

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

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

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

@@ -2,7 +2,6 @@ import * as React from 'react';
 export declare type FacetFilterHeaderProps = {
     label: string;
     isCollapsed: boolean;
-    onClick: Function;
-    facetAliases: {} | undefined;
+    onClick: (newValue: boolean) => void;
 };
 export declare const FacetFilterHeader: React.FunctionComponent<FacetFilterHeaderProps>;

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

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FacetFilterHeader = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
-var unCamelCase_1 = require("../../../utils/functions/unCamelCase");
 var IconPlus_1 = tslib_1.__importDefault(require("../../../assets/icons/IconPlus"));
 var IconMinus_1 = tslib_1.__importDefault(require("../../../assets/icons/IconMinus"));
+var QueryVisualizationWrapper_1 = require("../../QueryVisualizationWrapper");
 var FacetFilterHeader = function (_a) {
-    var label = _a.label, isCollapsed = _a.isCollapsed, onClick = _a.onClick, facetAliases = _a.facetAliases;
+    var label = _a.label, isCollapsed = _a.isCollapsed, onClick = _a.onClick;
+    var getColumnDisplayName = (0, QueryVisualizationWrapper_1.useQueryVisualizationContext)().getColumnDisplayName;
     return (React.createElement("div", { className: "FacetFilterHeader" },
-        React.createElement("label", { className: "FacetFilterHeader__label" }, (0, unCamelCase_1.unCamelCase)(label, facetAliases)),
+        React.createElement("label", { className: "FacetFilterHeader__label" }, getColumnDisplayName(label)),
         React.createElement("button", { className: "FacetFilterHeader__collapseToggleBtn", onClick: function () { return onClick(!isCollapsed); } }, isCollapsed ? (React.createElement(IconPlus_1.default, { className: "icon-plus", title: "Expand Menu" })) : (React.createElement(IconMinus_1.default, { className: "icon-minus", title: "Collapse Menu" })))));
 };
 exports.FacetFilterHeader = FacetFilterHeader;

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

@@ -1 +1 @@
-{"version":3,"file":"FacetFilterHeader.js","sourceRoot":"","sources":["../../../../src/lib/containers/widgets/query-filter/FacetFilterHeader.tsx"],"names":[],"mappings":";;;;AAAA,mDAA8B;AAC9B,oEAAkE;AAClE,oFAAqD;AACrD,sFAAuD;AAQhD,IAAM,iBAAiB,GAE1B,UAAC,EAAqE;QAAnE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA,EAAE,YAAY,kBAAA;IAC9C,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;QAChC,+BAAO,SAAS,EAAC,0BAA0B,IACxC,IAAA,yBAAW,EAAC,KAAK,EAAE,YAAY,CAAC,CAC3B;QACR,gCACE,SAAS,EAAC,sCAAsC,EAChD,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,WAAW,CAAC,EAArB,CAAqB,IAEnC,WAAW,CAAC,CAAC,CAAC,CACb,oBAAC,kBAAQ,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,GAAG,CACvD,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAS,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,eAAe,GAAG,CAC3D,CACM,CACL,CACP,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,iBAAiB,qBAoB7B"}
+{"version":3,"file":"FacetFilterHeader.js","sourceRoot":"","sources":["../../../../src/lib/containers/widgets/query-filter/FacetFilterHeader.tsx"],"names":[],"mappings":";;;;AAAA,mDAA8B;AAC9B,oFAAqD;AACrD,sFAAuD;AACvD,6EAA8E;AAQvE,IAAM,iBAAiB,GAE1B,UAAC,EAAuD;QAArD,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA;IACxB,IAAA,oBAAoB,GAAK,IAAA,wDAA4B,GAAE,qBAAnC,CAAmC;IAC/D,OAAO,CACL,6BAAK,SAAS,EAAC,mBAAmB;QAChC,+BAAO,SAAS,EAAC,0BAA0B,IACxC,oBAAoB,CAAC,KAAK,CAAC,CACtB;QACR,gCACE,SAAS,EAAC,sCAAsC,EAChD,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,WAAW,CAAC,EAArB,CAAqB,IAEnC,WAAW,CAAC,CAAC,CAAC,CACb,oBAAC,kBAAQ,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,GAAG,CACvD,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAS,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAC,eAAe,GAAG,CAC3D,CACM,CACL,CACP,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,iBAAiB,qBAqB7B"}

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

@@ -10,7 +10,6 @@ export declare type RangeFacetFilterProps = {
     facetResult: FacetColumnResultRange;
     columnModel: SelectColumn;
     onChange: (range: (RadioValuesEnum | number | string | undefined)[]) => void;
-    facetAliases?: Record<string, string>;
     collapsed?: boolean;
 };
 export declare type RangeFacetFilterState = {

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

@@ -17,7 +17,7 @@ var RadioValuesEnum;
     RadioValuesEnum["ANY"] = "";
 })(RadioValuesEnum = exports.RadioValuesEnum || (exports.RadioValuesEnum = {}));
 var RangeFacetFilter = function (_a) {
-    var facetResult = _a.facetResult, columnModel = _a.columnModel, onChange = _a.onChange, facetAliases = _a.facetAliases, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b;
+    var facetResult = _a.facetResult, columnModel = _a.columnModel, onChange = _a.onChange, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b;
     var _c = (0, react_1.useState)(collapsed), isCollapsed = _c[0], setIsCollapsed = _c[1];
     var options = [
         { label: SynapseConstants_1.FRIENDLY_VALUE_NOT_SET, value: RadioValuesEnum.NOT_SET },
@@ -46,7 +46,7 @@ var RangeFacetFilter = function (_a) {
     };
     var _d = (0, react_1.useState)(getRadioValue(selectedMin, hasAnyValue)), radioValue = _d[0], setRadioValue = _d[1];
     var result = (React.createElement("div", null,
-        React.createElement(FacetFilterHeader_1.FacetFilterHeader, { isCollapsed: isCollapsed, label: columnModel.name, onClick: function (isCollapsed) { return setIsCollapsed(isCollapsed); }, facetAliases: facetAliases }),
+        React.createElement(FacetFilterHeader_1.FacetFilterHeader, { isCollapsed: isCollapsed, label: columnModel.name, onClick: function (isCollapsed) { return setIsCollapsed(isCollapsed); } }),
         React.createElement(core_1.Collapse, { in: !isCollapsed },
             React.createElement(RadioGroup_1.RadioGroup, { value: radioValue, id: "rangeSelector", options: options, onChange: function (radioValue) {
                     return handleRadioGroupChange(radioValue, onChange);

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

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

package/dist/style/components/_all.scss

@@ -22,4 +22,5 @@
   './subsection-row-renderer', './dataset-editor', './fluid-modal',
   './markdown-collapse', './discussion-search', './submission-page',
   './governance-dashboard', './oauth-editor', './provenance',
-  './certification-quiz', './discussion-forum', './expandable_table_data';
+  './certification-quiz', './discussion-forum', './expandable_table_data',
+  './markdown-editor';

package/dist/style/components/_markdown-editor.scss

@@ -0,0 +1,28 @@
+@use '../abstracts/mixins' as SrcMixins;
+
+.MarkdownEditor {
+  .MarkdownEditorControls {
+    display: flex;
+    .Tabs {
+      @include SrcMixins.underline-tabs();
+      justify-content: flex-start;
+      box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
+      display: inline-flex;
+      .Tab {
+        flex-grow: 0;
+        height: 45px;
+        padding-left: 30px;
+        padding-right: 30px;
+
+        display: flex;
+        align-items: center;
+        text-decoration: none !important;
+      }
+    }
+    .MarkdownEditorControlsToolbar {
+      margin: auto;
+      margin-left: auto;
+      margin-right: 0;
+    }
+  }
+}

package/dist/style/components/_oauth-editor.scss

@@ -31,9 +31,3 @@
     }
   }
 }
-
-.Loader {
-  position: fixed;
-  left: 50%;
-  top: 35%;
-}

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

@@ -1,7 +1,7 @@
 @use '../abstracts/variables' as SRC;
 @use 'sass:map';
 
-.QueryFilter {
+.FacetFilterControls {
   &__title {
     font-weight: bold;
   }

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

@@ -23,7 +23,7 @@
     .SRC-wrapper {
       // column (depends on if we are showing facet filters)
       .isShowingFacetFilters {
-        &.QueryFilter {
+        &.FacetFilterControls {
           grid-column: 1 / span 1;
           grid-row: 3 / span 100;
         }
@@ -76,7 +76,7 @@
     }
     // This is the placement for mobile.  See above for desktop position
     // (when showing these facet filters we render a 2 column layout)
-    .QueryFilter {
+    .FacetFilterControls {
       grid-row: 7 / span 1;
     }
     .FacetNav {
@@ -88,7 +88,7 @@
   }
 
   .SRC-wrapper .isHidingFacetFilters {
-    &.QueryFilter {
+    &.FacetFilterControls {
       grid-column: 1 / span 1;
       > * {
         display: none;
@@ -100,7 +100,7 @@
   }
 
   .SRC-wrapper {
-    > .QueryFilter,
+    > .FacetFilterControls,
     > .download-confirmation,
     > .FacetNav,
     > .QueryWrapperSearchInput,
@@ -118,7 +118,6 @@
 
   .TotalQueryResults.hasFilters {
     background-color: map.get(SRC.$colors, 'gray-100');
-    border-top: 1px solid map.get(SRC.$colors, 'gray-300');
     border-bottom: 1px solid map.get(SRC.$colors, 'gray-300');
     padding-left: 15px;
     padding-bottom: 13px;
@@ -147,12 +146,13 @@
     display: flex;
     justify-content: space-between;
     font-weight: bold;
-    margin: 0px 0px 0px 15px;
+    padding: 10px 10px 10px 15px;
     p {
       margin-top: 0px;
     }
   }
   background-color: rgba(map.get(SRC.$primary-color-palette, 500), 0.05);
+  border-bottom: 1px solid map.get(SRC.$colors, 'gray-300');
   &__showhidefacetfilters {
     display: none;
   }

package/dist/umd/synapse-react-client.development.css

@@ -18107,25 +18107,25 @@ svg.HelpButton {
   box-shadow: none;
   border-radius: 2px;
 }
-.QueryFilter {
+.FacetFilterControls {
   padding-top: 18px;
 }
-.QueryFilter__title {
+.FacetFilterControls__title {
   font-weight: bold;
 }
-.QueryFilter__facet {
+.FacetFilterControls__facet {
   margin: 2rem 0;
 }
-.QueryFilter__facet:first-child {
+.FacetFilterControls__facet:first-child {
   margin-top: 0;
 }
-.QueryFilter .AvailableFacet {
+.FacetFilterControls .AvailableFacet {
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid #dcdcdc;
   margin-bottom: 12px;
 }
-.QueryFilter .AvailableFacet__label {
+.FacetFilterControls .AvailableFacet__label {
   font-weight: bold;
 }
 .page-progress button,
@@ -18885,7 +18885,7 @@ svg.HelpButton {
   .QueryWrapperPlotNav .SRC-wrapper.has-facets > * {
     grid-column: 1/span 2;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilter {
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FacetFilterControls {
     grid-column: 1/span 1;
     grid-row: 3/span 100;
   }
@@ -18929,7 +18929,7 @@ svg.HelpButton {
 .QueryWrapperPlotNav .SRC-wrapper .ErrorBannerWrapper {
   grid-row: 6/span 1;
 }
-.QueryWrapperPlotNav .SRC-wrapper .QueryFilter {
+.QueryWrapperPlotNav .SRC-wrapper .FacetFilterControls {
   grid-row: 7/span 1;
 }
 .QueryWrapperPlotNav .SRC-wrapper .FacetNav {
@@ -18938,16 +18938,16 @@ svg.HelpButton {
 .QueryWrapperPlotNav .SRC-wrapper .FilterAndView {
   grid-row: 9/span 1;
 }
-.QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter {
+.QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FacetFilterControls {
   grid-column: 1/span 1;
 }
-.QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter > * {
+.QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FacetFilterControls > * {
   display: none;
 }
 .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FilterAndView {
   margin-top: 10px;
 }
-.QueryWrapperPlotNav .SRC-wrapper > .QueryFilter,
+.QueryWrapperPlotNav .SRC-wrapper > .FacetFilterControls,
 .QueryWrapperPlotNav .SRC-wrapper > .download-confirmation,
 .QueryWrapperPlotNav .SRC-wrapper > .FacetNav,
 .QueryWrapperPlotNav .SRC-wrapper > .QueryWrapperSearchInput,
@@ -18961,7 +18961,6 @@ svg.HelpButton {
 }
 .QueryWrapperPlotNav .TotalQueryResults.hasFilters {
   background-color: #fbfbfc;
-  border-top: 1px solid #eaecee;
   border-bottom: 1px solid #eaecee;
   padding-left: 15px;
   padding-bottom: 13px;
@@ -18982,12 +18981,13 @@ svg.HelpButton {
 }
 .TopLevelControls {
   background-color: rgba(64, 123, 160, 0.05);
+  border-bottom: 1px solid #eaecee;
 }
 .TopLevelControls > * {
   display: flex;
   justify-content: space-between;
   font-weight: bold;
-  margin: 0px 0px 0px 15px;
+  padding: 10px 10px 10px 15px;
 }
 .TopLevelControls > * p {
   margin-top: 0px;
@@ -24998,11 +24998,6 @@ input[type=radio] + span {
   color: #f44336;
   padding: 0;
 }
-.Loader {
-  position: fixed;
-  left: 50%;
-  top: 35%;
-}
 .terms-conditions .view-terms a,
 .terms-conditions .view-terms a:active:focus,
 .page-progress button,
@@ -25197,6 +25192,65 @@ input[type=radio] + span {
 .ExpandableTableData__expandButton {
   float: right;
 }
+.terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus,
+.page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
+.MarkdownEditor .MarkdownEditorControls {
+  display: flex;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs {
+  display: flex;
+  justify-content: space-between;
+  justify-content: flex-start;
+  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
+  display: inline-flex;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs > * {
+  cursor: pointer;
+  text-align: center;
+  flex-grow: 1;
+  padding: 5px 0px;
+  transition: border-bottom 200ms ease-in;
+  border-bottom: 3px solid transparent;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-selected=false],
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs > *:hover,
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-selected=true],
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-current=page] {
+  border-color: #469285;
+  color: #22252a;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs > *:hover svg,
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-selected=true] svg,
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-current=page] svg {
+  color: #469285;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs .Tab {
+  flex-grow: 0;
+  height: 45px;
+  padding-left: 30px;
+  padding-right: 30px;
+  display: flex;
+  align-items: center;
+  text-decoration: none !important;
+}
+.MarkdownEditor .MarkdownEditorControls .MarkdownEditorControlsToolbar {
+  margin: auto;
+  margin-left: auto;
+  margin-right: 0;
+}
 /*!
  * https://github.com/arqex/react-datetime
  */