@rh-support/manage 0.2.63 → 0.2.66

package/lib/esm/components/TopContentManagement/ContentUsage/ContentAccordion.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { ITopContentItemState } from '../../../reducers/TopContentReducer';
 interface IProps {
     contentList: ITopContentItemState[];
+    selectedVersion: string;
 }
 export declare const ContentAccordion: FC<IProps>;
 export {};

package/lib/esm/components/TopContentManagement/ContentUsage/ContentAccordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentAccordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/ContentAccordion.tsx"],"names":[],"mappings":"AAUA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAG3E,UAAU,MAAM;IACZ,WAAW,EAAE,oBAAoB,EAAE,CAAC;CACvC;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAmEvC,CAAC"}
+{"version":3,"file":"ContentAccordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/ContentAccordion.tsx"],"names":[],"mappings":"AAUA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAG3E,UAAU,MAAM;IACZ,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAoEvC,CAAC"}

package/lib/esm/components/TopContentManagement/ContentUsage/ContentAccordion.js

@@ -3,7 +3,7 @@ import { formatDate } from '@rh-support/utils';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { PerformanceMetricClickCount } from './PerformanceMetricClickCount';
-export const ContentAccordion = ({ contentList }) => {
+export const ContentAccordion = ({ contentList, selectedVersion }) => {
     const [expanded, setExpanded] = useState(0);
     const { t } = useTranslation();
     const onToggle = (id) => () => {
@@ -32,6 +32,6 @@ export const ContentAccordion = ({ contentList }) => {
                                 React.createElement("span", { className: "pf-u-font-size-sm" }, lastModifiedBy),
                                 React.createElement("br", null),
                                 React.createElement("br", null),
-                                React.createElement(PerformanceMetricClickCount, { needsAttention: isAttentionNeeded, contentId: topContentId }))));
+                                React.createElement(PerformanceMetricClickCount, { needsAttention: isAttentionNeeded, contentId: topContentId, selectedVersion: selectedVersion }))));
                     }))))))));
 };

package/lib/esm/components/TopContentManagement/ContentUsage/MajorVersionPerformanceMetrics.js

@@ -38,5 +38,5 @@ export const MajorVersionPerformanceMetrics = ({ isModalOpen, onHideModal, filte
                 React.createElement(FlexItem, { className: "pf-u-w-50 pf-u-pl-md" },
                     React.createElement(PerformanceMetricsSelect, { placeholderText: "select a category", title: "Categories", options: flagContentEditState, optionValue: (option) => option.categoryName, onSelectCallback: (e, selectedOption) => setSelectedCategory(selectedOption) })))),
         React.createElement("br", null),
-        React.createElement(ContentAccordion, { contentList: selectedContent })));
+        React.createElement(ContentAccordion, { contentList: selectedContent, selectedVersion: selectedVersion })));
 };

package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricClickCount.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 interface IProps {
     contentId: number;
     needsAttention: boolean;
+    selectedVersion: string;
 }
 export declare const PerformanceMetricClickCount: FC<IProps>;
 export {};

package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricClickCount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PerformanceMetricClickCount.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/PerformanceMetricClickCount.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAKrD,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,MAAM,CAmDlD,CAAC"}
+{"version":3,"file":"PerformanceMetricClickCount.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/PerformanceMetricClickCount.tsx"],"names":[],"mappings":"AASA,OAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAKrD,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,MAAM,CAmDlD,CAAC"}

package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricClickCount.js

