@mbpockets/shared-ui 0.2.0 → 0.2.5

package/dist/SearchPage.d.ts

@@ -1,7 +1,7 @@
-export { ExpiredTablesFilter, SortOptions, TagsFilter, TextSearchCard, TypeFilter } from './SearchPage/Filters';
+export { DistanceFilter, ExpiredTablesFilter, SortOptions, TagsFilter, TextSearchCard, TypeFilter } from './SearchPage/Filters';
 import React__default from 'react';
 import { Tag } from './types/tag';
-import { SearchResultItem, PaginationData, SearchCriteria } from './types/search';
+import { DistanceOption, SearchResultItem, PaginationData, SearchCriteria } from './types/search';
 export { BaseSearchResultCard, BaseSearchResultCardProps, EventResultCard, PlayerResultCard, SearchResultCard, TableResultCard } from './SearchPage/Results';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -17,6 +17,8 @@ interface FiltersContainerProps {
         titleOnly: boolean;
     };
     includeExpiredTables?: boolean;
+    distance?: number;
+    distances: DistanceOption[];
     onTypeChange?: (selectedTypes: string[]) => void;
     onTagChange?: (selectedTags: {
         mustHave: number[];
@@ -28,6 +30,7 @@ interface FiltersContainerProps {
         titleOnly: boolean;
     }) => void;
     onIncludeExpiredTablesChange?: (include: boolean) => void;
+    onDistanceChange?: (distance: number) => void;
     onSubmit?: () => void;
     tags: Tag[];
     searchTypes: {
@@ -57,6 +60,8 @@ interface ResultsContainerProps {
     tags: Tag[];
     pagination?: PaginationData;
     onPacketChange?: (packet: number) => void;
+    showEventTag?: boolean;
+    eventTagId?: number;
 }
 /**
  * Container component that displays a list of search results
@@ -69,6 +74,8 @@ interface ScrollableResultsListProps {
     maxHeight?: number | string;
     onResultClick?: (id: number, type: 'player' | 'event' | 'table') => void;
     emptyText?: string;
+    showEventTag?: boolean;
+    eventTagId?: number;
 }
 /**
  * Generic scrollable list for search results. Reuses ResultsContainer and simply constrains height.
@@ -104,6 +111,14 @@ interface SearchPageLayoutProps {
         mustNotHave: number[];
         shouldHaveAtLeastOne: number[];
     };
+    /**
+     * Initial selected distance for the distance filter
+     */
+    initialDistance?: number;
+    /**
+     * Array of valid distances to search
+     */
+    distances: DistanceOption[];
     /**
      * Initial text search values
      */
@@ -138,6 +153,10 @@ interface SearchPageLayoutProps {
      * Optional callback for when include expired tables changes
      */
     onIncludeExpiredTablesChange?: (include: boolean) => void;
+    /**
+     * Optional callback for when distance changes
+     */
+    onDistanceChange?: (distance: number) => void;
     allTags: Tag[];
     validTags: Tag[];
     /**
@@ -145,6 +164,7 @@ interface SearchPageLayoutProps {
      * If provided, SearchPageLayout will call this when it determines a backend search is needed.
      */
     onSubmit?: (criteria: SearchCriteria) => void;
+    eventTagId?: number;
     /**
      * Is the search loading?
      */
@@ -165,13 +185,15 @@ interface SearchPageLayoutProps {
  * - Right container takes 9 lanes on desktop, 12 on mobile
  * - Left container takes 3 lanes on desktop, appears above results on mobile
  */
-declare function SearchPageLayout({ results, title, initialSelectedTypes, initialSelectedTags, initialTextSearch, includeExpiredTables: initialIncludeExpiredTables, onTypeChange, onTagChange, onTextSearchChange, onIncludeExpiredTablesChange, onSubmit, onResultClick, onPacketChange, pagination, validTags, allTags, searchTypes, isLoading }: SearchPageLayoutProps): react_jsx_runtime.JSX.Element;
+declare function SearchPageLayout({ results, title, initialSelectedTypes, initialSelectedTags, initialTextSearch, initialDistance, distances, onTypeChange, onTagChange, onTextSearchChange, onIncludeExpiredTablesChange, onDistanceChange, onSubmit, onResultClick, onPacketChange, pagination, validTags, allTags, searchTypes, isLoading, eventTagId }: SearchPageLayoutProps): react_jsx_runtime.JSX.Element;
 
 interface TablesScrollableListProps {
     results: SearchResultItem[];
     tags: Tag[];
     maxHeight?: number | string;
     onResultClick?: (id: number) => void;
+    showEventTag?: boolean;
+    eventTagId?: number;
 }
 /**
  * Thin wrapper to show only table results in a scrollable list.