@redocly/theme 0.44.9 → 0.45.1

package/lib/components/Feedback/Mood.d.ts

@@ -1,3 +1,4 @@
+import { ReasonsSettingsSchema } from '@redocly/config';
 export declare enum MOOD_STATES {
     SATISFIED = "satisfied",
     NEUTRAL = "neutral",
@@ -18,11 +19,10 @@ export type MoodProps = {
             neutralLabel?: string;
             dissatisfiedLabel?: string;
         };
-        reasons?: {
-            hide?: boolean;
-            label?: string;
-            component?: string;
-            items: string[];
+        reasons?: ReasonsSettingsSchema & {
+            satisfied?: ReasonsSettingsSchema;
+            neutral?: ReasonsSettingsSchema;
+            dissatisfied?: ReasonsSettingsSchema;
         };
     };
     className?: string;

package/lib/components/Feedback/Mood.js

@@ -53,6 +53,16 @@ function Mood({ settings, onSubmit, className }) {
     const [reasons, setReasons] = React.useState([]);
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
+    const checkIfShouldDisplayReasons = (score) => {
+        if (!score || !reasonsSettings) {
+            return false;
+        }
+        const scoreSpecificReasonsSettings = reasonsSettings[score];
+        if (typeof (scoreSpecificReasonsSettings === null || scoreSpecificReasonsSettings === void 0 ? void 0 : scoreSpecificReasonsSettings.hide) === 'undefined') {
+            return !reasonsSettings.hide;
+        }
+        return !(scoreSpecificReasonsSettings === null || scoreSpecificReasonsSettings === void 0 ? void 0 : scoreSpecificReasonsSettings.hide);
+    };
     const renderCommentLabel = (score) => {
         if (!commentSettings || (commentSettings === null || commentSettings === void 0 ? void 0 : commentSettings.hide) === true)
             return '';
@@ -70,7 +80,27 @@ function Mood({ settings, onSubmit, className }) {
                 return translate('feedback.settings.comment.satisfiedLabel', 'What can we improve?');
         }
     };
-    const displayReasons = !!(score && reasonsSettings && !reasonsSettings.hide);
+    const renderReasonsLabel = (score) => {
+        var _a;
+        if (!reasonsSettings || (reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.hide) === true)
+            return '';
+        return (_a = reasonsSettings[score]) === null || _a === void 0 ? void 0 : _a.label;
+    };
+    const resolveReasonsItems = (score) => {
+        var _a, _b;
+        if (!reasonsSettings) {
+            return [];
+        }
+        const defaultReasonsItems = (reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.items) || [];
+        return defaultReasonsItems.concat((_b = (_a = reasonsSettings[score]) === null || _a === void 0 ? void 0 : _a.items) !== null && _b !== void 0 ? _b : []);
+    };
+    const resolveReasonsComponent = (score) => {
+        var _a;
+        if (!reasonsSettings || (reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.hide) === true)
+            return 'checkbox';
+        return (_a = reasonsSettings[score]) === null || _a === void 0 ? void 0 : _a.component;
+    };
+    const displayReasons = checkIfShouldDisplayReasons(score);
     const displayComment = !!(score && !(commentSettings === null || commentSettings === void 0 ? void 0 : commentSettings.hide));
     const displaySubmitBnt = !!(score && (displayReasons || displayComment));
     const onSubmitMoodForm = () => {
@@ -113,9 +143,9 @@ function Mood({ settings, onSubmit, className }) {
                         }, icon: React.createElement(FaceSatisfiedIcon_1.FaceSatisfiedIcon, null) }))),
             (displayReasons || displayComment) && (React.createElement(StyledFormOptionalFields, null,
                 displayReasons && (React.createElement(Reasons_1.Reasons, { settings: {
-                        label: reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.label,
-                        items: (reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.items) || [],
-                        component: reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.component,
+                        label: renderReasonsLabel(score),
+                        items: resolveReasonsItems(score),
+                        component: resolveReasonsComponent(score),
                     }, onChange: setReasons })),
                 displayComment && (React.createElement(Comment_1.Comment, { standAlone: false, onSubmit: ({ comment }) => setComment(comment), settings: { label: renderCommentLabel(score) } })))),
             displaySubmitBnt && (React.createElement(ButtonsContainer, null,

package/lib/components/Feedback/Sentiment.d.ts

@@ -1,3 +1,4 @@
+import { ReasonsSettingsSchema } from '@redocly/config';
 export type SentimentProps = {
     onSubmit: (value: {
         score: number;
@@ -12,11 +13,9 @@ export type SentimentProps = {
             likeLabel?: string;
             dislikeLabel?: string;
         };
-        reasons?: {
-            hide?: boolean;
-            label?: string;
-            component?: string;
-            items: string[];
+        reasons?: ReasonsSettingsSchema & {
+            like?: ReasonsSettingsSchema;
+            dislike?: ReasonsSettingsSchema;
         };
     };
     className?: string;

package/lib/components/Feedback/Sentiment.js

@@ -45,7 +45,27 @@ function Sentiment({ settings, onSubmit, className }) {
     const [reasons, setReasons] = React.useState([]);
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
-    const displayReasons = !!(score && reasonsSettings && !reasonsSettings.hide);
+    const getScoreSpecificReasonSettings = (score) => {
+        switch (score) {
+            case 1:
+                return reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.like;
+            case -1:
+                return reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.dislike;
+            default:
+                return reasonsSettings;
+        }
+    };
+    const checkIfShouldDisplayReasons = (score) => {
+        if (!score || !reasonsSettings) {
+            return false;
+        }
+        const scoreSpecificReasonsSettings = getScoreSpecificReasonSettings(score);
+        if (typeof (scoreSpecificReasonsSettings === null || scoreSpecificReasonsSettings === void 0 ? void 0 : scoreSpecificReasonsSettings.hide) === 'undefined') {
+            return !reasonsSettings.hide;
+        }
+        return !(scoreSpecificReasonsSettings === null || scoreSpecificReasonsSettings === void 0 ? void 0 : scoreSpecificReasonsSettings.hide);
+    };
+    const displayReasons = checkIfShouldDisplayReasons(score);
     const displayComment = !!(score && !(commentSettings === null || commentSettings === void 0 ? void 0 : commentSettings.hide));
     const displaySubmitBnt = !!(score && (displayReasons || displayComment));
     const commentLabel = score === 1
@@ -53,6 +73,20 @@ function Sentiment({ settings, onSubmit, className }) {
             translate('feedback.settings.comment.likeLabel', 'What was most helpful?')
         : (commentSettings && commentSettings.dislikeLabel) ||
             translate('feedback.settings.comment.dislikeLabel', 'What can we improve?');
+    const renderReasonsLabel = (score) => {
+        const scoreSpecificReasonSettings = getScoreSpecificReasonSettings(score);
+        return scoreSpecificReasonSettings === null || scoreSpecificReasonSettings === void 0 ? void 0 : scoreSpecificReasonSettings.label;
+    };
+    const resolveReasonsItems = (score) => {
+        var _a;
+        const defaultReasonsItems = (reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.items) || [];
+        const scoreSpecificReasonSettings = getScoreSpecificReasonSettings(score);
+        return defaultReasonsItems.concat((_a = scoreSpecificReasonSettings === null || scoreSpecificReasonSettings === void 0 ? void 0 : scoreSpecificReasonSettings.items) !== null && _a !== void 0 ? _a : []);
+    };
+    const resolveReasonsComponent = (score) => {
+        const scoreSpecificReasonSettings = getScoreSpecificReasonSettings(score);
+        return scoreSpecificReasonSettings === null || scoreSpecificReasonSettings === void 0 ? void 0 : scoreSpecificReasonSettings.component;
+    };
     const onSubmitSentimentForm = () => {
         onSubmit({
             score,
@@ -90,9 +124,9 @@ function Sentiment({ settings, onSubmit, className }) {
                         }, "aria-label": "Dislike", icon: React.createElement(ThumbDownIcon_1.ThumbDownIcon, null) }))),
             (displayReasons || displayComment) && (React.createElement(StyledFormOptionalFields, null,
                 displayReasons && (React.createElement(Reasons_1.Reasons, { settings: {
-                        label: reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.label,
-                        items: (reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.items) || [],
-                        component: reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.component,
+                        label: renderReasonsLabel(score),
+                        items: resolveReasonsItems(score),
+                        component: resolveReasonsComponent(score),
                     }, onChange: setReasons })),
                 displayComment && (React.createElement(Comment_1.Comment, { standAlone: false, onSubmit: ({ comment }) => setComment(comment), settings: { label: commentLabel } })))),
             displaySubmitBnt && (React.createElement(ButtonsContainer, null,

package/lib/components/Search/SearchDialog.js

@@ -130,8 +130,7 @@ function SearchDialog({ onClose, className }) {
                     })) : isSearchLoading ? (react_1.default.createElement(SearchMessage, null,
                         react_1.default.createElement(SpinnerLoader_1.SpinnerLoader, { size: "26px", color: "var(--search-input-icon-color)" }),
                         translate('search.loading', 'Loading...'))) : (react_1.default.createElement(SearchMessage, { "data-translation-key": "search.noResults" },
-                        react_1.default.createElement("b", null, translate('search.noResults.title', 'No results')),
-                        translate('search.noResults.description', 'Prease, try with a different query.')))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("b", null, translate('search.noResults.title', 'No results'))))) : (react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(SearchRecent_1.SearchRecent, { onSelect: setQuery }),
                         react_1.default.createElement(SearchSuggestedPages_1.SearchSuggestedPages, null)))),
                 advancedSearch && mode === 'search' && isFilterOpen && (react_1.default.createElement(SearchDialogBodyFilterView, null,

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

@@ -1,5 +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' | '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' | 'search.ai.thinkingText' | 'search.ai.resourcesFound' | 'search.aiButton' | 'search.ai.label' | '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.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 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.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' | 'search.ai.thinkingText' | 'search.ai.resourcesFound' | 'search.aiButton' | 'search.ai.label' | '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.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.44.9",
+  "version": "0.45.1",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -81,7 +81,7 @@
     "timeago.js": "4.0.2",
     "i18next": "22.4.15",
     "nprogress": "0.2.0",
-    "@redocly/config": "0.15.0"
+    "@redocly/config": "0.16.0"
   },
   "scripts": {
     "watch": "tsc -p tsconfig.build.json && (concurrently \"tsc -w -p tsconfig.build.json\" \"tsc-alias -w -p tsconfig.build.json\")",

package/src/components/Feedback/Mood.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useEffect } from 'react';
 import styled from 'styled-components';
+import { ReasonsSettingsSchema } from '@redocly/config';
 
 import type { ReasonsProps } from '@redocly/theme/components/Feedback/Reasons';
 
@@ -30,11 +31,10 @@ export type MoodProps = {
       neutralLabel?: string;
       dissatisfiedLabel?: string;
     };
-    reasons?: {
-      hide?: boolean;
-      label?: string;
-      component?: string;
-      items: string[];
+    reasons?: ReasonsSettingsSchema & {
+      satisfied?: ReasonsSettingsSchema;
+      neutral?: ReasonsSettingsSchema;
+      dissatisfied?: ReasonsSettingsSchema;
     };
   };
   className?: string;
@@ -49,6 +49,20 @@ export function Mood({ settings, onSubmit, className }: MoodProps): JSX.Element
   const { useTranslate } = useThemeHooks();
   const { translate } = useTranslate();
 
+  const checkIfShouldDisplayReasons = (score: string) => {
+    if (!score || !reasonsSettings) {
+      return false;
+    }
+
+    const scoreSpecificReasonsSettings = reasonsSettings[score as MOOD_STATES];
+
+    if (typeof scoreSpecificReasonsSettings?.hide === 'undefined') {
+      return !reasonsSettings.hide;
+    }
+
+    return !scoreSpecificReasonsSettings?.hide;
+  };
+
   const renderCommentLabel = (score: string) => {
     if (!commentSettings || commentSettings?.hide === true) return '';
 
@@ -73,7 +87,29 @@ export function Mood({ settings, onSubmit, className }: MoodProps): JSX.Element
     }
   };
 
-  const displayReasons = !!(score && reasonsSettings && !reasonsSettings.hide);
+  const renderReasonsLabel = (score: string) => {
+    if (!reasonsSettings || reasonsSettings?.hide === true) return '';
+
+    return reasonsSettings[score as MOOD_STATES]?.label;
+  };
+
+  const resolveReasonsItems = (score: string) => {
+    if (!reasonsSettings) {
+      return [];
+    }
+
+    const defaultReasonsItems = reasonsSettings?.items || [];
+
+    return defaultReasonsItems.concat(reasonsSettings[score as MOOD_STATES]?.items ?? []);
+  };
+
+  const resolveReasonsComponent = (score: string) => {
+    if (!reasonsSettings || reasonsSettings?.hide === true) return 'checkbox';
+
+    return reasonsSettings[score as MOOD_STATES]?.component;
+  };
+
+  const displayReasons = checkIfShouldDisplayReasons(score);
   const displayComment = !!(score && !commentSettings?.hide);
   const displaySubmitBnt = !!(score && (displayReasons || displayComment));
 
@@ -160,9 +196,9 @@ export function Mood({ settings, onSubmit, className }: MoodProps): JSX.Element
             {displayReasons && (
               <Reasons
                 settings={{
-                  label: reasonsSettings?.label,
-                  items: reasonsSettings?.items || [],
-                  component: reasonsSettings?.component,
+                  label: renderReasonsLabel(score),
+                  items: resolveReasonsItems(score),
+                  component: resolveReasonsComponent(score),
                 }}
                 onChange={setReasons}
               />

package/src/components/Feedback/Sentiment.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useEffect } from 'react';
 import styled from 'styled-components';
+import { ReasonsSettingsSchema } from '@redocly/config';
 
 import type { ReasonsProps } from '@redocly/theme/components/Feedback/Reasons';
 
@@ -22,11 +23,9 @@ export type SentimentProps = {
       likeLabel?: string;
       dislikeLabel?: string;
     };
-    reasons?: {
-      hide?: boolean;
-      label?: string;
-      component?: string;
-      items: string[];
+    reasons?: ReasonsSettingsSchema & {
+      like?: ReasonsSettingsSchema;
+      dislike?: ReasonsSettingsSchema;
     };
   };
   className?: string;
@@ -41,7 +40,32 @@ export function Sentiment({ settings, onSubmit, className }: SentimentProps): JS
   const { useTranslate } = useThemeHooks();
   const { translate } = useTranslate();
 
-  const displayReasons = !!(score && reasonsSettings && !reasonsSettings.hide);
+  const getScoreSpecificReasonSettings = (score: number) => {
+    switch (score) {
+      case 1:
+        return reasonsSettings?.like;
+      case -1:
+        return reasonsSettings?.dislike;
+      default:
+        return reasonsSettings;
+    }
+  };
+
+  const checkIfShouldDisplayReasons = (score: number) => {
+    if (!score || !reasonsSettings) {
+      return false;
+    }
+
+    const scoreSpecificReasonsSettings = getScoreSpecificReasonSettings(score);
+
+    if (typeof scoreSpecificReasonsSettings?.hide === 'undefined') {
+      return !reasonsSettings.hide;
+    }
+
+    return !scoreSpecificReasonsSettings?.hide;
+  };
+
+  const displayReasons = checkIfShouldDisplayReasons(score);
   const displayComment = !!(score && !commentSettings?.hide);
   const displaySubmitBnt = !!(score && (displayReasons || displayComment));
 
@@ -52,6 +76,25 @@ export function Sentiment({ settings, onSubmit, className }: SentimentProps): JS
       : (commentSettings && commentSettings.dislikeLabel) ||
         translate('feedback.settings.comment.dislikeLabel', 'What can we improve?');
 
+  const renderReasonsLabel = (score: number) => {
+    const scoreSpecificReasonSettings = getScoreSpecificReasonSettings(score);
+
+    return scoreSpecificReasonSettings?.label;
+  };
+
+  const resolveReasonsItems = (score: number) => {
+    const defaultReasonsItems = reasonsSettings?.items || [];
+    const scoreSpecificReasonSettings = getScoreSpecificReasonSettings(score);
+
+    return defaultReasonsItems.concat(scoreSpecificReasonSettings?.items ?? []);
+  };
+
+  const resolveReasonsComponent = (score: number) => {
+    const scoreSpecificReasonSettings = getScoreSpecificReasonSettings(score);
+
+    return scoreSpecificReasonSettings?.component;
+  };
+
   const onSubmitSentimentForm = () => {
     onSubmit({
       score,
@@ -126,9 +169,9 @@ export function Sentiment({ settings, onSubmit, className }: SentimentProps): JS
             {displayReasons && (
               <Reasons
                 settings={{
-                  label: reasonsSettings?.label,
-                  items: reasonsSettings?.items || [],
-                  component: reasonsSettings?.component,
+                  label: renderReasonsLabel(score),
+                  items: resolveReasonsItems(score),
+                  component: resolveReasonsComponent(score),
                 }}
                 onChange={setReasons}
               />

package/src/components/Search/SearchDialog.tsx

@@ -198,10 +198,6 @@ export function SearchDialog({ onClose, className }: SearchDialogProps): JSX.Ele
                   ) : (
                     <SearchMessage data-translation-key="search.noResults">
                       <b>{translate('search.noResults.title', 'No results')}</b>
-                      {translate(
-                        'search.noResults.description',
-                        'Prease, try with a different query.',
-                      )}
                     </SearchMessage>
                   )
                 ) : (

package/src/core/types/l10n.ts

@@ -71,7 +71,6 @@ export type TranslationKey =
   | 'dev.app.overview.visibilityToggle.show'
   | 'search.loading'
   | 'search.noResults.title'
-  | 'search.noResults.description'
   | 'search.keys.navigate'
   | 'search.keys.select'
   | 'search.keys.exit'