@nu-art/search 0.401.5 → 0.401.6

package/_core/SearchContext.d.ts

@@ -2,6 +2,7 @@ import { Logger } from '@nu-art/ts-common';
 import { SearchAddOn, SearchAddOnDef, SearchResult } from './SearchAddOn.js';
 import { SearchItem } from './SearchItem.js';
 import { SearchSorter } from './SearchSorter.js';
+import { OnSyncStatusChangedListener } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
 export interface SearchAddOnRenderer {
     __onSearchFilterChanged: VoidFunction;
     readonly addOn: SearchAddOn<any>;
@@ -9,7 +10,7 @@ export interface SearchAddOnRenderer {
 export interface SearchResultsRenderer {
     __onSearchResultsChanged: VoidFunction;
 }
-export declare class SearchContext extends Logger {
+export declare class SearchContext extends Logger implements OnSyncStatusChangedListener<any> {
     private searchItems;
     private activeSearchItems;
     private addOns;
@@ -17,20 +18,26 @@ export declare class SearchContext extends Logger {
     private sorters;
     private minimumRequiredActiveAddons;
     private readonly searchDebouncer;
+    private saveFilterDebounce;
     private readonly filterDictionary;
     private readonly _filterChangeListeners;
     private searchResults?;
     private searchTime?;
     private readonly _searchResultChangeListeners;
+    private _retainFilters;
+    private readonly filterStorage;
     constructor(key: string);
+    __onSyncStatusChanged: () => void;
     setSearchItems: (items: SearchItem<any, any>[]) => this;
     setAddOns: (addOns: SearchAddOn<any>[]) => this;
     setSorters: (sorters: SearchSorter<any>[]) => this;
     setMinimumRequiredActiveAddOns: (num: number) => this;
+    retainFilters: () => this;
     private setActiveAddOns;
     private setActiveSearchItems;
     private getInitialSearchResults;
     private search;
+    private saveFilters;
     getActiveSearchItems: () => Readonly<{
         module: import("@nu-art/thunderstorm-frontend").ModuleFE_BaseDB<any, import("@nu-art/thunderstorm-frontend/core/db-api-gen/db-def").DBApiFEConfig<any>>;
         entityLabel: string;

package/_core/SearchContext.js

@@ -1,4 +1,5 @@
 import { arrayIncludesAll, BadImplementationException, Debounce, Logger, removeItemFromArray } from '@nu-art/ts-common';
+import { StorageKey, Thunder } from '@nu-art/thunderstorm-frontend';
 export class SearchContext extends Logger {
     searchItems;
     activeSearchItems;
@@ -7,11 +8,14 @@ export class SearchContext extends Logger {
     sorters;
     minimumRequiredActiveAddons = 0;
     searchDebouncer = new Debounce(() => this.search(), 200, 500);
-    filterDictionary = {};
+    saveFilterDebounce;
+    filterDictionary;
     _filterChangeListeners = [];
     searchResults;
     searchTime;
     _searchResultChangeListeners = [];
+    _retainFilters = false;
+    filterStorage;
     constructor(key) {
         super(`SearchContext-${key}`);
         this.searchItems = [];
@@ -19,7 +23,19 @@ export class SearchContext extends Logger {
         this.addOns = [];
         this.activeAddOns = [];
         this.sorters = [];
+        this.filterStorage = new StorageKey(`search-context-data__${key}`);
+        this.filterDictionary = this.filterStorage.get({});
+        //Register listeners with a delay to let Thunder instance be created
+        setTimeout(() => {
+            // @ts-ignore
+            Thunder.getInstance().addUIListener(this);
+            this.searchItems.forEach(searchItem => {
+                // @ts-ignore
+                this[searchItem.module.defaultDispatcher.method] = () => this.searchDebouncer.trigger();
+            });
+        });
     }
+    __onSyncStatusChanged = () => this.searchDebouncer.trigger();
     //######################### Factory Logic #########################
     setSearchItems = (items) => {
         this.searchItems = items;
@@ -41,6 +57,11 @@ export class SearchContext extends Logger {
         this.minimumRequiredActiveAddons = num;
         return this;
     };
+    retainFilters = () => {
+        this._retainFilters = true;
+        this.saveFilterDebounce = new Debounce(() => this.saveFilters(), 200, 500);
+        return this;
+    };
     //######################### Internal Logic #########################
     setActiveAddOns = () => {
         this.activeAddOns = this.addOns.filter(addOn => {
@@ -100,6 +121,11 @@ export class SearchContext extends Logger {
         this.searchTime = Date.now() - startTime;
         this._searchResultChangeListeners.forEach(listener => listener.__onSearchResultsChanged());
     };
+    saveFilters = () => {
+        if (!this._retainFilters)
+            return;
+        this.filterStorage.set({ ...this.filterDictionary });
+    };
     //######################### Public Logic #########################
     getActiveSearchItems = () => [...this.activeSearchItems];
     getSearchResults = () => this.searchResults;
@@ -108,6 +134,8 @@ export class SearchContext extends Logger {
     filter = {
         set: (key, value) => {
             this.filterDictionary[key] = value;
+            this.saveFilterDebounce?.trigger();
+            this.saveFilters();
             //Re-calculate active addons and search items
             this.setActiveAddOns();
             this.setActiveSearchItems();

package/_ui/add-ons/search-terms/Component_AddOn_SearchTerms.d.ts

@@ -10,8 +10,8 @@ type State = {
     placeholder?: string;
 };
 export declare class Component_AddOn_SearchTerms extends Component_SearchAddOn<AddOnDef_SearchTerms, Props, State> {
-    protected deriveStateFromProps(nextProps: InferProps<this>, state: InferState<this>): InferState<this>;
     addOn: SearchAddOn<AddOnDef_SearchTerms>;
+    protected deriveStateFromProps(nextProps: InferProps<this>, state: InferState<this>): InferState<this>;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/_ui/add-ons/search-terms/Component_AddOn_SearchTerms.js

@@ -5,11 +5,11 @@ import { AddOn_SearchTerms } from './types.js';
 import './Component_AddOn_SearchTerms.scss';
 import { TS_Icons } from '@nu-art/ts-styles';
 export class Component_AddOn_SearchTerms extends Component_SearchAddOn {
+    addOn = AddOn_SearchTerms;
     deriveStateFromProps(nextProps, state) {
         state.placeholder = nextProps.placeholder;
         return state;
     }
-    addOn = AddOn_SearchTerms;
     render() {
         return _jsxs(LL_H_C, { className: 'search-add-on__search-terms', children: [_jsx(TS_Input, { type: 'text', value: this.state.value, placeholder: this.state.placeholder, onChange: val => this.setValue(val.trimStart()) }), _jsx(TS_Icons.Search.component, {})] });
     }

package/_ui/components/Component_SearchAddOn.js

@@ -9,6 +9,7 @@ export class Component_SearchAddOn extends ComponentSync {
     }
     componentDidMount() {
         this.props.context.filterChangeListeners.register(this);
+        this.setState({ value: this.props.context.filter.get(this.addOn.key) });
     }
     componentWillUnmount() {
         this.props.context.filterChangeListeners.unregister(this);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nu-art/search",
-  "version": "0.401.5",
+  "version": "0.401.6",
   "description": "Search",
   "keywords": [
     "TacB0sS",
@@ -37,9 +37,9 @@
     "linkDirectory": true
   },
   "dependencies": {
-    "@nu-art/ts-common": "0.401.5",
-    "@nu-art/ts-styles": "0.401.5",
-    "@nu-art/thunderstorm-frontend": "0.401.5",
+    "@nu-art/ts-common": "0.401.6",
+    "@nu-art/ts-styles": "0.401.6",
+    "@nu-art/thunderstorm-frontend": "0.401.6",
     "react": "^18.0.0"
   },
   "devDependencies": {