@redocly/theme 0.68.0-next.7 → 0.68.0-next.9

package/lib/components/Search/SearchDialog.js

@@ -41,6 +41,7 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const SearchInput_1 = require("../../components/Search/SearchInput");
 const SearchShortcut_1 = require("../../components/Search/SearchShortcut");
+const should_show_load_more_1 = require("../../components/Search/should-show-load-more");
 const Button_1 = require("../../components/Button/Button");
 const utils_1 = require("../../core/utils");
 const Portal_1 = require("../../components/Portal/Portal");
@@ -73,7 +74,7 @@ function SearchDialog({ onClose, className, initialMode = 'search', }) {
     const [product, setProduct] = (0, react_1.useState)(currentProduct);
     const [mode, setMode] = (0, react_1.useState)(initialMode);
     const autoSearchDisabled = mode !== 'search';
-    const { query, setQuery, filter, setFilter, items, isSearchLoading, facets, setLoadMore, advancedSearch, askAi, groupField, searchError, retrySearch, } = useSearch(product === null || product === void 0 ? void 0 : product.name, autoSearchDisabled);
+    const { query, setQuery, filter, setFilter, items, isSearchLoading, facets, groupCounts, setLoadMore, advancedSearch, askAi, groupField, searchError, retrySearch, } = useSearch(product === null || product === void 0 ? void 0 : product.name, autoSearchDisabled);
     const { isFilterOpen, onFilterToggle, onFilterChange, onFilterReset, onFacetReset, onQuickFilterReset, } = (0, hooks_1.useSearchFilter)(filter, setFilter);
     const { addSearchHistoryItem } = (0, hooks_1.useRecentSearches)();
     const aiSearch = useAiSearch({ filter: filter, product: product === null || product === void 0 ? void 0 : product.name });
@@ -146,21 +147,7 @@ function SearchDialog({ onClose, className, initialMode = 'search', }) {
                 onClose();
             } }));
     }, [onClose, product, products, addSearchHistoryItem, query, telemetry, mode, searchSessionId]);
-    const showLoadMore = (0, react_1.useCallback)((groupKey, currentCount = 0) => {
-        const groupFacet = facets.find((facet) => facet.field === groupField);
-        let needLoadMore = false;
-        if (groupFacet) {
-            const groupValue = groupFacet.values.find((value) => {
-                if (typeof value === 'object') {
-                    return value.value === groupKey;
-                }
-                else
-                    return false;
-            });
-            needLoadMore = groupValue ? groupValue.count > currentCount : false;
-        }
-        return needLoadMore;
-    }, [facets, groupField]);
+    const showLoadMore = (0, react_1.useCallback)((groupKey, currentCount = 0) => (0, should_show_load_more_1.shouldShowLoadMore)({ groupKey, currentCount, groupCounts, facets, groupField }), [groupCounts, facets, groupField]);
     const showResults = !!((filter && filter.length) || query);
     const showSearchFilterButton = advancedSearch && mode === 'search';
     const showAiSearchButton = askAi && mode === 'search';

package/lib/components/Search/should-show-load-more.d.ts

@@ -0,0 +1,9 @@
+import type { SearchFacet } from '../../core/types';
+export type ShouldShowLoadMoreParams = {
+    groupKey: string;
+    currentCount: number;
+    groupCounts?: Record<string, number>;
+    facets: SearchFacet[];
+    groupField: string;
+};
+export declare function shouldShowLoadMore({ groupKey, currentCount, groupCounts, facets, groupField, }: ShouldShowLoadMoreParams): boolean;

package/lib/components/Search/should-show-load-more.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shouldShowLoadMore = shouldShowLoadMore;
+function shouldShowLoadMore({ groupKey, currentCount, groupCounts, facets, groupField, }) {
+    if (groupCounts && groupKey in groupCounts) {
+        return groupCounts[groupKey] > currentCount;
+    }
+    const groupFacet = facets.find((facet) => facet.field === groupField);
+    if (!groupFacet) {
+        return false;
+    }
+    const groupValue = groupFacet.values.find((value) => typeof value === 'object' && value.value === groupKey);
+    return groupValue ? groupValue.count > currentCount : false;
+}
+//# sourceMappingURL=should-show-load-more.js.map

