@rh-support/troubleshoot 2.2.46 → 2.2.47

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 (9) hide show
  1. package/lib/esm/components/CaseEditView/CaseDetailsTabs.js +16 -12
  2. package/lib/esm/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.d.ts +3 -0
  3. package/lib/esm/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.d.ts.map +1 -0
  4. package/lib/esm/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.js +121 -0
  5. package/lib/esm/constants/caseDetailsConstants.d.ts +2 -1
  6. package/lib/esm/constants/caseDetailsConstants.d.ts.map +1 -1
  7. package/lib/esm/constants/caseDetailsConstants.js +1 -0
  8. package/lib/esm/scss/_pf-overrides.scss +13 -0
  9. package/package.json +3 -2
package/lib/esm/components/CaseEditView/CaseDetailsTabs.js CHANGED
@@ -11,7 +11,7 @@ import { useCaseSelector } from '../../context/CaseContext';
11
11
  import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
12
12
  import { PDFContext } from './PDFContainer';
13
13
  import CaseDetailsManagement from './Tabs/CaseDetails/CaseDetailsManagement';
14
- const CaseBugzilla = React.lazy(() => import(/* webpackChunkName: 'CaseBugzilla' */ './Tabs/CaseBugzilla/CaseBugzilla'));
14
+ const RelatedTickets = React.lazy(() => import(/* webpackChunkName: 'CaseBugzilla' */ './Tabs/RelatedTickets/RelatedTickets'));
15
15
  const CaseActionPlan = React.lazy(() => import(/* webpackChunkName: 'CaseActionPlan' */ './Tabs/CaseActionPlan/CaseActionPlan'));
16
16
  const CasePrivateNotes = React.lazy(() => import(/* webpackChunkName: 'CasePrivateNotes' */ './Tabs/CasePrivateNotes/CasePrivateNotes'));
17
17
  const CaseDiscussion = React.lazy(() => import(/* webpackChunkName: 'CaseDiscussion' */ './Tabs/CaseDiscussion/CaseDiscussion'));
@@ -30,16 +30,21 @@ export function CaseDetailsTabs(props) {
30
30
  const [activeTabKey, setActiveTabKey] = useState(0);
31
31
  const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
32
32
  const canSeePrivateNotes = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_PRIVATE_NOTES_EDIT);
33
- const canSeeBugZillas = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_BUGZILLAS);
33
+ // const canSeeBugZillas = ability.can(
34
+ // resourceActions.PATCH,
35
+ // resources.CASE_DETAILS,
36
+ // CaseDetailsFields.CASE_DETAILS_BUGZILLAS
37
+ // );
34
38
  const { isExportingPDF, pdfOption } = useContext(PDFContext);
35
39
  const canSeeRMEs = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_RMES);
36
40
  const [selectedTab, setSelectedTab] = useState(CaseDetailsTabsEnum.DISCUSSION);
37
41
  const discussionTabRef = useRef(null);
38
- const bugZillaTabRef = useRef(null);
42
+ // const bugZillaTabRef: React.MutableRefObject<HTMLDivElement> = useRef(null);
39
43
  const managementTabRef = useRef(null);
40
44
  const privateNotesTabRef = useRef(null);
41
45
  const actionPlanTabRef = useRef(null);
42
46
  const escalationTabRef = useRef(null);
47
+ const relatedTicketsRef = useRef(null);
43
48
  const tabsToRender = [];
44
49
  const handleTabClick = (event, tabIndex) => {
45
50
  setActiveTabKey(tabIndex);
@@ -61,15 +66,14 @@ export function CaseDetailsTabs(props) {
61
66
  ref: managementTabRef,
62
67
  component: (React.createElement(CaseDetailsManagement, { caseNumber: caseNumber, routeProps: props.routeProps, tabRef: managementTabRef })),
63
68
  });
