@fluid-topics/ft-search-result-metadata 1.1.15 → 1.1.17

package/build/ft-search-result-metadata.d.ts

@@ -16,13 +16,17 @@ export declare class FtSearchResultMetadata extends FtSearchResultMetadata_base
      */
     maxLength?: number;
     private editorMode;
+    private metadataDescriptors;
+    private request?;
     private resultMetadata?;
     private metadataLabel?;
-    private computedClusters;
+    private clustersByValue;
+    private clusters;
     constructor();
     setResultStateManager(resultStateManager: FtSearchResultStateManager): void;
     protected render(): import("lit").TemplateResult<1>;
     private renderClusterList;
+    private hideIfEmpty;
     private onClusterSelected;
     private computeClusters;
     private renderClusterItem;

package/build/ft-search-result-metadata.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html } from "lit";
+import { html, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { redux } from "@fluid-topics/ft-wc-utils";
 import { styles } from "./ft-search-result-metadata.css";
@@ -25,7 +25,9 @@ class FtSearchResultMetadata extends withI18n(FtSearchResultComponent) {
         this.useAsClusterSwitch = false;
         this.goToDocumentOnSwitch = false;
         this.editorMode = false;
-        this.computedClusters = {};
+        this.metadataDescriptors = [];
+        this.clustersByValue = {};
+        this.clusters = [];
         this.addStore(ftAppInfoStore);
         this.addI18nContext(searchResultMetadataContext);
     }
@@ -36,7 +38,10 @@ class FtSearchResultMetadata extends withI18n(FtSearchResultComponent) {
         }
     }
     render() {
-        return this.displayCluster ? this.renderClusterList() : this.renderChip();
+        return html `
+            ${this.displayCluster ? this.renderClusterList() : this.renderChip()}
+            ${this.hideIfEmpty()}
+        `;
     }
     renderClusterList() {
         return html `
@@ -46,23 +51,36 @@ class FtSearchResultMetadata extends withI18n(FtSearchResultComponent) {
                                   slot="button">
                     ${this.renderChip("toggle")}
                     <ft-floating-menu-label>${this.metadataLabel}</ft-floating-menu-label>
-                    ${repeat(Object.entries(this.computedClusters), ([value, _]) => value, ([value, item]) => this.renderClusterItem(item.result, item.metadata))}
+                    ${repeat(this.clusters, cluster => cluster.metadata.value, cluster => this.renderClusterItem(cluster.result, cluster.metadata))}
                 </ft-floating-menu>
             </div>
         `;
     }
+    hideIfEmpty() {
+        if (this.valueText.length == 0 && this.clusters.length == 0 && !this.editorMode) {
+            return html `
+                <style>
+                    :host {
+                        display: none !important;
+                    }
+                </style>
+            `;
+        }
+        return nothing;
+    }
     onClusterSelected(e) {
         var _a;
-        (_a = this.resultStateManager) === null || _a === void 0 ? void 0 : _a.selectResult(this.computedClusters[e.detail].result);
+        (_a = this.resultStateManager) === null || _a === void 0 ? void 0 : _a.selectResult(this.clustersByValue[e.detail].result);
     }
     computeClusters() {
-        const newClusters = {};
-        const clusteringHelper = new ClusteringHelper(this.cluster, this.result, this.resultStateManager.registeredMetadata);
-        clusteringHelper.computeClustersItemsForMetadata(this.key)
-            .forEach(item => {
-            newClusters[item.metadata.value] = item;
+        var _a;
+        const clustersByValue = {};
+        const clusteringHelper = new ClusteringHelper(this.cluster, this.result, this.resultStateManager.registeredMetadata, this.metadataDescriptors);
+        this.clusters = clusteringHelper.computeClustersItemsForMetadata(this.key, ((_a = this.request) === null || _a === void 0 ? void 0 : _a.contentLocale) || "en");
+        this.clusters.forEach(item => {
+            clustersByValue[item.metadata.value] = item;
         });
-        this.computedClusters = newClusters;
+        this.clustersByValue = clustersByValue;
     }
     renderClusterItem(result, metadata) {
         if (this.goToDocumentOnSwitch) {
@@ -101,7 +119,7 @@ class FtSearchResultMetadata extends withI18n(FtSearchResultComponent) {
         if (this.resultMetadata) {
             return html `${this.getEllipsis(this.valueText)}`;
         }
-        if (this.useAsClusterSwitch && Object.keys(this.computedClusters).length > 0) {
+        if (this.useAsClusterSwitch && Object.keys(this.clustersByValue).length > 0) {
             return html `${searchResultMetadataContext.messages.noValueInCluster()}`;
         }
         if (this.editorMode) {
@@ -206,6 +224,12 @@ __decorate([
 __decorate([
     redux({ store: ftAppInfoStore.name })
 ], FtSearchResultMetadata.prototype, "editorMode", void 0);
+__decorate([
+    redux({ store: ftAppInfoStore.name })
+], FtSearchResultMetadata.prototype, "metadataDescriptors", void 0);
+__decorate([
+    redux({ store: "search" })
+], FtSearchResultMetadata.prototype, "request", void 0);
 __decorate([
     state()
 ], FtSearchResultMetadata.prototype, "resultMetadata", void 0);
@@ -214,5 +238,8 @@ __decorate([
 ], FtSearchResultMetadata.prototype, "metadataLabel", void 0);
 __decorate([
     state()
-], FtSearchResultMetadata.prototype, "computedClusters", void 0);
+], FtSearchResultMetadata.prototype, "clustersByValue", void 0);
+__decorate([
+    state()
+], FtSearchResultMetadata.prototype, "clusters", void 0);
 export { FtSearchResultMetadata };