@rh-support/troubleshoot 2.2.154 → 2.2.156

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 (14) hide show
  1. package/lib/esm/components/CaseInformation/Description.d.ts.map +1 -1
  2. package/lib/esm/components/CaseInformation/Description.js +4 -4
  3. package/lib/esm/components/CaseInformation/OpenCaseIssue.js +4 -6
  4. package/lib/esm/components/ImproveCase/KtQuestions.d.ts.map +1 -1
  5. package/lib/esm/components/ImproveCase/KtQuestions.js +20 -57
  6. package/lib/esm/components/shared/fileUpload/WidgetFileUploader.js +1 -1
  7. package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.d.ts.map +1 -1
  8. package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.js +1 -1
  9. package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.d.ts.map +1 -1
  10. package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.js +1 -1
  11. package/lib/esm/hooks/useWizard.js +1 -1
  12. package/lib/esm/scss/_main.scss +4 -0
  13. package/lib/esm/scss/_pf-overrides.scss +6 -4
  14. package/package.json +2 -2
package/lib/esm/components/CaseInformation/Description.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBA4KhD"}
1
+ {"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAQ3D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBAoKhD"}
package/lib/esm/components/CaseInformation/Description.js CHANGED
@@ -13,7 +13,7 @@ import { getUpdatedDescription } from '../../reducers/CaseHelpers';
13
13
  import { setCaseDetails } from '../../reducers/CaseReducer';
