@fluid-topics/ft-search-period-filter 1.1.90 → 1.1.92

package/build/ft-search-period-filter.d.ts

@@ -6,13 +6,16 @@ declare const FtSearchPeriodFilter_base: typeof FtSearchComponent & import("@flu
 export declare class FtSearchPeriodFilter extends FtSearchPeriodFilter_base implements FtSearchPeriodFilterProperties {
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;
+    key: string;
     lessThanAWeek?: boolean;
     lessThanAMonth?: boolean;
     lessThanAQuarter?: boolean;
     lessThanAYear?: boolean;
     periodFilter?: FtPeriodFilter;
+    private metadataDescriptors;
     constructor();
     protected render(): import("lit").TemplateResult<1>;
     private setPeriodFilter;
+    private header;
 }
 export {};

package/build/ft-search-period-filter.js

@@ -14,17 +14,21 @@ import { property } from "lit/decorators.js";
 import { FtRadio, FtRadioGroup } from "@fluid-topics/ft-radio";
 import { FtTypography } from "@fluid-topics/ft-typography";
 import { FtPeriodFilterType } from "@fluid-topics/public-api";
+import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
 class FtSearchPeriodFilter extends withI18n(FtSearchComponent) {
     constructor() {
         super();
+        this.key = "ft:lastEdition";
+        this.metadataDescriptors = [];
         this.addI18nContext(periodFilterContext, periodFilterDefaultMessages);
+        this.addStore(ftAppInfoStore);
     }
     render() {
         var _a, _b, _c, _d;
         return html `<div part="container">
                 <div part="header">
                     <ft-typography variant="overline" part="label" id="label">
-                        ${periodFilterContext.messages.label()}
+                        ${this.header()}
                     </ft-typography>
                 </div>
                 <ft-radio-group @change=${(e) => this.setPeriodFilter(e)} aria-labelledby="label">
@@ -39,7 +43,17 @@ class FtSearchPeriodFilter extends withI18n(FtSearchComponent) {
     setPeriodFilter(e) {
         var _a;
         const periodType = FtPeriodFilterType[e.detail];
-        (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setPeriodFilter(periodType === undefined ? undefined : { periodType: periodType });
+        (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setPeriodFilter(periodType === undefined ? undefined : {
+            key: this.key,
+            periodType: periodType
+        });
+    }
+    header() {
+        var _a, _b, _c;
+        if (this.key === "ft:lastEdition") {
+            return periodFilterContext.messages.label();
+        }
+        return (_c = (_b = (_a = this.metadataDescriptors) === null || _a === void 0 ? void 0 : _a.find(d => d.key == this.key)) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : this.key;
     }
 }
 FtSearchPeriodFilter.elementDefinitions = {
@@ -48,6 +62,9 @@ FtSearchPeriodFilter.elementDefinitions = {
     "ft-typography": FtTypography,
 };
 FtSearchPeriodFilter.styles = styles;
+__decorate([
+    property({ type: String })
+], FtSearchPeriodFilter.prototype, "key", void 0);
 __decorate([
     property({ type: Boolean })
 ], FtSearchPeriodFilter.prototype, "lessThanAWeek", void 0);
@@ -63,4 +80,7 @@ __decorate([
 __decorate([
     redux({ store: "search", selector: (state) => state.request.periodFilter })
 ], FtSearchPeriodFilter.prototype, "periodFilter", void 0);
+__decorate([
+    redux({ store: ftAppInfoStore.name, selector: (s) => { var _a, _b; return (_b = (_a = s.metadataConfiguration) === null || _a === void 0 ? void 0 : _a.descriptors) !== null && _b !== void 0 ? _b : []; } })
+], FtSearchPeriodFilter.prototype, "metadataDescriptors", void 0);
 export { FtSearchPeriodFilter };