@rh-support/manage 2.5.41 → 2.5.43

package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.js

@@ -132,7 +132,7 @@ export const ManageGroupUsers = () => {
     return (React.createElement(React.Fragment, null,
         React.createElement(AlertMessage, { variant: AlertType.INFO, show: loggedInUserRights.data.isOrgAdmin() &&
                 !loggedInUsersAccount.data.hasGroupACLs &&
-                !loggedInUserRights.data.isInternal(), isInline: true, className: "pf-v6-u-mb-md", title: t('Case Group ACL is not enabled') },
+                !loggedInUserRights.data.isInternal(), isInline: true, className: "pf-v6-u-mb-lg", title: t('Case Group ACL is not enabled') },
             React.createElement("p", null,
                 React.createElement(Trans, { i18nKey: "i18nRequestControl" },
                     "To use case groups to limit user access, enable the",
@@ -146,7 +146,7 @@ export const ManageGroupUsers = () => {
                         }, "data-tracking-id": "case-contact-phone-number-review" }, "Preferences")),
                 React.createElement("br", null),
                 React.createElement(Trans, null, "You can organize and group related cases and filter on the case list page, but you cannot change permissions for case groups unless the Case Group ACL is enabled."))),
-        React.createElement(AlertMessage, { variant: AlertType.INFO, show: loggedInUserRights.data.isInternal(), isInline: true, className: "pf-v6-u-mb-md", title: t('Case Group ACL is not available for internal users.') },
+        React.createElement(AlertMessage, { variant: AlertType.INFO, show: loggedInUserRights.data.isInternal(), isInline: true, className: "pf-v6-u-mb-lg", title: t('Case Group ACL is not available for internal users.') },
             React.createElement("p", null,
                 React.createElement(Trans, { i18nKey: "i18nRequestControl" },
                     "As an internal user you can use case group without ACL functionality. To use case groups to limit user access, customers can enable the",
@@ -161,7 +161,7 @@ export const ManageGroupUsers = () => {
                 React.createElement("br", null),
                 React.createElement(Trans, null, "Customers can organize and group related cases and filter on the case list page, but they cannot change permissions for case groups unless the Case Group ACL is enabled."))),
         React.createElement("header", null,
-            React.createElement("h2", null, t('Groups')),
+            React.createElement("h2", { className: "pf-v6-u-pb-sm" }, t('Groups')),
             React.createElement("p", null, t('To filter cases while searching, add or edit groups.'))),
         React.createElement("div", { className: "toolbar" },
             React.createElement(GroupSelect, { isDisabled: isFetching || disableGroupSelect, onSelect: onGroupSelect }),

package/lib/esm/components/ManagePartnerships/PartnershipsList.js

@@ -170,10 +170,10 @@ export function PartnershipsList() {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [managedAccounts, accountManagers]);
     return (React.createElement("section", { id: "manage-partnerships-list" },
-        React.createElement("div", { className: "toolbar" },
-            React.createElement("div", { className: "toolbar-left" },
+        React.createElement("div", { className: "toolbar secondary-toolbar" },
+            React.createElement("div", { className: "toolbar-left pf-v6-u-mr-md" },
                 React.createElement("label", { htmlFor: "search-partnerships" }, "Filter by"),
-                React.createElement(SearchInput, { className: "pf-v6-u-flex-grow-1 pf-v6-c-search-input pf-v6-u-background-color-100 pf-v6-u-mr-lg", id: "search-partnerships", placeholder: t('Search for an existing partnership'), value: searchString, onChange: (_event, value) => setSearchString(value), onClear: () => setSearchString(''), "aria-label": t('Search for an existing partnership') })),
+                React.createElement(SearchInput, { className: "pf-v6-u-flex-grow-1 pf-v6-c-search-input pf-v6-u-background-color-100", id: "search-partnerships", placeholder: t('Search for an existing partnership'), value: searchString, onChange: (_event, value) => setSearchString(value), onClear: () => setSearchString(''), "aria-label": t('Search for an existing partnership') })),
             requestCollaborationButton()),
         React.createElement(ManageTable, { ariaLabel: t('Partnerships list'), columns: columns, data: accountList.filter((account) => account.name.toLowerCase().includes(searchString.toLowerCase())), sortInfo: { column: 'customer-account-name', direction: 'asc' }, errorVariant: AlertVariant.warning, isFetching: isFetching, isError: hasError, errorTitle: t('Partnerships error'), errorComponent: React.createElement(Trans, null, "Could not get partnerships list"), noResultText: t('There are no results to display.') }),
         React.createElement(RequestCollaborationModal, { isOpen: isRequestCollabModalOpen, onClose: () => {

package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestCollaborationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/RequestCollaborationModal.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACrC;AAID,eAAO,MAAM,yBAAyB,UAAW,MAAM,sBAqOtD,CAAC"}
+{"version":3,"file":"RequestCollaborationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/RequestCollaborationModal.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACrC;AAID,eAAO,MAAM,yBAAyB,UAAW,MAAM,sBA4OtD,CAAC"}

package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { pcm } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextInput, Tooltip, TooltipPosition, } from '@patternfly/react-core';
+import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
 import { ToastNotification, useCopyToClipboard } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import React, { useRef, useState } from 'react';
@@ -121,25 +122,26 @@ export const RequestCollaborationModal = (props) => {
         React.createElement(ModalBody, null,
             React.createElement("p", null, "Initiate a new collaboration by generating a unique link for your customer. Check the status under your requests to see if they accept or reject your collaboration."),
             React.createElement(Form, { className: "pf-v6-u-my-md" },
-                React.createElement(Grid, { sm: 12, md: 6, lg: 6 },
+                React.createElement(Grid, { sm: 12, md: 12, lg: 12 },
                     React.createElement(GridItem, null,
                         React.createElement(FormGroup, { label: t('Name your link'), type: "string", fieldId: partnershipLinkId, isRequired: true },
+                            React.createElement(TextInput, { isRequired: true, className: showDone || isRequestingAgain ? 'request-collaboration-input' : '', value: localLinkName || props.sendReqAgainFriendlyName, id: partnershipLinkId, "aria-describedby": "age-1-helper", onChange: handleLinkNameChange, onKeyDown: handleKeyDown, placeholder: t('e.g. Customer name'), isDisabled: showDone || isRequestingAgain }),
                             React.createElement(FormHelperText, null,
                                 React.createElement(HelperText, null, validated !== 'error' ? (React.createElement(HelperTextItem, null,
                                     React.createElement(Trans, null, "Please enter a name for your request"))) : (React.createElement(HelperTextItem, { variant: "error" },
                                     React.createElement(Trans, null, isDuplicateLinkName
                                         ? t('Link name already used. Please enter a unique name')
-                                        : t('Please enter a name for your request')))))),
-                            React.createElement(TextInput, { isRequired: true, validated: validated, value: localLinkName || props.sendReqAgainFriendlyName, id: partnershipLinkId, "aria-describedby": "age-1-helper", onChange: handleLinkNameChange, onKeyDown: handleKeyDown, placeholder: t('e.g. Customer name'), isDisabled: showDone || isRequestingAgain }))))),
+                                        : t('Please enter a name for your request')))))))))),
             showDone && (React.createElement(React.Fragment, null, !isRequestingAgain ? (React.createElement(React.Fragment, null,
-                React.createElement("h4", null,
+                React.createElement("h4", { className: "label-text-size" },
                     React.createElement("strong", null, "Copy and send")),
                 React.createElement("div", { className: "clipboard-wrapper" },
-                    React.createElement("div", { className: "clip-content-wrapper code-block" },
-                        React.createElement("code", { ref: clipboardRef }, generatedUrl)),
+                    React.createElement(TextInput, { isDisabled: true, className: "request-collaboration-input", ref: clipboardRef, value: generatedUrl }),
                     React.createElement(Tooltip, { position: TooltipPosition.top, content: clipboardText, trigger: "click" },
-                        React.createElement("button", { className: "nimbus-icon-clipboard clip-code-raw-btn xs-icon", "aria-hidden": "true", onClick: onClickOnCopyToClipboardButton, "data-tracking-id": "request-collaboration-link-copy-button", type: "button" }))),
-                React.createElement("p", { className: !isCopyClicked && isDoneClicked ? 'pf-v6-u-text-color-status-danger' : '' },
+                        React.createElement(Button, { className: "pf-v6-u-ml-sm copy-button", variant: "control", "aria-label": "Copy", icon: React.createElement(CopyIcon, null), "aria-hidden": "true", onClick: onClickOnCopyToClipboardButton, "data-tracking-id": "request-collaboration-link-copy-button", type: "button" }))),
+                React.createElement("div", { className: !isCopyClicked && isDoneClicked
+                        ? 'pf-v6-u-text-color-status-danger helper-text-size'
+                        : 'helper-text-size' },
                     React.createElement(Trans, null,
                         "Please ",
                         React.createElement("strong", null, "copy and send"),

package/lib/esm/components/NotificationEmails/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,wBAAgB,kBAAkB,sBAsOjC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NotificationEmails/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,wBAAgB,kBAAkB,sBAuOjC"}

package/lib/esm/components/NotificationEmails/index.js

@@ -73,6 +73,7 @@ export function NotificationEmails() {
             ToastNotification.addSuccessMessage(t('Notification email has been successfully removed'));
         }
         catch (e) {
+            console.error(e);
             // we come here if error happens or user didn't confirm the delete action
             !isEmpty(e) && ToastNotification.addDangerMessage(t('Notification email account failed to update'));
         }

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

@@ -149,7 +149,7 @@ export function TopContentEditor() {
         React.createElement(TopContentHeader, null),
         !topContentResponse.isFetching && topContentResponse.isError && (React.createElement(Alert, { isInline: true, variant: AlertVariant.danger, title: React.createElement(Trans, null, "Error loading Top Content") })),
         React.createElement(TopContentProductVersionSelector, { selectedProduct: selectedProduct, selectedVersion: selectedVersion, onProductChange: onProductChange, onVersionChange: onVersionChange }),
-        !topContentResponse.isFetching && (React.createElement("div", { className: "toolbar" },
+        !topContentResponse.isFetching && (React.createElement("div", { className: "toolbar secondary-toolbar" },
             React.createElement(TopContentSearch, { dataTrackingId: "top-content-filter-manage", topContentData: flagContentEditState, onSearch: onSearch, topContentResultsWrapperRef: topContentResultsRef, searchQuery: searchQuery, setSearchQuery: setSearchQuery, className: "toolbar-content", isDisabled: isEmpty(flagContentEditState) }),
             React.createElement("div", { className: "toolbar-content pf-v6-u-ml-md" },
                 React.createElement("label", { htmlFor: 'tag-selector' },

package/lib/esm/scss/_main.scss

@@ -42,10 +42,19 @@
         -ms-flex-direction: column;
         flex-direction: column;
         flex-wrap: wrap;
-        padding: 1rem 1.2rem;
+        justify-content: space-between !important;
+        padding-left: var(--pf-t--global--spacer--lg);
+        padding-right: var(--pf-t--global--spacer--lg);
+        padding-top: var(--pf-t--global--spacer--md);
+        padding-bottom: var(--pf-t--global--spacer--md);
         background-color: #f0f0f0;
         border: 1px solid #d2d2d2;
 
+        &:not(.secondary-toolbar) {
+            border-top-left-radius: var(--pf-t--global--border--radius--small);
+            border-top-right-radius: var(--pf-t--global--border--radius--small);
+        }
+
         .toolbar-content {
             width: 49%;
         }
@@ -123,7 +132,6 @@
             .toolbar-right {
                 flex: 1 1 35%;
                 max-width: 35%;
-                padding: 0px 16px;
             }
         }
 
@@ -176,6 +184,8 @@
             margin-top: 0;
             padding: 0.5rem 1.2rem;
             background-color: #f0f0f0;
+            border-bottom-left-radius: var(--pf-t--global--border--radius--small);
+            border-bottom-right-radius: var(--pf-t--global--border--radius--small);
 
             .pf-v6-c-pagination {
                 padding: 0;
@@ -446,3 +456,31 @@ svg.hostnameSpinner {
 #tag-search-input input {
     min-width: 30rem;
 }
+
+.grid-main.manage {
+    header > h2 {
+        margin-bottom: var(--pf-t--global--spacer--sm);
+    }
+
+    header {
+        margin-bottom: var(--pf-t--global--spacer--lg);
+    }
+
+    .pf-v6-c-tab-content {
+        padding-top: var(--pf-t--global--spacer--lg);
+        padding-bottom: var(--pf-t--global--spacer--lg);
+        padding-right: var(--pf-t--global--spacer--xl);
+        padding-left: var(--pf-t--global--spacer--xl);
+    }
+}
+
+.pf-v6-c-table__th {
+    padding-left: var(--pf-t--global--spacer--xl);
+}
+
+.pf-v6-c-table__td {
+    padding-left: calc(var(--pf-t--global--spacer--xl) + 1.35px);
+}
+
+.border-none {
+}

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

@@ -143,11 +143,6 @@ div.pf-v6-c-pagination__nav-page-select {
     padding: 0;
 }
 
-.pf-v6-c-form-control.pf-m-disabled {
-    background-color: #e0e0e0;
-    border-bottom: 1px solid black;
-}
-
 .pf-v6-c-form-control.pf-m-disabled.issue-title-disabled {
     border: none !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.5.41",
+    "version": "2.5.43",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "license": "ISC",
@@ -103,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "4bee35b87e0078a62064ee31c363ce3d11cbe539"
+    "gitHead": "f69973584d77efaa8fb77808e43757b074e50dc6"
 }