@fluid-topics/ft-wc-utils 1.3.1 → 1.3.3

package/build/SearchPlaceConverter.js

@@ -72,7 +72,7 @@ export class SearchPlaceConverter {
             params.append(SearchPlaceQueryParams.QUERY, request.query);
         }
         // Only extract non-negative valueFilter since they are not supported by URLSearchParams
-        const valueFilters = (_c = (_b = request.metadataFilters) === null || _b === void 0 ? void 0 : _b.filter(f => { var _a; return ((_a = f.valueFilter) === null || _a === void 0 ? void 0 : _a.negative) === false; })) !== null && _c !== void 0 ? _c : [];
+        const valueFilters = (_c = (_b = request.metadataFilters) === null || _b === void 0 ? void 0 : _b.filter(f => f.valueFilter && !f.valueFilter.negative)) !== null && _c !== void 0 ? _c : [];
         if (valueFilters.length > 0) {
             const serializedValues = valueFilters.map(f => {
                 var _a, _b;
@@ -109,7 +109,7 @@ export class SearchPlaceConverter {
             params.append(SearchPlaceQueryParams.PER_PAGE, String(request.paging.perPage));
         }
         const otherQueryParams = (_m = request.otherQueryParams) !== null && _m !== void 0 ? _m : {};
-        for (let key in otherQueryParams) {
+        for (const key in otherQueryParams) {
             params.append(key, otherQueryParams[key]);
         }
         // Use encodeURIComponent instead of URLSearchParams.toString() to encode the result
@@ -148,7 +148,7 @@ export class SearchPlaceConverter {
         const scope = (_c = params.get(SearchPlaceQueryParams.SCOPE)) !== null && _c !== void 0 ? _c : "default";
         const perPage = +((_d = params.get(SearchPlaceQueryParams.PER_PAGE)) !== null && _d !== void 0 ? _d : this.defaultPerPage);
         const otherQueryParams = {};
-        for (let key of params.keys()) {
+        for (const key of params.keys()) {
             if (!isSearchPlaceQueryParams(key)) {
                 otherQueryParams[key] = params.get(key);
             }
@@ -163,7 +163,7 @@ export class SearchPlaceConverter {
             facets: [],
             paging: {
                 page: 1,
-                perPage: minmax(1, isNaN(perPage) ? this.defaultPerPage : perPage, 1000)
+                perPage: minmax(1, isNaN(perPage) ? this.defaultPerPage : perPage, 1000),
             },
             otherQueryParams,
         };
@@ -177,7 +177,7 @@ export class SearchPlaceConverter {
         if ((_b = params.has(SearchPlaceQueryParams.PERIOD)) !== null && _b !== void 0 ? _b : "") {
             legacyFilters = [
                 ...legacyFilters,
-                ...this.parseLegacyPeriodFilter(((_c = params.get(SearchPlaceQueryParams.PERIOD)) !== null && _c !== void 0 ? _c : "").toUpperCase())
+                ...this.parseLegacyPeriodFilter(((_c = params.get(SearchPlaceQueryParams.PERIOD)) !== null && _c !== void 0 ? _c : "").toUpperCase()),
             ];
         }
         return [
@@ -203,8 +203,8 @@ export class SearchPlaceConverter {
                 values: oneFilterSplit[1].split("_")
                     .map(unquote)
                     .map(value => this.unescapeFilterValue(value)),
-                negative: false
-            }
+                negative: false,
+            },
         }));
     }
     parseDateFilters(s) {
@@ -215,8 +215,8 @@ export class SearchPlaceConverter {
             .map(oneFilterSplit => ({
             key: oneFilterSplit[0],
             dateFilter: {
-                type: FtDateFilterType[oneFilterSplit[1].toUpperCase()]
-            }
+                type: FtDateFilterType[oneFilterSplit[1].toUpperCase()],
+            },
         }));
     }
     parseRangeFilters(s) {
@@ -228,24 +228,24 @@ export class SearchPlaceConverter {
             key: oneFilterSplit[0],
             rangeFilter: {
                 from: oneFilterSplit[1].split("_")[0],
-                to: oneFilterSplit[1].split("_")[1]
-            }
+                to: oneFilterSplit[1].split("_")[1],
+            },
         }));
     }
     escapeFilters(s) {
-        for (let [c, escaped, superEscaped] of this.filtersEscapeMapping) {
+        for (const [c, escaped, _] of this.filtersEscapeMapping) {
             s = s.replaceAll(c, escaped);
         }
         return s;
     }
     superEscapeFilters(s) {
-        for (let [c, escaped, superEscaped] of this.filtersEscapeMapping) {
+        for (const [_, escaped, superEscaped] of this.filtersEscapeMapping) {
             s = s.replaceAll(escaped, superEscaped);
         }
         return s;
     }
     unescapeFilterValue(value) {
-        for (let [c, escaped, superEscaped] of this.filtersEscapeMapping) {
+        for (const [c, _, superEscaped] of this.filtersEscapeMapping) {
             value = value.replace(superEscaped, c);
         }
         return value;
@@ -256,9 +256,9 @@ export class SearchPlaceConverter {
                 {
                     key: "ft:lastEdition",
                     dateFilter: {
-                        type: FtDateFilterType[period]
-                    }
-                }
+                        type: FtDateFilterType[period],
+                    },
+                },
             ];
         }
         if (period.startsWith("CUSTOM_")) {
@@ -268,9 +268,9 @@ export class SearchPlaceConverter {
                     key: "ft:lastEdition",
                     rangeFilter: {
                         from: from,
-                        to: to
-                    }
-                }
+                        to: to,
+                    },
+                },
             ];
         }
         return [];

