@seekora-ai/ui-sdk-react 0.2.12 → 0.2.13

package/dist/src/index.d.ts

@@ -41,6 +41,8 @@ interface SearchBarProps {
     className?: string;
     style?: React__default.CSSProperties;
     theme?: SearchBarTheme;
+    /** Show loading state when fetching and no previous suggestions (default false: show previous results until new render) */
+    showLoadingState?: boolean;
     renderSuggestion?: (suggestion: string, index: number) => React__default.ReactNode;
     renderLoading?: () => React__default.ReactNode;
 }
@@ -75,6 +77,8 @@ interface SearchResultsProps {
     onResultClick?: (result: ResultItem, index: number) => void;
     renderResult?: (result: ResultItem, index: number, isActive?: boolean) => React__default.ReactNode;
     renderEmpty?: () => React__default.ReactNode;
+    /** Show loading state when fetching and no previous results (default false: show previous results until new render) */
+    showLoadingState?: boolean;
     renderLoading?: () => React__default.ReactNode;
     renderError?: (error: Error) => React__default.ReactNode;
     className?: string;
@@ -533,6 +537,8 @@ interface InfiniteHitsProps {
     renderHit?: (hit: ResultItem, index: number) => React__default.ReactNode;
     /** Custom render for empty state */
     renderEmpty?: () => React__default.ReactNode;
+    /** Show initial loading when fetching and no hits yet (default false: no loading screen) */
+    showInitialLoading?: boolean;
     /** Custom render for loading state */
     renderLoading?: () => React__default.ReactNode;
     /** Custom render for "Show More" button */
@@ -888,6 +894,8 @@ interface RelatedProductsProps extends BaseRecommendationProps {
     items?: RecommendationItem[];
     /** Loading state */
     loading?: boolean;
+    /** Show loading state when fetching and no previous items (default false: show previous results until new render) */
+    showLoadingState?: boolean;
 }
 declare const RelatedProducts: React__default.FC<RelatedProductsProps>;
 interface TrendingItemsProps extends BaseRecommendationProps {
@@ -895,6 +903,8 @@ interface TrendingItemsProps extends BaseRecommendationProps {
     items?: RecommendationItem[];
     /** Loading state */
     loading?: boolean;
+    /** Show loading state when fetching and no previous items (default false: show previous results until new render) */
+    showLoadingState?: boolean;
     /** Facet name for trending (if using facet data) */
     facetName?: string;
 }
@@ -906,6 +916,8 @@ interface FrequentlyBoughtTogetherProps extends BaseRecommendationProps {
     items?: RecommendationItem[];
     /** Loading state */
     loading?: boolean;
+    /** Show loading state when fetching and no previous items (default false: show previous results until new render) */
+    showLoadingState?: boolean;
     /** Show "Add all to cart" button */
     showAddAllButton?: boolean;
     /** Callback when "Add all" is clicked */
@@ -952,6 +964,8 @@ interface QuerySuggestionsProps {
     minQueryLength?: number;
     onSuggestionClick?: (suggestion: string) => void;
     renderSuggestion?: (suggestion: SuggestionItem$2, index: number) => React__default.ReactNode;
+    /** Show loading state when fetching and no previous suggestions (default false: show previous results until new render) */
+    showLoadingState?: boolean;
     renderLoading?: () => React__default.ReactNode;
     renderEmpty?: () => React__default.ReactNode;
     showTitle?: boolean;
@@ -991,7 +1005,7 @@ interface QuerySuggestionsDropdownProps extends QuerySuggestionsEventHandlers {
     maxRecentSearches?: number;
     /** Show suggestion counts */
     showCounts?: boolean;
-    /** Show loading state */
+    /** Show loading state (default false: show previous results until new results render) */
     showLoading?: boolean;
     /** Show empty state when no results */
     showEmptyState?: boolean;
@@ -1104,6 +1118,10 @@ interface RichQuerySuggestionsProps extends QuerySuggestionsEventHandlers {
     header?: React__default.ReactNode;
     /** Custom footer content */
     footer?: React__default.ReactNode;
+    /** Show loading overlay when fetching (default false: show previous results until new results render) */
+    showLoadingOverlay?: boolean;
+    /** Custom render for loading overlay (only when showLoadingOverlay is true) */
+    renderLoading?: () => React__default.ReactNode;
     /** Dropdown width */
     width?: string | number;
     /** Dropdown max height */
@@ -1586,6 +1604,13 @@ interface SuggestionListProps {
     className?: string;
     style?: React__default.CSSProperties;
     listClassName?: string;
+    /**
+     * When true, show a loading state when fetching and no previous suggestions exist.
+     * When false (default), show previous results until new results render; no loading screen.
+     */
+    showLoadingState?: boolean;
+    /** Custom render for loading state (only when showLoadingState is true and loading with no items). */
+    renderLoading?: () => React__default.ReactNode;
     /**
      * When true (default), suggestion text with <mark>...</mark> is rendered
      * with those segments highlighted. When false, plain text is shown.
@@ -1596,7 +1621,7 @@ interface SuggestionListProps {
     highlightMarkupOptions?: HighlightMarkupOptions;
     renderItem?: (suggestion: _seekora_ai_ui_sdk_types.SuggestionItem, index: number, isActive: boolean, onSelect: () => void) => React__default.ReactNode;
 }
-declare function SuggestionList({ maxItems, className, style, listClassName, enableHighlightMarkup, highlightMarkupOptions, renderItem, }: SuggestionListProps): React__default.JSX.Element | null;
+declare function SuggestionList({ maxItems, className, style, listClassName, showLoadingState, renderLoading, enableHighlightMarkup, highlightMarkupOptions, renderItem, }: SuggestionListProps): React__default.JSX.Element | null;
 
 /**
  * SuggestionItem – single text suggestion row (primitive)
@@ -2114,6 +2139,8 @@ interface BaseDropdownProps<TSuggestion = any, TProduct = any, TCategory = any,
     /** Custom footer */
     footer?: ReactNode;
     /** Custom loading state */
+    /** Show loading state when fetching and no previous items (default false: show previous results until new render) */
+    showLoadingState?: boolean;
     renderLoading?: () => ReactNode;
     /** Custom empty state */
     renderEmpty?: (query: string) => ReactNode;
@@ -2662,6 +2689,8 @@ interface SectionItemGridProps {
     maxItems?: number;
     className?: string;
     style?: React__default.CSSProperties;
+    /** Show loading state when fetching and no previous items (default false: show previous results until new render) */
+    showLoadingState?: boolean;
     getItemId?: (item: unknown) => string;
     getItemTitle?: (item: unknown) => string;
     getItemImage?: (item: unknown) => string | undefined;
@@ -2669,7 +2698,7 @@ interface SectionItemGridProps {
     getItemUrl?: (item: unknown) => string | undefined;
     renderItem?: (item: unknown, index: number) => React__default.ReactNode;
 }
-declare function SectionItemGrid({ columns, maxItems, className, style, getItemId, getItemTitle, getItemImage, getItemDescription, getItemUrl, renderItem, }: SectionItemGridProps): React__default.JSX.Element;
+declare function SectionItemGrid({ columns, maxItems, className, style, showLoadingState, getItemId, getItemTitle, getItemImage, getItemDescription, getItemUrl, renderItem, }: SectionItemGridProps): React__default.JSX.Element;
 
 /**
  * SectionLoading – loading state for section (primitive)