@fluid-topics/ft-search-selected-facets 1.1.63 → 1.1.64

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

@@ -2,14 +2,15 @@ import { nothing } from "lit";
 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";
+import { FtPeriodFilter, FtSearchFacet } from "@fluid-topics/public-api";
 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;
-    get hasSomethingToDisplay(): boolean | undefined;
+    periodFilter?: FtPeriodFilter;
+    get hasSomethingToDisplay(): true | "LAST_WEEK" | "LAST_MONTH" | "LAST_QUARTER" | "LAST_YEAR" | "CUSTOM" | undefined;
     constructor();
     protected render(): typeof nothing | import("lit").TemplateResult<1>;
     private renderFacet;
@@ -18,5 +19,6 @@ export declare class FtSearchSelectedFacets extends FtSearchSelectedFacets_base
     private getBreadcrumbFromValue;
     private unquote;
     private renderSearchInDocumentTitlesOnly;
+    private renderPeriodFilter;
 }
 export {};

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

@@ -14,14 +14,16 @@ import { FtTooltip } from "@fluid-topics/ft-tooltip";
 import { withI18n } from "@fluid-topics/ft-i18n";
 import { searchInDocumentTitlesOnlySelector } from "@fluid-topics/ft-search-context";
 import { searchTypeContext, searchTypeDefaultMessages } from "@fluid-topics/ft-search-type";
+import { periodFilterContext, periodFilterDefaultMessages } from "@fluid-topics/ft-search-period-filter";
 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));
+        return this.searchInDocumentTitlesOnly || ((_a = this.facets) === null || _a === void 0 ? void 0 : _a.some(facet => this.getSelectedValues(facet).length > 0)) || (this.periodFilter && this.periodFilter.periodType);
     }
     constructor() {
         super();
         this.addI18nContext(searchTypeContext, searchTypeDefaultMessages);
+        this.addI18nContext(periodFilterContext, periodFilterDefaultMessages);
     }
     render() {
         if (!this.hasSomethingToDisplay) {
@@ -34,6 +36,7 @@ class FtSearchSelectedFacets extends withI18n(FtSearchComponent) {
             return repeat(values, value => facet.key + "-" + value, value => this.renderFacet(facet.key, facet.label, values, value));
         })}
                 ${this.renderSearchInDocumentTitlesOnly()}
+                ${this.renderPeriodFilter()}
             </div>
         `;
     }
@@ -85,6 +88,22 @@ class FtSearchSelectedFacets extends withI18n(FtSearchComponent) {
             </ft-tooltip>
         ` : nothing;
     }
+    renderPeriodFilter() {
+        var _a, _b;
+        return (this.periodFilter && this.periodFilter.periodType) ? html `
+            <ft-tooltip inline text="${periodFilterContext.messages.period(this.periodFilter.periodType === "CUSTOM" ?
+            periodFilterContext.messages.customPeriod((_a = this.periodFilter.period) === null || _a === void 0 ? void 0 : _a.from, (_b = this.periodFilter.period) === null || _b === void 0 ? void 0 : _b.to) :
+            periodFilterContext.messages[this.periodFilter.periodType]())}"
+                        part=" tooltips tooltip-search-period-filter">
+                <ft-chip
+                    part="ft-search-selected-facets ft-search-selected-facet-period-filter"
+                    removable
+                    @icon-click=${() => { var _a; return (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setPeriodFilter(undefined); }}>
+                    ${periodFilterContext.messages[this.periodFilter.periodType]()}
+                </ft-chip>
+            </ft-tooltip>
+        ` : nothing;
+    }
 }
 FtSearchSelectedFacets.elementDefinitions = {
     "ft-chip": FtChip,
@@ -97,4 +116,7 @@ __decorate([
 __decorate([
     redux({ store: "search", selector: searchInDocumentTitlesOnlySelector })
 ], FtSearchSelectedFacets.prototype, "searchInDocumentTitlesOnly", void 0);
+__decorate([
+    redux({ store: "search", selector: (state) => state.request.periodFilter })
+], FtSearchSelectedFacets.prototype, "periodFilter", void 0);
 export { FtSearchSelectedFacets };