@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.
- package/README.md +2 -0
- package/lib/esm/components/Configs/ConfigSwitch.js +1 -1
- package/lib/esm/components/Configs/ConfigsTable.js +1 -1
- package/lib/esm/components/Groups/DefualtGroupSwitch/DefaultGroupSwitch.js +1 -1
- package/lib/esm/components/Groups/GroupSelect/GroupSelect.d.ts.map +1 -1
- package/lib/esm/components/Groups/GroupSelect/GroupSelect.js +3 -3
- package/lib/esm/components/Groups/GroupUserPermissionsSelect/GroupUserPermissionsSelect.js +1 -1
- package/lib/esm/components/Groups/ManageGroupUsers/ManageGroupUsers.js +2 -2
- package/lib/esm/components/ManageBookmarkedAccountsTab/AddEditBookmarkModal.js +1 -1
- package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.d.ts.map +1 -1
- package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.js +7 -5
- package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkGroupSelector.d.ts.map +1 -1
- package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkGroupSelector.js +8 -5
- package/lib/esm/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.d.ts.map +1 -1
- package/lib/esm/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.js +5 -4
- package/lib/esm/components/ManagePartnerships/PartnershipsList.js +2 -2
- package/lib/esm/components/ManagePartnerships/PartnershipsTermsModal.js +2 -2
- package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.d.ts.map +1 -1
- package/lib/esm/components/ManagePartnerships/RequestCollaborationModal.js +17 -14
- package/lib/esm/components/ManagePartnerships/Requests.js +4 -4
- package/lib/esm/components/ManagePartnerships/index.d.ts.map +1 -1
- package/lib/esm/components/ManagePartnerships/index.js +2 -2
- package/lib/esm/components/ManagePreferences/PreferencesHeader.js +1 -1
- package/lib/esm/components/ManagePreferences/components/PreferenceSelect.d.ts.map +1 -1
- package/lib/esm/components/ManagePreferences/components/PreferenceSelect.js +3 -2
- package/lib/esm/components/ManagePreferences/components/PreferenceSwitch.js +1 -1
- package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.d.ts.map +1 -1
- package/lib/esm/components/ManagePreferences/sections/PreferencesCaseCreate.js +2 -1
- package/lib/esm/components/ManagePreferences/sections/PreferencesCaseSearch.d.ts.map +1 -1
- package/lib/esm/components/ManagePreferences/sections/PreferencesCaseSearch.js +2 -1
- package/lib/esm/components/ManagePreferences/sections/PreferencesCaseView.js +7 -6
- package/lib/esm/components/ManageTable/ManageTable.d.ts.map +1 -1
- package/lib/esm/components/ManageTable/ManageTable.js +5 -6
- package/lib/esm/components/NotificationEmails/NotificationEmailsModal.d.ts.map +1 -1
- package/lib/esm/components/NotificationEmails/NotificationEmailsModal.js +13 -6
- package/lib/esm/components/NotificationEmails/index.js +3 -3
- package/lib/esm/components/TopContentManagement/CategoryLimit/CategoryLimit.d.ts.map +1 -1
- package/lib/esm/components/TopContentManagement/CategoryLimit/CategoryLimit.js +3 -2
- package/lib/esm/components/TopContentManagement/CategoryLimit/CategoryLimitGuidelines.js +1 -1
- package/lib/esm/components/TopContentManagement/CategoryLimit/QuestionAnswer.js +1 -1
- package/lib/esm/components/TopContentManagement/ContentUsage/ContentAccordion.d.ts.map +1 -1
- package/lib/esm/components/TopContentManagement/ContentUsage/ContentAccordion.js +2 -2
- package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetrics.d.ts.map +1 -1
- package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetrics.js +3 -3
- package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.d.ts +1 -1
- package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.d.ts.map +1 -1
- package/lib/esm/components/TopContentManagement/ContentUsage/PerformanceMetricsSelect.js +3 -3
- package/lib/esm/components/TopContentManagement/ContentUsage/VersionPerformanceMetrics.d.ts.map +1 -1
- package/lib/esm/components/TopContentManagement/ContentUsage/VersionPerformanceMetrics.js +4 -4
- package/lib/esm/components/TopContentManagement/NoTopContentFound.d.ts.map +1 -1
- package/lib/esm/components/TopContentManagement/NoTopContentFound.js +13 -14
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/AddNewCategoryDropDown.js +2 -2
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentCategory.d.ts.map +1 -1
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentCategory.js +3 -2
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentComponent.js +1 -1
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.d.ts.map +1 -1
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.js +7 -6
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItemLink.js +1 -1
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.js +3 -3
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestion.js +1 -1
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHint.js +3 -3
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHintAccept.d.ts.map +1 -1
- package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHintAccept.js +7 -6
- package/lib/esm/components/TopContentManagement/TopContentHeader.js +1 -1
- package/lib/esm/components/TopContentManagement/TopContentProductVersionSelector.js +6 -6
- package/lib/esm/scss/_main.scss +25 -43
- package/lib/esm/scss/_pf4-overrides.scss +43 -41
- package/lib/esm/scss/index.scss +4 -4
- package/package.json +15 -15
package/README.md
CHANGED
|
@@ -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;
|
|
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;
|
|
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,
|
|
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),
|
|
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,
|
|
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,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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 };
|
package/lib/esm/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ManageGroupedBookmarkedAccountsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.tsx"],"names":[],"mappings":"
|
|
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"}
|
package/lib/esm/components/ManageBookmarkedAccountsTab/ManageGroupedBookmarkedAccountsTab.js
CHANGED
|
@@ -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(
|
|
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":"
|
|
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 = (
|
|
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",
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
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,
|
|
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":"
|
|
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 {
|
|
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":"
|
|
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
|
|
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":"
|
|
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
|
|
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,
|
|
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, {
|
|
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;
|
|
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"}
|