@redocly/theme 0.9.7 → 0.9.9

package/lib/Feedback/Comment.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import type { CommentProps } from '../Feedback';
-export declare const Comment: ({ settings, onSubmit }: CommentProps) => JSX.Element;
+export declare const Comment: ({ settings, onSubmit, onCancel }: CommentProps) => JSX.Element;

package/lib/Feedback/Comment.js

@@ -30,8 +30,8 @@ exports.Comment = void 0;
 const React = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../Button/Button");
-const Comment = ({ settings, onSubmit }) => {
-    const { label, submitText, onCancel } = settings || {};
+const Comment = ({ settings, onSubmit, onCancel }) => {
+    const { label, submitText } = settings || {};
     const [text, setText] = React.useState('');
     const [submitValue, setSubmitValue] = React.useState('');
     const send = () => {

package/lib/Feedback/Feedback.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { FeedbackProps } from '@redocly/theme/src/types/portal';
+export declare const Feedback: (props: FeedbackProps & {
+    path?: string;
+}) => JSX.Element;

package/lib/Feedback/Feedback.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Feedback = void 0;
+const React = __importStar(require("react"));
+const Feedback_1 = require("../Feedback");
+const hooks_1 = require("../hooks");
+const useSubmitFeedback_1 = require("../mocks/Feedback/useSubmitFeedback");
+const Feedback = (props) => {
+    const { submitFeedback } = (0, useSubmitFeedback_1.useSubmitFeedback)();
+    const { feedback: themeFeedbackConf } = (0, hooks_1.useThemeConfig)();
+    const feedbackConf = Object.assign(Object.assign({}, themeFeedbackConf), props);
+    const { type, settings, path } = feedbackConf;
+    switch (type) {
+        case 'rating':
+            return (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 }) }));
+        case 'comment':
+            return (React.createElement(Feedback_1.Comment, { settings: settings, onSubmit: (values) => submitFeedback({ type: 'comment', values, path }) }));
+        default:
+            console.log(`No feedback with type ${type}!`);
+            break;
+    }
+    return React.createElement(React.Fragment, null);
+};
+exports.Feedback = Feedback;
+//# sourceMappingURL=Feedback.js.map

package/lib/Feedback/ReportDialog.js

@@ -35,10 +35,10 @@ const ReportDialog = ({ location, settings, onSubmit, onCancel, }) => {
     const { label } = settings;
     const { submitFeedback } = (0, useSubmitFeedback_1.useSubmitFeedback)();
     return (React.createElement(Wrapper, { className: "modal" },
-        React.createElement(Comment_1.Comment, { settings: { label, onCancel }, onSubmit: (value) => {
+        React.createElement(Comment_1.Comment, { settings: { label }, onSubmit: (value) => {
                 submitFeedback('problem', Object.assign(Object.assign({}, value), { location }));
                 onSubmit();
-            } })));
+            }, onCancel: onCancel })));
 };
 exports.ReportDialog = ReportDialog;
 const Wrapper = styled_components_1.default.div `

package/lib/Feedback/index.d.ts

@@ -1,3 +1,4 @@
+export { Feedback } from '../Feedback/Feedback';
 export { Rating } from '../Feedback/Rating';
 export { Sentiment } from '../Feedback/Sentiment';
 export { Comment } from '../Feedback/Comment';

package/lib/Feedback/index.js

@@ -14,7 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useReportDialog = exports.ReportDialog = exports.Reasons = exports.Comment = exports.Sentiment = exports.Rating = void 0;
+exports.useReportDialog = exports.ReportDialog = exports.Reasons = exports.Comment = exports.Sentiment = exports.Rating = exports.Feedback = void 0;
+var Feedback_1 = require("../Feedback/Feedback");
+Object.defineProperty(exports, "Feedback", { enumerable: true, get: function () { return Feedback_1.Feedback; } });
 var Rating_1 = require("../Feedback/Rating");
 Object.defineProperty(exports, "Rating", { enumerable: true, get: function () { return Rating_1.Rating; } });
 var Sentiment_1 = require("../Feedback/Sentiment");

package/lib/Feedback/types.d.ts

@@ -46,10 +46,10 @@ export type CommentProps = {
     onSubmit: (value: {
         comment: string;
     }) => void;
+    onCancel?: () => unknown;
     settings?: {
         label?: string;
         submitText?: string;
-        onCancel?: () => unknown;
     };
 };
 export type ReasonsProps = {

package/lib/SamplesPanelControls/SamplesPanelControls.js

@@ -63,6 +63,7 @@ exports.SampleControlsWrap = styled_components_1.default.div `
 exports.PreformattedCodeBlock = (0, styled_components_1.default)(CodeBlock_1.CodeBlock.withComponent('pre')) `
   overflow-x: auto;
   margin: 0;
+  max-height: var(--code-block-max-height);
   font-family: var(--code-font-family);
   padding: 20px;
   border-radius: var(--border-radius);

package/lib/Search/utils.js

@@ -35,11 +35,12 @@ const highlight = (text) => {
     const [pre, entry, suf] = text;
     return (React.createElement(React.Fragment, null,
         pre,
-        React.createElement(Strong, null, entry),
+        React.createElement(Highlight, null, entry),
         suf));
 };
 exports.highlight = highlight;
-const Strong = styled_components_1.default.strong `
-  color: var(--search-highlight-text-color);
+const Highlight = styled_components_1.default.span `
+  background-color: var(--search-highlight-text-color);
+  color: var(--color-emphasis-900);
 `;
 //# sourceMappingURL=utils.js.map