@rh-support/troubleshoot 2.2.43 → 2.2.44
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.
- package/lib/esm/components/CaseManagement/Cep.js +13 -13
- package/lib/esm/components/CaseManagement/NoClusterIDReasonSelector.js +1 -1
- package/lib/esm/components/ProductSelector/NewProductDropdownSelector.js +2 -2
- package/lib/esm/components/Recommendations/RulesModal.d.ts.map +1 -1
- package/lib/esm/components/Recommendations/RulesModal.js +1 -0
- package/lib/esm/components/SubmitCase/SubmitCase.d.ts.map +1 -1
- package/lib/esm/components/SubmitCase/SubmitCase.js +3 -3
- package/lib/esm/scss/{_pf4-overrides.scss → _pf-overrides.scss} +12 -0
- package/lib/esm/scss/index.scss +1 -1
- package/package.json +2 -2
|
@@ -156,33 +156,33 @@ export function Cep(props) {
|
|
|
156
156
|
React.createElement(Trans, null, "If requested, Red Hat Support will use this information to initiate direct contact (i.e. phone, chat) with listed contact(s) in order to provide faster assistance. The primary method of communication will continue to be this support ticket.")),
|
|
157
157
|
React.createElement(Form, { className: "push-top-narrow" },
|
|
158
158
|
React.createElement(FormGroup, { label: t('Contact name'), isRequired: true, fieldId: "cep-contact-name" },
|
|
159
|
-
React.createElement(FormHelperText, null,
|
|
160
|
-
React.createElement(HelperText, null,
|
|
161
|
-
React.createElement(HelperTextItem, null,
|
|
162
|
-
React.createElement(Trans, null, "Provide main contact(s) troubleshooting the issue.")))),
|
|
163
159
|
React.createElement(TextInput, { type: "text", id: "cep-contact-name", isRequired: true, maxLength: 254, "aria-label": t('Contact name'), onChange: (_event, value) => onCepContactNameChange(value), validated: saveButtonIsClicked && isEmpty((_d = cepDetailsLocal.contactName) === null || _d === void 0 ? void 0 : _d.trim())
|
|
164
160
|
? ValidatedOptions.error
|
|
165
|
-
: ValidatedOptions.default })
|
|
166
|
-
React.createElement(FormGroup, { label: t('Availability/Working hours'), isRequired: true, fieldId: "cep-workingHours" },
|
|
161
|
+
: ValidatedOptions.default }),
|
|
167
162
|
React.createElement(FormHelperText, null,
|
|
168
163
|
React.createElement(HelperText, null,
|
|
169
164
|
React.createElement(HelperTextItem, null,
|
|
170
|
-
React.createElement(Trans, null, "
|
|
165
|
+
React.createElement(Trans, null, "Provide main contact(s) troubleshooting the issue."))))),
|
|
166
|
+
React.createElement(FormGroup, { label: t('Availability/Working hours'), isRequired: true, fieldId: "cep-workingHours" },
|
|
171
167
|
React.createElement(TextInput, { type: "text", id: "cep-workingHours", isRequired: true, maxLength: 254, "aria-label": t('Availability/Working hours'), onChange: (_event, value) => onCepWorkingHoursChange(value), validated: saveButtonIsClicked && isEmpty((_e = cepDetailsLocal.workingHours) === null || _e === void 0 ? void 0 : _e.trim())
|
|
172
168
|
? ValidatedOptions.error
|
|
173
|
-
: ValidatedOptions.default })
|
|
174
|
-
React.createElement(FormGroup, { label: t('Contact information'), isRequired: true, fieldId: "cep-contactInformation" },
|
|
169
|
+
: ValidatedOptions.default }),
|
|
175
170
|
React.createElement(FormHelperText, null,
|
|
176
171
|
React.createElement(HelperText, null,
|
|
177
172
|
React.createElement(HelperTextItem, null,
|
|
178
|
-
React.createElement(Trans, null, "
|
|
173
|
+
React.createElement(Trans, null, "Indicate working hours, time zone; specify if not available on certain dates (i.e. weekends, holidays)."))))),
|
|
174
|
+
React.createElement(FormGroup, { label: t('Contact information'), isRequired: true, fieldId: "cep-contactInformation" },
|
|
179
175
|
React.createElement(TextArea, { id: "cep-contactInformation", "aria-required": true, isRequired: true, maxLength: 2000, name: "cep-contactInformation", value: cepDetailsLocal.contactInformation, onChange: (_event, value) => onCepContactInformationsChange(value), "aria-label": "auto resizing text area example", autoResize: true, validated: saveButtonIsClicked && isEmpty((_f = cepDetailsLocal.contactInformation) === null || _f === void 0 ? void 0 : _f.trim())
|
|
180
176
|
? ValidatedOptions.error
|
|
181
|
-
: ValidatedOptions.default, resizeOrientation: "vertical" })
|
|
177
|
+
: ValidatedOptions.default, resizeOrientation: "vertical" }),
|
|
178
|
+
React.createElement(FormHelperText, null,
|
|
179
|
+
React.createElement(HelperText, null,
|
|
180
|
+
React.createElement(HelperTextItem, null,
|
|
181
|
+
React.createElement(Trans, null, "Please provide phone number, chat ID or email."))))),
|
|
182
182
|
React.createElement(FormGroup, { label: t('Notes'), fieldId: "cep-notes" },
|
|
183
|
+
React.createElement(TextArea, { id: "cep-notes", "aria-required": false, isRequired: false, maxLength: 2000, name: "cep-notes", value: cepDetailsLocal.notes, onChange: (_event, value) => onCepNotesChange(value), autoResize: true, resizeOrientation: "vertical" }),
|
|
183
184
|
React.createElement(FormHelperText, null,
|
|
184
185
|
React.createElement(HelperText, null,
|
|
185
186
|
React.createElement(HelperTextItem, null,
|
|
186
|
-
React.createElement(Trans, null, "Provide any pertinent information that Red Hat Support should be aware of that's not already captured in the issue statement or comments."))))
|
|
187
|
-
React.createElement(TextArea, { id: "cep-notes", "aria-required": false, isRequired: false, maxLength: 2000, name: "cep-notes", value: cepDetailsLocal.notes, onChange: (_event, value) => onCepNotesChange(value), autoResize: true, resizeOrientation: "vertical" }))))));
|
|
187
|
+
React.createElement(Trans, null, "Provide any pertinent information that Red Hat Support should be aware of that's not already captured in the issue statement or comments.")))))))));
|
|
188
188
|
}
|
|
@@ -98,7 +98,7 @@ const NoClusterIDReasonSelector = (props) => {
|
|
|
98
98
|
React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true },
|
|
99
99
|
' ',
|
|
100
100
|
"*")),
|
|
101
|
-
React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Select an option or briefly describe your reason'), onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onSelect, selections: getSelectedItem(), isOpen: isOpen, placeholderText: t('Select an option or briefly describe your reason'), noValidate: props.isInValid, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper", validated: validated, className:
|
|
101
|
+
React.createElement(Select, { variant: SelectVariant.typeahead, typeAheadAriaLabel: t('Select an option or briefly describe your reason'), onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onSelect, selections: getSelectedItem(), isOpen: isOpen, placeholderText: t('Select an option or briefly describe your reason'), noValidate: props.isInValid, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper", validated: validated, className: `${props.isInValid ? ' form-invalid' : ''}`, isDisabled: caseNoClusterIdReasons.isFetching || props.isDisabled, required: true, onFilter: () => null, ref: selectRef, onTypeaheadInputChanged: onTypeaheadInputChanged, "data-tracking-id": "no-openshift-cluster-id-reason" }, (caseNoClusterIdReasonsList || []).map((option, index) => (React.createElement(SelectOption, { key: index, value: createState(option, t(option)) })))),
|
|
102
102
|
React.createElement(LoadingIndicator, { show: caseNoClusterIdReasons.isFetching, size: "xs" }),
|
|
103
103
|
React.createElement("p", { id: "validate-reason-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` },
|
|
104
104
|
React.createElement(React.Fragment, null,
|
|
@@ -32,10 +32,10 @@ export const NewProductDropdownSelector = (props) => {
|
|
|
32
32
|
const productOptions = props.products.map((p, id) => createOption(p, id, 'product'));
|
|
33
33
|
const allProductsTroubleshootOptions = allProducts.data.productsResult.map((p, id) => createOption(p, id, 'product'));
|
|
34
34
|
return [
|
|
35
|
-
React.createElement(SelectGroup, { label: t('Top products'), key: "topProducts", value: '' }),
|
|
35
|
+
React.createElement(SelectGroup, { label: t('Top products'), key: "topProducts", value: '', className: "product-selector-group" }),
|
|
36
36
|
...topProductOptions,
|
|
37
37
|
React.createElement(Divider, { key: "all-product-divider" }),
|
|
38
|
-
React.createElement(SelectGroup, { label: t('All products'), key: "AllProducts", value: '' }),
|
|
38
|
+
React.createElement(SelectGroup, { label: t('All products'), key: "AllProducts", value: '', className: "product-selector-group" }),
|
|
39
39
|
...(props.isCaseCreate ? productOptions : allProductsTroubleshootOptions),
|
|
40
40
|
];
|
|
41
41
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA+M/C"}
|
|
@@ -101,6 +101,7 @@ export function InsightResultModal(props) {
|
|
|
101
101
|
'aria-label': t('File recommendations'),
|
|
102
102
|
'aria-labelledby': 'expandable-card-title toggle-button1',
|
|
103
103
|
'aria-expanded': isExpanded,
|
|
104
|
+
className: 'popular-solutions-toggle-button',
|
|
104
105
|
}, className: "popular-solutions" },
|
|
105
106
|
React.createElement(CardTitle, { id: "expandable-card-title", className: "card-title" },
|
|
106
107
|
React.createElement(Trans, null, "File recommendations"))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAkCA,MAAM,CAAC,OAAO,UAAU,UAAU,
|
|
1
|
+
{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAkCA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAyTjC"}
|
|
@@ -93,10 +93,10 @@ export default function SubmitCase() {
|
|
|
93
93
|
React.createElement("p", { className: "kicker kicker-sm pf-v5-u-mb-sm" }, !isEmpty(RouteUtils.seBasePath) &&
|
|
94
94
|
!isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) ? (React.createElement(React.Fragment, null,
|
|
95
95
|
React.createElement("div", { className: "submit-page-title pf-v5-u-mb-lg" },
|
|
96
|
-
React.createElement(Icon, { className: "submit-case-check-icon", size: "lg" },
|
|
96
|
+
React.createElement(Icon, { className: "submit-case-check-icon pf-v5-u-mt-sm", size: "lg" },
|
|
97
97
|
React.createElement(CheckCircleIcon, null)),
|
|
98
98
|
' ',
|
|
99
|
-
React.createElement(Text, { className: "pf-v5-u-
|
|
99
|
+
React.createElement(Text, { className: "pf-v5-u-mb-0", component: TextVariants.h1 },
|
|
100
100
|
React.createElement(Trans, null, "We've added your case to our queue"))),
|
|
101
101
|
React.createElement("div", { className: "pf-v5-u-mt-sm" },
|
|
102
102
|
React.createElement(Trans, null, "Case number:"),
|
|
@@ -135,7 +135,7 @@ export default function SubmitCase() {
|
|
|
135
135
|
React.createElement(Button, { component: "a", href: `${getRedhatDotComHost(Env.getEnvName())}/wapps/ugc/protected/${'personalInfo.html'}`, target: "_blank", variant: "secondary", "data-tracking-id": "get-support-update-info", className: "update-info-button" }, "Update info")),
|
|
136
136
|
React.createElement(ActionListItem, null, isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) ? (React.createElement(React.Fragment, null,
|
|
137
137
|
React.createElement(Tooltip, { content: t('File upload in progress.'), position: "bottom" },
|
|
138
|
-
React.createElement(Button, { className: "pf-v5-u-ml-md", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case'), isAriaDisabled: isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) }, "View case")))) : (React.createElement(Button, {
|
|
138
|
+
React.createElement(Button, { className: "pf-v5-u-ml-md", component: "a", href: getCaseURL(), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case'), isAriaDisabled: isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) }, "View case")))) : (React.createElement(Button, { component: (props) => (React.createElement(Link, Object.assign({}, props, { to: `/case/${caseNoOfCreatedCase}` }))), variant: "primary", "data-tracking-id": "get-support-view-case", "aria-label": t('View case') }, "View case")))))),
|
|
139
139
|
!isEmpty(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(FileUploader, { idToUploadTo: caseNoOfCreatedCase, isSessionId: false, isSecureSupport: loggedInUsersAccount.data.secureSupport })),
|
|
140
140
|
React.createElement("div", null,
|
|
141
141
|
(!isEmpty(topContent.data) || !rulesState.EARules.rules || !clusterRecommendations) &&
|
|
@@ -289,6 +289,12 @@
|
|
|
289
289
|
color: white !important;
|
|
290
290
|
}
|
|
291
291
|
}
|
|
292
|
+
|
|
293
|
+
.popular-solutions-toggle-button {
|
|
294
|
+
padding-right: 5px;
|
|
295
|
+
margin-top: 2px;
|
|
296
|
+
}
|
|
297
|
+
|
|
292
298
|
.file-diag {
|
|
293
299
|
border: 1px solid #ededed;
|
|
294
300
|
}
|
|
@@ -534,3 +540,9 @@ span.pf-v5-c-input-group__text {
|
|
|
534
540
|
.pf-v5-c-list {
|
|
535
541
|
padding: 0;
|
|
536
542
|
}
|
|
543
|
+
|
|
544
|
+
.product-selector-group {
|
|
545
|
+
.pf-v5-c-select__menu-group-title {
|
|
546
|
+
font-weight: 700;
|
|
547
|
+
}
|
|
548
|
+
}
|
package/lib/esm/scss/index.scss
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rh-support/troubleshoot",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.44",
|
|
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": "
|
|
134
|
+
"gitHead": "672a8f5024aded7ed6ce4edb5c0991bc3f5570bb"
|
|
135
135
|
}
|