@redocly/theme 0.23.0 → 0.24.0

package/lib/components/Feedback/Rating.js

@@ -41,6 +41,7 @@ const Rating = ({ settings, onSubmit, className }) => {
         submitText: 'theme.feedback.settings.submitText',
         label: 'theme.feedback.settings.label',
     };
+    const maxRating = max || 5;
     if (score && (reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.enable) && !reasons.length) {
         const { label: reasonsLabel, items, multi } = reasonsSettings;
         const buttonText = (commentSettings === null || commentSettings === void 0 ? void 0 : commentSettings.enable) ? 'Next' : 'Send';
@@ -54,13 +55,14 @@ const Rating = ({ settings, onSubmit, className }) => {
             score,
             comment,
             reasons,
+            max: maxRating,
         });
         return (React.createElement(Wrapper, null,
             React.createElement(Label, { "data-translation-key": translationKeys.submitText }, translate(translationKeys.submitText, submitText || 'Thank you for helping improve our documentation!'))));
     }
     return (React.createElement(Wrapper, { "data-component-name": "Feedback/Rating", className: className },
         React.createElement(Label, { "data-translation-key": translationKeys.label }, translate(translationKeys.label, label || 'How helpful was this page?')),
-        React.createElement(Stars, { max: max || 5, onSubmit: setScore })));
+        React.createElement(Stars, { max: maxRating, onSubmit: setScore })));
 };
 exports.Rating = Rating;
 const Stars = ({ max, onSubmit }) => {

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

@@ -4,6 +4,7 @@ export type RatingProps = {
         score: number;
         comment?: string;
         reasons?: string[];
+        max: number;
     }) => void;
     settings?: {
         label?: string;

package/lib/components/Markdown/MarkdownWrapper.js

@@ -366,6 +366,13 @@ exports.MarkdownWrapper = styled_components_1.default.main.attrs(({ className })
     }
   }
 
+  p,
+  li {
+    & > img:only-child {
+      display: inline-block;
+    }
+  }
+
   ul.md,
   ol {
     padding-left: var(--md-list-left-padding);

package/lib/types/portal/src/shared/constants.d.ts

@@ -7,7 +7,8 @@ export declare enum FEEDBACK_TYPES {
     RATING = "rating",
     SENTIMENT = "sentiment",
     COMMENT = "comment",
-    MOOD = "mood"
+    MOOD = "mood",
+    PROBLEM = "problem"
 }
 export declare const DEV_LOGIN_SLUG = "/login/";
 export declare enum ExternalRoutes {

package/lib/types/portal/src/shared/constants.js

@@ -10,6 +10,7 @@ var FEEDBACK_TYPES;
     FEEDBACK_TYPES["SENTIMENT"] = "sentiment";
     FEEDBACK_TYPES["COMMENT"] = "comment";
     FEEDBACK_TYPES["MOOD"] = "mood";
+    FEEDBACK_TYPES["PROBLEM"] = "problem";
 })(FEEDBACK_TYPES = exports.FEEDBACK_TYPES || (exports.FEEDBACK_TYPES = {}));
 exports.DEV_LOGIN_SLUG = '/login/';
 var ExternalRoutes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",

package/src/components/Feedback/Rating.tsx

@@ -26,6 +26,7 @@ export const Rating = ({ settings, onSubmit, className }: RatingProps): JSX.Elem
     submitText: 'theme.feedback.settings.submitText',
     label: 'theme.feedback.settings.label',
   };
+  const maxRating = max || 5;
 
   if (score && reasonsSettings?.enable && !reasons.length) {
     const { label: reasonsLabel, items, multi } = reasonsSettings;
@@ -52,6 +53,7 @@ export const Rating = ({ settings, onSubmit, className }: RatingProps): JSX.Elem
       score,
       comment,
       reasons,
+      max: maxRating,
     });
     return (
       <Wrapper>
@@ -70,7 +72,7 @@ export const Rating = ({ settings, onSubmit, className }: RatingProps): JSX.Elem
       <Label data-translation-key={translationKeys.label}>
         {translate(translationKeys.label, label || 'How helpful was this page?')}
       </Label>
-      <Stars max={max || 5} onSubmit={setScore} />
+      <Stars max={maxRating} onSubmit={setScore} />
     </Wrapper>
   );
 };

package/src/components/Feedback/types.ts

@@ -1,7 +1,7 @@
 import type { SubmitFeedbackParams } from '@theme/types/portal/src/shared/types/feedback';
 
 export type RatingProps = {
-  onSubmit: (value: { score: number; comment?: string; reasons?: string[] }) => void;
+  onSubmit: (value: { score: number; comment?: string; reasons?: string[]; max: number }) => void;
   settings?: {
     label?: string;
     max?: number;

package/src/components/Markdown/MarkdownWrapper.tsx

@@ -350,6 +350,13 @@ export const MarkdownWrapper = styled.main.attrs<{
     }
   }
 
+  p,
+  li {
+    & > img:only-child {
+      display: inline-block;
+    }
+  }
+
   ul.md,
   ol {
     padding-left: var(--md-list-left-padding);

package/src/types/portal/src/shared/constants.ts

@@ -8,6 +8,7 @@ export enum FEEDBACK_TYPES {
   SENTIMENT = 'sentiment',
   COMMENT = 'comment',
   MOOD = 'mood',
+  PROBLEM = 'problem',
 }
 export const DEV_LOGIN_SLUG = '/login/';
 export enum ExternalRoutes {