@@ -2,8 +2,8 @@ import { HelperText, HelperTextItem, Panel, PanelMain, PanelMainBody, ToggleGrou
 import React, { useMemo, useState } from 'react';
 import { Trans } from 'react-i18next';
 import { useTopContentContext } from '../../../context/TopContentProvider';
-export const PerformanceMetricClickCount = ({ contentId, needsAttention }) => {
-    const { categoryUsage, selectedVersion } = useTopContentContext();
+export const PerformanceMetricClickCount = ({ contentId, needsAttention, selectedVersion }) => {
+    const { categoryUsage } = useTopContentContext();
     const [selectedOption, setSelectedOption] = useState(0);
     const topContentUsageMetrics = useMemo(() => {
         var _a;

package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetrics.d.ts

@@ -6,6 +6,7 @@ interface IProps {
     contentId: number;
     title: string;
     lastModifiedBy: string;
+    selectedVersion: string;
 }
 export declare const PerformanceMetrics: FC<IProps>;
 export {};

package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PerformanceMetrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/PerformanceMetrics.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CAC1B;AACD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,MAAM,CAiCzC,CAAC"}
+{"version":3,"file":"PerformanceMetrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/ContentUsage/PerformanceMetrics.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CAC3B;AACD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,MAAM,CAsCzC,CAAC"}

package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetrics.js

@@ -2,7 +2,7 @@ import { Button, Modal, ModalVariant, Title, TitleSizes } from '@patternfly/reac
 import React from 'react';
 import { Trans } from 'react-i18next';
 import { PerformanceMetricClickCount } from './PerformanceMetricClickCount';
-export const PerformanceMetrics = ({ isModalOpen, onHideModal, needsAttention, contentId, title, lastModifiedBy, }) => {
+export const PerformanceMetrics = ({ isModalOpen, onHideModal, needsAttention, contentId, title, lastModifiedBy, selectedVersion, }) => {
     return (React.createElement(Modal, { variant: ModalVariant.small, id: "top-content-performance-metric", "aria-label": "top-content-performance-metric", isOpen: isModalOpen, onClose: onHideModal, actions: [
             React.createElement(Button, { variant: "secondary", key: "close-button", onClick: onHideModal }, "Cancel"),
         ] },
@@ -11,5 +11,5 @@ export const PerformanceMetrics = ({ isModalOpen, onHideModal, needsAttention, c
         React.createElement("p", { className: "pf-u-pb-lg pf-u-pt-sm" }, "Better understand the Performance for the top content resources."),
         React.createElement("div", { className: "pf-u-pb-xs top-content-tooltip-view-metric-label" }, title),
         React.createElement("div", { className: "pf-u-pb-lg" }, lastModifiedBy),
-        React.createElement(PerformanceMetricClickCount, { needsAttention: needsAttention, contentId: contentId })));
+        React.createElement(PerformanceMetricClickCount, { needsAttention: needsAttention, contentId: contentId, selectedVersion: selectedVersion })));
 };

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,OAAO,EAIH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAIhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,CAAC,EAAE,MAAM,CAAC;CACb;AAaD,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,gBA4XzF,CAAC"}
+{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAK7D,OAAO,EAIH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAIhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,EAAE,sBAAsB,CAAC;IACjC,CAAC,EAAE,MAAM,CAAC;CACb;AAaD,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,gBA6XzF,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.js

@@ -249,7 +249,7 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
         isPreview && content.mode !== ContentMode.ADD && content.mode !== ContentMode.NEW_SECTION_CONTENT && (React.createElement("li", { className: `push-bottom-narrow ${snapshot.isDragging ? 'list-flat tc-drag' : ''}` },
             isArrangingContent && (React.createElement(GripVerticalIcon, { style: { cursor: 'move' }, title: t('Drag'), color: "#06c", size: "sm", className: "pf-u-mr-sm" })),
             !isArrangingContent ? (React.createElement(React.Fragment, null,
-                React.createElement(TopContentSingleItemLink, { url: getTopContentUrl(content.contentUrl), title: content.contentTitle, contentId: content.topContentId, needsAttention: content.isAttentionNeeded, lastModifiedBy: lastModifiedBy }),
+                React.createElement(TopContentSingleItemLink, { url: getTopContentUrl(content.contentUrl), title: content.contentTitle, contentId: content.topContentId, needsAttention: content.isAttentionNeeded, lastModifiedBy: lastModifiedBy, selectedVersion: selectedVersion }),
                 ' ',
                 React.createElement(Button, { variant: "link", isInline: true, icon: React.createElement(EditAltIcon, null), onClick: editToggle, title: 'Edit' }))) : (content.contentTitle),
             React.createElement("div", null, lastModifiedBy))),

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItemLink.d.ts

@@ -5,6 +5,7 @@ interface IProps {
     needsAttention?: boolean;
     contentId?: number;
     lastModifiedBy: string;
+    selectedVersion: string;
 }
 export declare const TopContentSingleItemLink: FC<IProps>;
 export {};

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItemLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentSingleItemLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItemLink.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAK5C,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,MAAM,CAgD/C,CAAC"}
+{"version":3,"file":"TopContentSingleItemLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItemLink.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAK5C,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,MAAM,CAkD/C,CAAC"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItemLink.js

@@ -3,7 +3,7 @@ import ExclamationTriangle from '@patternfly/react-icons/dist/js/icons/exclamati
 import React, { useState } from 'react';
 import { Trans } from 'react-i18next';
 import { PerformanceMetrics } from '../../ContentUsage/PerformanceMetrics';
-export const TopContentSingleItemLink = ({ title, url, needsAttention = false, contentId, lastModifiedBy, }) => {
+export const TopContentSingleItemLink = ({ title, url, needsAttention = false, contentId, lastModifiedBy, selectedVersion, }) => {
     const [isModalOpen, setModalOpen] = useState(false);
     const onHideModal = () => setModalOpen(false);
     const onOpenModal = () => setModalOpen(true);
@@ -16,5 +16,5 @@ export const TopContentSingleItemLink = ({ title, url, needsAttention = false, c
             React.createElement(Button, { variant: "plain", className: "top-content-tooltip" },
                 React.createElement(ExclamationTriangle, null)))),
         React.createElement("a", { className: needsAttention ? 'top-content-needs-attention' : 'pcm-manage-top-content', "data-tracking-id": "pcm-manage-top-content", href: url, target: "_blank", rel: "noopener noreferrer" }, title),
-        React.createElement(PerformanceMetrics, { isModalOpen: isModalOpen, onHideModal: onHideModal, needsAttention: needsAttention, contentId: contentId, title: title, lastModifiedBy: lastModifiedBy })));
+        React.createElement(PerformanceMetrics, { isModalOpen: isModalOpen, onHideModal: onHideModal, needsAttention: needsAttention, contentId: contentId, title: title, lastModifiedBy: lastModifiedBy, selectedVersion: selectedVersion })));
 };

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AA2CA,wBAAgB,gBAAgB,gBAoT/B"}
+{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AA2CA,wBAAgB,gBAAgB,gBAsT/B"}

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.js

@@ -149,5 +149,5 @@ export function TopContentEditor() {
                             ' ',
                             React.createElement(Button, { variant: "link", onClick: onCancelArrangement },
                                 React.createElement(Trans, null, "Cancel")))))))))),
