@redocly/theme 0.41.0-rc.3 → 0.41.0

package/lib/components/VersionPicker/VersionPicker.js

@@ -31,7 +31,6 @@ const React = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const hooks_1 = require("../../core/hooks");
 const Select_1 = require("../../components/Select/Select");
-const SelectInput_1 = require("../../components/Select/SelectInput");
 function VersionPicker(props) {
     var _a;
     const themeConfig = (0, hooks_1.useThemeConfig)();
@@ -39,24 +38,22 @@ function VersionPicker(props) {
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
     const { versions = [], onChange } = props;
-    const options = versions.map(({ label, version, active }) => ({
-        element: label || version,
-        value: version,
-        active: active,
-    }));
-    const value = (_a = options.find((item) => item.active)) === null || _a === void 0 ? void 0 : _a.value;
+    const options = versions.map((version) => {
+        return {
+            element: version.label || version.version,
+            value: version,
+            active: version.active,
+        };
+    });
     if (versionPicker === null || versionPicker === void 0 ? void 0 : versionPicker.hide) {
         return null;
     }
-    const handleOnChange = (value) => {
-        const selectedVersion = versions.find((v) => v.version === value);
-        onChange(selectedVersion);
-    };
+    const value = (_a = options.find((item) => item.active)) === null || _a === void 0 ? void 0 : _a.value;
     if (!options.length && !(versionPicker === null || versionPicker === void 0 ? void 0 : versionPicker.showForUnversioned))
         return null;
     return (React.createElement(VersionsPickerWrapper, { "data-component-name": "VersionPicker/VersionPicker" },
         React.createElement(VersionPickerLabel, { "data-translation-key": "theme.versionPicker.label" }, translate('theme.versionPicker.label', 'Version:')),
-        React.createElement(exports.VersionPickerSelect, { placeholder: translate('theme.versionPicker.unversioned', 'All versions'), disabled: !options.length, options: options, value: value, onChange: handleOnChange })));
+        React.createElement(exports.VersionPickerSelect, { placeholder: translate('theme.versionPicker.unversioned', 'All versions'), disabled: !options.length, options: options, value: value, onChange: onChange })));
 }
 exports.VersionPicker = VersionPicker;
 const VersionPickerLabel = styled_components_1.default.label `
@@ -75,12 +72,32 @@ exports.VersionPickerSelect = (0, styled_components_1.default)(Select_1.Select)
   line-height: var(--version-picker-line-height);
   color: var(--version-picker-text-color);
 
-  ${SelectInput_1.SelectInputWrapper} {
+  ${Select_1.SelectInput} {
     border: var(--version-picker-input-border);
     border-radius: var(--version-picker-input-border-radius);
     padding: var(--version-picker-input-padding-vertical)
       var(--version-picker-input-padding-horizontal);
   }
+
+  ${Select_1.SelectList} {
+    right: 0;
+    width: 100%;
+    min-width: var(--version-picker-list-min-width);
+    max-width: var(--version-picker-list-max-width);
+    padding: var(--version-picker-list-padding);
+    background-color: var(--version-picker-list-bg-color);
+    border-radius: var(--version-picker-list-border-radius);
+    box-shadow: var(--version-picker-list-box-shadow);
+  }
+
+  ${Select_1.SelectListItem} {
+    border-radius: var(--version-picker-list-item-border-radius);
+
+    & > * {
+      padding: var(--version-picker-list-item-vertical-padding)
+        var(--version-picker-list-item-horizontal-padding);
+    }
+  }
 `;
 const VersionsPickerWrapper = styled_components_1.default.div `
   display: flex;

package/lib/core/hooks/__mocks__/index.d.ts

@@ -20,5 +20,5 @@ export * from '../../../core/hooks/menu/use-menu-item-expanded';
 export * from '../../../core/hooks/menu/use-mobile-menu-levels';
 export * from '../../../core/hooks/feedback/use-report-dialog';
 export * from '../../../core/hooks/use-product-picker';
-export * from '../../../core/hooks/search/use-search-dialog';
+export * from '../../../core/hooks/use-search';
 export * from '../../../core/hooks/use-language-picker';

package/lib/core/hooks/__mocks__/index.js

@@ -36,6 +36,6 @@ __exportStar(require("../../../core/hooks/menu/use-menu-item-expanded"), exports
 __exportStar(require("../../../core/hooks/menu/use-mobile-menu-levels"), exports);
 __exportStar(require("../../../core/hooks/feedback/use-report-dialog"), exports);
 __exportStar(require("../../../core/hooks/use-product-picker"), exports);
-__exportStar(require("../../../core/hooks/search/use-search-dialog"), exports);
+__exportStar(require("../../../core/hooks/use-search"), exports);
 __exportStar(require("../../../core/hooks/use-language-picker"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/hooks/__mocks__/use-theme-hooks.d.ts

@@ -30,7 +30,7 @@ export declare const useThemeHooks: jest.Mock<{
     }, [], any>;
     useCurrentProduct: jest.Mock<any, any, any>;
     useProducts: jest.Mock<never[], [], any>;
-    useSearch: jest.Mock<{
+    useFuseSearch: jest.Mock<{
         query: jest.Mock<any, any, any>;
         setQuery: jest.Mock<any, any, any>;
         items: never[];

package/lib/core/hooks/__mocks__/use-theme-hooks.js

@@ -37,7 +37,7 @@ exports.useThemeHooks = jest.fn(() => ({
     })),
     useCurrentProduct: jest.fn(),
     useProducts: jest.fn(() => []),
-    useSearch: jest.fn(() => ({
+    useFuseSearch: jest.fn(() => ({
         query: jest.fn().mockReturnValue(''),
         setQuery: jest.fn(),
         items: [],

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

@@ -24,7 +24,6 @@ export * from '../../core/hooks/use-tabs';
 export * from '../../core/hooks/use-focus-trap';
 export * from '../../core/hooks/use-language-picker';
 export * from '../../core/hooks/use-product-picker';
-export * from '../../core/hooks/search/use-search-dialog';
-export * from '../../core/hooks/search/use-search-filter';
+export * from '../../core/hooks/use-search';
 export * from '../../core/hooks/use-controlled-state';
 export * from '../../core/hooks/use-codeblock-tabs-controls';

package/lib/core/hooks/index.js

@@ -40,8 +40,7 @@ __exportStar(require("../../core/hooks/use-tabs"), exports);
 __exportStar(require("../../core/hooks/use-focus-trap"), exports);
 __exportStar(require("../../core/hooks/use-language-picker"), exports);
 __exportStar(require("../../core/hooks/use-product-picker"), exports);
-__exportStar(require("../../core/hooks/search/use-search-dialog"), exports);
-__exportStar(require("../../core/hooks/search/use-search-filter"), exports);
+__exportStar(require("../../core/hooks/use-search"), exports);
 __exportStar(require("../../core/hooks/use-controlled-state"), exports);
 __exportStar(require("../../core/hooks/use-codeblock-tabs-controls"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/hooks/search/use-recent-searches.js

@@ -17,8 +17,6 @@ function updateRecentSearches(value, isAdd) {
     if (!(0, utils_1.isBrowser)())
         return [];
     const recentSearches = getRecentSearches();
-    if (value === '')
-        return recentSearches;
     const valueIndex = recentSearches.indexOf(value);
     if (valueIndex !== -1)
         recentSearches.splice(valueIndex, 1);

package/lib/core/hooks/{search/use-search-dialog.d.ts → use-search.d.ts}

@@ -1,4 +1,4 @@
-export declare function useSearchDialog(): {
+export declare function useSearch(): {
     isOpen: boolean;
     onOpen: () => void;
     onClose: () => void;

package/lib/core/hooks/{search/use-search-dialog.js → use-search.js}

@@ -3,12 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchDialog = void 0;
+exports.useSearch = void 0;
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
 const hotkeys_js_1 = __importDefault(require("hotkeys-js"));
-const hooks_1 = require("../../../core/hooks");
-function useSearchDialog() {
+const hooks_1 = require("../../core/hooks");
+function useSearch() {
     var _a, _b;
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const themeSettings = (0, hooks_1.useThemeConfig)();
@@ -40,5 +40,5 @@ function useSearchDialog() {
     (0, react_1.useEffect)(onClose, [location]);
     return { isOpen, onOpen, onClose };
 }
-exports.useSearchDialog = useSearchDialog;
-//# sourceMappingURL=use-search-dialog.js.map
+exports.useSearch = useSearch;
+//# sourceMappingURL=use-search.js.map

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

@@ -2,7 +2,7 @@ import type { PageProps, ResolvedNavItemWithLink, Version } from '@redocly/confi
 import type { Callback, TFunction as TFunc } from 'i18next';
 import type { To, Location } from 'react-router-dom';
 import type { CatalogConfig, ProductUiConfig } from '../../config';
-import type { UserMenuData, FilteredCatalog, ItemState, SearchItemData, SubmitFeedbackParams, TFunction, BreadcrumbItem, DrilldownMenuItemDetails, SearchFacet, SearchFilterItem, SearchFacetQuery } from '../../core/types';
+import type { UserMenuData, FilteredCatalog, ItemState, SearchDocument, SubmitFeedbackParams, TFunction, BreadcrumbItem, DrilldownMenuItemDetails } from '../../core/types';
 export type ThemeHooks = {
     useTranslate: () => {
         translate: TFunction;
@@ -45,23 +45,11 @@ export type ThemeHooks = {
         location: Location;
     };
     useBreadcrumbs: () => BreadcrumbItem[];
-    useSearch: (product?: string) => {
+    useFuseSearch: (product?: string) => {
         query: string;
         setQuery: React.Dispatch<React.SetStateAction<string>>;
-        filter: SearchFilterItem[];
-        setFilter: React.Dispatch<React.SetStateAction<SearchFilterItem[]>>;
-        items: Record<string, SearchItemData[] | null>;
-        isSearchLoading: boolean;
-        facets: SearchFacet[];
-        setLoadMore: React.Dispatch<React.SetStateAction<{
-            groupKey: string;
-            offset: number;
-        } | undefined>>;
-    };
-    useFacetQuery: (field: string) => {
-        searchFacet: SearchFacet | null;
-        setSearchFacet: React.Dispatch<React.SetStateAction<SearchFacet | null>>;
-        setSearchFacetQuery: React.Dispatch<React.SetStateAction<SearchFacetQuery | null>>;
+        items: SearchDocument[] | null;
+        isLoading: boolean;
     };
     useSidebarItems: (activeVersion?: Version | null) => {
         currentItems: ItemState[];

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

@@ -6,7 +6,7 @@ export * from '../../core/types/hooks';
 export * from '../../core/types/markdown';
 export * from '../../core/types/navbar';
 export * from '../../core/types/search';
-export * from '../../core/types/select';
+export * from '../../core/types/select-option';
 export * from '../../core/types/sidebar';
 export * from '../../core/types/filter';
 export * from '../../core/types/user-menu';

package/lib/core/types/index.js

@@ -22,7 +22,7 @@ __exportStar(require("../../core/types/hooks"), exports);
 __exportStar(require("../../core/types/markdown"), exports);
 __exportStar(require("../../core/types/navbar"), exports);
 __exportStar(require("../../core/types/search"), exports);
-__exportStar(require("../../core/types/select"), exports);
+__exportStar(require("../../core/types/select-option"), exports);
 __exportStar(require("../../core/types/sidebar"), exports);
 __exportStar(require("../../core/types/filter"), exports);
 __exportStar(require("../../core/types/user-menu"), exports);

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

@@ -1,5 +1,6 @@
 import type { TOptions } from 'i18next';
-export type TranslationKey = 'dev.newApp' | 'dev.newApp.text' | 'dev.sidebar.header' | 'dev.sidebar.footer.text' | 'dev.create.app.dialog.appName.placeholder' | 'dev.create.app.dialog.appName.error' | 'dev.create.app.dialog.selectAPIs' | 'dev.create.app.dialog.description' | 'dev.create.app.dialog.description.placeholder' | 'dev.create.app.dialog.create' | 'dev.create.app.dialog.cancel' | 'dev.main.tab.appKeys' | 'dev.main.tab.logs' | 'dev.app.description.title' | 'dev.edit.description.dialog.title' | 'dev.edit.description.dialog.save' | 'dev.edit.description.dialog.cancel' | 'dev.edit.apis.dialog.selectedAPIs' | 'dev.app.key.create' | 'dev.create.key.dialog.title' | 'dev.create.key.dialog.create' | 'dev.create.key.dialog.cancel' | 'dev.app.edit' | 'dev.app.delete' | 'dev.edit.app.dialog.title' | 'dev.edit.app.dialog.save' | 'dev.edit.app.dialog.cancel' | 'dev.delete.app.dialog.title' | 'dev.delete.app.dialog.confirmation' | 'dev.delete.app.dialog.delete' | 'dev.delete.app.dialog.cancel' | 'dev.app.key.roll' | 'dev.roll.key.dialog.title' | 'dev.roll.key.dialog.apiKey' | 'dev.roll.key.dialog.expires' | 'dev.roll.key.dialog.confirmation' | 'dev.roll.key.dialog.cancel' | 'dev.roll.key.dialog.roll' | 'dev.update.key.dialog.title' | 'dev.update.key.dialog.update' | 'dev.update.key.dialog.cancel' | 'dev.app.key.api.name' | 'dev.app.key.api.status' | 'dev.app.key.api.edit' | 'dev.edit.apis.dialog.title' | 'dev.edit.apis.dialog.apiKey' | 'dev.edit.apis.dialog.save' | 'dev.edit.apis.dialog.cancel' | 'dev.select.placeholder' | 'dev.app.overview.status.pending' | 'dev.app.overview.status.approved' | 'dev.app.overview.status.revoked' | 'dev.app.overview.status' | 'dev.app.overview.non-production' | 'dev.app.overview.production' | 'dev.app.overview.clientId' | 'dev.app.overview.apiKey' | 'dev.app.key.revoke' | 'dev.revoke.key.dialog.title' | 'dev.revoke.key.dialog.apiKey' | 'dev.revoke.key.dialog.expires' | 'dev.revoke.key.dialog.confirmation' | 'dev.revoke.key.dialog.revoke' | 'dev.revoke.key.dialog.cancel' | 'dev.app.overview.expires' | 'dev.app.overview.created' | 'dev.app.overview.visibilityToggle.hide' | 'dev.app.overview.visibilityToggle.show' | 'theme.search.loading' | 'theme.search.noResults.title' | 'theme.search.noResults.description' | 'theme.search.keys.navigate' | 'theme.search.keys.select' | 'theme.search.keys.exit' | 'theme.search.label' | 'theme.search.cancel' | 'theme.search.recent' | 'theme.search.navbar.label' | 'theme.search.suggested' | 'theme.search.showMore' | 'theme.search.filter.title' | 'theme.search.filter.reset' | 'theme.search.filter.field.reset' | 'theme.toc.header' | 'theme.footer.copyrightText' | 'theme.page.homeButton' | 'theme.page.forbidden.title' | 'theme.page.notFound.title' | 'theme.page.notFound.description' | 'theme.page.lastUpdated.timeago' | 'theme.page.lastUpdated.on' | 'theme.catalog.filters.placeholder' | 'theme.catalog.filters.title' | 'theme.catalog.filters.clearAll' | 'theme.catalog.filters.select.addFilter' | 'theme.catalog.filters.select.all' | 'theme.catalog.filters.done' | 'theme.sidebar.menu.backLabel' | 'theme.sidebar.actions.show' | 'theme.sidebar.actions.hide' | 'theme.sidebar.actions.changeLayout' | 'theme.versionPicker.label' | 'theme.versionPicker.unversioned' | 'theme.codeSnippet.copy.buttonText' | 'theme.codeSnippet.copy.tooltipText' | 'theme.codeSnippet.copy.toasterText' | 'theme.markdown.editPage.text' | 'theme.feedback.settings.comment.submitText' | 'theme.feedback.settings.comment.label' | 'theme.feedback.settings.comment.send' | 'theme.feedback.settings.comment.cancel' | 'theme.feedback.settings.comment.satisfiedLabel' | 'theme.feedback.settings.comment.neutralLabel' | 'theme.feedback.settings.comment.dissatisfiedLabel' | 'theme.feedback.settings.submitText' | 'theme.feedback.settings.label' | 'theme.feedback.settings.reasons.label' | 'theme.feedback.settings.reasons.send' | 'theme.feedback.settings.comment.likeLabel' | 'theme.feedback.settings.comment.dislikeLabel' | 'theme.feedback.sentiment.thumbUp' | 'theme.feedback.sentiment.thumbDown' | 'theme.feedback.settings.leftScaleLabel' | 'theme.feedback.settings.rightScaleLabel' | 'theme.codeSnippet.report.buttonText' | 'theme.codeSnippet.report.tooltipText' | 'theme.codeSnippet.report.label' | 'theme.userMenu.login' | 'theme.userMenu.logout' | 'theme.userMenu.devOnboardingLabel' | 'theme.mobileMenu.mainMenu' | 'theme.mobileMenu.previous' | 'theme.mobileMenu.products' | 'theme.page.nextButton' | 'theme.page.previousButton';
+export type TranslationKey = 'dev.newApp' | 'dev.newApp.text' | 'dev.sidebar.header' | 'dev.sidebar.footer.text' | 'dev.create.app.dialog.appName.placeholder' | 'dev.create.app.dialog.appName.error' | 'dev.create.app.dialog.selectAPIs' | 'dev.create.app.dialog.description' | 'dev.create.app.dialog.description.placeholder' | 'dev.create.app.dialog.create' | 'dev.create.app.dialog.cancel' | 'dev.main.tab.appKeys' | 'dev.main.tab.logs' | 'dev.app.description.title' | 'dev.edit.description.dialog.title' | 'dev.edit.description.dialog.save' | 'dev.edit.description.dialog.cancel' | 'dev.edit.apis.dialog.selectedAPIs' | 'dev.app.key.create' | 'dev.create.key.dialog.title' | 'dev.create.key.dialog.create' | 'dev.create.key.dialog.cancel' | 'dev.app.edit' | 'dev.app.delete' | 'dev.edit.app.dialog.title' | 'dev.edit.app.dialog.save' | 'dev.edit.app.dialog.cancel' | 'dev.delete.app.dialog.title' | 'dev.delete.app.dialog.confirmation' | 'dev.delete.app.dialog.delete' | 'dev.delete.app.dialog.cancel' | 'dev.app.key.roll' | 'dev.roll.key.dialog.title' | 'dev.roll.key.dialog.apiKey' | 'dev.roll.key.dialog.expires' | 'dev.roll.key.dialog.confirmation' | 'dev.roll.key.dialog.cancel' | 'dev.roll.key.dialog.roll' | 'dev.update.key.dialog.title' | 'dev.update.key.dialog.update' | 'dev.update.key.dialog.cancel' | 'dev.app.key.api.name' | 'dev.app.key.api.status' | 'dev.app.key.api.edit' | 'dev.edit.apis.dialog.title' | 'dev.edit.apis.dialog.apiKey' | 'dev.edit.apis.dialog.save' | 'dev.edit.apis.dialog.cancel' | 'dev.select.placeholder' | 'dev.app.overview.status.pending' | 'dev.app.overview.status.approved' | 'dev.app.overview.status.revoked' | 'dev.app.overview.status' | 'dev.app.overview.non-production' | 'dev.app.overview.production' | 'dev.app.overview.clientId' | 'dev.app.overview.apiKey' | 'dev.app.key.revoke' | 'dev.revoke.key.dialog.title' | 'dev.revoke.key.dialog.apiKey' | 'dev.revoke.key.dialog.expires' | 'dev.revoke.key.dialog.confirmation' | 'dev.revoke.key.dialog.revoke' | 'dev.revoke.key.dialog.cancel' | 'dev.app.overview.expires' | 'dev.app.overview.created' | 'dev.app.overview.visibilityToggle.hide' | 'dev.app.overview.visibilityToggle.show' | 'theme.search.noResults' | 'theme.search.keys.navigate' | 'theme.search.keys.select' | 'theme.search.keys.exit' | 'theme.search.label' | 'theme.search.cancel' | 'theme.search.recent' | 'theme.search.navbar.label' | 'theme.search.suggested' | 'theme.toc.header' | 'theme.footer.copyrightText' | 'theme.page.homeButton' | 'theme.page.forbidden.title' | 'theme.page.notFound.title' | 'theme.page.notFound.description' | 'theme.page.lastUpdated.timeago' | 'theme.page.lastUpdated.on' | 'theme.catalog.filters.placeholder' | 'theme.catalog.filters.title' | 'theme.catalog.filters.clearAll' | 'theme.catalog.filters.select.addFilter' | 'theme.catalog.filters.select.all' | 'theme.catalog.filters.done' | 'theme.sidebar.menu.backLabel' | 'theme.sidebar.actions.show' | 'theme.sidebar.actions.hide' | 'theme.sidebar.actions.changeLayout' | 'theme.versionPicker.label' | 'theme.versionPicker.unversioned' | 'theme.codeSnippet.copy.buttonText' | 'theme.codeSnippet.copy.tooltipText' | 'theme.codeSnippet.copy.toasterText' | 'theme.markdown.editPage.text' | 'theme.feedback.settings.comment.submitText' | 'theme.feedback.settings.comment.label' | 'theme.feedback.settings.comment.send' | 'theme.feedback.settings.comment.cancel' | 'theme.feedback.settings.comment.satisfiedLabel' | 'theme.feedback.settings.comment.neutralLabel' | 'theme.feedback.settings.comment.dissatisfiedLabel' | 'theme.feedback.settings.submitText' | 'theme.feedback.settings.label' | 'theme.feedback.settings.reasons.label' | 'theme.feedback.settings.reasons.send' | 'theme.feedback.settings.comment.likeLabel' | 'theme.feedback.settings.comment.dislikeLabel' | 'theme.feedback.sentiment.thumbUp' | 'theme.feedback.sentiment.thumbDown' | 'theme.feedback.settings.leftScaleLabel' | 'theme.feedback.settings.rightScaleLabel' | 'theme.codeSnippet.report.buttonText' | 'theme.codeSnippet.report.tooltipText' | 'theme.codeSnippet.report.label' | 'theme.userMenu.login' | 'theme.userMenu.logout' | 'theme.userMenu.devOnboardingLabel' | 'theme.mobileMenu.mainMenu' | 'theme.mobileMenu.previous' | 'theme.mobileMenu.products' | 'theme.page.nextButton' | 'theme.page.previousButton';
+export type GraphQLTranslationKey = 'graphql.sidebar.group.queries' | 'graphql.sidebar.group.mutations' | 'graphql.sidebar.group.subscriptions' | 'graphql.sidebar.group.directives' | 'graphql.sidebar.group.objects' | 'graphql.sidebar.group.interfaces' | 'graphql.sidebar.group.unions' | 'graphql.sidebar.group.enums' | 'graphql.sidebar.group.inputs' | 'graphql.sidebar.group.scalars' | 'graphql.sidebar.group.scalars' | 'graphql.content.arguments.label' | 'graphql.content.arguments.show' | 'graphql.content.arguments.hide' | 'graphql.content.returnTypes.label' | 'graphql.content.returnTypes.show' | 'graphql.content.returnTypes.hide' | 'graphql.content.defaultValue' | 'graphql.content.deprecationReason' | 'graphql.content.implementedInterfaces' | 'graphql.content.argumentsHere' | 'graphql.content.nonNull' | 'graphql.content.required' | 'graphql.content.deprecated' | 'graphql.rightSection.variables' | 'graphql.rightSection.querySample' | 'graphql.rightSection.mutationSample' | 'graphql.rightSection.subscriptionSample' | 'graphql.rightSection.responseSample' | 'graphql.rightSection.locations' | 'graphql.rightSection.sample' | 'graphql.rightSection.referenced' | 'graphql.navigation.next' | 'graphql.navigation.previous';
 export type Locale = {
     code: string;
     name: string;

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

@@ -12,9 +12,9 @@ export type SearchDocument = {
     title: string | string[];
     text: string | string[];
     path?: string[];
-    httpMethod?: string;
-    httpPath?: string | string[];
+    httpVerb?: string;
     deprecated?: boolean;
+    pathName?: string | string[];
     parameters?: OperationParameter[];
     metadata?: Record<string, any>;
     version?: string;
@@ -29,45 +29,4 @@ export type SearchDocument = {
         fsPath?: string;
     };
     badges?: ItemBadge[];
-    facets?: Record<string, string>;
-    filterTags?: string[];
-    parametersNames?: string[];
-    parametersDescriptons?: string[];
-};
-export type ParameterHighlight = {
-    name: string;
-    description: string;
-    place: string;
-    path: string[];
-};
-export type SearchItemData = {
-    document: SearchDocument;
-    highlight: Record<string, string> & {
-        parameters?: ParameterHighlight[];
-        path?: string[];
-    };
-};
-export type SearchFacet = {
-    name: string;
-    field: string;
-    type: SearchFacetType;
-    values: string[] | SearchFacetCount[];
-    isTop?: boolean;
-    index?: number;
-};
-export type SearchFacetCount = {
-    value: string;
-    count: number;
-    isCounterVisible?: boolean;
-};
-export type SearchFacetQuery = {
-    query: string;
-    filter: SearchFilterItem[];
-    facetQuery: string;
-};
-export type SearchFacetType = 'input' | 'multi-select' | 'select' | 'switch' | 'radio' | 'tags' | 'checkbox';
-export type SearchFilterItem = {
-    field: string;
-    values: string[];
-    isTop?: boolean;
 };

package/lib/core/types/select-option.d.ts

@@ -0,0 +1,4 @@
+export type SelectOption<T> = {
+    value: T;
+    label: string;
+};

package/lib/core/types/{select.js → select-option.js}

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=select.js.map
+//# sourceMappingURL=select-option.js.map

package/lib/index.d.ts

@@ -11,7 +11,7 @@ export * from './components/Badge/Badge';
 export * from './components/Dropdown/Dropdown';
 export * from './components/Dropdown/DropdownMenu';
 export * from './components/Dropdown/DropdownMenuItem';
-export * from './components/Loaders/Loading';
+export * from './components/Loading/Loading';
 export * from './components/Link/Link';
 export * from './components/Portal/Portal';
 export * from './components/Segmented/Segmented';
@@ -112,10 +112,6 @@ export * from './components/Search/SearchShortcut';
 export * from './components/Search/SearchTrigger';
 export * from './components/Search/SearchRecent';
 export * from './components/Search/SearchSuggestedPages';
-export * from './components/Search/SearchFilter';
-export * from './components/Search/SearchFilterField';
-export * from './components/Search/FilterFields/SearchFilterFieldSelect';
-export * from './components/Search/FilterFields/SearchFilterFieldTags';
 export * from './icons/ArrowRightIcon/ArrowRightIcon';
 export * from './icons/ArrowUpRightIcon/ArrowUpRightIcon';
 export * from './icons/ArrowLeftIcon/ArrowLeftIcon';
@@ -130,7 +126,6 @@ export * from './icons/FolderAddIcon/FolderAddIcon';
 export * from './icons/FolderIcon/FolderIcon';
 export * from './icons/FolderMoveToIcon/FolderMoveToIcon';
 export * from './icons/SelectIcon/SelectIcon';
-export * from './icons/SettingsIcon/SettingsIcon';
 export * from './icons/CloseIcon/CloseIcon';
 export * from './icons/CloseOutlineIcon/CloseOutlineIcon';
 export * from './icons/CloseFilledIcon/CloseFilledIcon';
@@ -178,7 +173,6 @@ export * from './icons/MobileSidebarIcon/MobileSidebarIcon';
 export * from './icons/CopyLinkIcon/CopyLinkIcon';
 export * from './icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon';
 export * from './icons/RenewIcon/RenewIcon';
-export * from './icons/ResetIcon/ResetIcon';
 export * from './icons/WarningAltIcon/WarningAltIcon';
 export * from './icons/MoonIcon/MoonIcon';
 export * from './icons/SunIcon/SunIcon';

package/lib/index.js

@@ -41,7 +41,7 @@ __exportStar(require("./components/Badge/Badge"), exports);
 __exportStar(require("./components/Dropdown/Dropdown"), exports);
 __exportStar(require("./components/Dropdown/DropdownMenu"), exports);
 __exportStar(require("./components/Dropdown/DropdownMenuItem"), exports);
-__exportStar(require("./components/Loaders/Loading"), exports);
+__exportStar(require("./components/Loading/Loading"), exports);
 __exportStar(require("./components/Link/Link"), exports);
 __exportStar(require("./components/Portal/Portal"), exports);
 __exportStar(require("./components/Segmented/Segmented"), exports);
@@ -163,10 +163,6 @@ __exportStar(require("./components/Search/SearchShortcut"), exports);
 __exportStar(require("./components/Search/SearchTrigger"), exports);
 __exportStar(require("./components/Search/SearchRecent"), exports);
 __exportStar(require("./components/Search/SearchSuggestedPages"), exports);
-__exportStar(require("./components/Search/SearchFilter"), exports);
-__exportStar(require("./components/Search/SearchFilterField"), exports);
-__exportStar(require("./components/Search/FilterFields/SearchFilterFieldSelect"), exports);
-__exportStar(require("./components/Search/FilterFields/SearchFilterFieldTags"), exports);
 /* Icons */
 __exportStar(require("./icons/ArrowRightIcon/ArrowRightIcon"), exports);
 __exportStar(require("./icons/ArrowUpRightIcon/ArrowUpRightIcon"), exports);
@@ -182,7 +178,6 @@ __exportStar(require("./icons/FolderAddIcon/FolderAddIcon"), exports);
 __exportStar(require("./icons/FolderIcon/FolderIcon"), exports);
 __exportStar(require("./icons/FolderMoveToIcon/FolderMoveToIcon"), exports);
 __exportStar(require("./icons/SelectIcon/SelectIcon"), exports);
-__exportStar(require("./icons/SettingsIcon/SettingsIcon"), exports);
 __exportStar(require("./icons/CloseIcon/CloseIcon"), exports);
 __exportStar(require("./icons/CloseOutlineIcon/CloseOutlineIcon"), exports);
 __exportStar(require("./icons/CloseFilledIcon/CloseFilledIcon"), exports);
@@ -230,7 +225,6 @@ __exportStar(require("./icons/MobileSidebarIcon/MobileSidebarIcon"), exports);
 __exportStar(require("./icons/CopyLinkIcon/CopyLinkIcon"), exports);
 __exportStar(require("./icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon"), exports);
 __exportStar(require("./icons/RenewIcon/RenewIcon"), exports);
-__exportStar(require("./icons/ResetIcon/ResetIcon"), exports);
 __exportStar(require("./icons/WarningAltIcon/WarningAltIcon"), exports);
 __exportStar(require("./icons/MoonIcon/MoonIcon"), exports);
 __exportStar(require("./icons/SunIcon/SunIcon"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.41.0-rc.3",
+  "version": "0.41.0",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -99,7 +99,7 @@
     "timeago.js": "^4.0.2",
     "i18next": "^22.4.12",
     "nprogress": "^0.2.0",
-    "@redocly/config": "0.11.0-rc.2-rc-20240906003422"
+    "@redocly/config": "0.11.0"
   },
   "scripts": {
     "start": "npm-run-all --parallel storybook storybook:tokens:watch",

package/src/components/CodeBlock/CodeBlockControls.tsx

@@ -146,7 +146,7 @@ export function CodeBlockControls({
             buttonText={copy.label}
             onCopyClick={() => {
               copy?.onClick;
-              telemetry.send('code_snippet_copied', {});
+              telemetry?.send?.('code_snippet_copied', {});
             }}
           />
         ) : null}

package/src/components/Dropdown/DropdownMenu.tsx

@@ -7,7 +7,7 @@ import type { DropdownMenuItemProps } from '@redocly/theme/components/Dropdown/D
 import { DropdownMenuItem } from '@redocly/theme/components/Dropdown/DropdownMenuItem';
 
 export type DropdownMenuProps =
-  | { className?: string; role?: string; footer?: React.ReactNode } & (
+  | { className?: string; role?: string } & (
       | {
           items: DropdownMenuItemProps[];
         }
@@ -37,7 +37,6 @@ export function DropdownMenu(props: DropdownMenuProps): JSX.Element {
       role={props.role || 'menu'}
     >
       {content}
-      {props.footer || null}
     </DropdownMenuWrapper>
   );
 }

package/src/components/Filter/FilterSelect.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import type { FilterProps, SelectProps, SelectOption } from '@redocly/theme/core/types';
+import type { FilterProps } from '@redocly/theme/core/types';
 
 import { FilterOption } from '@redocly/theme/components/Filter/FilterOption';
 import { FilterOptionLabel } from '@redocly/theme/components/Filter/FilterOptionLabel';
@@ -15,7 +15,7 @@ export function FilterSelect({ filter, filterValuesCasing }: FilterProps): JSX.E
   const { useTranslate } = useThemeHooks();
   const { translate } = useTranslate();
 
-  let selectOptions: SelectOption<string>[] = [];
+  let selectOptions: { value: string; element: React.ReactNode }[] = [];
 
   const defaultOptionCount = filter.filteredOptions.reduce((acc, option) => acc + option.count, 0);
 
@@ -64,7 +64,7 @@ const FilterSelectWrapper = styled.div`
   gap: var(--filter-select-wrapper-gap);
 `;
 
-const StyledSelect = styled(Select)<SelectProps>`
+const StyledSelect = styled(Select)`
   --select-list-max-width: var(--filter-select-max-width);
 
   min-height: var(--filter-select-min-height);

package/src/components/Search/Search.tsx

@@ -3,14 +3,14 @@ import styled from 'styled-components';
 
 import { SearchTrigger } from '@redocly/theme/components/Search/SearchTrigger';
 import { SearchDialog } from '@redocly/theme/components/Search/SearchDialog';
-import { useSearchDialog } from '@redocly/theme/core/hooks';
+import { useSearch } from '@redocly/theme/core/hooks';
 
 export type SearchProps = {
   className?: string;
 };
 
 export function Search({ className }: SearchProps): JSX.Element {
-  const { isOpen, onOpen, onClose } = useSearchDialog();
+  const { isOpen, onOpen, onClose } = useSearch();
 
   return (
     <SearchWrapper data-component-name="Search/Search" className={className}>