@fluid-topics/ft-search-selected-facets 1.1.11 → 1.1.13

package/build/ft-search-selected-facets.d.ts

@@ -3,21 +3,19 @@ import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtSearchSelectedFacetsProperties } from "./ft-search-selected-facets.properties";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
 import { FtSearchFacet } from "@fluid-topics/public-api";
-declare const FtSearchSelectedFacets_base: typeof FtSearchComponent & (new (...args: any[]) => import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface);
+declare const FtSearchSelectedFacets_base: typeof FtSearchComponent & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface>;
 export declare class FtSearchSelectedFacets extends FtSearchSelectedFacets_base implements FtSearchSelectedFacetsProperties {
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;
     facets?: Array<FtSearchFacet>;
     searchInDocumentTitlesOnly?: boolean;
-    editorMode: boolean;
+    get hasSomethingToDisplay(): boolean | undefined;
     constructor();
-    protected render(): import("lit").TemplateResult<1> | typeof nothing;
-    private renderDummyFacet;
+    protected render(): typeof nothing | import("lit").TemplateResult<1>;
     private renderFacet;
     private getSelectedValues;
     private getLabelFromValue;
     private getBreadcrumbFromValue;
-    private quote;
     private unquote;
     private renderSearchInDocumentTitlesOnly;
 }

package/build/ft-search-selected-facets.js

@@ -11,26 +11,23 @@ import { styles } from "./ft-search-selected-facets.css";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
 import { FtChip } from "@fluid-topics/ft-chip";
 import { FtTooltip } from "@fluid-topics/ft-tooltip";
-import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
 import { withI18n } from "@fluid-topics/ft-i18n";
 import { searchInDocumentTitlesOnlySelector } from "@fluid-topics/ft-search-context";
 import { searchTypeContext, searchTypeDefaultMessages } from "@fluid-topics/ft-search-type";
 class FtSearchSelectedFacets extends withI18n(FtSearchComponent) {
+    get hasSomethingToDisplay() {
+        var _a;
+        return this.searchInDocumentTitlesOnly || ((_a = this.facets) === null || _a === void 0 ? void 0 : _a.some(facet => this.getSelectedValues(facet).length > 0));
+    }
     constructor() {
         super();
-        this.editorMode = false;
-        this.addStore(ftAppInfoStore);
         this.addI18nContext(searchTypeContext, searchTypeDefaultMessages);
     }
     render() {
-        if (this.editorMode) {
-            return this.renderDummyFacet();
-        }
-        if ((this.facets == null || this.facets.length === 0) && !this.searchInDocumentTitlesOnly) {
+        if (!this.hasSomethingToDisplay) {
             return nothing;
         }
         return html `
-
             <div class="ft-search-selected-facets--container">
                 ${repeat(this.facets || [], facet => facet.key, facet => {
             const values = this.getSelectedValues(facet);
@@ -40,17 +37,6 @@ class FtSearchSelectedFacets extends withI18n(FtSearchComponent) {
             </div>
         `;
     }
-    renderDummyFacet() {
-        return html `
-
-            <div class="ft-search-selected-facets--container">
-                ${[
-            this.renderFacet("placeholder", "placeholder", ["value1", "value2", "value3"], "value1"),
-            this.renderFacet("placeholder", "placeholder", ["value1", "value2", "value3"], "value2"),
-            this.renderFacet("placeholder", "placeholder", ["value1", "value2", "value3"], "value3")
-        ]}
-            </div>`;
-    }
     renderFacet(facetKey, facetLabel, selectedValues, value) {
         let label = facetLabel + ": " + this.getBreadcrumbFromValue(value);
         const keyWithNoColumn = facetKey.replace(":", "-");
@@ -58,12 +44,12 @@ class FtSearchSelectedFacets extends withI18n(FtSearchComponent) {
             <ft-tooltip inline text="${label}"
                         part="tooltips tooltip-${keyWithNoColumn}">
                 <ft-chip
-                        part="ft-search-selected-facets ft-search-selected-facet-${keyWithNoColumn}"
-                        removable
-                        label="${label}"
-                        @icon-click=${() => { var _a; return (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setFilter(facetKey, selectedValues.filter(v => v !== value)); }}
-                        data-key="${facetKey}"
-                        data-value="${value}">
+                    part="ft-search-selected-facets ft-search-selected-facet-${keyWithNoColumn}"
+                    removable
+                    label="${label}"
+                    @icon-click=${() => { var _a; return (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setFilter(facetKey, selectedValues.filter(v => v !== value)); }}
+                    data-key="${facetKey}"
+                    data-value="${value}">
                     ${this.getLabelFromValue(value)}
                 </ft-chip>
             </ft-tooltip>
@@ -80,9 +66,6 @@ class FtSearchSelectedFacets extends withI18n(FtSearchComponent) {
     getBreadcrumbFromValue(value) {
         return this.unquote(value).split("|").join(" > ");
     }
-    quote(value) {
-        return `"${value}"`;
-    }
     unquote(value) {
         if (value.startsWith("\"") && value.endsWith("\"")) {
             return value.replace(/(^"+)|("+$)/g, "");
@@ -94,9 +77,9 @@ class FtSearchSelectedFacets extends withI18n(FtSearchComponent) {
             <ft-tooltip inline text="${searchTypeContext.messages.documentTitlesOnly()}"
                         part="tooltips tooltip-search-in-document-titles-only">
                 <ft-chip
-                        part="ft-search-selected-facets ft-search-selected-facet-search-in-document-titles-only"
-                        removable
-                        @icon-click=${() => { var _a; return (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setSearchInDocumentTitlesOnly(false); }}>
+                    part="ft-search-selected-facets ft-search-selected-facet-search-in-document-titles-only"
+                    removable
+                    @icon-click=${() => { var _a; return (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setSearchInDocumentTitlesOnly(false); }}>
                     ${searchTypeContext.messages.documentTitlesOnly()}
                 </ft-chip>
             </ft-tooltip>
@@ -114,7 +97,4 @@ __decorate([
 __decorate([
     redux({ store: "search", selector: searchInDocumentTitlesOnlySelector })
 ], FtSearchSelectedFacets.prototype, "searchInDocumentTitlesOnly", void 0);
-__decorate([
-    redux({ store: ftAppInfoStore.name })
-], FtSearchSelectedFacets.prototype, "editorMode", void 0);
 export { FtSearchSelectedFacets };