@rh-support/manage 2.6.1 → 2.6.11

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

@@ -1,82 +1,86 @@
 // Patternfly overrides
 
-div#top-content-performance-metric.pf-v5-c-modal-box {
-    .pf-v5-c-modal-box__body {
-        .pf-v5-c-title {
+div#top-content-performance-metric.pf-v6-c-modal-box {
+    .pf-v6-c-modal-box__body {
+        .pf-v6-c-title {
             margin-bottom: unset;
         }
         .top-content-tooltip-view-metric-label {
             color: var(--pf-v5-global--primary-color--100);
         }
-        .pf-v5-c-toggle-group__button {
+        .pf-v6-c-toggle-group__button {
             /* Somehow below style is getting added by Patternfly which is overriding default button padding  
-            * [class*="pf-v5-c-"], [class*="pf-v5-c-"]::before, [class*="pf-v5-c-"]::after {
+            * [class*="pf-v6-c-"], [class*="pf-v6-c-"]::before, [class*="pf-v6-c-"]::after {
                 padding: 0;
                 margin: 0;
                 background-color: transparent;
             */
-            padding: var(--pf-v5-c-toggle-group__button--PaddingTop) var(--pf-v5-c-toggle-group__button--PaddingRight)
-                var(--pf-v5-c-toggle-group__button--PaddingBottom) var(--pf-v5-c-toggle-group__button--PaddingLeft);
+            padding: var(--pf-v6-c-toggle-group__button--PaddingBlockStart)
+                var(--pf-v6-c-toggle-group__button--PaddingInlineEnd)
+                var(--pf-v6-c-toggle-group__button--PaddingBlockEnd)
+                var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
         }
     }
 }
 
-div#top-content-category-limit-guidelines.pf-v5-c-modal-box {
-    .pf-v5-c-modal-box__body {
-        .pf-v5-c-title {
+div#top-content-category-limit-guidelines.pf-v6-c-modal-box {
+    .pf-v6-c-modal-box__body {
+        .pf-v6-c-title {
             margin-bottom: unset;
         }
     }
 }
 
-div#top-content-major-version-performance-metric.pf-v5-c-modal-box {
-    .pf-v5-c-modal-box__body {
+div#top-content-major-version-performance-metric.pf-v6-c-modal-box {
+    .pf-v6-c-modal-box__body {
         overflow-x: unset;
         overflow-y: unset;
-        .pf-v5-c-title {
+        .pf-v6-c-title {
             margin-bottom: unset;
         }
-        .pf-v5-c-toggle-group__button {
+        .pf-v6-c-toggle-group__button {
             /* Somehow below style is getting added by Patternfly which is overriding default button padding  
-            * [class*="pf-v5-c-"], [class*="pf-v5-c-"]::before, [class*="pf-v5-c-"]::after {
+            * [class*="pf-v6-c-"], [class*="pf-v6-c-"]::before, [class*="pf-v6-c-"]::after {
                 padding: 0;
                 margin: 0;
                 background-color: transparent;
             */
-            padding: var(--pf-v5-c-toggle-group__button--PaddingTop) var(--pf-v5-c-toggle-group__button--PaddingRight)
-                var(--pf-v5-c-toggle-group__button--PaddingBottom) var(--pf-v5-c-toggle-group__button--PaddingLeft);
+            padding: var(--pf-v6-c-toggle-group__button--PaddingBlockStart)
+                var(--pf-v6-c-toggle-group__button--PaddingInlineEnd)
+                var(--pf-v6-c-toggle-group__button--PaddingBlockEnd)
+                var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
         }
         .sticky-header {
             position: sticky;
             top: 0;
-            background: var(--pf-v5-c-modal-box--BackgroundColor);
-            z-index: 89; // As .pf-v5-c-toggle-group__button is having z-index: var(--pf-v5-c-toggle-group__button--ZIndex)
-            padding-bottom: var(--pf-v5-global--spacer--sm);
+            background: var(--pf-v6-c-modal-box--BackgroundColor);
+            z-index: 89; // As .pf-v6-c-toggle-group__button is having z-index: var(--pf-v6-c-toggle-group__button--ZIndex)
+            padding-bottom: var(--pf-t--global--spacer--sm);
         }
         .content {
             height: 30vh;
             overflow: auto;
         }
         .panel-body {
-            padding: var(--pf-v5-global--spacer--md);
+            padding: var(--pf-t--global--spacer--md);
         }
     }
 }
 
 // Overrides performance metrics modal font weight
 div.performance-metrics-modal {
-    div.pf-v5-c-modal-box__body {
+    div.pf-v6-c-modal-box__body {
         div.sticky-header {
-            div.pf-v5-l-flex.pf-m-justify-content-space-between {
+            div.pf-v6-l-flex.pf-m-justify-content-space-between {
                 // For versions dropdown
-                div.pf-v5-u-w-50.pf-v5-u-pr-md {
-                    div.pf-v5-u-font-weight-bold {
+                div.pf-v6-u-w-50.pf-v6-u-pr-md {
+                    div.pf-v6-u-font-weight-bold {
                         font-weight: 600 !important;
                     }
                 }
                 // For categories dropdown
-                div.pf-v5-u-w-50.pf-v5-u-pl-md {
-                    div.pf-v5-u-font-weight-bold {
+                div.pf-v6-u-w-50.pf-v6-u-pl-md {
+                    div.pf-v6-u-font-weight-bold {
                         font-weight: 600 !important;
                     }
                 }
@@ -85,13 +89,13 @@ div.performance-metrics-modal {
 
         // To override font weight on the accordion text in performance metrics modal - PCM-11644
         div.content {
-            div.pf-v5-c-panel.pf-m-bordered {
-                div.pf-v5-c-panel__main {
-                    div.pf-v5-c-panel__main-body {
-                        dl.pf-v5-c-accordion.pf-m-bordered {
+            div.pf-v6-c-panel.pf-m-bordered {
+                div.pf-v6-c-panel__main {
+                    div.pf-v6-c-panel__main-body {
+                        dl.pf-v6-c-accordion.pf-m-bordered {
                             dt {
                                 button {
-                                    span.pf-v5-c-accordion__toggle-text {
+                                    span.pf-v6-c-accordion__toggle-text {
                                         span {
                                             font-weight: 500 !important;
                                         }
@@ -107,14 +111,14 @@ div.performance-metrics-modal {
 }
 
 #top-content-suggestion {
-    .pf-v5-c-expandable-section__content {
+    .pf-v6-c-expandable-section__content {
         border: unset;
     }
     .card-hint {
         background-color: var(--pf-v5-global--BackgroundColor--200);
     }
     .card-body {
-        padding: var(--pf-v5-global--spacer--md);
+        padding: var(--pf-t--global--spacer--md);
     }
     .hint-title {
         color: var(--pf-v5-global--primary-color--100);
@@ -129,53 +133,62 @@ div.performance-metrics-modal {
     z-index: 9;
 }
 
-.pf-v5-c-accordion__expandable-content {
-    margin: 0;
-}
-
-div.pf-v5-c-pagination__nav-page-select {
-    span.pf-v5-c-form-control {
+div.pf-v6-c-pagination__nav-page-select {
+    span.pf-v6-c-form-control {
         background-color: white;
     }
 }
 
-.pf-v5-c-select__menu {
+.pf-v6-c-select__menu {
     padding: 0;
 }
 
-.pf-v5-c-form-control.pf-m-disabled {
-    background-color: #e0e0e0;
-    border-bottom: 1px solid black;
-}
-
-.pf-v5-c-form-control.pf-m-disabled.issue-title-disabled {
+.pf-v6-c-form-control.pf-m-disabled.issue-title-disabled {
     border: none !important;
 }
 
-.pf-v5-c-chip {
+.pf-v6-c-chip {
     .pf-v5-svg {
         font-size: 12px;
     }
 }
 
-.pf-v5-c-switch__label {
+.pf-v6-c-switch__label {
     color: black !important;
     font-size: 16px;
     font-weight: 400;
     outline: none !important;
 }
 
-.pf-v5-c-menu__content {
+.pf-v6-c-menu__content {
     width: 100%;
 }
 
-.pf-v5-c-accordion .pf-v5-c-accordion__toggle {
+.pf-v6-c-accordion .pf-v6-c-accordion__toggle {
     padding: 1rem !important;
+    align-items: baseline;
 }
 
-.pf-v5-c-chip-group__list {
+.pf-v6-c-chip-group__list {
     padding: 0;
-    .pf-v5-c-chip-group__list-item {
+    .pf-v6-c-chip-group__list-item {
         margin: 0;
     }
 }
+
+.pf-v6-c-calendar-month__header-month,
+.pf-v6-c-calendar-month__header-month button {
+    height: 100%;
+}
+
+.pf-v6-c-calendar-month__header-year {
+    min-width: 6rem;
+}
+
+.pf-v6-c-alert {
+    margin-top: 0;
+}
+
+.tags-selector-menu-toggle button {
+    padding: 0 !important;
+}

package/lib/esm/scss/index.scss

@@ -13,15 +13,16 @@
             min-width: 0;
             background-color: #ededed;
 
-            & > section.pf-v5-c-tab-content {
+            & > section.pf-v6-c-tab-content {
                 padding: 3rem;
                 background-color: #fff;
             }
+            border-radius: 0 0 0 16px;
         }
     }
-    .pf-v5-c-popover {
-        .pf-v5-c-popover__content {
-            .pf-v5-c-popover__body {
+    .pf-v6-c-popover {
+        .pf-v6-c-popover__content {
+            .pf-v6-c-popover__body {
                 .top-content-tooltip-view-metric-label {
                     color: var(--pf-v5-global--primary-color--100);
                 }

package/lib/esm/utils/caseGroupMapper.d.ts

@@ -0,0 +1,18 @@
+import type { ICaseGroup, IGroupUser } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
+import type { CaseGroupMemberNode, CaseGroupNode } from '@rh-support/utils';
+/** Extends the hydrajs IGroupUser with the Salesforce Contact record Id needed for mutations like ContactUpdate. */
+export interface IGroupUserWithContactId extends IGroupUser {
+    contactSfId: string;
+    memberRecordId: string;
+}
+/**
+ * Maps a Salesforce GraphQL CaseGroupNode to the legacy ICaseGroup shape
+ * used throughout the application.
+ */
+export declare function mapCaseGroupNodeToICaseGroup(node: CaseGroupNode, isDefault?: boolean): ICaseGroup;
+/**
+ * Maps a Salesforce GraphQL CaseGroupMemberNode to the legacy IGroupUser shape.
+ * Derives `isDefault` by comparing the contact's DefaultCaseGroup__c against the current group Id.
+ */
+export declare function mapCaseGroupMemberNodeToIGroupUser(node: CaseGroupMemberNode, groupId: string): IGroupUserWithContactId;
+//# sourceMappingURL=caseGroupMapper.d.ts.map

package/lib/esm/utils/caseGroupMapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"caseGroupMapper.d.ts","sourceRoot":"","sources":["../../../src/utils/caseGroupMapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG5E,oHAAoH;AACpH,MAAM,WAAW,uBAAwB,SAAQ,UAAU;IACvD,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,UAAQ,GAAG,UAAU,CAS/F;AAED;;;GAGG;AACH,wBAAgB,kCAAkC,CAC9C,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAE,MAAM,GAChB,uBAAuB,CA6BzB"}

package/lib/esm/utils/caseGroupMapper.js

@@ -0,0 +1,50 @@
+import unescape from 'lodash/unescape';
+/**
+ * Maps a Salesforce GraphQL CaseGroupNode to the legacy ICaseGroup shape
+ * used throughout the application.
+ */
+export function mapCaseGroupNodeToICaseGroup(node, isDefault = false) {
+    var _a;
+    return {
+        groupNum: node.Id,
+        name: unescape((_a = node.Name.displayValue) !== null && _a !== void 0 ? _a : node.Name.value),
+        isPrivate: false,
+        isDefault,
+        defaultMembers: [],
+        members: [],
+    };
+}
+/**
+ * Maps a Salesforce GraphQL CaseGroupMemberNode to the legacy IGroupUser shape.
+ * Derives `isDefault` by comparing the contact's DefaultCaseGroup__c against the current group Id.
+ */
+export function mapCaseGroupMemberNodeToIGroupUser(node, groupId) {
+    var _a, _b, _c, _d;
+    const contact = node.Contact__r;
+    if (!contact) {
+        return {
+            firstName: '',
+            lastName: '',
+            isOrgAdmin: false,
+            access: true,
+            write: false,
+            isDefault: false,
+            ssoUsername: '',
+            email: '',
+            contactSfId: '',
+            memberRecordId: node.Id || '',
+        };
+    }
+    return {
+        firstName: (_a = contact.FirstName.displayValue) !== null && _a !== void 0 ? _a : contact.FirstName.value,
+        lastName: (_b = contact.LastName.displayValue) !== null && _b !== void 0 ? _b : contact.LastName.value,
+        isOrgAdmin: contact.IsOrgAdmin__c.value,
+        access: true,
+        write: false,
+        isDefault: ((_c = contact.DefaultCaseGroup__c) === null || _c === void 0 ? void 0 : _c.value) === groupId,
+        ssoUsername: contact.SSOUserName__c.value,
+        email: (_d = contact.Email.displayValue) !== null && _d !== void 0 ? _d : contact.Email.value,
+        contactSfId: contact.Id,
+        memberRecordId: node.Id,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.6.1",
+    "version": "2.6.11",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "license": "ISC",
@@ -19,10 +19,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org"
     },
-    "config": {
-        "registry": "https://repository.engineering.redhat.com/nexus/repository/registry.npmjs.org/",
-        "strict-ssl": false
-    },
     "repository": {
         "type": "git",
         "url": "git@gitlab.cee.redhat.com:jeudy/solution-engine-app.git",
@@ -45,18 +41,21 @@
         "prepublishOnly": "npm run build"
     },
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.18.57",
-        "@patternfly/patternfly": "5.4.2",
-        "@patternfly/react-core": "5.4.2",
-        "@patternfly/react-table": "5.4.2",
+        "@apollo/client": "^4.1.6",
+        "@cee-eng/hydrajs": "^4.18.114",
+        "@patternfly/patternfly": "6.2.1",
+        "@patternfly/react-core": "6.2.1",
+        "@patternfly/react-table": "6.2.1",
         "lodash": ">=4.17.15",
         "mark.js": "^8.11.1",
         "react": "18.2.0",
         "react-dom": "18.2.0",
-        "react-i18next": "^15.0.1",
+        "react-i18next": "15.6.0",
         "react-router-dom": "^5.1.2"
     },
     "devDependencies": {
+        "@patternfly/react-styles": "^6.2.1",
+        "@patternfly/react-tokens": "^6.2.1",
         "@testing-library/jest-dom": "^6.2.0",
         "@testing-library/react": "^14.1.2",
         "@testing-library/user-event": "^14.5.1",
@@ -75,16 +74,16 @@
         "typescript": "^5.3.3"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.18.57",
-        "@patternfly/patternfly": "5.4.2",
-        "@patternfly/react-core": "5.4.2",
-        "@patternfly/react-table": "5.4.2",
-        "@rh-support/components": "2.5.20",
-        "@rh-support/configs": "2.0.21",
-        "@rh-support/react-context": "2.5.22",
-        "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.13",
-        "@rh-support/utils": "2.5.12",
+        "@cee-eng/hydrajs": "^4.18.114",
+        "@patternfly/patternfly": "6.2.1",
+        "@patternfly/react-core": "6.2.1",
+        "@patternfly/react-table": "6.2.1",
+        "@rh-support/components": "2.6.11",
+        "@rh-support/configs": "2.0.75",
+        "@rh-support/react-context": "2.6.11",
+        "@rh-support/types": "2.0.26",
+        "@rh-support/user-permissions": "2.5.170",
+        "@rh-support/utils": "2.6.10",
         "@types/react-beautiful-dnd": "^13.0.0",
         "i18next": "^23.15.0",
         "lodash": ">=4.17.15",
@@ -92,7 +91,7 @@
         "react": "18.2.0",
         "react-beautiful-dnd": "^13.0.0",
         "react-dom": "18.2.0",
-        "react-i18next": "^15.0.1",
+        "react-i18next": "15.6.0",
         "react-router-dom": "^5.1.2"
     },
     "overrides": {
@@ -103,5 +102,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "aacb8a94e2321eb61f1afdb2751276f6c767dec1"
+    "gitHead": "82183b4d60a1c2753ed4217ad9b93b71c0c7e661"
 }