64
- canSeeBugZillas &&
65
- tabsToRender.push({
66
- 'data-tracking-id': 'case-details-bugzilla-tab',
67
- key: 'bugzillas',
68
- ref: bugZillaTabRef,
69
- routePath: 'bugzilla',
70
- title: CaseDetailsTabsEnum.BUGZILLA,
71
- component: React.createElement(CaseBugzilla, null),
72
- });
69
+ tabsToRender.push({
70
+ 'data-tracking-id': 'case-details-related-ticket-tab',
71
+ key: 'relatedTickets',
72
+ ref: relatedTicketsRef,
73
+ routePath: 'related-tickets',
74
+ title: CaseDetailsTabsEnum.RELATED_TICKETS,
75
+ component: React.createElement(RelatedTickets, null),
76
+ });
73
77
  tabsToRender.push({
74
78
  'data-tracking-id': 'case-details-actionplan-tab',
75
79
  key: 'action plan',
package/lib/esm/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare const RelatedTickets: () => JSX.Element;
2
+ export default RelatedTickets;
3
+ //# sourceMappingURL=RelatedTickets.d.ts.map
package/lib/esm/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RelatedTickets.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.tsx"],"names":[],"mappings":"AAqCA,QAAA,MAAM,cAAc,mBA8KnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/lib/esm/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.js ADDED
@@ -0,0 +1,121 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ import { kase } from '@cee-eng/hydrajs';
11
+ import { Badge, EmptyState, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Pagination, SearchInput, ToggleGroup, ToggleGroupItem, } from '@patternfly/react-core';
12
+ import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
13
+ import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
14
+ import { useFetch } from '@rh-support/components';
15
+ import isEqual from 'lodash/isEqual';
16
+ import React, { useEffect, useState } from 'react';
17
+ import { useTranslation } from 'react-i18next';
18
+ import { useCaseSelector } from '../../../../context/CaseContext';
19
+ const columnNames = {
20
+ id: 'Task ID',
21
+ type: 'Type',
22
+ status: 'Status',
23
+ title: 'Summary',
24
+ };
25
+ const RelatedTickets = () => {
26
+ const [activeToggleKey, setActiveToggleKey] = useState('all');
27
+ const [currentPage, setCurrentPage] = useState(1);
28
+ const [itemsPerPage, setItemsPerPage] = useState(10);
29
+ const [searchQuery, setSearchQuery] = useState('');
30
+ const { caseNumber, bugzillaFetch } = useCaseSelector((state) => ({
31
+ caseNumber: state.caseDetails.caseNumber,
32
+ bugzillaFetch: state.caseDetails.bugzillas,
33
+ }), isEqual);
34
+ const { request: getCaseJiras } = useFetch(kase.fetchLinkedJiras, {
35
+ propgateErrors: true,
36
+ });
37
+ const [bugzillaData, setBugzillaData] = useState([]);
38
+ const [jiraData, setJiraData] = useState([]);
39
+ const { t } = useTranslation();
40
+ // reset pagination when searching for edge case
41
+ useEffect(() => {
42
+ setCurrentPage(1);
43
+ }, [searchQuery, activeToggleKey]);
44
+ useEffect(() => {
45
+ const fetchData = () => __awaiter(void 0, void 0, void 0, function* () {
46
+ try {
47
+ const bugzillaTransformed = bugzillaFetch.map((bugzilla) => ({
48
+ id: bugzilla.caseNumber,
49
+ type: 'Bugzilla',
50
+ link: bugzilla.bugzillaLink || '',
51
+ status: bugzilla.status || 'N/A',
52
+ title: bugzilla.summary || 'N/A',
53
+ date: new Date(bugzilla.linkedAt),
54
+ }));
55
+ setBugzillaData(bugzillaTransformed);
56
+ const jiraResults = yield getCaseJiras(caseNumber);
57
+ const jiraTransformed = jiraResults.map((jira) => ({
58
+ id: jira.resourceKey,
59
+ type: 'Jira',
60
+ link: jira.resourceURL || '',
61
+ status: jira.status || 'N/A',
62
+ title: jira.title || 'N/A',
63
+ date: new Date(jira.createdDate),
64
+ }));
65
+ setJiraData(jiraTransformed);
66
+ }
67
+ catch (error) {
68
+ console.log(error);
69
+ }
70
+ });
71
+ fetchData();
72
+ // eslint-disable-next-line react-hooks/exhaustive-deps
73
+ }, [bugzillaFetch, caseNumber]);
74
+ const combinedData = [...bugzillaData, ...jiraData].sort((a, b) => b.date.getTime() - a.date.getTime());
75
+ const filteredData = combinedData.filter((item) => {
76
+ const lowercasedQuery = searchQuery.toLowerCase();
77
+ if (searchQuery &&
78
+ !item.title.toLowerCase().includes(lowercasedQuery) &&
79
+ !item.id.toString().toLowerCase().includes(lowercasedQuery)) {
80
+ return false;
81
+ }
82
+ if (activeToggleKey === 'all')
83
+ return true;
84
+ if (activeToggleKey === 'bugzilla')
85
+ return item.type === 'Bugzilla';
86
+ if (activeToggleKey === 'jira')
87
+ return item.type === 'Jira';
88
+ return true;
89
+ });
90
+ const startIdx = (currentPage - 1) * itemsPerPage;
91
+ const endIdx = startIdx + itemsPerPage;
92
+ const displayData = filteredData.slice(startIdx, endIdx);
93
+ return (React.createElement("section", { className: "card card-white" },
94
+ (activeToggleKey === 'all' && (bugzillaData.length > 0 || jiraData.length > 0)) ||
95
+ (activeToggleKey === 'bugzilla' && bugzillaData.length > 0) ||
96
+ (activeToggleKey === 'jira' && jiraData.length > 0) ? (React.createElement("div", { className: "related-ticket-search-input-container", id: "related-ticket-search-container" },
97
+ React.createElement(SearchInput, { className: "related-ticket-search-input", placeholder: t('Search by Task ID or Summary'), value: searchQuery, onChange: (event) => setSearchQuery(event.currentTarget.value), onClear: () => setSearchQuery('') }))) : null,
98
+ React.createElement(ToggleGroup, { "aria-label": "Toggle Group" },
99
+ React.createElement(ToggleGroupItem, { text: t('All'), isSelected: activeToggleKey === 'all', onChange: () => setActiveToggleKey('all'), "data-tracking-id": 'related-ticket-all' }),
100
+ React.createElement(ToggleGroupItem, { text: t('Bugzilla'), isSelected: activeToggleKey === 'bugzilla', onChange: () => setActiveToggleKey('bugzilla'), "data-tracking-id": 'related-ticket-bugzilla' }),
101
+ React.createElement(ToggleGroupItem, { text: t('Jira'), isSelected: activeToggleKey === 'jira', onChange: () => setActiveToggleKey('jira'), "data-tracking-id": 'related-ticket-jira' })),
102
+ filteredData.length > 0 ? (React.createElement(React.Fragment, null,
103
+ React.createElement(Table, { "aria-label": "Issue Table" },
104
+ React.createElement(Thead, null,
105
+ React.createElement(Tr, null,
106
+ React.createElement(Th, null, columnNames.id),
107
+ React.createElement(Th, null, columnNames.type),
108
+ React.createElement(Th, null, columnNames.status),
109
+ React.createElement(Th, null, columnNames.title))),
110
+ React.createElement(Tbody, null, displayData.map((item) => (React.createElement(Tr, { key: item.id },
111
+ React.createElement(Td, { dataLabel: columnNames.id }, item.link ? (React.createElement("a", { href: item.link, target: "_blank", rel: "noopener noreferrer" }, item.id)) : (item.id)),
112
+ React.createElement(Td, { dataLabel: columnNames.type }, item.type),
113
+ React.createElement(Td, { dataLabel: columnNames.status },
114
+ React.createElement(Badge, { isRead: true }, item.status)),
115
+ React.createElement(Td, { dataLabel: columnNames.title }, item.title)))))),
116
+ React.createElement("div", { className: "push-top" },
117
+ React.createElement(Pagination, { itemCount: filteredData.length, perPage: itemsPerPage, page: currentPage, onSetPage: (_, page) => setCurrentPage(page), onPerPageSelect: (_, perPage) => setItemsPerPage(perPage) })))) : (React.createElement("div", null,
118
+ React.createElement(EmptyState, { variant: EmptyStateVariant.full },
119
+ React.createElement(EmptyStateHeader, { titleText: t("There aren't any related tasks."), headingLevel: "h4", icon: React.createElement(EmptyStateIcon, { icon: CubesIcon }) }))))));
120
+ };
121
+ export default RelatedTickets;
package/lib/esm/constants/caseDetailsConstants.d.ts CHANGED
@@ -5,7 +5,8 @@ export declare enum CaseDetailsTabsEnum {
5
5
  BUGZILLA = "Bugzilla",
6
6
  ACTION_PLAN = "Action plan",
7
7
  PRIVATE_NOTES = "Private Notes",
8
- ESCALATION = "Escalations"
8
+ ESCALATION = "Escalations",
9
+ RELATED_TICKETS = "Related Tickets"
9
10
  }
10
11
  export declare enum CaseStatusEnum {
11
12
  CLOSED = "Closed",
package/lib/esm/constants/caseDetailsConstants.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"caseDetailsConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/caseDetailsConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oCAAoC,yBAAyB,CAAC;AAE3E,oBAAY,mBAAmB;IAC3B,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,UAAU,gBAAgB;CAC7B;AAED,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,mBAAmB,wBAAwB;IAC3C,iBAAiB,uBAAuB;CAC3C;AAED,eAAO,MAAM,0BAA0B,6DAA6D,CAAC;AAErG,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAExE,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAE7D,eAAO,MAAM,iBAAiB,8EAA8E,CAAC"}
1
+ {"version":3,"file":"caseDetailsConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/caseDetailsConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oCAAoC,yBAAyB,CAAC;AAE3E,oBAAY,mBAAmB;IAC3B,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,UAAU,gBAAgB;IAC1B,eAAe,oBAAoB;CACtC;AAED,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,mBAAmB,wBAAwB;IAC3C,iBAAiB,uBAAuB;CAC3C;AAED,eAAO,MAAM,0BAA0B,6DAA6D,CAAC;AAErG,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAExE,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAE7D,eAAO,MAAM,iBAAiB,8EAA8E,CAAC"}
package/lib/esm/constants/caseDetailsConstants.js CHANGED
@@ -7,6 +7,7 @@ export var CaseDetailsTabsEnum;
7
7
  CaseDetailsTabsEnum["ACTION_PLAN"] = "Action plan";
8
8
  CaseDetailsTabsEnum["PRIVATE_NOTES"] = "Private Notes";
9
9
  CaseDetailsTabsEnum["ESCALATION"] = "Escalations";
10
+ CaseDetailsTabsEnum["RELATED_TICKETS"] = "Related Tickets";
10
11
  })(CaseDetailsTabsEnum || (CaseDetailsTabsEnum = {}));
