@redocly/theme 0.35.9 → 0.36.1

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

@@ -2,4 +2,4 @@ import * as React from 'react';
 import type { FeedbackProps } from '../../types/portal/src/shared/types/feedback';
 export declare const Feedback: (props: FeedbackProps & {
     path?: string;
-}) => React.JSX.Element;
+}) => React.JSX.Element | null;

package/lib/components/Feedback/Feedback.js

@@ -35,10 +35,14 @@ const hooks_1 = require("../../hooks");
 const useSubmitFeedback_1 = require("../../mocks/Feedback/useSubmitFeedback");
 const telemetry_1 = require("../../mocks/telemetry");
 const Feedback = (props) => {
+    var _a;
     const { submitFeedback } = (0, useSubmitFeedback_1.useSubmitFeedback)();
     const { pathname } = (0, react_router_dom_1.useLocation)();
     const { feedback: themeFeedbackConf } = (0, hooks_1.useThemeConfig)();
-    const feedbackConf = Object.assign(Object.assign({}, themeFeedbackConf), props);
+    const feedbackConf = Object.assign(Object.assign({}, themeFeedbackConf), { path: props === null || props === void 0 ? void 0 : props.path, type: (props === null || props === void 0 ? void 0 : props.type) || (themeFeedbackConf === null || themeFeedbackConf === void 0 ? void 0 : themeFeedbackConf.type), settings: (props === null || props === void 0 ? void 0 : props.settings) || (themeFeedbackConf === null || themeFeedbackConf === void 0 ? void 0 : themeFeedbackConf.settings) || {}, hide: (_a = props.hide) !== null && _a !== void 0 ? _a : themeFeedbackConf === null || themeFeedbackConf === void 0 ? void 0 : themeFeedbackConf.hide });
+    if (feedbackConf.hide) {
+        return null;
+    }
     const renderFeedbackComponent = () => {
         const { type, settings, path } = feedbackConf;
         switch (type) {

package/lib/components/Feedback/Stars.js

@@ -33,7 +33,7 @@ const Stars = ({ max = 5, onChange, value }) => {
     const [hovered, setHovered] = React.useState(value || 0);
     const stars = [];
     for (let index = 1; index <= max; index++) {
-        stars.push(React.createElement(Star, { key: index, onClick: () => onChange(index), onMouseOver: () => setHovered(index), onMouseLeave: () => !value && setHovered(0) },
+        stars.push(React.createElement(Star, { "data-testid": `star-${index}`, key: index, onClick: () => onChange(index), onMouseOver: () => setHovered(index), onMouseLeave: () => !value && setHovered(0) },
             React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20" }, hovered < index ? (React.createElement("g", { fill: "#e8c002" },
                 React.createElement("path", { d: "M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z" }))) : (React.createElement("g", { fill: "#e8c002" },
                 React.createElement("path", { d: "M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7z" }))))));

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

@@ -10,4 +10,5 @@ export type SubmitFeedbackParams = {
 export type FeedbackProps = {
     type: FEEDBACK_TYPES;
     settings: (RatingProps | SentimentProps | CommentProps | MoodProps | ScaleProps)['settings'];
+    hide?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.35.9",
+  "version": "0.36.1",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -89,7 +89,7 @@
     "react-calendar": "4.2.1",
     "react-date-picker": "10.0.3",
     "timeago.js": "^4.0.2",
-    "@redocly/config": "0.1.6"
+    "@redocly/config": "0.3.0"
   },
   "scripts": {
     "start": "npm-run-all --parallel storybook storybook:tokens:watch",

package/src/components/Feedback/Feedback.tsx

@@ -12,7 +12,17 @@ export const Feedback = (props: FeedbackProps & { path?: string }) => {
   const { submitFeedback } = useSubmitFeedback();
   const { pathname } = useLocation();
   const { feedback: themeFeedbackConf } = useThemeConfig();
-  const feedbackConf = { ...themeFeedbackConf, ...props };
+  const feedbackConf = {
+    ...themeFeedbackConf,
+    path: props?.path,
+    type: props?.type || themeFeedbackConf?.type,
+    settings: props?.settings || themeFeedbackConf?.settings || {},
+    hide: props.hide ?? themeFeedbackConf?.hide,
+  };
+
+  if (feedbackConf.hide) {
+    return null;
+  }
 
   const renderFeedbackComponent = () => {
     const { type, settings, path } = feedbackConf;

package/src/components/Feedback/Stars.tsx

@@ -15,6 +15,7 @@ export const Stars = ({ max = 5, onChange, value }: StarsProps): JSX.Element =>
   for (let index = 1; index <= max; index++) {
     stars.push(
       <Star
+        data-testid={`star-${index}`}
         key={index}
         onClick={() => onChange(index)}
         onMouseOver={() => setHovered(index)}

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

@@ -19,4 +19,5 @@ export type SubmitFeedbackParams = {
 export type FeedbackProps = {
   type: FEEDBACK_TYPES;
   settings: (RatingProps | SentimentProps | CommentProps | MoodProps | ScaleProps)['settings'];
+  hide?: boolean;
 };