@rh-support/manage 2.1.27 → 2.1.30

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 (69) hide show
  1. package/README.md +2 -0
  2. package/lib/esm/components/Configs/ConfigSwitch.js +1 -1
  3. package/lib/esm/components/Configs/ConfigsTable.js +1 -1
  4. package/lib/esm/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.js +1 -1
  5. package/lib/esm/components/Groups/GroupSelect/GroupSelect.d.ts.map +1 -1
  6. package/lib/esm/components/Groups/GroupSelect/GroupSelect.js +3 -3
  7. package/lib/esm/components/Groups/GroupUserPermissionsSelect/GroupUserPermissionsSelect.js +1 -1
  8. package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.js +2 -2
  9. package/lib/esm/components/ManageBookmarkedAccountsTab/AddEditBookmarkModal.js +1 -1
  10. package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.d.ts.map +1 -1
  11. package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.js +7 -5
  12. package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkGroupSelector.d.ts.map +1 -1
  13. package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkGroupSelector.js +8 -5
  14. package/lib/esm/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.d.ts.map +1 -1
  15. package/lib/esm/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.js +5 -4
  16. package/lib/esm/components/ManagePartnerships/PartnershipsList.js +2 -2
  17. package/lib/esm/components/ManagePartnerships/PartnershipsTermsModal.js +2 -2
  18. package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.d.ts.map +1 -1
  19. package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.js +17 -14
  20. package/lib/esm/components/ManagePartnerships/Requests.js +4 -4
  21. package/lib/esm/components/ManagePartnerships/index.d.ts.map +1 -1
  22. package/lib/esm/components/ManagePartnerships/index.js +2 -2
  23. package/lib/esm/components/ManagePreferences/PreferencesHeader.js +1 -1
  24. package/lib/esm/components/ManagePreferences/components/PreferenceSelect.d.ts.map +1 -1
  25. package/lib/esm/components/ManagePreferences/components/PreferenceSelect.js +3 -2
  26. package/lib/esm/components/ManagePreferences/components/PreferenceSwitch.js +1 -1
  27. package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.d.ts.map +1 -1
  28. package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.js +2 -1
  29. package/lib/esm/components/ManagePreferences/sections/PreferencesCaseSearch.d.ts.map +1 -1
  30. package/lib/esm/components/ManagePreferences/sections/PreferencesCaseSearch.js +2 -1
  31. package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.js +7 -6
  32. package/lib/esm/components/ManageTable/ManageTable.d.ts.map +1 -1
  33. package/lib/esm/components/ManageTable/ManageTable.js +5 -6
  34. package/lib/esm/components/NotificationEmails/NotificationEmailsModal.d.ts.map +1 -1
  35. package/lib/esm/components/NotificationEmails/NotificationEmailsModal.js +13 -6
  36. package/lib/esm/components/NotificationEmails/index.js +3 -3
  37. package/lib/esm/components/TopContentManagement/CategoryLimit/CategoryLimit.d.ts.map +1 -1
  38. package/lib/esm/components/TopContentManagement/CategoryLimit/CategoryLimit.js +3 -2
  39. package/lib/esm/components/TopContentManagement/CategoryLimit/CategoryLimitGuidelines.js +1 -1
  40. package/lib/esm/components/TopContentManagement/CategoryLimit/QuestionAnswer.js +1 -1
  41. package/lib/esm/components/TopContentManagement/ContentUsage/ContentAccordion.d.ts.map +1 -1
  42. package/lib/esm/components/TopContentManagement/ContentUsage/ContentAccordion.js +2 -2
  43. package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetrics.d.ts.map +1 -1
  44. package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetrics.js +3 -3
  45. package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.d.ts +1 -1
  46. package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.d.ts.map +1 -1
  47. package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.js +3 -3
  48. package/lib/esm/components/TopContentManagement/ContentUsage/VersionPerformanceMetrics.d.ts.map +1 -1
  49. package/lib/esm/components/TopContentManagement/ContentUsage/VersionPerformanceMetrics.js +4 -4
  50. package/lib/esm/components/TopContentManagement/NoTopContentFound.d.ts.map +1 -1
  51. package/lib/esm/components/TopContentManagement/NoTopContentFound.js +13 -14
  52. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/AddNewCategoryDropDown.js +2 -2
  53. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentCategory.d.ts.map +1 -1
  54. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentCategory.js +3 -2
  55. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentComponent.js +1 -1
  56. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.d.ts.map +1 -1
  57. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.js +7 -6
  58. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItemLink.js +1 -1
  59. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.js +3 -3
  60. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestion.js +1 -1
  61. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHint.js +3 -3
  62. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHintAccept.d.ts.map +1 -1
  63. package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHintAccept.js +7 -6
  64. package/lib/esm/components/TopContentManagement/TopContentHeader.js +1 -1
  65. package/lib/esm/components/TopContentManagement/TopContentProductVersionSelector.js +6 -6
  66. package/lib/esm/scss/_main.scss +25 -43
  67. package/lib/esm/scss/_pf4-overrides.scss +43 -41
  68. package/lib/esm/scss/index.scss +4 -4
  69. package/package.json +15 -15
package/README.md CHANGED
@@ -9,3 +9,5 @@ const manage = require('manage');
9
9
 
10
10
  // TODO: DEMONSTRATE API
