@fluid-topics/ft-search-results-spellcheck 1.1.10 → 1.1.12

package/build/ft-search-results-spellcheck.d.ts

@@ -1,18 +1,16 @@
-import { nothing, PropertyValues } from "lit";
+import { nothing } from "lit";
 import { ElementDefinitionsMap } from "@fluid-topics/ft-wc-utils";
 import { FtSearchResultsSpellcheckProperties } from "./ft-search-results-spellcheck.properties";
+import { FtSearchRequest, FtSpellcheck } from "@fluid-topics/public-api";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
-declare const FtSearchResultsSpellcheck_base: typeof FtSearchComponent & (new (...args: any[]) => import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface) & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-wc-utils").FtLitElementWithConditionalVisibilityInterface>;
+declare const FtSearchResultsSpellcheck_base: typeof FtSearchComponent & import("@fluid-topics/ft-wc-utils").Constructor<import("@fluid-topics/ft-i18n").FtLitElementWithI18nInterface>;
 export declare class FtSearchResultsSpellcheck extends FtSearchResultsSpellcheck_base implements FtSearchResultsSpellcheckProperties {
     static elementDefinitions: ElementDefinitionsMap;
     static styles: import("lit").CSSResult;
-    editorMode: boolean;
-    private request?;
-    private autocorrect?;
+    baseUrl?: string;
+    request?: FtSearchRequest;
+    autocorrect?: FtSpellcheck;
     constructor();
-    getSpellcheckedUrl(newQuery: string): string;
-    protected update(props: PropertyValues): void;
-    renderSpellcheck(newQuery: string, oldQuery: string): import("lit").TemplateResult<1>;
     protected render(): import("lit").TemplateResult<1> | typeof nothing;
 }
 export {};

package/build/ft-search-results-spellcheck.js

@@ -5,58 +5,41 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, nothing, } from "lit";
-import { redux, serializeRequest, withConditionalVisibility, } from "@fluid-topics/ft-wc-utils";
+import { redux, serializeRequest, } from "@fluid-topics/ft-wc-utils";
 import { styles } from "./ft-search-results-spellcheck.css";
 import { FtTypography } from "@fluid-topics/ft-typography";
 import { withI18n } from "@fluid-topics/ft-i18n";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
 import { defaultSpellcheckMessages, spellcheck } from "./SpellcheckComponentMessages";
 import { ftAppInfoStore } from "@fluid-topics/ft-app-context";
-class FtSearchResultsSpellcheck extends withConditionalVisibility(withI18n(FtSearchComponent)) {
+class FtSearchResultsSpellcheck extends withI18n(FtSearchComponent) {
     constructor() {
         super();
-        this.editorMode = false;
         this.addStore(ftAppInfoStore);
         this.addI18nContext(spellcheck, defaultSpellcheckMessages);
     }
-    getSpellcheckedUrl(newQuery) {
-        if (this.editorMode) {
-            return "";
-        }
-        return serializeRequest(ftAppInfoStore.getState().baseUrl, { ...this.request, query: newQuery });
-    }
-    update(props) {
-        super.update(props);
-        this.isVisible = !!this.autocorrect || this.editorMode;
-    }
-    renderSpellcheck(newQuery, oldQuery) {
-        return html `
-            <div class="ft-search-results-spellcheck--spellcheck">
-                <div>
-                    <ft-typography variant="subtitle1">
-                        ${spellcheck.messages.resultsFor()}
-                    </ft-typography>
-                    <a href="${this.getSpellcheckedUrl(newQuery)}"
-                       @click=${(e) => { var _a, _b; return (_a = this.stateManager) === null || _a === void 0 ? void 0 : _a.setQuery((_b = this.autocorrect) === null || _b === void 0 ? void 0 : _b.suggestedQuery); }}>
-                        <ft-typography variant="subtitle1" class="link ft-search-results-spellcheck--new-query">
-                            ${newQuery}
+    render() {
+        var _a;
+        if (this.autocorrect && this.request) {
+            const suggestedUrl = serializeRequest((_a = this.baseUrl) !== null && _a !== void 0 ? _a : "", { ...this.request, query: this.autocorrect.suggestedQuery });
+            return html `
+                <div class="ft-search-results-spellcheck--spellcheck">
+                    <div>
+                        <ft-typography variant="subtitle1">
+                            ${spellcheck.messages.resultsFor()}
                         </ft-typography>
-                    </a>
-                </div>
+                        <a href="${suggestedUrl}">
+                            <ft-typography variant="subtitle1" class="link ft-search-results-spellcheck--new-query">
+                                ${this.autocorrect.suggestedQuery}
+                            </ft-typography>
+                        </a>
+                    </div>
 
-                <ft-typography variant="subtitle2" class="ft-search-results-spellcheck--old-query">
-                    ${spellcheck.messages.noResultsForQuery(oldQuery)}
-                </ft-typography>
-            </div>
-        `;
-    }
-    render() {
-        var _a, _b;
-        if (this.autocorrect) {
-            return this.renderSpellcheck((_a = this.autocorrect) === null || _a === void 0 ? void 0 : _a.suggestedQuery, (_b = this.request) === null || _b === void 0 ? void 0 : _b.query);
-        }
-        if (this.editorMode) {
-            return this.renderSpellcheck("new-query", "old-query");
+                    <ft-typography variant="subtitle2" class="ft-search-results-spellcheck--old-query">
+                        ${spellcheck.messages.noResultsForQuery(this.request.query)}
+                    </ft-typography>
+                </div>
+            `;
         }
         return nothing;
     }
@@ -67,7 +50,7 @@ FtSearchResultsSpellcheck.elementDefinitions = {
 FtSearchResultsSpellcheck.styles = styles;
 __decorate([
     redux({ store: ftAppInfoStore.name })
-], FtSearchResultsSpellcheck.prototype, "editorMode", void 0);
+], FtSearchResultsSpellcheck.prototype, "baseUrl", void 0);
 __decorate([
     redux({ store: "search" })
 ], FtSearchResultsSpellcheck.prototype, "request", void 0);