package/build/ft-input/FtInput.d.ts

@@ -1,6 +1,7 @@
 import { Constructor } from "../generic-types";
 import { ValidationRule } from "./ValidationRules";
 import { FtLitElement } from "../FtLitElement";
+import { TemplateResult } from "lit";
 export type FtInputInterface<V> = {
     warningRules: Array<ValidationRule<V>>;
     errorRules: Array<ValidationRule<V>>;
@@ -23,6 +24,8 @@ export type FtInputInterface<V> = {
     onFocus(): void;
     onBlur(): void;
     triggerValidation(): void;
+    renderMessagesForScreenReader(): TemplateResult;
+    messagesForScreenReaderElementId: string;
 };
 export declare enum ValidateOn {
     blur = "blur",

package/build/ft-input/FtInput.js

@@ -4,7 +4,10 @@ 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 { property, state, } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
+import { repeat } from "lit/directives/repeat.js";
+import { when } from "lit/directives/when.js";
+import { html } from "lit";
 export var ValidateOn;
 (function (ValidateOn) {
     ValidateOn["blur"] = "blur";
@@ -67,6 +70,25 @@ export function toFtInput(ElementClass) {
             this.status = this.resolveStatus();
             this.dispatchEvent(new InputValidationEvent(this.status));
         }
+        get messagesForScreenReaderElementId() {
+            return "sr-helper-text-list";
+        }
+        renderMessagesForScreenReader() {
+            return html `
+                <ul aria-live="polite" id="${this.messagesForScreenReaderElementId}"
+                    style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;list-style:none;">
+                    ${repeat(this.errorMessages, (v) => html `
+                        <li>${v}</li>
+                    `)}
+                    ${repeat(this.warningMessages, (v) => html `
+                        <li>${v}</li>
+                    `)}
+                    ${when((!this.errorMessages.length && !this.warningMessages.length && this.helperText), () => html `
+                        <li>${this.helperText}</li>
+                    `)}
+                </ul>
+            `;
+        }
         resolveStatus() {
             return this.forceStatus ? this.forceStatus :
                 this.errorMessages.length ? Status.error :