11
11
  ```
12
+
13
+ .
@@ -15,6 +15,6 @@ export function ConfigSwitch(props) {
15
15
  props.onChange(props.fieldName, isChecked ? '1' : '0', props.id);
16
16
  });
17
17
  return (React.createElement(React.Fragment, null,
18
- React.createElement(Switch, { id: `${props.id}`, isChecked: props.isChecked, onChange: onSwitchChange, isDisabled: props.isUpdating, "aria-label": props.fieldName }),
18
+ React.createElement(Switch, { id: `${props.id}`, isChecked: props.isChecked, onChange: (_event, isChecked) => onSwitchChange(isChecked), isDisabled: props.isUpdating, "aria-label": props.fieldName }),
19
19
  props.isUpdating && React.createElement(LoadingIndicator, { isInline: true })));
20
20
  }
@@ -119,7 +119,7 @@ export const ConfigsTable = () => {
119
119
  React.createElement("div", { className: "toolbar-right" },
120
120
  React.createElement("label", { htmlFor: "search-config-filelds" },
121
121
  React.createElement(Trans, null, "Filter by")),
122
- React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100", id: "search-config-filelds", placeholder: "Search for an existing config name", value: searchString, onChange: onSearchChange, onClear: () => onSearchChange(''), "aria-label": "Search for an existing config name" }))),
122
+ React.createElement(SearchInput, { className: "pf-v5-u-flex-grow-1 pf-v5-c-search-input pf-v5-u-background-color-100", id: "search-config-filelds", placeholder: "Search for an existing config name", value: searchString, onChange: (_, value) => onSearchChange(value), onClear: () => onSearchChange(''), "aria-label": "Search for an existing config name" }))),
123
123
  React.createElement(ErrorBoundary, { errorMsgInfo: { message: 'There was an error loading config page' } },
124
124
  React.createElement(ManageTable, { sortInfo: { column: 'created-date', direction: 'desc' }, ariaLabel: 'Table to manage pcm config', columns: columns, data: filteredValues, isFetching: isFetching, isError: false, errorTitle: 'Config table error', errorComponent: React.createElement(Trans, null, "Could not get configs"), keepPageNumberOnDataChange: keepPageNumberOnDataChange }))));
125
125
  };
@@ -33,6 +33,6 @@ export const DefaultGroupSwitch = (props) => {
33
33
  }
34
34
  });
35
35
  return (React.createElement(React.Fragment, null,
36
- React.createElement(Switch, { "aria-label": "Toggle default group", "data-tracking-id": `group-user-toggle-default-${user.isDefault ? 'off' : 'on'}`, label: t('On'), labelOff: t('Off'), id: id, isDisabled: user.access === false || user.write === false || toggleDefaultGroupFetch.isFetching, isChecked: user.isDefault, onChange: toggleDefault }),
36
+ React.createElement(Switch, { "aria-label": "Toggle default group", "data-tracking-id": `group-user-toggle-default-${user.isDefault ? 'off' : 'on'}`, label: t('On'), labelOff: t('Off'), id: id, isDisabled: user.access === false || user.write === false || toggleDefaultGroupFetch.isFetching, isChecked: user.isDefault, onChange: (_event, isChecked) => toggleDefault(isChecked) }),
37
37
  React.createElement(LoadingIndicator, { show: toggleDefaultGroupFetch.isFetching, size: "xs" })));
38
38
  };
@@ -1 +1 @@
1
- {"version":3,"file":"GroupSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AA0B3E,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,WAAW,UAAW,MAAM,gBAmbxC,CAAC"}
1
+ {"version":3,"file":"GroupSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Groups/GroupSelect/GroupSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAiC3E,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAKD,eAAO,MAAM,WAAW,UAAW,MAAM,gBAmbxC,CAAC"}
@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
8
8
  });
9
9
  };
10
10
  import { publicApi } from '@cee-eng/hydrajs';
11
- import { Dropdown, DropdownItem, DropdownToggle, Select, SelectOption, SelectVariant } from '@patternfly/react-core';
11
+ import { Dropdown, DropdownItem, DropdownToggle, Select, SelectOption, SelectVariant, } from '@patternfly/react-core/deprecated';
12
12
  import CogIcon from '@patternfly/react-icons/dist/js/icons/cog-icon';
13
13
  import { AlertMessage, AlertType, ToastNotification, useConfirmation, useFetch, usePrevious, } from '@rh-support/components';
14
14
  import { fetchCaseGroupsForSSO, setCaseGroups, useGlobalDispatchContext, useGlobalStateContext, } from '@rh-support/react-context';
@@ -312,12 +312,12 @@ export const GroupSelect = (props) => {
312
312
  !showErrorMessage && !showInput && (React.createElement(React.Fragment, null,
313
313
  React.createElement("label", null,
314
314
  React.createElement(Trans, null, "Group")),
315
- React.createElement(Select, { variant: SelectVariant.typeahead, isDisabled: caseGroups.isFetching || caseGroups.isError || props.isDisabled || disableOnFetch, "aria-label": "Select a group to view accounts", onToggle: toggleIsOpen, onSelect: onSelect, onClear: onClear, noResultsFoundText: t('No results found'), selections: selectedGroup, isOpen: isOpen, "aria-labelledby": selectAGroupText, placeholderText: selectAGroupText, "data-tracking-id": "group-list-selector" }, (caseGroups.data || [])
315
+ React.createElement(Select, { variant: SelectVariant.typeahead, isDisabled: caseGroups.isFetching || caseGroups.isError || props.isDisabled || disableOnFetch, "aria-label": "Select a group to view accounts", onToggle: (_event, isExpanded) => toggleIsOpen(isExpanded), onSelect: onSelect, onClear: onClear, noResultsFoundText: t('No results found'), selections: selectedGroup, isOpen: isOpen, "aria-labelledby": selectAGroupText, placeholderText: selectAGroupText, "data-tracking-id": "group-list-selector" }, (caseGroups.data || [])
316
316
  .filter((g) => g.groupNum !== unGroupedCaseGroupNumber)
317
317
  .map((data, index) => (React.createElement(SelectOption, { key: index, isSelected: data.name === selectedGroup, value: data.name }, data.name)))))),
318
318
  !showErrorMessage && showDropdown && (React.createElement(Dropdown, { className: "group-actions-dropdown group-action", onSelect: closeDropdown, toggle: dropdownToggle, isOpen: isDropdownOpen, "aria-label": t('Group actions dropdown'), isPlain: true, dropdownItems: dropdownItems })),
319
319
  !showErrorMessage && showInput && (React.createElement(React.Fragment, null,
320
- React.createElement(Select, { className: "group-select-input pf-u-mr-sm", isDisabled: disableOnFetch, variant: SelectVariant.typeahead, "aria-label": t('Enter group name'), onToggle: onMultiSelect, onSelect: onMultiSelect, onClear: onMultiClear, onFilter: onChange, selections: input, isOpen: false, placeholderText: t('Enter group name') }),
320
+ React.createElement(Select, { className: "group-select-input pf-v5-u-mr-sm", isDisabled: disableOnFetch, variant: SelectVariant.typeahead, "aria-label": t('Enter group name'), onToggle: onMultiSelect, onSelect: onMultiSelect, onClear: onMultiClear, onFilter: onChange, selections: input, isOpen: false, placeholderText: t('Enter group name') }),
321
321
  React.createElement("button", { ref: submitActionBtn, disabled: disableOnFetch || input.length === 0, className: "btn btn-app btn-link group-action", onClick: onAction, "aria-label": "Group action submit", "data-tracking-id": "group-action-submit" },
322
322
  React.createElement(Trans, null, "Save")),
323
323
  React.createElement("button", { key: "cancel", onClick: onGroupActionCancel, className: "btn btn-app btn-link group-action", disabled: disableOnFetch, "data-tracking-id": "group-action-cancel", "aria-label": "Group action cancel" },
@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
8
8
  });
9
9
  };
10
10
  import { publicApi } from '@cee-eng/hydrajs';
11
- import { Select, SelectOption } from '@patternfly/react-core';
11
+ import { Select, SelectOption } from '@patternfly/react-core/deprecated';
12
12
  import { LoadingIndicator, ToastNotification, useFetch } from '@rh-support/components';
13
13
  import React, { useEffect, useState } from 'react';
14
14
  import { useTranslation } from 'react-i18next';
@@ -130,7 +130,7 @@ export const ManageGroupUsers = () => {
130
130
  // eslint-disable-next-line react-hooks/exhaustive-deps
131
131
  }, [location.pathname]);
132
132
  return (React.createElement("section", { id: "manage-groups" },
133
- React.createElement(AlertMessage, { variant: AlertType.INFO, show: loggedInUserRights.data.isOrgAdmin() && !loggedInUsersAccount.data.hasGroupACLs, isInline: true, className: "pf-u-mb-md", title: t("Case Group Access Control Lists (ACLs) haven't been activated on your account.") },
133
+ React.createElement(AlertMessage, { variant: AlertType.INFO, show: loggedInUserRights.data.isOrgAdmin() && !loggedInUsersAccount.data.hasGroupACLs, isInline: true, className: "pf-v5-u-mb-md", title: t("Case Group Access Control Lists (ACLs) haven't been activated on your account.") },
134
134
  React.createElement("p", null,
135
135
  React.createElement(Trans, { i18nKey: "i18nRequestControl" },
136
136
  "You can set permissions on groups but settings won't take effect until",
@@ -150,7 +150,7 @@ export const ManageGroupUsers = () => {
150
150
  React.createElement("span", { className: "toolbar-right" },
151
151
  React.createElement("label", { htmlFor: "account-group-filter" },
152
152
  React.createElement(Trans, null, "Filter by")),
153
- React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100", id: "account-group-filter", value: userSearch, isDisabled: isFetching || !selectedGroup, onChange: setUserSearch, placeholder: t('Search for people in this group'), "aria-label": "Group search input", onClear: () => setUserSearch('') }))),
153
+ React.createElement(SearchInput, { className: "pf-v5-u-flex-grow-1 pf-v5-c-search-input pf-v5-u-background-color-100", id: "account-group-filter", value: userSearch, isDisabled: isFetching || !selectedGroup, onChange: (_, value) => setUserSearch(value), placeholder: t('Search for people in this group'), "aria-label": "Group search input", onClear: () => setUserSearch('') }))),
154
154
  React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading group users list') } },
155
155
  React.createElement(ManageTable, { ariaLabel: t('Table to manage groups'), columns: columns, data: data, sortInfo: { column: 'first-name', direction: 'asc' }, isFetching: isFetching, isError: false }))));
156
156
  };
@@ -77,7 +77,7 @@ export const AddEditBookmarkModal = (props) => {
77
77
  React.createElement(Trans, null, "Cancel")),
78
78
  ] },
79
79
  React.createElement("div", null,
80
- React.createElement("div", { className: "pf-u-mb-lg" },
80
+ React.createElement("div", { className: "pf-v5-u-mb-lg" },
81
81
  React.createElement(BookmarkGroupSelector, { selectedGroup: selectedGroup, groups: props.groups, onGroupInputBoxChanged: onGroupInputBoxChanged, isInValid: isInValid && (isPresentInGroups || isEmpty(selectedGroup === null || selectedGroup === void 0 ? void 0 : selectedGroup.trim())), setIsInValid: setIsInValid, isPresentInGroups: isPresentInGroups })),
82
82
  React.createElement("div", null,
83
83
  React.createElement("label", { id: "add-bookmark-account-on-add-modal" },
@@ -1 +1 @@
1
- {"version":3,"file":"BookmarkAccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAGhF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAUtD,UAAU,MAAM;IACZ,uBAAuB,EAAE,SAAS,EAAE,CAAC;IACrC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,eAwPpD;yBAxPe,uBAAuB"}
1
+ {"version":3,"file":"BookmarkAccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAIhF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAUtD,UAAU,MAAM;IACZ,uBAAuB,EAAE,SAAS,EAAE,CAAC;IACrC,iBAAiB,CAAC,EAAE,kBAAkB,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,eAwPpD;yBAxPe,uBAAuB"}
@@ -8,7 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
8
8
  });
9
9
  };
10
10
  import { accounts } from '@cee-eng/hydrajs';
11
- import { Label, LabelGroup, Select, SelectOption, SelectVariant, Tooltip } from '@patternfly/react-core';
11
+ import { Label, LabelGroup, Tooltip } from '@patternfly/react-core';
12
+ import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
12
13
  import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
13
14
  import assign from 'lodash/assign';
14
15
  import compact from 'lodash/compact';
@@ -94,6 +95,7 @@ export function BookmarkAccountSelector(props) {
94
95
  ];
95
96
  setSelected(selectedAccounts);
96
97
  props.onBookMarkAccountSelected(selectedAccounts);
98
+ setIsOpen(!isOpen);
97
99
  };
98
100
  const duplicateAccounts = (props.selectedGroup &&
99
101
  props.addMode &&
@@ -109,7 +111,7 @@ export function BookmarkAccountSelector(props) {
109
111
  props.onBookMarkAccountSelected(updatedSelectedAccounts);
110
112
  };
111
113
  const labelGroupComponent = () => {
112
- return (React.createElement(LabelGroup, { numLabels: 2 }, (selected || []).map((currentLabel) => (React.createElement(Label, { key: currentLabel.accountNumber, onClose: () => removeAccountLabel(currentLabel), isTruncated: false, color: "cyan" },
114
+ return (React.createElement(LabelGroup, { numLabels: 2 }, (selected || []).map((currentLabel) => (React.createElement(Label, { key: currentLabel.accountNumber, onClose: () => removeAccountLabel(currentLabel), color: "cyan" },
113
115
  currentLabel.name,
114
116
  " (",
115
117
  currentLabel.accountNumber,
@@ -139,14 +141,14 @@ export function BookmarkAccountSelector(props) {
139
141
  const titleId = 'multi-typeahead-bookmark-chip-group-props-id';
140
142
  return (React.createElement(React.Fragment, null,
141
143
  React.createElement("span", { id: titleId, hidden: true }, "Select a state"),
142
- React.createElement(Select, Object.assign({ chipGroupComponent: labelGroupComponent(), variant: SelectVariant.typeaheadMulti, typeAheadAriaLabel: t('Search for account names or numbers'), onToggle: onToggle, onSelect: onSelect, onClear: clearSelection, "data-tracking-id": props.labelId, selections: selected, isOpen: isOpen, "aria-labelledby": titleId, placeholderText: t('Search for account names or numbers'), hasInlineFilter: false, onTypeaheadInputChanged: debounceFn, onFilter: () => undefined, "aria-describedby": "clusterID-validate-helper" }, (isSearching && { loadingVariant: 'spinner' })), options.map((account, index) => (React.createElement(SelectOption, { value: account, key: index },
144
+ React.createElement(Select, Object.assign({ chipGroupComponent: labelGroupComponent(), variant: SelectVariant.typeaheadMulti, typeAheadAriaLabel: t('Search for account names or numbers'), onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onSelect, onClear: clearSelection, "data-tracking-id": props.labelId, selections: selected, isOpen: isOpen, "aria-labelledby": titleId, placeholderText: t('Search for account names or numbers'), hasInlineFilter: false, onTypeaheadInputChanged: debounceFn, onFilter: () => undefined, "aria-describedby": "clusterID-validate-helper" }, (isSearching && { loadingVariant: 'spinner' })), options.map((account, index) => (React.createElement(SelectOption, { value: account, key: index },
143
145
  React.createElement("div", null,
144
- React.createElement("div", { className: "pf-u-color-100 pf-u-font-size-sm" },
146
+ React.createElement("div", { className: "pf-v5-u-color-100 pf-v5-u-font-size-sm" },
145
147
  account.name,
146
148
  " (",
147
149
  account.accountNumber,
148
150
  ")"),
149
- React.createElement("div", null, account.bookmarkGroupName.length === 0 ? (React.createElement("span", { className: "pf-u-color-400" },
151
+ React.createElement("div", null, account.bookmarkGroupName.length === 0 ? (React.createElement("span", { className: "pf-v5-u-color-400" },
150
152
  React.createElement(Trans, null, "This account has not been bookmarked."))) : account.bookmarkGroupName.length > 2 ? (React.createElement("div", null,
151
153
  React.createElement(Tooltip, { isContentLeftAligned: true, content: account.bookmarkGroupName.map((group) => (React.createElement("div", null, group))) },
152
154
  React.createElement(Label, { color: "purple", icon: React.createElement(InfoCircleIcon, null), key: `${account.accountNumber}${account.bookmarkGroupName}` },
@@ -1 +1 @@
1
- {"version":3,"file":"BookmarkGroupSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/BookmarkGroupSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5D,iBAAiB,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,qBAAqB,UAAW,MAAM,gBAkD3C,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
1
+ {"version":3,"file":"BookmarkGroupSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/BookmarkGroupSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,MAAM;IACZ,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5D,iBAAiB,EAAE,OAAO,CAAC;CAC9B;AAED,QAAA,MAAM,qBAAqB,UAAW,MAAM,gBAsD3C,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
@@ -1,4 +1,4 @@
1
- import { Form, FormGroup, TextInput } from '@patternfly/react-core';
1
+ import { Form, FormGroup, FormHelperText, HelperText, HelperTextItem, TextInput } from '@patternfly/react-core';
2
2
  import React, { useEffect, useState } from 'react';
3
3
  import { Trans, useTranslation } from 'react-i18next';
4
4
  const BookmarkGroupSelector = (props) => {
@@ -21,9 +21,12 @@ const BookmarkGroupSelector = (props) => {
21
21
  React.createElement(Trans, null, "Bookmark name"),
22
22
  React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
23
23
  React.createElement(Form, null,
24
- React.createElement(FormGroup, { helperTextInvalid: props.isPresentInGroups
25
- ? t('A bookmark with this name already exists')
26
- : t('Add a name to your bookmark'), validated: validated },
27
- React.createElement(TextInput, { value: props.selectedGroup, onChange: onInputSave, placeholder: t('Enter a unique name for your bookmark'), "aria-invalid": props.isInValid, validated: validated, selected: false, id: "bookmark-group-input", width: 200 })))));
24
+ React.createElement(FormGroup, null,
25
+ validated === 'error' && (React.createElement(FormHelperText, null,
26
+ React.createElement(HelperText, null,
27
+ React.createElement(HelperTextItem, { variant: "error" }, props.isPresentInGroups
28
+ ? t('A bookmark with this name already exists')
29
+ : t('Add a name to your bookmark'))))),
30
+ React.createElement(TextInput, { value: props.selectedGroup, onChange: (_event, value) => onInputSave(value), placeholder: t('Enter a unique name for your bookmark'), "aria-invalid": props.isInValid, validated: validated, selected: false, id: "bookmark-group-input", width: 200 })))));
28
31
  };
29
32
  export { BookmarkGroupSelector };
@@ -1 +1 @@
1
- {"version":3,"file":"ManageGroupedBookmarkedAccountsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.tsx"],"names":[],"mappings":"AA8CA,UAAU,MAAM;IACZ,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,kCAAkC,CAAC,EAAE,yBAAyB,EAAE,EAAE,MAAM,eA4YvF"}
1
+ {"version":3,"file":"ManageGroupedBookmarkedAccountsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.tsx"],"names":[],"mappings":"AA+CA,UAAU,MAAM;IACZ,yBAAyB,EAAE,OAAO,CAAC;CACtC;AAED,wBAAgB,kCAAkC,CAAC,EAAE,yBAAyB,EAAE,EAAE,MAAM,eA8YvF"}
@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
7
7
  step((generator = generator.apply(thisArg, _arguments || [])).next());
8
8
  });
9
9
  };
10
- import { ActionList, ActionListItem, AlertVariant, Button, ButtonVariant, Label, LabelGroup, Popover, PopoverPosition, SearchInput, } from '@patternfly/react-core';
10
+ import { ActionList, ActionListItem, AlertVariant, Button, ButtonVariant, Icon, Label, LabelGroup, Popover, PopoverPosition, SearchInput, } from '@patternfly/react-core';
11
11
  import PencilAltIcon from '@patternfly/react-icons/dist/esm/icons/pencil-alt-icon';
12
12
  import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon';
13
13
  import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
@@ -257,20 +257,21 @@ export function ManageGroupedBookmarkedAccountsTab({ canManageBookmarkAccounts }
257
257
  React.createElement("a", { href: "https://source.redhat.com/communitiesatredhat/applications/integration-community-of-practice/misplaced/lostnfound/bookmarking", target: "_blank", rel: "noopener noreferrer" },
258
258
  ' ',
259
259
  "bookmarks in the customer support tool"))), closeBtnAriaLabel: "Close" },
260
- React.createElement(InfoCircleIcon, { className: "pf-u-ml-xs", "aria-label": "Cluster Id Info", size: "sm" }))))),
260
+ React.createElement(Icon, { size: "md", className: "pf-v5-u-ml-xs", "aria-label": "Cluster Id Info" },
261
+ React.createElement(InfoCircleIcon, null)))))),
261
262
  React.createElement("div", { className: "toolbar" },
262
263
  React.createElement("form", { onSubmit: (event) => event.preventDefault(), className: "toolbar-left" },
263
264
  React.createElement("label", { htmlFor: "bookmark-account-selector" },
264
265
  React.createElement(Trans, null, "Search accounts")),
265
266
  React.createElement("span", { className: "bookmark-account" },
266
267
  React.createElement(BookmarkAccountSelector, { clearRef: clearRef, labelId: "bookmark-account-selector", isDisabled: !loggedInUserRights.data.isInternal() || !canBookmarkAccounts, bookmarkedGroupAccounts: bookmarkedGroupAccounts.data, onBookMarkAccountSelected: onBookMarkAccountSelected, addMode: true, isInValid: false })),
267
- React.createElement("span", { className: "pf-u-ml-sm" },
268
+ React.createElement("span", { className: "pf-v5-u-ml-sm" },
268
269
  React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: onOpenAddBookmarkModal, "data-tracking-id": "bookmark-add-button", isDisabled: isValid() || apiCalls.isAddingBookmark },
269
270
  React.createElement(Trans, null, "Add bookmark")))),
270
271
  React.createElement("div", { className: "toolbar-right" },
271
272
  React.createElement("label", { htmlFor: "search-bookmark-account-selector" },
272
273
  React.createElement(Trans, null, "Filter by")),
273
- React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100", value: searchString, id: "search-bookmark-account-selector", placeholder: t('Search for a bookmark'), "aria-label": t('Filter by searching for a bookmark'), onChange: setSearchString, onClear: () => setSearchString('') }))),
274
+ React.createElement(SearchInput, { className: "pf-v5-u-flex-grow-1 pf-v5-c-search-input pf-v5-u-background-color-100", value: searchString, id: "search-bookmark-account-selector", placeholder: t('Search for a bookmark'), "aria-label": t('Filter by searching for a bookmark'), onChange: (_, val) => setSearchString(val), onClear: () => setSearchString('') }))),
274
275
  React.createElement(AddEditBookmarkModal, { selectedAccounts: isInAddMode ? localSelectedAccounts : editGroupSelectedAccounts, groups: groups, isOpen: isUpdateBookmarkModalOpen, onSave: onAddEditBookmarksSave, onClose: closeAddEditBookmarkModal, onRemove: removeGroup, bookmarkedGroupAccounts: bookmarkedGroupAccounts.data, addMode: isInAddMode, title: isInAddMode ? t('Add a bookmark') : t('Edit bookmark') }),
275
276
  React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading bookmarked accounts list') } },
276
277
  React.createElement(ManageTable, { ariaLabel: t('Table to manage bookmarks'), columns: columns, data: groupNames, sortInfo: { column: 'bookmark-group-name', direction: 'asc' }, errorVariant: AlertVariant.warning, isFetching: bookmarkedGroupAccounts.isFetching ||
@@ -115,7 +115,7 @@ export function PartnershipsList() {
115
115
  React.createElement(LoadingIndicator, { isInline: true, show: isDeleting && data.accountNum === isDeletingAccountNum, size: "xs" }))),
116
116
  },
117
117
  ];
118
- const requestCollaborationButton = () => (React.createElement("div", { className: "toolbar-right pf-u-mt-xs" },
118
+ const requestCollaborationButton = () => (React.createElement("div", { className: "toolbar-right pf-v5-u-mt-xs" },
119
119
  React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: () => setIsRequestCollabModalOpen(true), "data-tracking-id": "request-collaboration-button", isDisabled: false },
120
120
  React.createElement(Trans, null, "Request Collaboration"))));
121
121
  // Get Customer Accounts For A Partner
@@ -174,7 +174,7 @@ export function PartnershipsList() {
174
174
  React.createElement("div", { className: "toolbar" },
175
175
  React.createElement("div", { className: "toolbar-left" },
176
176
  React.createElement("label", { htmlFor: "search-partnerships" }, "Filter by"),
177
- React.createElement(SearchInput, { className: "pf-u-flex-grow-1 pf-c-search-input pf-u-background-color-100 pf-u-mr-lg", id: "search-partnerships", placeholder: t('Search for an existing partnership'), value: searchString, onChange: setSearchString, onClear: () => setSearchString(''), "aria-label": t('Search for an existing partnership') })),
177
+ React.createElement(SearchInput, { className: "pf-v5-u-flex-grow-1 pf-v5-c-search-input pf-v5-u-background-color-100 pf-v5-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') })),
178
178
  isPartner() && requestCollaborationButton()),
179
179
  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.') }),
180
180
  React.createElement(RequestCollaborationModal, { isOpen: isRequestCollabModalOpen, onClose: () => {
@@ -104,9 +104,9 @@ export const PartnershipsTermsModal = () => {
104
104
  React.createElement(Button, { key: "close-after-link-created", "data-tracking-id": "close-after-link-created", variant: ButtonVariant.primary, onClick: () => onClose(), isDisabled: isUpdating },
105
105
  React.createElement(Trans, null, "Close")),
106
106
  ] },
107
- React.createElement(React.Fragment, null, isVerifyingLink ? (React.createElement(React.Fragment, null, verificationFailMessage ? (React.createElement("p", { className: "pf-u-mt-xs pf-u-danger-color-100" }, verificationFailMessage)) : (React.createElement("p", { className: "pf-u-mt-xs" },
107
+ React.createElement(React.Fragment, null, isVerifyingLink ? (React.createElement(React.Fragment, null, verificationFailMessage ? (React.createElement("p", { className: "pf-v5-u-mt-xs pf-v5-u-danger-color-100" }, verificationFailMessage)) : (React.createElement("p", { className: "pf-v5-u-mt-xs" },
108
108
  React.createElement(LoadingDots, { show: true, message: t('Verifying partner link') }))))) : !isVerifyingLink && !isTermVisited ? (React.createElement(React.Fragment, null,
109
109
  React.createElement("p", null, "A partner would like to collaborate with you for support when cases are shared. Please confirm the name below and continue to accept terms and conditions."),
110
- React.createElement(TextContent, { className: "pf-u-mt-lg" },
110
+ React.createElement(TextContent, { className: "pf-v5-u-mt-lg" },
111
111
  React.createElement(Text, { component: TextVariants.h3 }, linkAccountName)))) : isTermVisited && isUpdating ? (React.createElement(LoadingIndicator, { show: true, size: "lg" })) : isTermVisited && ackChoice === 'accept' ? (React.createElement("div", null, "Your partnership link is created successfully")) : (React.createElement("div", null, "You have not accepted terms and conditions")))));
112
112
  };
@@ -1 +1 @@
1
- {"version":3,"file":"RequestCollaborationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/RequestCollaborationModal.tsx"],"names":[],"mappings":"AAuBA,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,gBAyNtD,CAAC"}
1
+ {"version":3,"file":"RequestCollaborationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/RequestCollaborationModal.tsx"],"names":[],"mappings":"AAwBA,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,gBAoOtD,CAAC"}
@@ -8,8 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
8
8
  });
9
9
  };
10
10
  import { pcm } from '@cee-eng/hydrajs';
11
- import { Button, ButtonVariant, Form, FormGroup, FormHelperText, Grid, GridItem, Modal, ModalVariant, TextInput, Tooltip, TooltipPosition, } from '@patternfly/react-core';
12
- import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
11
+ import { Button, ButtonVariant, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, ModalVariant, TextInput, Tooltip, TooltipPosition, } from '@patternfly/react-core';
13
12
  import { ToastNotification, useCopyToClipboard } from '@rh-support/components';
14
13
  import { isEmpty } from 'lodash';
15
14
  import React, { useRef, useState } from 'react';
@@ -33,7 +32,7 @@ export const RequestCollaborationModal = (props) => {
33
32
  const dispatch = useManagePartnershipsDispatchContext();
34
33
  const isRequestingAgain = !isEmpty((_a = props.sendReqAgainFriendlyName) === null || _a === void 0 ? void 0 : _a.trim());
35
34
  const [localLinkName, setLocalLinkName] = useState('');
36
- const handleLinkNameChange = (link, _event) => {
35
+ const handleLinkNameChange = (_event, link) => {
37
36
  setLocalLinkName(link);
38
37
  setFriendlyName(link);
39
38
  setIsDuplicateLinkName(false);
@@ -58,6 +57,7 @@ export const RequestCollaborationModal = (props) => {
58
57
  setShowDone(false);
59
58
  setIsDoneClicked(false);
60
59
  setIsCopyClicked(false);
60
+ setLocalLinkName('');
61
61
  };
62
62
  const onClose = () => {
63
63
  reset();
@@ -65,7 +65,7 @@ export const RequestCollaborationModal = (props) => {
65
65
  };
66
66
  const onDone = () => {
67
67
  setIsDoneClicked(true);
68
- if (isCopyClicked) {
68
+ if (isCopyClicked || isRequestingAgain) {
69
69
  reset();
70
70
  props.onClose();
71
71
  }
@@ -118,7 +118,7 @@ export const RequestCollaborationModal = (props) => {
118
118
  return (React.createElement(Modal, { id: "request-collaboration-modal", className: "pf-modal-overflow-visible", title: isRequestingAgain ? 'Request collaboration again' : 'Request collaboration', isOpen: props.isOpen, onClose: onClose, showClose: true, onEscapePress: onClose, variant: ModalVariant.large, actions: [
119
119
  ...(showDone
120
120
  ? [
121
- React.createElement(Button, { key: "done", variant: ButtonVariant.primary, onClick: onDone, isDisabled: validated === 'error' || (!isCopyClicked && isDoneClicked), "data-tracking-id": "request-collaboration-done-button" },
121
+ React.createElement(Button, { key: "done", variant: ButtonVariant.primary, onClick: onDone, isDisabled: validated === 'error' || (!isRequestingAgain && !isCopyClicked && isDoneClicked), "data-tracking-id": "request-collaboration-done-button" },
122
122
  React.createElement(Trans, null, "Done")),
123
123
  ]
124
124
  : [
@@ -128,15 +128,18 @@ export const RequestCollaborationModal = (props) => {
128
128
  ] },
129
129
  React.createElement(React.Fragment, null,
130
130
  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."),
131
- React.createElement(Form, { className: "pf-u-my-md" },
131
+ React.createElement(Form, { className: "pf-v5-u-my-md" },
132
132
  React.createElement(Grid, { sm: 12, md: 6, lg: 6 },
133
133
  React.createElement(GridItem, null,
134
- React.createElement(FormGroup, { label: t('Name your link'), type: "string", helperText: React.createElement(FormHelperText, { isHidden: validated === 'error' },
135
- React.createElement(Trans, null, "Please enter a name for your request")), helperTextInvalid: isDuplicateLinkName
136
- ? t('Link name already used. Please enter a unique name')
137
- : t('Please enter a name for your request'), helperTextInvalidIcon: React.createElement(ExclamationCircleIcon, null), fieldId: partnershipLinkId, validated: validated, isRequired: true },
138
- 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 }))))),
139
- showDone && (React.createElement(React.Fragment, null,
134
+ React.createElement(FormGroup, { label: t('Name your link'), type: "string", fieldId: partnershipLinkId, isRequired: true },
135
+ React.createElement(FormHelperText, null,
136
+ React.createElement(HelperText, null, validated !== 'error' ? (React.createElement(HelperTextItem, null,
137
+ React.createElement(Trans, null, "Please enter a name for your request"))) : (React.createElement(HelperTextItem, { variant: "error", hasIcon: true },
138
+ React.createElement(Trans, null, isDuplicateLinkName
139
+ ? t('Link name already used. Please enter a unique name')
140
+ : t('Please enter a name for your request')))))),
141
+ 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 }))))),
142
+ showDone && (React.createElement(React.Fragment, null, !isRequestingAgain ? (React.createElement(React.Fragment, null,
140
143
  React.createElement("h4", null,
141
144
  React.createElement("strong", null, "Copy and send")),
142
145
  React.createElement("div", { className: "clipboard-wrapper" },
@@ -144,10 +147,10 @@ export const RequestCollaborationModal = (props) => {
144
147
  React.createElement("code", { ref: clipboardRef }, generatedUrl)),
145
148
  React.createElement(Tooltip, { position: TooltipPosition.top, content: clipboardText, trigger: "click" },
146
149
  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" }))),
147
- React.createElement("p", { className: !isCopyClicked && isDoneClicked ? 'pf-u-danger-color-100' : '' },
150
+ React.createElement("p", { className: !isCopyClicked && isDoneClicked ? 'pf-v5-u-danger-color-100' : '' },
148
151
  React.createElement(Trans, null,
149
152
  ' ',
150
153
  "Please ",
151
154
  React.createElement("strong", null, "copy and send"),
152
- " this unique link to your customer for approval.")))))));
155
+ " this unique link to your customer for approval.")))) : (React.createElement(Trans, null, "Partnership request expiration date is extended.")))))));
153
156
  };
@@ -129,7 +129,7 @@ export function Requests() {
129
129
  ]
130
130
  : []),
131
131
  {
132
- title: (React.createElement("div", { className: "pf-u-danger-color-200" },
132
+ title: (React.createElement("div", { className: "pf-v5-u-danger-color-200" },
133
133
  React.createElement(Trans, null, "Delete"))),
134
134
  onClick: () => deleteRequest(friendlyName),
135
135
  itemKey: 'delete-request',
@@ -190,14 +190,14 @@ export function Requests() {
190
190
  React.createElement(StackItem, { className: "toolbar" },
191
191
  React.createElement(ExpandableSectionToggle, { isExpanded: isExpanded, onToggle: onToggle, contentId: contentId },
192
192
  React.createElement("div", null,
193
- React.createElement("label", { className: "pf-u-color-100" },
193
+ React.createElement("label", { className: "pf-v5-u-color-100" },
194
194
  ' ',
195
195
  React.createElement(Trans, null, "Requests"),
196
- isFetchingStatuses ? (React.createElement(LoadingIndicator, { isInline: true, size: "sm", className: "pf-u-mx-sm" })) : (React.createElement(Badge, { className: "pf-u-mx-sm" }, statusList.length)))))),
196
+ isFetchingStatuses ? (React.createElement(LoadingIndicator, { isInline: true, size: "sm", className: "pf-v5-u-mx-sm" })) : (React.createElement(Badge, { className: "pf-v5-u-mx-sm" }, statusList.length)))))),
197
197
  React.createElement(StackItem, null,
198
198
  React.createElement(ExpandableSection, { isIndented: false, isExpanded: isExpanded, isDetached: true, contentId: contentId }, !isEmpty(statusList) ? (React.createElement(ManageTable, { ariaLabel: t('Requests'), columns: columns, data: statusList, errorVariant: AlertVariant.warning, isFetching: isFetchingStatuses, isError: false, errorTitle: t('Request error'), errorComponent: React.createElement(Trans, null, "Could not get requests"), pagination: true, actionResolver: statusList && !isFetchingStatuses && !isEmpty(statusList)
199
199
  ? actionResolver
200
- : null, perPage: 5 })) : (React.createElement("p", { className: "pf-u-p-md" },
200
+ : null, perPage: 5 })) : (React.createElement("p", { className: "pf-v5-u-p-md" },
201
201
  React.createElement(Trans, null, "No request"))))))),
202
202
  isRequestAgainModalOpen && (React.createElement(RequestCollaborationModal, { isOpen: isRequestAgainModalOpen, onClose: onRequestAgainModalClose, sendReqAgainFriendlyName: selectedRowFriendlyName }))));
203
203
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/index.tsx"],"names":[],"mappings":"AAYA,wBAAgB,kBAAkB,gBAsCjC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/index.tsx"],"names":[],"mappings":"AAYA,wBAAgB,kBAAkB,gBA8CjC"}
@@ -12,10 +12,10 @@ export function ManagePartnerships() {
12
12
  const { t } = useTranslation();
13
13
  const { globalMetadataState: { loggedInUserRights }, } = useGlobalStateContext();
14
14
  return (React.createElement(React.Fragment, null,
15
- React.createElement("header", { className: "pf-u-mt-md pf-u-mb-xs" },
15
+ React.createElement("header", { className: "pf-v5-u-mt-md pf-v5-u-mb-xs" },
16
16
  React.createElement("h2", null,
17
17
  React.createElement(Trans, null, "Partnerships")),
18
- React.createElement("p", null, loggedInUserRights.data.isPartner() ? (React.createElement(Trans, null, "Add, edit, or remove partnerships and manage your collaboration requests")) : (React.createElement(Trans, null, "Confirm, filter, or remove partnerships and manage collaboration requests.")))),
18
+ React.createElement("p", null, loggedInUserRights.data.isPartner() ? (React.createElement(Trans, null, "Add, edit, or remove partnerships and manage your collaboration requests")) : (React.createElement(React.Fragment, null, loggedInUserRights.data.isCustomerOrgAdmin() ? (React.createElement(Trans, null, "Confirm, filter, or remove partnerships and manage collaboration requests.")) : (React.createElement(Trans, null, "Filter or remove partnerships and manage collaboration requests.")))))),
19
19
  React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading partnerships list') } },
20
20
  React.createElement(ManagePartnershipsProvider, null,
21
21
  loggedInUserRights.data.isPartner() && React.createElement(Requests, null),
@@ -5,5 +5,5 @@ export function PreferencesHeader() {
5
5
  return (React.createElement("header", null,
6
6
  React.createElement("h2", null,
7
7
  React.createElement(Trans, null, "Preferences")),
8
- React.createElement("p", { className: "pf-u-mt-md pf-u-mb-sm" }, t('Setting preferences will personalize your support case experience to best suit your needs.'))));
8
+ React.createElement("p", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" }, t('Setting preferences will personalize your support case experience to best suit your needs.'))));
9
9
  }
@@ -1 +1 @@
1
- {"version":3,"file":"PreferenceSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,aAAa,KAAA,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAClC;AACD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,eA8CrF"}
1
+ {"version":3,"file":"PreferenceSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/components/PreferenceSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,GAAG,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,KAAA,EAAE,SAAS,KAAA,EAAE,aAAa,KAAA,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;CAClC;AACD,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,MAAM,eA8CrF"}
@@ -7,7 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
7
7
  step((generator = generator.apply(thisArg, _arguments || [])).next());
8
8
  });
9
9
  };
10
- import { Select, SelectVariant, Spinner } from '@patternfly/react-core';
10
+ import { Spinner } from '@patternfly/react-core';
11
+ import { Select, SelectVariant } from '@patternfly/react-core/deprecated';
11
12
  import { ToastNotification } from '@rh-support/components';
12
13
  import React, { useState } from 'react';
13
14
  import { Trans, useTranslation } from 'react-i18next';
@@ -43,5 +44,5 @@ export function PreferenceSelect({ id, label, selections, children, onSelect })
43
44
  return (React.createElement(React.Fragment, null,
44
45
  React.createElement("label", { id: id },
45
46
  React.createElement(Trans, null, label)),
46
- React.createElement(Select, { variant: SelectVariant.single, onToggle: onSelectToggle, onSelect: onSelectLocal, selections: selections, isOpen: isOpen, "aria-labelledby": id, toggleIcon: isLoading && React.createElement(Spinner, { size: "sm" }) }, children)));
47
+ React.createElement(Select, { variant: SelectVariant.single, onToggle: (_event, isOpen) => onSelectToggle(isOpen), onSelect: onSelectLocal, selections: selections, isOpen: isOpen, "aria-labelledby": id, toggleIcon: isLoading && React.createElement(Spinner, { size: "sm" }) }, children)));
47
48
  }
@@ -31,5 +31,5 @@ export function PreferenceSwitch({ onSwitchChange, className, id, label, isCheck
31
31
  }
32
32
  });
33
33
  return (React.createElement("div", null,
34
- React.createElement(Switch, { className: className, id: id, label: label, isChecked: isCheckedLocal, onChange: onChangeLocal, isDisabled: isSwitchLoading })));
34
+ React.createElement(Switch, { className: className, id: id, label: label, isChecked: isCheckedLocal, onChange: (_event, checked) => onChangeLocal(checked), isDisabled: isSwitchLoading })));
35
35
  }
@@ -1 +1 @@
1
- {"version":3,"file":"PreferencesCaseCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseCreate.tsx"],"names":[],"mappings":"AAoBA,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAwLlD"}
1
+ {"version":3,"file":"PreferencesCaseCreate.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseCreate.tsx"],"names":[],"mappings":"AAqBA,UAAU,MAAM;CAAG;AACnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAwLlD"}
@@ -8,7 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
8
8
  });
9
9
  };
10
10
  import { publicApi } from '@cee-eng/hydrajs';
11
- import { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
11
+ import { Card, CardBody, CardHeader } from '@patternfly/react-core';
12
+ import { SelectOption } from '@patternfly/react-core/deprecated';
12
13
  import { ToastNotification, useFetch } from '@rh-support/components';
13
14
  import { fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
14
15
  import { haventLoadedMetadata, PreferredLanguages } from '@rh-support/utils';
@@ -1 +1 @@
1
- {"version":3,"file":"PreferencesCaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseSearch.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA0GlD"}
1
+ {"version":3,"file":"PreferencesCaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/ManagePreferences/sections/PreferencesCaseSearch.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA0GlD"}
@@ -7,7 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
7
7
  step((generator = generator.apply(thisArg, _arguments || [])).next());
8
8
  });
9
9
  };
10
- import { Card, CardBody, CardHeader, SelectOption } from '@patternfly/react-core';
10
+ import { Card, CardBody, CardHeader } from '@patternfly/react-core';
11
+ import { SelectOption } from '@patternfly/react-core/deprecated';
11
12
  import { ToastNotification } from '@rh-support/components';
12
13
  import { UserPreferencesKeys } from '@rh-support/react-context';
13
14
  import find from 'lodash/find';
@@ -8,7 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
8
8
  });
9
9
  };
10
10
  import { accounts } from '@cee-eng/hydrajs';
11
- import { Card, CardBody, CardHeader, Popover, PopoverPosition, SelectOption, Spinner, TextArea, Tooltip, } from '@patternfly/react-core';
11
+ import { Card, CardBody, CardHeader, Popover, PopoverPosition, Spinner, TextArea, Tooltip, } from '@patternfly/react-core';
12
+ import { SelectOption } from '@patternfly/react-core/deprecated';
12
13
  import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
13
14
  import { EditorMode, ToastNotification, useFetch } from '@rh-support/components';
14
15
  import { fetchLoggedInUsersAccount, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
@@ -191,7 +192,7 @@ export function PreferencesCaseView(props) {
191
192
  React.createElement(Trans, null, "Default case view"),
192
193
  React.createElement(Popover, { "aria-label": "Preferred-default-case-view-popover", position: PopoverPosition.top, bodyContent: React.createElement("p", { className: 'pref-case-popover-text' },
193
194
  React.createElement(Trans, null, "Choose the default view you want to see when looking at a case")), showClose: false },
194
- React.createElement(InfoCircleIcon, { "aria-label": "Preferred-default-case-view-info-icon", className: "pf-u-ml-sm" }))));
195
+ React.createElement(InfoCircleIcon, { "aria-label": "Preferred-default-case-view-info-icon", className: "pf-v5-u-ml-sm" }))));
195
196
  return (React.createElement(Card, { className: "preference-card" },
196
197
  React.createElement(CardHeader, null,
197
198
  React.createElement("h3", null,
@@ -205,9 +206,9 @@ export function PreferencesCaseView(props) {
205
206
  React.createElement("div", { className: "form-group" },
206
207
  React.createElement("label", { htmlFor: "comment-signature-textarea" },
207
208
  React.createElement(Trans, null, "Comment signature")),
208
- React.createElement(TextArea, { value: localCommentSignature, onChange: handleCommentSignatureChange, "aria-label": "comment-signature-textarea", placeholder: originalCommentSignature || 'Add a comment signature', id: "comment-signature-textarea",
209
+ React.createElement(TextArea, { value: localCommentSignature, onChange: (_event, value) => handleCommentSignatureChange(value), "aria-label": "comment-signature-textarea", placeholder: originalCommentSignature || 'Add a comment signature', id: "comment-signature-textarea",
209
210
  // @ts-ignore
210
- validated: commentValidated }),
211
+ validated: commentValidated, resizeOrientation: "vertical" }),
211
212
  isCommentSignatureLoading && React.createElement(Spinner, { size: "md" })),
212
213
  canUseHostName && (React.createElement("div", { className: "form-group" },
213
214
  React.createElement("label", { htmlFor: "share-hostnames-switch" },
@@ -216,6 +217,6 @@ export function PreferencesCaseView(props) {
216
217
  React.createElement(PreferenceSwitch, { className: "switches hostnameSwitch", id: "share-hostnames-switch", label: 'Share hostnames', isChecked: isSharingHostNames, onSwitchChange: onShareHostNamesSwitch }),
217
218
  React.createElement("div", { className: "prefhostnameTooltip" },
218
219
  React.createElement(Tooltip, { content: prefHostnameCopy, position: "right" },
219
- React.createElement(InfoCircleIcon, { className: "pf-u-ml-sm" })),
220
- isHostnamesLoading && (React.createElement(Spinner, { isSVG: true, size: "lg", className: "pf-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))))))))));
220
+ React.createElement(InfoCircleIcon, { className: "pf-v5-u-ml-sm" })),
221
+ isHostnamesLoading && (React.createElement(Spinner, { size: "lg", className: "pf-v5-u-ml-sm hostnameSpinner", "aria-label": "Hostname loading" }))))))))));
221
222
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAQf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,SAAS,EAAmC,MAAM,wBAAwB,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AA0BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAoDxC"}
1
+ {"version":3,"file":"ManageTable.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTable/ManageTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAQf,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,OAAO,EAAE,SAAS,EAAmC,MAAM,wBAAwB,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAGrB,cAAc,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,mBAAmB,CAAC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAElC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAoDxC"}