@redocly/theme 0.27.4 → 0.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/lib/components/Feedback/Comment.js +4 -2
  2. package/lib/components/Feedback/Mood.js +9 -5
  3. package/lib/components/Feedback/Rating.js +3 -2
  4. package/lib/components/Feedback/Reasons.js +2 -1
  5. package/lib/components/Feedback/Scale.js +7 -4
  6. package/lib/components/Feedback/Sentiment.js +7 -4
  7. package/lib/components/Feedback/useReportDialog.js +1 -1
  8. package/lib/config.d.ts +2 -2
  9. package/lib/config.js +1 -1
  10. package/package.json +1 -1
  11. package/src/components/Feedback/Comment.tsx +7 -8
  12. package/src/components/Feedback/Mood.tsx +15 -14
  13. package/src/components/Feedback/Rating.tsx +6 -5
  14. package/src/components/Feedback/Reasons.tsx +5 -4
  15. package/src/components/Feedback/Scale.tsx +10 -13
  16. package/src/components/Feedback/Sentiment.tsx +10 -13
  17. package/src/components/Feedback/useReportDialog.ts +1 -1
  18. package/src/config.ts +1 -1
package/lib/components/Feedback/Comment.js CHANGED
@@ -53,11 +53,13 @@ const Comment = ({ settings, onSubmit, onCancel, className, standAlone = true, }
53
53
  };
54
54
  if (submitValue) {
55
55
  return (React.createElement(StateWrapper, { className: className },
56
- React.createElement(Label, { "data-translation-key": "theme.feedback.settings.comment.submitText" }, translate('theme.feedback.settings.comment.submitText', submitText || 'Thank you for helping improve our documentation!')),
56
+ React.createElement(Label, { "data-translation-key": "theme.feedback.settings.comment.submitText" }, submitText ||
57
+ translate('theme.feedback.settings.comment.submitText', 'Thank you for helping improve our documentation!')),
57
58
  React.createElement(RadioCheckButtonIcon_1.RadioCheckButtonIcon, null)));
58
59
  }
