@redocly/theme 0.42.3 → 0.44.0

package/lib/core/hooks/search/use-search-filter.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchFilter = void 0;
+const react_1 = require("react");
+function useSearchFilter(filter, setFilter) {
+    const [isFilterOpen, setIsFilterOpen] = (0, react_1.useState)(false);
+    const onFilterToggle = (0, react_1.useCallback)(() => {
+        setIsFilterOpen(!isFilterOpen);
+    }, [isFilterOpen]);
+    const onFilterChange = (field, value, isTop) => {
+        const values = value ? (Array.isArray(value) ? value : [value]) : [];
+        const _filter = [...filter];
+        const fieldIndex = _filter.findIndex((filter) => filter.field === field);
+        if (fieldIndex > -1) {
+            // filter field already exists
+            _filter[fieldIndex].values = values;
+        }
+        else {
+            if (!values.length)
+                return;
+            _filter.push({ field, values, isTop });
+        }
+        setFilter(_filter.filter((item) => item.values.length));
+    };
+    const onFilterReset = () => {
+        setFilter([]);
+    };
+    const onTopFacetsReset = () => {
+        const _filter = [...filter];
+        setFilter(_filter.filter((item) => !item.isTop));
+    };
+    const onFacetReset = (field) => {
+        const _filter = [...filter];
+        const fieldIndex = _filter.findIndex((filter) => filter.field === field);
+        if (fieldIndex !== -1) {
+            _filter[fieldIndex].values = [];
+        }
+        setFilter(_filter.filter((item) => item.values.length));
+    };
+    return {
+        onFacetReset,
+        onTopFacetsReset,
+        onFilterChange,
+        onFilterReset,
+        onFilterToggle,
+        isFilterOpen,
+    };
+}
+exports.useSearchFilter = useSearchFilter;
+//# sourceMappingURL=use-search-filter.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, SearchDocument, SubmitFeedbackParams, TFunction, BreadcrumbItem, DrilldownMenuItemDetails } from '../../core/types';
+import type { UserMenuData, FilteredCatalog, ItemState, SearchItemData, SubmitFeedbackParams, TFunction, BreadcrumbItem, DrilldownMenuItemDetails, SearchFacet, SearchFilterItem, SearchFacetQuery } from '../../core/types';
 export type ThemeHooks = {
     useTranslate: () => {
         translate: TFunction;
@@ -45,11 +45,24 @@ export type ThemeHooks = {
         location: Location;
     };
     useBreadcrumbs: () => BreadcrumbItem[];
-    useFuseSearch: (product?: string) => {
+    useSearch: (product?: string) => {
         query: string;
         setQuery: React.Dispatch<React.SetStateAction<string>>;
-        items: SearchDocument[] | null;
-        isLoading: boolean;
+        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>>;
+        advancedSearch?: boolean;
+    };
+    useFacetQuery: (field: string) => {
+        searchFacet: SearchFacet | null;
+        setSearchFacet: React.Dispatch<React.SetStateAction<SearchFacet | null>>;
+        setSearchFacetQuery: React.Dispatch<React.SetStateAction<SearchFacetQuery | null>>;
     };
     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-option';
+export * from '../../core/types/select';
 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-option"), exports);
+__exportStar(require("../../core/types/select"), 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,6 +1,5 @@
 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.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 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' | 'search.loading' | 'search.noResults.title' | 'search.noResults.description' | 'search.keys.navigate' | 'search.keys.select' | 'search.keys.exit' | 'search.label' | 'search.cancel' | 'search.recent' | 'search.navbar.label' | 'search.suggested' | 'search.showMore' | 'search.filter.title' | 'search.filter.reset' | 'search.filter.field.reset' | 'toc.header' | 'footer.copyrightText' | 'page.homeButton' | 'page.forbidden.title' | 'page.notFound.title' | 'page.notFound.description' | 'page.lastUpdated.timeago' | 'page.lastUpdated.on' | 'catalog.filters.placeholder' | 'catalog.filters.title' | 'catalog.filters.clearAll' | 'catalog.filters.select.addFilter' | 'catalog.filters.select.all' | 'catalog.filters.done' | 'sidebar.menu.backLabel' | 'sidebar.actions.show' | 'sidebar.actions.hide' | 'sidebar.actions.changeLayout' | 'versionPicker.label' | 'versionPicker.unversioned' | 'codeSnippet.copy.buttonText' | 'codeSnippet.copy.tooltipText' | 'codeSnippet.copy.toasterText' | 'markdown.editPage.text' | 'feedback.settings.comment.submitText' | 'feedback.settings.comment.label' | 'feedback.settings.comment.send' | 'feedback.settings.comment.cancel' | 'feedback.settings.comment.satisfiedLabel' | 'feedback.settings.comment.neutralLabel' | 'feedback.settings.comment.dissatisfiedLabel' | 'feedback.settings.submitText' | 'feedback.settings.label' | 'feedback.settings.reasons.label' | 'feedback.settings.reasons.send' | 'feedback.settings.comment.likeLabel' | 'feedback.settings.comment.dislikeLabel' | 'feedback.sentiment.thumbUp' | 'feedback.sentiment.thumbDown' | 'feedback.settings.leftScaleLabel' | 'feedback.settings.rightScaleLabel' | 'codeSnippet.report.buttonText' | 'codeSnippet.report.tooltipText' | 'codeSnippet.report.label' | 'userMenu.login' | 'userMenu.logout' | 'userMenu.devOnboardingLabel' | 'mobileMenu.mainMenu' | 'mobileMenu.previous' | 'mobileMenu.products' | 'page.nextButton' | 'page.previousButton' | 'openapi.download.description.title' | 'openapi.info.title' | 'openapi.info.contact.url' | 'openapi.info.contact.name' | 'openapi.info.license' | 'openapi.info.termsOfService' | 'openapi.info.metadata.title' | 'openapi.key' | 'openapi.value' | 'openapi.enum' | 'openapi.items' | 'openapi.default' | 'openapi.variable' | 'openapi.variables' | 'openapi.actions.show' | 'openapi.actions.hide' | 'openapi.actions.more' | 'openapi.languages.title' | 'openapi.servers.title' | 'openapi.operations' | 'openapi.webhooks' | 'openapi.description' | 'openapi.badges.deprecated' | 'openapi.badges.required' | 'openapi.badges.webhook' | 'openapi.request' | 'openapi.path' | 'openapi.query' | 'openapi.cookie' | 'openapi.header' | 'openapi.body' | 'openapi.responses' | 'openapi.response' | 'openapi.callbacks' | 'openapi.callbackRequest' | 'openapi.callbackResponse' | 'openapi.payload' | 'openapi.discriminator' | 'openapi.contentType' | 'openapi.tryIt' | 'openapi.loading' | 'openapi.example' | 'openapi.examples' | 'openapi.additionalProperties' | 'openapi.patternProperties' | 'openapi.required' | 'openapi.recursive' | 'openapi.deprecated' | 'openapi.hideExample' | 'openapi.showExample' | 'openapi.expandAll' | 'openapi.collapseAll' | 'openapi.pdfFileSample' | 'openapi.noResponseExample' | 'openapi.noRequestPayload' | 'openapi.hidePattern' | 'openapi.showPattern' | 'openapi.authorizationUrl' | 'openapi.tokenUrl' | 'openapi.refreshUrl' | 'openapi.scopes' | 'openapi.security' | 'openapi.httpAuthorizationScheme' | 'openapi.bearerFormat' | 'openapi.parameterName' | 'openapi.flowType' | 'openapi.connectUrl' | 'openapi.requiredScopes' | 'openapi.unsupportedLanguage' | 'openapi.failedToGenerateCodeSample' | 'graphql.queries' | 'graphql.mutations' | 'graphql.subscriptions' | 'graphql.directives' | 'graphql.objects' | 'graphql.interfaces' | 'graphql.unions' | 'graphql.enums' | 'graphql.inputs' | 'graphql.scalars' | 'graphql.arguments.label' | 'graphql.arguments.show' | 'graphql.arguments.hide' | 'graphql.arguments.here' | 'graphql.returnTypes.label' | 'graphql.returnTypes.show' | 'graphql.returnTypes.hide' | 'graphql.possibleTypes' | 'graphql.defaultValue' | 'graphql.deprecationReason' | 'graphql.implementedInterfaces' | 'graphql.nonNull' | 'graphql.required' | 'graphql.deprecated' | 'graphql.variables' | 'graphql.querySample' | 'graphql.mutationSample' | 'graphql.subscriptionSample' | 'graphql.responseSample' | 'graphql.locations' | 'graphql.sample' | 'graphql.referenced';
 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[];
-    httpVerb?: string;
+    httpMethod?: string;
+    httpPath?: string | string[];
     deprecated?: boolean;
-    pathName?: string | string[];
     parameters?: OperationParameter[];
     metadata?: Record<string, any>;
     version?: string;
@@ -29,4 +29,44 @@ export type SearchDocument = {
         fsPath?: string;
     };
     badges?: ItemBadge[];
+    facets?: Record<string, string>;
+    tags?: string[];
+    rbacTeams?: 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.d.ts

@@ -0,0 +1,31 @@
+import type React from 'react';
+export type SelectOption<T> = {
+    value: T;
+    element?: React.ReactNode | JSX.Element | string;
+    label?: string;
+};
+export type SelectProps<T = any> = {
+    value?: SelectOption<T> | SelectOption<T>[] | T | T[];
+    options: SelectOption<T>[];
+    multiple?: boolean;
+    searchable?: boolean;
+    clearable?: boolean;
+    dataAttributes?: Record<string, string>;
+    className?: string;
+    withArrow?: boolean;
+    triggerEvent?: 'click' | 'hover';
+    placement?: 'top' | 'bottom';
+    alignment?: 'start' | 'end';
+    onlyIcon?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    hideCheckmarkIcon?: boolean;
+    checkmarkIconPosition?: 'start' | 'end';
+    dataTestId?: string;
+    icon?: React.ReactNode;
+    footer?: React.ReactNode;
+    onChange?: (value: T | T[]) => void;
+    renderInput?: () => React.ReactElement;
+    renderDivider?: () => React.ReactElement;
+    onSearch?: (value: T | null) => void;
+};

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

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

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

@@ -24,3 +24,4 @@ export * from '../../core/utils/format-date-without-timezone';
 export * from '../../core/utils/details';
 export * from '../../core/utils/get-navbar-element';
 export * from '../../core/utils/with-load-progress';
+export * from '../../core/utils/text-trimmer';

package/lib/core/utils/index.js

@@ -40,4 +40,5 @@ __exportStar(require("../../core/utils/format-date-without-timezone"), exports);
 __exportStar(require("../../core/utils/details"), exports);
 __exportStar(require("../../core/utils/get-navbar-element"), exports);
 __exportStar(require("../../core/utils/with-load-progress"), exports);
+__exportStar(require("../../core/utils/text-trimmer"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/utils/menu.js

@@ -5,7 +5,7 @@ const urls_1 = require("../../core/utils/urls");
 const utils_1 = require("../../core/utils");
 const constants_1 = require("../../core/constants");
 const TRANSLATION_KEYS = {
-    version: 'theme.mobileMenu.version',
+    version: 'mobileMenu.version',
 };
 const mapNavbarItems = (items, defaultLocale, currentLocale, locales, location) => {
     return items.map((navItem) => {

package/lib/core/utils/text-trimmer.d.ts

@@ -0,0 +1 @@
+export declare function trimText(text: string | string[], maxLength?: number): string | string[];

package/lib/core/utils/text-trimmer.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trimText = void 0;
+function trimText(text, maxLength = 150) {
+    if (typeof text === 'string') {
+        if (text.length <= maxLength) {
+            return text;
+        }
+        else
+            return `${text.slice(0, maxLength)}...`;
+    }
+    else
+        return text;
+}
+exports.trimText = trimText;
+//# sourceMappingURL=text-trimmer.js.map

package/lib/icons/ResetIcon/ResetIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const ResetIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string | undefined;
+    size?: string | undefined;
+    className?: string | undefined;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/ResetIcon/ResetIcon.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M9 14C10.1867 14 11.3467 13.6481 12.3334 12.9888C13.3201 12.3295 14.0892 11.3925 14.5433 10.2961C14.9974 9.19975 15.1162 7.99335 14.8847 6.82946C14.6532 5.66558 14.0818 4.59648 13.2426 3.75736C12.4035 2.91825 11.3344 2.3468 10.1705 2.11529C9.00666 1.88378 7.80026 2.0026 6.7039 2.45673C5.60754 2.91085 4.67047 3.67989 4.01118 4.66658C3.35189 5.65328 3 6.81331 3 8V11.1L1.2 9.3L0.5 10L3.5 13L6.5 10L5.8 9.3L4 11.1V8C4 7.0111 4.29324 6.0444 4.84265 5.22215C5.39206 4.39991 6.17295 3.75904 7.08658 3.38061C8.00021 3.00217 9.00555 2.90315 9.97545 3.09608C10.9454 3.289 11.8363 3.76521 12.5355 4.46447C13.2348 5.16373 13.711 6.05465 13.9039 7.02455C14.0969 7.99446 13.9978 8.99979 13.6194 9.91342C13.241 10.8271 12.6001 11.6079 11.7779 12.1574C10.9556 12.7068 9.98891 13 9 13V14Z", fill: "#1A1C21" })));
+exports.ResetIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/ResetIcon/ResetIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=ResetIcon.js.map

package/lib/icons/SettingsIcon/SettingsIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const SettingsIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string | undefined;
+    size?: string | undefined;
+    className?: string | undefined;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/SettingsIcon/SettingsIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M15.875 2.5H13.5687C13.2875 1.20625 12.1625 0.25 10.8125 0.25C9.4625 0.25 8.3375 1.20625 8.05625 2.5H0.125V3.625H8.05625C8.3375 4.91875 9.4625 5.875 10.8125 5.875C12.1625 5.875 13.2875 4.91875 13.5687 3.625H15.875V2.5ZM10.8125 4.75C9.85625 4.75 9.125 4.01875 9.125 3.0625C9.125 2.10625 9.85625 1.375 10.8125 1.375C11.7688 1.375 12.5 2.10625 12.5 3.0625C12.5 4.01875 11.7688 4.75 10.8125 4.75Z", fill: "#22242B" }),
+    react_1.default.createElement("path", { d: "M0.125 11.5H2.43125C2.7125 12.7937 3.8375 13.75 5.1875 13.75C6.5375 13.75 7.6625 12.7937 7.94375 11.5H15.875V10.375H7.94375C7.6625 9.08125 6.5375 8.125 5.1875 8.125C3.8375 8.125 2.7125 9.08125 2.43125 10.375H0.125V11.5ZM5.1875 9.25C6.14375 9.25 6.875 9.98125 6.875 10.9375C6.875 11.8938 6.14375 12.625 5.1875 12.625C4.23125 12.625 3.5 11.8938 3.5 10.9375C3.5 9.98125 4.23125 9.25 5.1875 9.25Z", fill: "#22242B" })));
+exports.SettingsIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/SettingsIcon/SettingsIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=SettingsIcon.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/Loading/Loading';
+export * from './components/Loaders/Loading';
 export * from './components/Link/Link';
 export * from './components/Portal/Portal';
 export * from './components/Segmented/Segmented';
@@ -112,6 +112,11 @@ export * from './components/Search/SearchShortcut';
 export * from './components/Search/SearchTrigger';
 export * from './components/Search/SearchRecent';
 export * from './components/Search/SearchSuggestedPages';
+export * from './components/Search/SearchGroups';
+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';
@@ -126,6 +131,7 @@ 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';
@@ -173,6 +179,7 @@ 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/Loading/Loading"), exports);
+__exportStar(require("./components/Loaders/Loading"), exports);
 __exportStar(require("./components/Link/Link"), exports);
 __exportStar(require("./components/Portal/Portal"), exports);
 __exportStar(require("./components/Segmented/Segmented"), exports);
@@ -163,6 +163,11 @@ __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/SearchGroups"), 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);
@@ -178,6 +183,7 @@ __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);
@@ -225,6 +231,7 @@ __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/lib/layouts/Forbidden.js

@@ -13,8 +13,8 @@ function Forbidden() {
     const { translate } = useTranslate();
     return (react_1.default.createElement(Wrapper, { "data-component-name": "Pages/Forbidden" },
         react_1.default.createElement(Header, null, "403"),
-        react_1.default.createElement(Description, { "data-translation-key": "theme.page.forbidden.title" }, translate('theme.page.forbidden.title', 'Access forbidden')),
-        react_1.default.createElement(HomeButton, { variant: "primary", size: "large", to: "/", "data-translation-key": "theme.page.homeButton" }, translate('theme.page.homeButton', 'Go home'))));
+        react_1.default.createElement(Description, { "data-translation-key": "page.forbidden.title" }, translate('page.forbidden.title', 'Access forbidden')),
+        react_1.default.createElement(HomeButton, { variant: "primary", size: "large", to: "/", "data-translation-key": "page.homeButton" }, translate('page.homeButton', 'Go home'))));
 }
 exports.Forbidden = Forbidden;
 const Wrapper = styled_components_1.default.div `

package/lib/layouts/NotFound.js

@@ -14,9 +14,9 @@ function NotFound() {
     const { translate } = useTranslate();
     return (react_1.default.createElement(NotFoundWrapper, { "data-component-name": "layouts/NotFound" },
         react_1.default.createElement(StatusText, null, "404"),
-        react_1.default.createElement(Title, { "data-translation-key": "theme.page.notFound.title" }, translate('theme.page.notFound.title', 'Something went missing...')),
-        react_1.default.createElement(Description, { "data-translation-key": "theme.page.notFound.description" }, translate('theme.page.notFound.description', "The page you were trying to reach doesn't exist or may have been moved. You can go back to the previous page, return to the homepage, or use the search bar to find what you're looking for.")),
-        react_1.default.createElement(Button_1.Button, { variant: "primary", size: "large", to: "/", "data-translation-key": "theme.page.homeButton", icon: react_1.default.createElement(ArrowLeftIcon_1.ArrowLeftIcon, null) }, translate('theme.page.homeButton', 'Go home'))));
+        react_1.default.createElement(Title, { "data-translation-key": "page.notFound.title" }, translate('page.notFound.title', 'Something went missing...')),
+        react_1.default.createElement(Description, { "data-translation-key": "page.notFound.description" }, translate('page.notFound.description', "The page you were trying to reach doesn't exist or may have been moved. You can go back to the previous page, return to the homepage, or use the search bar to find what you're looking for.")),
+        react_1.default.createElement(Button_1.Button, { variant: "primary", size: "large", to: "/", "data-translation-key": "page.homeButton", icon: react_1.default.createElement(ArrowLeftIcon_1.ArrowLeftIcon, null) }, translate('page.homeButton', 'Go home'))));
 }
 exports.NotFound = NotFound;
 const NotFoundWrapper = styled_components_1.default.div `

package/lib/layouts/OIDCForbidden.js

@@ -49,7 +49,7 @@ function OIDCForbidden() {
     }, [searchParams, setSearchParams]);
     return (react_1.default.createElement(Wrapper, { "data-component-name": "Pages/OIDCForbidden" },
         react_1.default.createElement(Header, null, "403"),
-        react_1.default.createElement(Description, { "data-translation-key": "theme.page.forbidden.title" }, translate('theme.page.forbidden.title', 'Access forbidden')),
+        react_1.default.createElement(Description, { "data-translation-key": "page.forbidden.title" }, translate('page.forbidden.title', 'Access forbidden')),
         errorDescription && react_1.default.createElement(ErrorDescription, null, renderText(errorDescription))));
 }
 exports.OIDCForbidden = OIDCForbidden;

package/lib/markdoc/tags/partial.js

@@ -15,7 +15,7 @@ exports.partial = {
                 return [
                     {
                         id: '',
-                        message: `Could not resolve partial ${node.attributes.file}. theme.markdown.partialsFolders is empty.`,
+                        message: `Could not resolve partial ${node.attributes.file}. markdown.partialsFolders is empty.`,
                         level: 'error',
                     },
                 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.42.3",
+  "version": "0.44.0",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -88,18 +88,18 @@
     "tsconfig-paths": "4.2.0",
     "tsconfig-paths-webpack-plugin": "3.5.2",
     "typescript": "5.2.2",
-    "webpack": "5.91.0"
+    "webpack": "5.94.0"
   },
   "dependencies": {
-    "copy-to-clipboard": "^3.3.3",
-    "highlight-words-core": "^1.2.2",
-    "hotkeys-js": "^3.10.1",
+    "copy-to-clipboard": "3.3.3",
+    "highlight-words-core": "1.2.2",
+    "hotkeys-js": "3.10.1",
     "react-calendar": "4.2.1",
     "react-date-picker": "10.0.3",
-    "timeago.js": "^4.0.2",
-    "i18next": "^22.4.12",
-    "nprogress": "^0.2.0",
-    "@redocly/config": "0.11.0"
+    "timeago.js": "4.0.2",
+    "i18next": "22.4.15",
+    "nprogress": "0.2.0",
+    "@redocly/config": "0.12.0"
   },
   "scripts": {
     "start": "npm-run-all --parallel storybook storybook:tokens:watch",

package/src/components/Buttons/CopyButton.tsx

@@ -56,7 +56,7 @@ function CopyButtonComponent({
   return (
     <Tooltip
       className={`copy-button ${className ? className : ''}`}
-      tip={translate('theme.codeSnippet.copy.buttonText', toasterText || 'Copied!')}
+      tip={translate('codeSnippet.copy.buttonText', toasterText || 'Copied!')}
       isOpen={tooltip.isOpened}
       placement={toasterPlacement}
     >
@@ -68,7 +68,7 @@ function CopyButtonComponent({
         size="small"
         variant={variant}
       >
-        {type !== 'icon' && translate('theme.codeSnippet.copy.toasterText', buttonText || 'Copy')}
+        {type !== 'icon' && translate('codeSnippet.copy.toasterText', buttonText || 'Copy')}
       </Button>
     </Tooltip>
   );

package/src/components/Buttons/EditPageButton.tsx

@@ -22,8 +22,8 @@ export function EditPageButton({ to }: EditPageButtonProps): JSX.Element {
       onClick={() => telemetry.send('edit_page_link_clicked', {})}
     >
       <ButtonIcon />
-      <ButtonText data-translation-key="theme.markdown.editPage.text">
-        {translate('theme.markdown.editPage.text', 'Edit')}
+      <ButtonText data-translation-key="markdown.editPage.text">
+        {translate('markdown.editPage.text', 'Edit')}
       </ButtonText>
     </EditPageButtonWrapper>
   );

package/src/components/Catalog/CatalogActions.tsx

@@ -43,9 +43,9 @@ export function CatalogActions(props: CatalogActionsProps): JSX.Element {
           onOpenFilter();
           telemetry.send('catalog_actions_button_clicked', {});
         }}
-        data-translation-key="theme.catalog.filters.title"
+        data-translation-key="catalog.filters.title"
       >
-        {translate('theme.catalog.filters.title', 'Filters')}
+        {translate('catalog.filters.title', 'Filters')}
       </Button>
       {activeFilters > 0 ? <CounterTag borderless>{activeFilters}</CounterTag> : null}
     </CatalogActionsWrapper>

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 } & (
+  | { className?: string; role?: string; footer?: React.ReactNode } & (
       | {
           items: DropdownMenuItemProps[];
         }
@@ -37,6 +37,7 @@ export function DropdownMenu(props: DropdownMenuProps): JSX.Element {
       role={props.role || 'menu'}
     >
       {content}
+      {props.footer || null}
     </DropdownMenuWrapper>
   );
 }