@redocly/theme 0.14.1 → 0.14.2

package/lib/components/Feedback/Feedback.js

@@ -22,10 +22,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Feedback = void 0;
 const React = __importStar(require("react"));
 const react_router_dom_1 = require("react-router-dom");
+const styled_components_1 = __importDefault(require("styled-components"));
 const Feedback_1 = require("../../components/Feedback");
 const hooks_1 = require("../../hooks");
 const useSubmitFeedback_1 = require("../../mocks/Feedback/useSubmitFeedback");
@@ -37,11 +41,14 @@ const Feedback = (props) => {
     const renderFeedbackComponent = () => {
         switch (type) {
             case 'rating':
-                return (React.createElement(Feedback_1.Rating, { settings: settings, onSubmit: (values) => submitFeedback({ type: 'rating', values, path }) }));
+                return (React.createElement(Wrapper, null,
+                    React.createElement(Feedback_1.Rating, { settings: settings, onSubmit: (values) => submitFeedback({ type: 'rating', values, path }) })));
             case 'sentiment':
-                return (React.createElement(Feedback_1.Sentiment, { settings: settings, onSubmit: (values) => submitFeedback({ type: 'sentiment', values, path }) }));
+                return (React.createElement(Wrapper, null,
+                    React.createElement(Feedback_1.Sentiment, { settings: settings, onSubmit: (values) => submitFeedback({ type: 'sentiment', values, path }) })));
             case 'comment':
-                return (React.createElement(Feedback_1.Comment, { settings: settings, onSubmit: (values) => submitFeedback({ type: 'comment', values, path }) }));
+                return (React.createElement(Wrapper, null,
+                    React.createElement(Feedback_1.Comment, { settings: settings, onSubmit: (values) => submitFeedback({ type: 'comment', values, path }) })));
             default:
                 console.log(`No feedback with type ${type}!`);
                 break;
@@ -51,4 +58,9 @@ const Feedback = (props) => {
     return React.createElement(React.Fragment, { key: pathname }, renderFeedbackComponent());
 };
 exports.Feedback = Feedback;
+const Wrapper = styled_components_1.default.div `
+  @media print {
+    display: none;
+  }
+`;
 //# sourceMappingURL=Feedback.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.14.1",
+  "version": "0.14.2",
   "description": "Shared UI components library",
   "keywords": [],
   "author": "team@redocly.com",

package/src/components/Feedback/Feedback.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { useLocation } from 'react-router-dom';
+import styled from 'styled-components';
 
 import type { FeedbackProps } from '@theme/types/portal/src/shared/types/feedback';
 import { Rating, Sentiment, Comment } from '@theme/components/Feedback';
@@ -16,24 +17,30 @@ export const Feedback = (props: FeedbackProps & { path?: string }) => {
     switch (type) {
       case 'rating':
         return (
-          <Rating
-            settings={settings}
-            onSubmit={(values) => submitFeedback({ type: 'rating', values, path })}
-          />
+          <Wrapper>
+            <Rating
+              settings={settings}
+              onSubmit={(values) => submitFeedback({ type: 'rating', values, path })}
+            />
+          </Wrapper>
         );
       case 'sentiment':
         return (
-          <Sentiment
-            settings={settings}
-            onSubmit={(values) => submitFeedback({ type: 'sentiment', values, path })}
-          />
+          <Wrapper>
+            <Sentiment
+              settings={settings}
+              onSubmit={(values) => submitFeedback({ type: 'sentiment', values, path })}
+            />
+          </Wrapper>
         );
       case 'comment':
         return (
-          <Comment
-            settings={settings}
-            onSubmit={(values) => submitFeedback({ type: 'comment', values, path })}
-          />
+          <Wrapper>
+            <Comment
+              settings={settings}
+              onSubmit={(values) => submitFeedback({ type: 'comment', values, path })}
+            />
+          </Wrapper>
         );
       default:
         console.log(`No feedback with type ${type}!`);
@@ -45,3 +52,9 @@ export const Feedback = (props: FeedbackProps & { path?: string }) => {
 
   return <React.Fragment key={pathname}>{renderFeedbackComponent()}</React.Fragment>;
 };
+
+const Wrapper = styled.div`
+  @media print {
+    display: none;
+  }
+`;