11
12
  export var CaseStatusEnum;
12
13
  (function (CaseStatusEnum) {
package/lib/esm/scss/_pf-overrides.scss CHANGED
@@ -600,3 +600,16 @@ ul.pf-v5-c-menu__list,
600
600
  .pf-v5-c-modal-box__title {
601
601
  margin-bottom: 0px;
602
602
  }
603
+
604
+ div.related-ticket-search-input-container#related-ticket-search-container {
605
+ float: right;
606
+ margin-bottom: 1rem;
607
+ }
608
+
609
+ .related-ticket-search-input {
610
+ width: 25rem;
611
+ }
612
+
613
+ button.pf-v5-c-toggle-group__button {
614
+ z-index: 1;
615
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rh-support/troubleshoot",
3
- "version": "2.2.46",
3
+ "version": "2.2.47",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org"
@@ -63,6 +63,7 @@
63
63
  "@patternfly/pfe-icon": "^1.12.3",
64
64
  "@patternfly/pfe-tabs": "1.12.3",
65
65
  "@patternfly/react-core": "5.1.1",
66
+ "@patternfly/react-table": "^5.1.1",
66
67
  "@progress/kendo-drawing": "^1.6.0",
67
68
  "@progress/kendo-react-pdf": "^3.12.0",
68
69
  "@rh-support/components": "2.1.27",
@@ -131,5 +132,5 @@
131
132
  "defaults and supports es6-module",
132
133
  "maintained node versions"
133
134
  ],
134
- "gitHead": "c70ed8ffa9b5dbe8abdd50e1549e92b8af2a6f27"
135
+ "gitHead": "b0978cf9cff4fa1b1355983b294a010e92b45938"
135
136
  }