14
14
  export default function Description(props) {
15
15
  const { t } = useTranslation();
16
- const { hasLargeCaseDescription, issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName, summary, version, } = useCaseSelector((state) => ({
16
+ const { issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName, summary, version } = useCaseSelector((state) => ({
17
17
  summary: state.caseDetails.summary,
18
18
  description: state.caseDetails.description,
19
19
  issue: state.caseDetails.issue,
@@ -72,10 +72,10 @@ export default function Description(props) {
72
72
  React.createElement(Trans, null, "Describe your problem. Include specific actions and error messages."),
73
73
  isKT1Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
74
74
  React.createElement(Popover, { position: 'right', isVisible: isOpen, shouldClose: handleClose, headerContent: headerPopoverContent, bodyContent: PopoverContent },
75
- React.createElement(Button, { variant: "plain", "aria-label": "More info for problem description", onClick: handleToggle },
75
+ React.createElement(Button, { variant: "plain", "aria-label": "More info for problem description", onClick: handleToggle, className: "pf-v5-u-pl-sm kt-question-help-icon" },
76
76
  React.createElement(HelpIcon, null)))))), labelProps: { htmlFor: 'get-support-ktQ1-issue' }, content: issue, allowInlineEdit: !!props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: isEmpty(issue), usePreformattedTag: true, saveOnBlur: true },
77
- React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: (isEmpty(summary) || isEmpty(version)) && isEmpty(issue) ? 'kt1-disabled' : '', "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, disabled: (isEmpty(summary) || isEmpty(version)) && isEmpty(issue), isDisabled: hasLargeCaseDescription && isEmpty(issue), onChange: (e, value) => onKTQ1IssueChange(value, e), "data-tracking-id": "get-support-ktQ1-issue", placeholder: t(`The more detail that you include, the easier it is for us to help you. \nExample: \nI'm unable to start the SSHD service and am receiving the error message "Bad yes/no \nargument for ShowPatchLevel parameter"`), resizeOrientation: "vertical", validated: props.isSummarizeInvalid ? 'error' : 'default', rows: isLgScreenHeight ? 10 : 4, ref: textAreaRef, onClick: handleTextAreaClick }),
77
+ React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: (isEmpty(summary) || isEmpty(version)) && isEmpty(issue) ? 'kt1-disabled' : '', "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, disabled: (isEmpty(summary) || isEmpty(version)) && isEmpty(issue), onChange: (e, value) => onKTQ1IssueChange(value, e), "data-tracking-id": "get-support-ktQ1-issue", placeholder: t(`The more detail that you include, the easier it is for us to help you. \nExample: \nI'm unable to start the SSHD service and am receiving the error message "Bad yes/no \nargument for ShowPatchLevel parameter"`), resizeOrientation: "vertical", validated: props.isSummarizeInvalid ? 'error' : 'default', rows: isLgScreenHeight ? 10 : 4, ref: textAreaRef, onClick: handleTextAreaClick }),
78
78
  React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${(issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DETAILS_ISSUE_LIMIT
79
- ? `This description exceeds ${CASE_DETAILS_ISSUE_LIMIT}. Try shortening it.`
79
+ ? `This description exceeds ${CASE_DETAILS_ISSUE_LIMIT} characters. Try shortening it.`
80
80
  : ''}`)));
81
81
  }
package/lib/esm/components/CaseInformation/OpenCaseIssue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { Progress, ProgressMeasureLocation, ProgressSize, ProgressVariant } from '@patternfly/react-core';
1
+ import { Progress, ProgressMeasureLocation, ProgressSize, ProgressVariant, TextInput } from '@patternfly/react-core';
2
2
  import { InlineEdit } from '@rh-support/components';
3
3
  import { PreviousCaseTypes } from '@rh-support/utils';
4
4
  import isEmpty from 'lodash/isEmpty';
@@ -80,13 +80,11 @@ function OpenCaseIssue(props) {
80
80
  !!props.required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), helperContent: React.createElement("div", { className: "title-summary-counter" },
81
81
  `${summary === null || summary === void 0 ? void 0 : summary.length} / ${TITLE_SUMMARY_LENGTH_LIMIT}`,
82
82
  " "), allowInlineEdit: props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: !!props.initialIsEditing, saveOnBlur: true, collapseOnBlur: !!props.collapseOnBlur && !isSummaryEmpty, content: summary },
83
- React.createElement("textarea", { id: isIdea() ? 'get-support-title' : 'get-support-summary', className: `form-control ${getTitleSummaryInvalid() ? ' form-invalid' : ''} ${isEmpty(version) ? 'issue-title-disabled' : ''}`, "aria-invalid": getTitleSummaryInvalid(), "aria-required": !!props.required, required: !!props.required, name: isIdea() ? 'get-support-title' : 'get-support-summary', placeholder: isIdea()
83
+ React.createElement(TextInput, { id: isIdea() ? 'get-support-title' : 'get-support-summary', className: `form-control ${getTitleSummaryInvalid() ? ' form-invalid' : ''} ${isEmpty(version) ? 'issue-title-disabled' : ''}`, validated: summary && (summary === null || summary === void 0 ? void 0 : summary.length) > TITLE_SUMMARY_LENGTH_LIMIT ? 'error' : 'default', "aria-invalid": getTitleSummaryInvalid(), "aria-required": !!props.required, required: !!props.required, name: isIdea() ? 'get-support-title' : 'get-support-summary', placeholder: isIdea()
84
84
  ? t('i18nkeySummarizeIdea', "Summarize what you're experiencing today")
85
- : t('i18nkeySummarizeExperience', 'Create a heading that summarizes your issue'), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": isIdea() ? 'get-support-title' : 'get-support-summary', rows: 1, disabled: isEmpty(version) }),
85
+ : t('i18nkeySummarizeExperience', 'Create a heading that summarizes your issue'), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": isIdea() ? 'get-support-title' : 'get-support-summary', rows: 1, "aria-disabled": isEmpty(version), isDisabled: isEmpty(version) }),
86
86
  React.createElement(React.Fragment, null, hasLargeTitleSummary && (React.createElement("div", null,
87
- React.createElement("p", { className: "form-instructions form-invalid pf-v5-u-danger-color-100 title-summary-error" }, isIdea()
88
- ? t(`This title exceeds ${TITLE_SUMMARY_LENGTH_LIMIT}. Try shortening it.`)
89
- : t(`The title cannot be more than ${TITLE_SUMMARY_LENGTH_LIMIT} characters.`))))),
87
+ React.createElement("p", { className: "form-instructions form-invalid pf-v5-u-danger-color-100 title-summary-error" }, t(`This title exceeds ${TITLE_SUMMARY_LENGTH_LIMIT} characters. Try shortening it.`))))),
90
88
  React.createElement(Description, { isSummarizeInvalid: getIssueSummaryInvalid() }),
91
89
  React.createElement(Progress, { value: issue === null || issue === void 0 ? void 0 : issue.length, min: 0, max: ISSUE_SUMMARY_LENGTH_LIMIT, size: ProgressSize.sm, label: `${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, valueText: `${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, variant: getVariant(), title: ' ', className: `pf-v5-u-mt-md ${!isNextBtnClickedToShowValidationError && isEmpty(issue) ? 'gray' : ''}`, id: "summary-progress-bar" }))));
92
90
  }
package/lib/esm/components/ImproveCase/KtQuestions.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"KtQuestions.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/KtQuestions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBA8VjC;kBA9VQ,WAAW;;;AAgWpB,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"KtQuestions.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/KtQuestions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAuSjC;kBAvSQ,WAAW;;;AAySpB,eAAe,WAAW,CAAC"}
package/lib/esm/components/ImproveCase/KtQuestions.js CHANGED
@@ -12,39 +12,14 @@ import { setCaseDetails } from '../../reducers/CaseReducer';
12
12
  const defaultProps = { inlineEditable: false, hideSaveCancel: false, onlyShowKT4: false };
13
13
  function KtQuestions(props) {
14
14
  const { t } = useTranslation();
15
- const { description, hasLargeCaseDescription, issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName, } = useCaseSelector((state) => ({
16
- description: state.caseDetails.description,
15
+ const { issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName } = useCaseSelector((state) => ({
17
16
  issue: state.caseDetails.issue,
18
17
  environment: state.caseDetails.environment,
19
18
  periodicityOfIssue: state.caseDetails.periodicityOfIssue,
20
19
  timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
21
- hasLargeCaseDescription: state.hasLargeCaseDescription,
22
20
  v3ClusterName: state.v3ClusterName,
23
21
  }), isEqual);
24
22
  const caseDispatch = useCaseDispatch();
25
- const [isKTQ2TextAreaActive, setKTQ2TextAreaActive] = useState(false);
26
- const [hasFocusedLostKT2, setHasFocusedLostKT2] = useState(false);
27
- const onKTQ2FocusChange = (e) => {
28
- setKTQ2TextAreaActive(e.type === 'focus');
29
- e.type === 'blur' && setHasFocusedLostKT2(true);
30
- };
31
- const [isKTQ3TextAreaActive, setKTQ3TextAreaActive] = useState(false);
32
- const [hasFocusedLostKT3, setHasFocusedLostKT3] = useState(false);
33
- const onKTQ3FocusChange = (e) => {
34
- setKTQ3TextAreaActive(e.type === 'focus');
35
- e.type === 'blur' && setHasFocusedLostKT3(true);
36
- };
37
- const [isKTQ4TextAreaActive, setKTQ4TextAreaActive] = useState(false);
38
- const [isKTQ4InValid, setKTQ4InValid] = useState(false);
39
- const [hasFocusedLostKT4, setHasFocusedLostKT4] = useState(false);
40
- const onKTQ4FocusChange = (e) => {
41
- setKTQ4TextAreaActive(e.type === 'focus');
42
- e.type !== 'focus' && setKTQ4InValid(isEmpty(description));
43
- e.type === 'blur' && setHasFocusedLostKT4(true);
44
- };
45
- useEffect(() => {
46
- hasFocusedLostKT4 && setKTQ4InValid(isEmpty(description) && isEmpty(timeFramesAndUrgency));
47
- }, [description, timeFramesAndUrgency, hasFocusedLostKT2, hasFocusedLostKT3, hasFocusedLostKT4]);
48
23
  const onCaseDetailsChange = (caseDetails) => {
49
24
  setCaseDetails(caseDispatch, caseDetails);
50
25
  };
@@ -73,46 +48,31 @@ function KtQuestions(props) {
73
48
  const isKT2Required = false;
74
49
  const isKT3Required = false;
75
50
  const isKT4Required = true;
76
- const invalidateQT4 = (value) => {
77
- return isEmpty(value) && hasFocusedLostKT4;
78
- };
79
51
  const [isQ4Empty, setIsQ4Empty] = useState(false);
80
- const [hasLargeQ2, setHasLargeQ2] = useState(false);
81
- const [hasLargeQ3, setHasLargeQ3] = useState(false);
82
52
  const [hasLargeQ4, setHasLargeQ4] = useState(false);
83
53
  useEffect(() => {
84
54
  setIsQ4Empty(timeFramesAndUrgency ? isEmpty(timeFramesAndUrgency.trim()) : true);
85
- environment && setHasLargeQ2(environment.length > KTQUESTION_MAX_LIMIT);
86
- periodicityOfIssue && setHasLargeQ3(periodicityOfIssue.length > KTQUESTION_MAX_LIMIT);
87
55
  timeFramesAndUrgency && setHasLargeQ4(timeFramesAndUrgency.length > KTQUESTION_MAX_LIMIT);
88
56
  // @ts-ignore
89
57
  }, [environment, periodicityOfIssue, timeFramesAndUrgency]);
90
- const getQ2Invalid = () => hasLargeQ2;
91
- const getQ3Invalid = () => hasLargeQ3;
92
58
  const getQ4Invalid = () => hasLargeQ4 || (isNextBtnClickedToShowValidationError && isQ4Empty);
93
59
  const getVariantQ2 = () => {
94
- if (getQ2Invalid())
95
- return ProgressVariant.danger;
96
- if (!environment)
60
+ if (!environment || isEmpty(environment))
97
61
  return ProgressVariant.success;
98
- if (environment.length > KTQUESTION_MAX_LIMIT / 2) {
62
+ if (environment.length > KTQUESTION_MAX_LIMIT)
63
+ return ProgressVariant.danger;
64
+ if (environment.length > KTQUESTION_MAX_LIMIT / 2)
99
65
  return ProgressVariant.warning;
100
- }
101
- else {
102
- return ProgressVariant.success;
103
- }
66
+ return ProgressVariant.success;
104
67
  };
105
68
  const getVariantQ3 = () => {
106
- if (getQ3Invalid())
107
- return ProgressVariant.danger;
108
- if (!periodicityOfIssue)
69
+ if (!periodicityOfIssue || isEmpty(periodicityOfIssue))
109
70
  return ProgressVariant.success;
110
- if (periodicityOfIssue.length > KTQUESTION_MAX_LIMIT / 2) {
71
+ if (periodicityOfIssue.length > KTQUESTION_MAX_LIMIT)
72
+ return ProgressVariant.danger;
73
+ if (periodicityOfIssue.length > KTQUESTION_MAX_LIMIT / 2)
111
74
  return ProgressVariant.warning;
112
- }
113
- else {
114
- return ProgressVariant.success;
115
- }
75
+ return ProgressVariant.success;
116
76
  };
117
77
  const getVariantQ4 = () => {
118
78
  if (getQ4Invalid())
@@ -131,13 +91,12 @@ function KtQuestions(props) {
131
91
  t(KtQuestionConstant.timeFramesAndUrgency),
132
92
  ' ',
133
93
  isKT4Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(timeFramesAndUrgency) || timeFramesAndUrgency.length > KTQUESTION_MAX_LIMIT, usePreformattedTag: true, saveOnBlur: true, content: timeFramesAndUrgency },
134
- React.createElement(TextArea, { validated: invalidateQT4(timeFramesAndUrgency) ||
135
- (isNextBtnClickedToShowValidationError && isEmpty(timeFramesAndUrgency)) ||
136
- isKTQ4InValid
94
+ React.createElement(TextArea, { validated: getQ4Invalid() ||
95
+ (timeFramesAndUrgency && (timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT)
137
96
  ? 'error'
138
97
  : 'default', "aria-invalid": timeFramesAndUrgency && (timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT
139
98
  ? 'true'
140
- : 'false', id: "ktQ4-timeFramesAndUrgency", value: timeFramesAndUrgency, isDisabled: isEmpty(timeFramesAndUrgency) && hasLargeCaseDescription && !isKTQ4TextAreaActive, onChange: (e, value) => onKtQ4Change(value, e), onFocus: onKTQ4FocusChange, onBlur: onKTQ4FocusChange, "aria-required": isKT4Required, "data-tracking-id": "get-support-ktQ4-timeFramesAndUrgency", placeholder: t('Describe the user or financial impact. Tell us about any legal, national, or medical urgency.'), isRequired: isKT4Required, resizeOrientation: "vertical", rows: 5 }),
99
+ : 'false', id: "ktQ4-timeFramesAndUrgency", value: timeFramesAndUrgency, onChange: (e, value) => onKtQ4Change(value, e), "aria-required": isKT4Required, "data-tracking-id": "get-support-ktQ4-timeFramesAndUrgency", placeholder: t('Describe the user or financial impact. Tell us about any legal, national, or medical urgency.'), isRequired: isKT4Required, resizeOrientation: "vertical", rows: 5 }),
141
100
  React.createElement(Progress, { value: timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ4(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" }),
142
101
  React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ4-environment" }, `${(timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT ? KTQ4LengthError : ''}`)),
143
102
  !props.onlyShowKT4 && (React.createElement(React.Fragment, null,
@@ -145,14 +104,18 @@ function KtQuestions(props) {
145
104
  t(KtQuestionConstant.environment),
146
105
  ' ',
147
106
  isKT2Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(environment) || environment.length > KTQUESTION_MAX_LIMIT, usePreformattedTag: true, saveOnBlur: true, content: environment },
148
- React.createElement(TextArea, { id: "ktQ2-environment", value: environment, isDisabled: isEmpty(environment) && hasLargeCaseDescription && !isKTQ2TextAreaActive, onChange: (e, value) => onKtQ2Change(value, e), onFocus: onKTQ2FocusChange, onBlur: onKTQ2FocusChange, "aria-required": isKT2Required, isRequired: isKT2Required, "data-tracking-id": "get-support-ktQ2-environment", "aria-invalid": environment && (environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT ? 'true' : 'false', resizeOrientation: "vertical", placeholder: t('Please provide details about the location, device, software version, etc. where you encounter this issue'), rows: 5 }),
107
+ React.createElement(TextArea, { id: "ktQ2-environment", validated: environment && (environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT
108
+ ? 'error'
109
+ : 'default', value: environment, onChange: (e, value) => onKtQ2Change(value, e), "aria-required": isKT2Required, isRequired: isKT2Required, "data-tracking-id": "get-support-ktQ2-environment", "aria-invalid": environment && (environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT ? 'true' : 'false', resizeOrientation: "vertical", placeholder: t('Please provide details about the location, device, software version, etc. where you encounter this issue'), rows: 5 }),
149
110
  React.createElement(Progress, { value: environment === null || environment === void 0 ? void 0 : environment.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${environment === null || environment === void 0 ? void 0 : environment.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${environment === null || environment === void 0 ? void 0 : environment.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${environment === null || environment === void 0 ? void 0 : environment.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ2(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" }),
150
111
  React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ2-environment" }, `${(environment === null || environment === void 0 ? void 0 : environment.length) > KTQUESTION_MAX_LIMIT ? KTQ2LengthError : ''}`)),
151
112
  React.createElement(InlineEdit, { labelProps: { htmlFor: 'ktQ3-periodicityOfIssue' }, labelContent: React.createElement(React.Fragment, null,
152
113
  t(KtQuestionConstant.periodicityOfIssue),
153
114
  ' ',
154
115
  isKT3Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(periodicityOfIssue) || periodicityOfIssue.length > KTQUESTION_MAX_LIMIT, usePreformattedTag: true, saveOnBlur: true, content: periodicityOfIssue },
155
- React.createElement(TextArea, { id: "ktQ3-periodicityOfIssue", value: periodicityOfIssue, isDisabled: isEmpty(periodicityOfIssue) && hasLargeCaseDescription && !isKTQ3TextAreaActive, onChange: (e, value) => onKtQ3Change(value, e), onFocus: onKTQ3FocusChange, onBlur: onKTQ3FocusChange, "aria-required": isKT3Required, isRequired: isKT3Required, "data-tracking-id": "get-support-ktQ3-periodicityOfIssue", "aria-invalid": periodicityOfIssue && (periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT
116
+ React.createElement(TextArea, { id: "ktQ3-periodicityOfIssue", validated: periodicityOfIssue && (periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT
117
+ ? 'error'
118
+ : 'default', value: periodicityOfIssue, onChange: (e, value) => onKtQ3Change(value, e), "aria-required": isKT3Required, isRequired: isKT3Required, "data-tracking-id": "get-support-ktQ3-periodicityOfIssue", "aria-invalid": periodicityOfIssue && (periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT
156
119
  ? 'true'
157
120
  : 'false', resizeOrientation: "vertical", placeholder: t('Describe when and how often the problem occurs, e.g., daily, after specific actions, at particular times of day, etc.'), rows: 5 }),
158
121
  React.createElement(Progress, { value: periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ3(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" }),
package/lib/esm/components/shared/fileUpload/WidgetFileUploader.js CHANGED
@@ -147,7 +147,7 @@ function WidgetFileUploader(props) {
147
147
  }
148
148
  });
149
149
  return (React.createElement("div", { className: `card card-white card-support file-diag ${props.className || ''}`, onPaste: handlePaste },
150
- React.createElement("h2", { className: "card-heading card-widget-file-upload-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload file to analyze"))),
150
+ React.createElement("h2", { className: "card-heading card-widget-file-upload-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload a file for Red Hat to analyze"))),
151
151
  React.createElement("div", { className: "card-body" },
152
152
  React.createElement(WidgetFileSelector, { isSessionId: props.isSessionId, isPrivate: props.isPrivate, isIdea: props.isIdea, showFileExceed: fileExceedInfo }),
153
153
  !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-v5-u-mt-sm" },
package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,MAAM,qBAuER;AAED,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,MAAM,qBAmER;AAED,eAAe,kBAAkB,CAAC"}
package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.js CHANGED
@@ -27,7 +27,7 @@ function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate =
27
27
  return (React.createElement(React.Fragment, null,
28
28
  React.createElement("label", Object.assign({ className: "file-diag-dragndrop", htmlFor: "file-diag-selector" }, getRootProps({ onClick: onLabelClick }), { "data-tracking-id": "file-selector-widget-main" }),
29
29
  React.createElement("input", Object.assign({ id: "file-diag-selector" }, getInputProps())),
30
- isDragActive ? (t(`Drop your file here...`)) : (React.createElement(Trans, null, "Drag and drop, paste, or browse to upload a file")),
30
+ isDragActive ? t(`Drop your file here...`) : React.createElement(Trans, null, "Drag and drop, or browse to upload a file"),
31
31
  isIdea && (React.createElement("div", { className: "pf-v5-u-text-align-center pf-v5-u-color-300 pf-v5-u-font-weight-normal" },
32
32
  React.createElement(Trans, null, "Files must be less than 5 MB.")))),
33
33
  isIdea && (React.createElement("p", { className: "pf-v5-u-danger-color-200" },
package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WidgetFileSelectorImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,uBAAuB,CAAC,EAAE,EAAO,EAAE,SAAc,EAAE,WAAW,EAAE,SAAiB,EAAE,EAAE,MAAM,qBA4DnG;AAED,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"WidgetFileSelectorImage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,uBAAuB,CAAC,EAAE,EAAO,EAAE,SAAc,EAAE,WAAW,EAAE,SAAiB,EAAE,EAAE,MAAM,qBAwDnG;AAED,eAAe,uBAAuB,CAAC"}
package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelectorImage.js CHANGED
@@ -26,7 +26,7 @@ function WidgetFileSelectorImage({ id = '', className = '', isSessionId, isPriva
26
26
  return (React.createElement(React.Fragment, null,
27
27
  React.createElement("label", Object.assign({ className: "file-diag-dragndrop", htmlFor: "file-diag-selector" }, getRootProps({ onClick: onLabelClick }), { "data-tracking-id": "file-selector-widget-main" }),
28
28
  React.createElement("input", Object.assign({ id: "file-diag-selector" }, getInputProps())),
29
- isDragActive ? (t(`Drop your file here...`)) : (React.createElement(Trans, null, "Drag and drop, paste, or browse to upload a file")),
29
+ isDragActive ? t(`Drop your file here...`) : React.createElement(Trans, null, "Drag and drop, or browse to upload a file"),
30
30
  React.createElement("div", { className: "pf-v5-u-text-align-center pf-v5-u-color-300 pf-v5-u-font-weight-normal" },
31
31
  React.createElement(Trans, null, "Files must be less than 5 MB."))),
32
32
  ' ',
package/lib/esm/hooks/useWizard.js CHANGED
@@ -58,7 +58,7 @@ export function useWizard(routeProps, props) {
58
58
  [AppRouteSections.SUMMARIZE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.SUMMARIZE, name: t('Summarize'), component: (React.createElement(MainSection, { stepNumber: 2, totalSteps: 6, section: AppRouteSections.SUMMARIZE, title: t('What are you having an issue with?') },
59
59
  React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
60
60
  alertMessage(),
61
- React.createElement(ProductSelector, { routeProps: routeProps, userSeenRecommendations: props.userSeenRecommendationsfn })))), canJumpTo: isSectionValidFn(AppRouteSections.SUMMARIZE) || activeSection === AppRouteSections.SUMMARIZE, nextButtonLabel: props.userSeenRecommendationsValue ? t('Continue') : t('See more options') }),
61
+ React.createElement(ProductSelector, { routeProps: routeProps, userSeenRecommendations: props.userSeenRecommendationsfn })))), canJumpTo: isSectionValidFn(AppRouteSections.SUMMARIZE) || activeSection === AppRouteSections.SUMMARIZE, nextButtonLabel: t('Continue') }),
62
62
  [AppRouteSections.TROUBLESHOOT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.TROUBLESHOOT, name: t('Troubleshoot'), component: (React.createElement(MainSection, { stepNumber: 3, totalSteps: 6, section: AppRouteSections.TROUBLESHOOT, title: t('Recommendations') },
63
63
  React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
64
64
  alertMessage(),
package/lib/esm/scss/_main.scss CHANGED
@@ -1017,3 +1017,7 @@ svg.pf-v5-u-ml-xs.icon-size {
1017
1017
  margin-right: var(--pf-v5-global--spacer--xs);
1018
1018
  }
1019
1019
  }
1020
+
1021
+ .kt-question-help-icon {
1022
+ font-size: var(--pf-v5-global--icon--FontSize--md);
1023
+ }
package/lib/esm/scss/_pf-overrides.scss CHANGED
@@ -721,10 +721,6 @@ a.case-resource-recommendation-link {
721
721
  padding-left: 0px;
722
722
  }
723
723
 
724
- #get-support-summary {
725
- margin-bottom: 1em;
726
- }
727
-
728
724
  .title-summary-counter {
729
725
  display: inline-flex;
730
726
  font-size: smaller;
@@ -756,8 +752,14 @@ a.case-resource-recommendation-link {
756
752
 
757
753
  .badge-icon-info {
758
754
  background-color: var(--pf-v5-global--palette--blue-50);
755
+ font-weight: 400;
759
756
  }
760
757
 
761
758
  .popover-body-info-description {
762
759
  max-width: 494px;
763
760
  }
761
+
762
+ .edit-question span.form-control {
763
+ padding: 0;
764
+ margin-bottom: 1rem;
765
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rh-support/troubleshoot",
3
- "version": "2.2.154",
3
+ "version": "2.2.156",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org"
@@ -131,5 +131,5 @@
131
131
  "defaults and supports es6-module",
132
132
  "maintained node versions"
133
133
  ],
134
- "gitHead": "9889db1b5012f2270858948a32b3bd1f78e5882c"
134
+ "gitHead": "1868728f638a5ea64be7d42c0cffe122f63dd13b"
135
135
  }