-            React.createElement(MajorVersionPerformanceMetrics, { isModalOpen: isModalOpen, onHideModal: onHideModal, filteredTC: filteredTC, selectedMajorVersion: selectedVersion, selectedProduct: selectedProduct.name }))));
+            isMajorVersion(selectedVersion) && (React.createElement(MajorVersionPerformanceMetrics, { isModalOpen: isModalOpen, onHideModal: onHideModal, filteredTC: filteredTC, selectedMajorVersion: selectedVersion, selectedProduct: selectedProduct.name })))));
 }

package/lib/esm/components/TopContentManagement/TopContentProductVersionSelector.js

@@ -23,7 +23,7 @@ function getProcessedVersions(arr) {
     let i = 0;
     while (i < arr.length) {
         const major = getVersion(arr[i]).major;
-        if (Number(major) && !majorsArray.includes(major)) {
+        if (Number(major) && !majorsArray.includes(major) && !arr.includes(major + '.x')) {
             majorsArray.push(major);
             arr.splice(i, 0, major + '.x');
             i = i + 2;

package/lib/esm/hooks/useVersionsDiffer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVersionsDiffer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVersionsDiffer.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,wBAAyB,MAAM,wBAAwB,MAAM,KAAG,CAAC,OAAO,EAAE,MAAM,EAAE,CA6C/G,CAAC"}
+{"version":3,"file":"useVersionsDiffer.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVersionsDiffer.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,wBAAyB,MAAM,wBAAwB,MAAM,KAAG,CAAC,OAAO,EAAE,MAAM,EAAE,CAgD/G,CAAC"}

package/lib/esm/hooks/useVersionsDiffer.js

@@ -33,10 +33,14 @@ export const useVersionsDiffer = (selectedProductName, selectedMajorVersion) =>
     // In this effect we are calculating and finding difference between original version list and version with top content
     useEffect(() => {
         var _a, _b;
+        // If versions list is empty, then set `majorVersion.x`
         if (((_a = versions === null || versions === void 0 ? void 0 : versions.items) === null || _a === void 0 ? void 0 : _a.length) && (topContentVersion === null || topContentVersion === void 0 ? void 0 : topContentVersion.length)) {
-            const subVersions = (_b = versions === null || versions === void 0 ? void 0 : versions.items) === null || _b === void 0 ? void 0 : _b.filter((item) => item.startsWith(selectedMajorVersion)).map((item) => { var _a; return (_a = item.split('.')) === null || _a === void 0 ? void 0 : _a[1]; }).sort();
+            const subVersions = (_b = versions === null || versions === void 0 ? void 0 : versions.items) === null || _b === void 0 ? void 0 : _b.filter((item) => item.startsWith(selectedMajorVersion)).map((item) => { var _a; return (_a = item.split('.')) === null || _a === void 0 ? void 0 : _a.splice(1).join('.'); }).sort();
             setMajorVersion(difference(subVersions, topContentVersion));
         }
+        else {
+            setMajorVersion(['x']);
+        }
     }, [versions, topContentVersion, selectedMajorVersion]);
     return [isLoadingVersions || isTopContentVersion, majorVersion.map((item) => `${selectedMajorVersion}.${item}`)];
 };

package/lib/esm/scss/_pf4-overrides.scss

@@ -53,7 +53,7 @@ div#top-content-major-version-performance-metric.pf-c-modal-box {
             position: sticky;
             top: 0;
             background: var(--pf-c-modal-box--BackgroundColor);
-            z-index: 1;
+            z-index: 101; // As .pf-c-toggle-group__button is having z-index: var(--pf-c-toggle-group__button--ZIndex) (100) need to set z-index 101;
             padding-bottom: var(--pf-global--spacer--sm);
         }
         .content {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "0.2.63",
+    "version": "0.2.66",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -97,12 +97,12 @@
         "@patternfly/react-core": "4.194.0",
         "@patternfly/react-table": "4.63.0",
         "@rh-support/api": "0.3.13",
-        "@rh-support/components": "1.1.53",
+        "@rh-support/components": "1.1.54",
         "@rh-support/configs": "0.2.5",
-        "@rh-support/react-context": "0.2.53",
+        "@rh-support/react-context": "0.2.54",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.43",
-        "@rh-support/utils": "0.2.32",
+        "@rh-support/user-permissions": "0.2.44",
+        "@rh-support/utils": "0.2.33",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": ">=17.0.1",
         "lodash": ">=4.17.15",
@@ -113,5 +113,5 @@
         "react-i18next": ">=10.11.0",
         "react-router-dom": ">=5.1.2"
     },
-    "gitHead": "4fce3da5901527ba41788f587ab1852eff161cee"
+    "gitHead": "3e5e6c715aa2ef2fd0e53ea1d521c610f7ad9781"
 }