59
60
  return (React.createElement(Wrapper, { "data-component-name": "Feedback/Comment", className: className, style: standAlone ? { width: '424px', padding: '16px 24px' } : { width: 'auto' } },
60
- React.createElement(Label, { "data-translation-key": "theme.feedback.settings.comment.label" }, translate('theme.feedback.settings.comment.label', label || 'Please share your feedback with us.')),
61
+ React.createElement(Label, { "data-translation-key": "theme.feedback.settings.comment.label" }, label ||
62
+ translate('theme.feedback.settings.comment.label', 'Please share your feedback with us.')),
61
63
  React.createElement(TextArea, { rows: 3, onChange: handleTextAreaChange }),
62
64
  standAlone && (React.createElement(ButtonsContainer, null,
63
65
  React.createElement(SendButton, { "data-translation-key": "theme.feedback.settings.comment.send", onClick: send }, translate('theme.feedback.settings.comment.send', 'Send')),
package/lib/components/Feedback/Mood.js CHANGED
@@ -54,11 +54,14 @@ const Mood = ({ settings, onSubmit, className }) => {
54
54
  return '';
55
55
  switch (score) {
56
56
  case MOOD_STATES.SATISFIED:
57
- return translate('theme.feedback.settings.comment.satisfiedLabel', commentSettings.satisfiedLabel || 'What was most helpful?');
57
+ return (commentSettings.satisfiedLabel ||
58
+ translate('theme.feedback.settings.comment.satisfiedLabel', 'What was most helpful?'));
58
59
  case MOOD_STATES.NEUTRAL:
59
- return translate('theme.feedback.settings.comment.neutralLabel', commentSettings.neutralLabel || 'What can we improve?');
60
+ return (commentSettings.neutralLabel ||
61
+ translate('theme.feedback.settings.comment.neutralLabel', 'What can we improve?'));
60
62
  case MOOD_STATES.DISSATISFIED:
61
- return translate('theme.feedback.settings.comment.dissatisfiedLabel', commentSettings.dissatisfiedLabel || 'What can we improve?');
63
+ return (commentSettings.dissatisfiedLabel ||
64
+ translate('theme.feedback.settings.comment.dissatisfiedLabel', 'What can we improve?'));
62
65
  default:
63
66
  return translate('theme.feedback.settings.comment.satisfiedLabel', 'What can we improve?');
64
67
  }
@@ -83,13 +86,14 @@ const Mood = ({ settings, onSubmit, className }) => {
83
86
  }, [score, displayComment, displayReasons]);
84
87
  if (isSubmitted) {
85
88
  return (React.createElement(Wrapper, null,
86
- React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, translate('theme.feedback.settings.submitText', submitText || 'Thank you for helping improve our documentation!')),
89
+ React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, submitText ||
90
+ translate('theme.feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
87
91
  React.createElement(RadioCheckButtonIcon_1.RadioCheckButtonIcon, null)));
88
92
  }
89
93
  return (React.createElement(Wrapper, { "data-component-name": "Feedback/Mood", className: className },
90
94
  React.createElement(StyledForm, null,
91
95
  React.createElement(StyledFormMandatoryFields, null,
92
- React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, translate('theme.feedback.settings.label', label || 'Was this page helpful?')),
96
+ React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, label || translate('theme.feedback.settings.label', 'Was this helpful?')),
93
97
  React.createElement(StyledMandatoryFieldContainer, null,
94
98
  React.createElement(React.Fragment, null,
95
99
  React.createElement(Vote, { className: `${score === MOOD_STATES.DISSATISFIED ? 'active' : ''}`, onClick: () => {
package/lib/components/Feedback/Rating.js CHANGED
@@ -65,13 +65,14 @@ const Rating = ({ settings, onSubmit, className }) => {
65
65
  }, [score, displayComment, displayReasons]);
66
66
  if (isSubmitted) {
67
67
  return (React.createElement(Wrapper, null,
68
- React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, translate('theme.feedback.settings.submitText', submitText || 'Thank you for helping improve our documentation!')),
68
+ React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, submitText ||
69
+ translate('theme.feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
69
70
  React.createElement(RadioCheckButtonIcon_1.RadioCheckButtonIcon, null)));
70
71
  }
71
72
  return (React.createElement(Wrapper, { "data-component-name": "Feedback/Rating", className: className },
72
73
  React.createElement(StyledForm, null,
73
74
  React.createElement(StyledFormMandatoryFields, null,
74
- React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, translate('theme.feedback.settings.label', label || 'How helpful was this page?')),
75
+ React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, label || translate('theme.feedback.settings.label', 'Was this helpful?')),
75
76
  React.createElement(StyledMandatoryFieldContainer, null,
76
77
  React.createElement(Stars_1.Stars, { max: exports.FEEDBACK_MAX_RATING, onChange: setScore, value: score }))),
77
78
  React.createElement(StyledFormOptionalFields, null,
package/lib/components/Feedback/Reasons.js CHANGED
@@ -46,7 +46,8 @@ const Reasons = ({ settings, onChange, className }) => {
46
46
  onChange(items.filter((_, index) => !!updatedCheckedState[index]));
47
47
  };
48
48
  return (React.createElement(Wrapper, { "data-component-name": "Feedback/Reasons", "data-translation-key": "theme.feedback.settings.reasons.label", className: className },
49
- React.createElement(Label, null, translate('theme.feedback.settings.reasons.label', label || 'Which statement describes your thoughts about this page?')),
49
+ React.createElement(Label, null, label ||
50
+ translate('theme.feedback.settings.reasons.label', 'Which statement describes your thoughts about this page?')),
50
51
  items.map((reason, idx) => (React.createElement(OptionWrapper, { key: reason },
51
52
  React.createElement("input", { type: input_type, value: reason, checked: checkedState[idx], name: "reasons", onChange: () => handleOptionChange(idx) }),
52
53
  React.createElement("label", { "data-translation-key": `theme.feedback.settings.reasons.items.${idx + 1}`, id: reason, onClick: () => handleOptionChange(idx) }, translate(`theme.feedback.settings.reasons.items.${idx + 1}`, reason)))))));
package/lib/components/Feedback/Scale.js CHANGED
@@ -68,17 +68,20 @@ const Scale = ({ settings, onSubmit, className }) => {
68
68
  }, [score, displayComment, displayReasons]);
69
69
  if (isSubmitted) {
70
70
  return (React.createElement(Wrapper, null,
71
- React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, translate('theme.feedback.settings.submitText', submitText || 'Thank you for helping improve our documentation!')),
71
+ React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, submitText ||
72
+ translate('theme.feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
72
73
  React.createElement(RadioCheckButtonIcon_1.RadioCheckButtonIcon, null)));
73
74
  }
74
75
  return (React.createElement(Wrapper, { "data-component-name": "Feedback/Scale", className: className },
75
76
  React.createElement(StyledForm, null,
76
77
  React.createElement(StyledFormMandatoryFields, null,
77
- React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, translate('theme.feedback.settings.label', label || 'How helpful was this page?')),
78
+ React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, label || translate('theme.feedback.settings.label', 'Was this helpful?')),
78
79
  React.createElement(ScaleWrapper, null, scaleOptions),
79
80
  React.createElement(SubLabelContainer, null,
80
- React.createElement(SubLabel, { "data-translation-key": "theme.feedback.settings.leftScaleLabel" }, translate('theme.feedback.settings.leftScaleLabel', leftScaleLabel || 'Not helpful at all')),
81
- React.createElement(SubLabel, { "data-translation-key": "theme.feedback.settings.rightScaleLabel" }, translate('theme.feedback.settings.rightScaleLabel', rightScaleLabel || 'Extremely helpful')))),
81
+ React.createElement(SubLabel, { "data-translation-key": "theme.feedback.settings.leftScaleLabel" }, leftScaleLabel ||
82
+ translate('theme.feedback.settings.leftScaleLabel', 'Not helpful at all')),
83
+ React.createElement(SubLabel, { "data-translation-key": "theme.feedback.settings.rightScaleLabel" }, rightScaleLabel ||
84
+ translate('theme.feedback.settings.rightScaleLabel', 'Extremely helpful')))),
82
85
  React.createElement(StyledFormOptionalFields, null,
83
86
  displayReasons && (React.createElement(Feedback_1.Reasons, { settings: {
84
87
  label: reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.label,
package/lib/components/Feedback/Sentiment.js CHANGED
@@ -47,8 +47,10 @@ const Sentiment = ({ settings, onSubmit, className }) => {
47
47
  const displayComment = !!score && (commentSettings === null || commentSettings === void 0 ? void 0 : commentSettings.enable);
48
48
  const displaySubmitBnt = !!score && (displayReasons || displayComment);
49
49
  const commentLabel = score === 1
50
- ? translate('theme.feedback.settings.comment.likeLabel', (commentSettings && commentSettings.likeLabel) || 'What was most helpful?')
51
- : translate('theme.feedback.settings.comment.dislikeLabel', (commentSettings && commentSettings.dislikeLabel) || 'What can we improve?');
50
+ ? (commentSettings && commentSettings.likeLabel) ||
51
+ translate('theme.feedback.settings.comment.likeLabel', 'What was most helpful?')
52
+ : (commentSettings && commentSettings.dislikeLabel) ||
53
+ translate('theme.feedback.settings.comment.dislikeLabel', 'What can we improve?');
52
54
  const onSubmitSentimentForm = () => {
53
55
  onSubmit({
54
56
  score,
@@ -66,13 +68,14 @@ const Sentiment = ({ settings, onSubmit, className }) => {
66
68
  }, [score, displayComment, displayReasons]);
67
69
  if (isSubmitted) {
68
70
  return (React.createElement(Wrapper, null,
69
- React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, translate('theme.feedback.settings.submitText', submitText || 'Thank you for helping improve our documentation!')),
71
+ React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, submitText ||
72
+ translate('theme.feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
70
73
  React.createElement(RadioCheckButtonIcon_1.RadioCheckButtonIcon, null)));
71
74
  }
72
75
  return (React.createElement(Wrapper, { "data-component-name": "Feedback/Sentiment", className: className },
73
76
  React.createElement(StyledForm, null,
74
77
  React.createElement(StyledFormMandatoryFields, null,
75
- React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, translate('theme.feedback.settings.label', label || 'Was this page helpful?')),
78
+ React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, label || translate('theme.feedback.settings.label', 'Was this helpful?')),
76
79
  React.createElement(StyledMandatoryFieldContainer, null,
77
80
  React.createElement(React.Fragment, null,
78
81
  React.createElement(Vote, { className: `${score === 1 ? 'active' : ''}`, onClick: () => {
package/lib/components/Feedback/useReportDialog.js CHANGED
@@ -8,7 +8,7 @@ const useSubmitFeedback_1 = require("../../mocks/Feedback/useSubmitFeedback");
8
8
  function useReportDialog() {
9
9
  const { codeSnippet: { report = {} } = {} } = (0, hooks_2.useThemeConfig)();
10
10
  const [isReportDialogShown, setIsReportDialogShown] = (0, react_1.useState)(false);
11
- const isReportButtonShown = (report === null || report === void 0 ? void 0 : report.hide) === false; // TODO: report temporary disabled by default
11
+ const isReportButtonShown = (report === null || report === void 0 ? void 0 : report.hide) !== true;
12
12
  const { translate } = (0, hooks_1.useTranslate)();
13
13
  const { submitFeedback } = (0, useSubmitFeedback_1.useSubmitFeedback)();
14
14
  const showReportDialog = () => {
package/lib/config.d.ts CHANGED
@@ -1248,7 +1248,7 @@ export declare const themeConfigSchema: {
1248
1248
  };
1249
1249
  readonly additionalProperties: false;
1250
1250
  readonly default: {
1251
- readonly hide: true;
1251
+ readonly hide: false;
1252
1252
  };
1253
1253
  };
1254
1254
  readonly expand: {
@@ -2283,7 +2283,7 @@ export declare const productThemeOverrideSchema: {
2283
2283
  };
2284
2284
  readonly additionalProperties: false;
2285
2285
  readonly default: {
2286
- readonly hide: true;
2286
+ readonly hide: false;
2287
2287
  };
2288
2288
  };
2289
2289
  readonly expand: {
package/lib/config.js CHANGED
@@ -493,7 +493,7 @@ exports.themeConfigSchema = {
493
493
  type: 'object',
494
494
  properties: Object.assign({}, hideConfigSchema.properties),
495
495
  additionalProperties: false,
496
- default: { hide: true },
496
+ default: { hide: false },
497
497
  },
498
498
  expand: {
499
499
  type: 'object',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redocly/theme",
3
- "version": "0.27.4",
3
+ "version": "0.28.0",
4
4
  "description": "Shared UI components lib",
5
5
  "keywords": [
6
6
  "theme",
package/src/components/Feedback/Comment.tsx CHANGED
@@ -37,10 +37,11 @@ export const Comment = ({
37
37
  return (
38
38
  <StateWrapper className={className}>
39
39
  <Label data-translation-key="theme.feedback.settings.comment.submitText">
40
- {translate(
41
- 'theme.feedback.settings.comment.submitText',
42
- submitText || 'Thank you for helping improve our documentation!',
43
- )}
40
+ {submitText ||
41
+ translate(
42
+ 'theme.feedback.settings.comment.submitText',
43
+ 'Thank you for helping improve our documentation!',
44
+ )}
44
45
  </Label>
45
46
  <RadioCheckButtonIcon />
46
47
  </StateWrapper>
@@ -54,10 +55,8 @@ export const Comment = ({
54
55
  style={standAlone ? { width: '424px', padding: '16px 24px' } : { width: 'auto' }}
55
56
  >
56
57
  <Label data-translation-key="theme.feedback.settings.comment.label">
57
- {translate(
58
- 'theme.feedback.settings.comment.label',
59
- label || 'Please share your feedback with us.',
60
- )}
58
+ {label ||
59
+ translate('theme.feedback.settings.comment.label', 'Please share your feedback with us.')}
61
60
  </Label>
62
61
  <TextArea rows={3} onChange={handleTextAreaChange} />
63
62
  {standAlone && (
package/src/components/Feedback/Mood.tsx CHANGED
@@ -29,19 +29,19 @@ export const Mood = ({ settings, onSubmit, className }: MoodProps): JSX.Element
29
29
 
30
30
  switch (score) {
31
31
  case MOOD_STATES.SATISFIED:
32
- return translate(
33
- 'theme.feedback.settings.comment.satisfiedLabel',
34
- commentSettings.satisfiedLabel || 'What was most helpful?',
32
+ return (
33
+ commentSettings.satisfiedLabel ||
34
+ translate('theme.feedback.settings.comment.satisfiedLabel', 'What was most helpful?')
35
35
  );
36
36
  case MOOD_STATES.NEUTRAL:
37
- return translate(
38
- 'theme.feedback.settings.comment.neutralLabel',
39
- commentSettings.neutralLabel || 'What can we improve?',
37
+ return (
38
+ commentSettings.neutralLabel ||
39
+ translate('theme.feedback.settings.comment.neutralLabel', 'What can we improve?')
40
40
  );
41
41
  case MOOD_STATES.DISSATISFIED:
42
- return translate(
43
- 'theme.feedback.settings.comment.dissatisfiedLabel',
44
- commentSettings.dissatisfiedLabel || 'What can we improve?',
42
+ return (
43
+ commentSettings.dissatisfiedLabel ||
44
+ translate('theme.feedback.settings.comment.dissatisfiedLabel', 'What can we improve?')
45
45
  );
46
46
  default:
47
47
  return translate('theme.feedback.settings.comment.satisfiedLabel', 'What can we improve?');
@@ -73,10 +73,11 @@ export const Mood = ({ settings, onSubmit, className }: MoodProps): JSX.Element
73
73
  return (
74
74
  <Wrapper>
75
75
  <Label data-translation-key="theme.feedback.settings.submitText">
76
- {translate(
77
- 'theme.feedback.settings.submitText',
78
- submitText || 'Thank you for helping improve our documentation!',
79
- )}
76
+ {submitText ||
77
+ translate(
78
+ 'theme.feedback.settings.submitText',
79
+ 'Thank you for helping improve our documentation!',
80
+ )}
80
81
  </Label>
81
82
  <RadioCheckButtonIcon />
82
83
  </Wrapper>
@@ -88,7 +89,7 @@ export const Mood = ({ settings, onSubmit, className }: MoodProps): JSX.Element
88
89
  <StyledForm>
89
90
  <StyledFormMandatoryFields>
90
91
  <Label data-translation-key="theme.feedback.settings.label">
91
- {translate('theme.feedback.settings.label', label || 'Was this page helpful?')}
92
+ {label || translate('theme.feedback.settings.label', 'Was this helpful?')}
92
93
  </Label>
93
94
  <StyledMandatoryFieldContainer>
94
95
  <>
package/src/components/Feedback/Rating.tsx CHANGED
@@ -47,10 +47,11 @@ export const Rating = ({ settings, onSubmit, className }: RatingProps): JSX.Elem
47
47
  return (
48
48
  <Wrapper>
49
49
  <Label data-translation-key="theme.feedback.settings.submitText">
50
- {translate(
51
- 'theme.feedback.settings.submitText',
52
- submitText || 'Thank you for helping improve our documentation!',
53
- )}
50
+ {submitText ||
51
+ translate(
52
+ 'theme.feedback.settings.submitText',
53
+ 'Thank you for helping improve our documentation!',
54
+ )}
54
55
  </Label>
55
56
  <RadioCheckButtonIcon />
56
57
  </Wrapper>
@@ -62,7 +63,7 @@ export const Rating = ({ settings, onSubmit, className }: RatingProps): JSX.Elem
62
63
  <StyledForm>
63
64
  <StyledFormMandatoryFields>
64
65
  <Label data-translation-key="theme.feedback.settings.label">
65
- {translate('theme.feedback.settings.label', label || 'How helpful was this page?')}
66
+ {label || translate('theme.feedback.settings.label', 'Was this helpful?')}
66
67
  </Label>
67
68
 
68
69
  <StyledMandatoryFieldContainer>
package/src/components/Feedback/Reasons.tsx CHANGED
@@ -31,10 +31,11 @@ export const Reasons = ({ settings, onChange, className }: ReasonsProps): JSX.El
31
31
  className={className}
32
32
  >
33
33
  <Label>
34
- {translate(
35
- 'theme.feedback.settings.reasons.label',
36
- label || 'Which statement describes your thoughts about this page?',
37
- )}
34
+ {label ||
35
+ translate(
36
+ 'theme.feedback.settings.reasons.label',
37
+ 'Which statement describes your thoughts about this page?',
38
+ )}
38
39
  </Label>
39
40
  {items.map((reason, idx) => (
40
41
  <OptionWrapper key={reason}>
package/src/components/Feedback/Scale.tsx CHANGED
@@ -67,10 +67,11 @@ export const Scale = ({ settings, onSubmit, className }: ScaleProps): JSX.Elemen
67
67
  return (
68
68
  <Wrapper>
69
69
  <Label data-translation-key="theme.feedback.settings.submitText">
70
- {translate(
71
- 'theme.feedback.settings.submitText',
72
- submitText || 'Thank you for helping improve our documentation!',
73
- )}
70
+ {submitText ||
71
+ translate(
72
+ 'theme.feedback.settings.submitText',
73
+ 'Thank you for helping improve our documentation!',
74
+ )}
74
75
  </Label>
75
76
  <RadioCheckButtonIcon />
76
77
  </Wrapper>
@@ -82,23 +83,19 @@ export const Scale = ({ settings, onSubmit, className }: ScaleProps): JSX.Elemen
82
83
  <StyledForm>
83
84
  <StyledFormMandatoryFields>
84
85
  <Label data-translation-key="theme.feedback.settings.label">
85
- {translate('theme.feedback.settings.label', label || 'How helpful was this page?')}
86
+ {label || translate('theme.feedback.settings.label', 'Was this helpful?')}
86
87
  </Label>
87
88
 
88
89
  <ScaleWrapper>{scaleOptions}</ScaleWrapper>
89
90
 
90
91
  <SubLabelContainer>
91
92
  <SubLabel data-translation-key="theme.feedback.settings.leftScaleLabel">
92
- {translate(
93
- 'theme.feedback.settings.leftScaleLabel',
94
- leftScaleLabel || 'Not helpful at all',
95
- )}
93
+ {leftScaleLabel ||
94
+ translate('theme.feedback.settings.leftScaleLabel', 'Not helpful at all')}
96
95
  </SubLabel>
97
96
  <SubLabel data-translation-key="theme.feedback.settings.rightScaleLabel">
98
- {translate(
99
- 'theme.feedback.settings.rightScaleLabel',
100
- rightScaleLabel || 'Extremely helpful',
101
- )}
97
+ {rightScaleLabel ||
98
+ translate('theme.feedback.settings.rightScaleLabel', 'Extremely helpful')}
102
99
  </SubLabel>
103
100
  </SubLabelContainer>
104
101
  </StyledFormMandatoryFields>
package/src/components/Feedback/Sentiment.tsx CHANGED
@@ -24,14 +24,10 @@ export const Sentiment = ({ settings, onSubmit, className }: SentimentProps): JS
24
24
 
25
25
  const commentLabel =
26
26
  score === 1
27
- ? translate(
28
- 'theme.feedback.settings.comment.likeLabel',
29
- (commentSettings && commentSettings.likeLabel) || 'What was most helpful?',
30
- )
31
- : translate(
32
- 'theme.feedback.settings.comment.dislikeLabel',
33
- (commentSettings && commentSettings.dislikeLabel) || 'What can we improve?',
34
- );
27
+ ? (commentSettings && commentSettings.likeLabel) ||
28
+ translate('theme.feedback.settings.comment.likeLabel', 'What was most helpful?')
29
+ : (commentSettings && commentSettings.dislikeLabel) ||
30
+ translate('theme.feedback.settings.comment.dislikeLabel', 'What can we improve?');
35
31
 
36
32
  const onSubmitSentimentForm = () => {
37
33
  onSubmit({
@@ -54,10 +50,11 @@ export const Sentiment = ({ settings, onSubmit, className }: SentimentProps): JS
54
50
  return (
55
51
  <Wrapper>
56
52
  <Label data-translation-key="theme.feedback.settings.submitText">
57
- {translate(
58
- 'theme.feedback.settings.submitText',
59
- submitText || 'Thank you for helping improve our documentation!',
60
- )}
53
+ {submitText ||
54
+ translate(
55
+ 'theme.feedback.settings.submitText',
56
+ 'Thank you for helping improve our documentation!',
57
+ )}
61
58
  </Label>
62
59
  <RadioCheckButtonIcon />
63
60
  </Wrapper>
@@ -69,7 +66,7 @@ export const Sentiment = ({ settings, onSubmit, className }: SentimentProps): JS
69
66
  <StyledForm>
70
67
  <StyledFormMandatoryFields>
71
68
  <Label data-translation-key="theme.feedback.settings.label">
72
- {translate('theme.feedback.settings.label', label || 'Was this page helpful?')}
69
+ {label || translate('theme.feedback.settings.label', 'Was this helpful?')}
73
70
  </Label>
74
71
 
75
72
  <StyledMandatoryFieldContainer>
package/src/components/Feedback/useReportDialog.ts CHANGED
@@ -19,7 +19,7 @@ interface ReportComponentsProps {
19
19
  export function useReportDialog(): Record<string, ReportComponentsProps> {
20
20
  const { codeSnippet: { report = {} } = {} } = useThemeConfig();
21
21
  const [isReportDialogShown, setIsReportDialogShown] = useState(false);
22
- const isReportButtonShown = report?.hide === false; // TODO: report temporary disabled by default
22
+ const isReportButtonShown = report?.hide !== true;
23
23
  const { translate } = useTranslate();
24
24
  const { submitFeedback } = useSubmitFeedback();
25
25
 
package/src/config.ts CHANGED
@@ -571,7 +571,7 @@ export const themeConfigSchema = {
571
571
  ...hideConfigSchema.properties,
572
572
  },
573
573
  additionalProperties: false,
574
- default: { hide: true },
574
+ default: { hide: false },
575
575
  },
576
576
  expand: {
577
577
  type: 'object',