package/lib/core/constants/common.d.ts

@@ -30,4 +30,4 @@ export declare const DEFAULT_COLOR_MODES: {
     readonly LIGHT: 'light';
     readonly DARK: 'dark';
 };
-export declare const DEFAULT_LINE_POSITION = "top";
+export declare const DEFAULT_LINE_POSITION = "bottom";

package/lib/core/constants/common.js

@@ -37,5 +37,5 @@ exports.DEFAULT_COLOR_MODES = {
     LIGHT: 'light',
     DARK: 'dark',
 };
-exports.DEFAULT_LINE_POSITION = 'top';
+exports.DEFAULT_LINE_POSITION = 'bottom';
 //# sourceMappingURL=common.js.map

package/lib/core/constants/search.js

@@ -69,5 +69,9 @@ exports.TOOL_CALL_DISPLAY_TEXT = {
         inProgressText: 'Discovering available tools...',
         completedText: 'Discovered available tools',
     },
+    [search_1.ToolCallName.ContactSupport]: {
+        inProgressText: 'Opening the contact support option...',
+        completedText: 'Offered to contact support',
+    },
 };
 //# sourceMappingURL=search.js.map

package/lib/core/types/hooks.d.ts

@@ -79,6 +79,7 @@ export type ThemeHooks = {
         isSearchLoading: boolean;
         searchError: string | null;
         facets: SearchFacet[];
+        groupCounts?: Record<string, number>;
         groupField: string;
         setLoadMore: React.Dispatch<React.SetStateAction<{
             groupKey: string;

package/lib/core/types/search.d.ts

@@ -112,6 +112,7 @@ export type ContentSegment = {
 export type AiSearchConversationItem = {
     role: AiSearchConversationRole;
     content: string;
+    sentAt?: string;
     resources?: SearchAiMessageResource[];
     messageId?: string;
     feedback?: FeedbackType;
@@ -126,5 +127,6 @@ export declare enum ToolCallName {
     GetSecuritySchemes = "get-security-schemes",
     GetFullApiDescription = "get-full-api-description",
     Execute = "execute",
-    DescribeTools = "describe-tools"
+    DescribeTools = "describe-tools",
+    ContactSupport = "contact-support"
 }

package/lib/core/types/search.js

@@ -16,5 +16,6 @@ var ToolCallName;
     ToolCallName["GetFullApiDescription"] = "get-full-api-description";
     ToolCallName["Execute"] = "execute";
     ToolCallName["DescribeTools"] = "describe-tools";
+    ToolCallName["ContactSupport"] = "contact-support";
 })(ToolCallName || (exports.ToolCallName = ToolCallName = {}));
 //# sourceMappingURL=search.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.68.0-next.7",
+  "version": "0.68.0-next.9",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -68,7 +68,7 @@
     "vitest": "4.1.10",
     "vitest-when": "0.6.2",
     "webpack": "5.105.2",
-    "@redocly/realm-asyncapi-sdk": "0.14.0-next.3"
+    "@redocly/realm-asyncapi-sdk": "0.14.0-next.4"
   },
   "dependencies": {
     "@tanstack/react-query": "5.62.3",

package/src/components/Search/SearchDialog.tsx

@@ -2,10 +2,11 @@ import React, { Fragment, useRef, useState, useEffect, useCallback } from 'react
 import styled from 'styled-components';
 
 import type { JSX, PointerEvent } from 'react';
-import type { SearchFacetCount, SearchItemData } from '@redocly/theme/core/types';
+import type { SearchItemData } from '@redocly/theme/core/types';
 
 import { SearchInput } from '@redocly/theme/components/Search/SearchInput';
 import { SearchShortcut } from '@redocly/theme/components/Search/SearchShortcut';
+import { shouldShowLoadMore } from '@redocly/theme/components/Search/should-show-load-more';
 import { Button } from '@redocly/theme/components/Button/Button';
 import { breakpoints, concatClassNames, getBaseDataAttributes } from '@redocly/theme/core/utils';
 import { Portal } from '@redocly/theme/components/Portal/Portal';
@@ -64,6 +65,7 @@ export function SearchDialog({
     items,
     isSearchLoading,
     facets,
+    groupCounts,
     setLoadMore,
     advancedSearch,
     askAi,
@@ -189,20 +191,9 @@ export function SearchDialog({
   );
 
   const showLoadMore = useCallback(
-    (groupKey: string, currentCount: number = 0) => {
-      const groupFacet = facets.find((facet) => facet.field === groupField);
-      let needLoadMore = false;
-      if (groupFacet) {
-        const groupValue = groupFacet.values.find((value) => {
-          if (typeof value === 'object') {
-            return value.value === groupKey;
-          } else return false;
-        }) as SearchFacetCount;
-        needLoadMore = groupValue ? groupValue.count > currentCount : false;
-      }
-      return needLoadMore;
-    },
-    [facets, groupField],
+    (groupKey: string, currentCount: number = 0) =>
+      shouldShowLoadMore({ groupKey, currentCount, groupCounts, facets, groupField }),
+    [groupCounts, facets, groupField],
   );
 
   const showResults = !!((filter && filter.length) || query);

package/src/components/Search/should-show-load-more.ts

@@ -0,0 +1,30 @@
+import type { SearchFacet, SearchFacetCount } from '@redocly/theme/core/types';
+
+export type ShouldShowLoadMoreParams = {
+  groupKey: string;
+  currentCount: number;
+  // Per-group result totals reported by Typesense
+  groupCounts?: Record<string, number>;
+  facets: SearchFacet[];
+  groupField: string;
+};
+
+export function shouldShowLoadMore({
+  groupKey,
+  currentCount,
+  groupCounts,
+  facets,
+  groupField,
+}: ShouldShowLoadMoreParams): boolean {
+  if (groupCounts && groupKey in groupCounts) {
+    return groupCounts[groupKey] > currentCount;
+  }
+  const groupFacet = facets.find((facet) => facet.field === groupField);
+  if (!groupFacet) {
+    return false;
+  }
+  const groupValue = groupFacet.values.find(
+    (value): value is SearchFacetCount => typeof value === 'object' && value.value === groupKey,
+  );
+  return groupValue ? groupValue.count > currentCount : false;
+}

package/src/core/constants/common.ts

@@ -36,4 +36,4 @@ export const DEFAULT_COLOR_MODES = {
   DARK: 'dark',
 } as const;
 
-export const DEFAULT_LINE_POSITION = 'top';
+export const DEFAULT_LINE_POSITION = 'bottom';

package/src/core/constants/search.ts

@@ -79,4 +79,8 @@ export const TOOL_CALL_DISPLAY_TEXT: Partial<
     inProgressText: 'Discovering available tools...',
     completedText: 'Discovered available tools',
   },
+  [ToolCallName.ContactSupport]: {
+    inProgressText: 'Opening the contact support option...',
+    completedText: 'Offered to contact support',
+  },
 };

package/src/core/types/hooks.ts

@@ -101,6 +101,7 @@ export type ThemeHooks = {
     isSearchLoading: boolean;
     searchError: string | null;
     facets: SearchFacet[];
+    groupCounts?: Record<string, number>;
     groupField: string;
     setLoadMore: React.Dispatch<
       React.SetStateAction<

package/src/core/types/search.ts

@@ -118,6 +118,7 @@ export type ContentSegment = { type: 'text'; text: string } | { type: 'tool'; to
 export type AiSearchConversationItem = {
   role: AiSearchConversationRole;
   content: string;
+  sentAt?: string;
   resources?: SearchAiMessageResource[];
   messageId?: string;
   feedback?: FeedbackType;
@@ -134,4 +135,5 @@ export enum ToolCallName {
   GetFullApiDescription = 'get-full-api-description',
   Execute = 'execute',
   DescribeTools = 'describe-tools',
+  ContactSupport = 'contact-support',
 }