@rh-support/manage 2.1.51 → 2.1.52

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentSuggestionHintAccept.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHintAccept.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,mBAAmB,EAAE,MAAM,2DAA2D,CAAC;AASrH,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAgBhE,UAAU,MAAM;IACZ,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,SAAS,EAAE,mBAAmB,CAAC;CAClC;AAED,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAAC,MAAM,CAoPrD,CAAC"}
+{"version":3,"file":"TopContentSuggestionHintAccept.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestionHintAccept.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,mBAAmB,EAAE,MAAM,2DAA2D,CAAC;AASrH,OAAc,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAgBhE,UAAU,MAAM;IACZ,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,SAAS,EAAE,mBAAmB,CAAC;CAClC;AAED,eAAO,MAAM,8BAA8B,EAAE,EAAE,CAAC,MAAM,CA2PrD,CAAC"}

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

@@ -30,11 +30,11 @@ export const TopContentSuggestionHintAccept = ({ onCancel, resources }) => {
     const [selected, setSelected] = useState();
     const [isSaving, setIsSaving] = useState(false);
     const [resourceTitle, setResourceTitle] = useState('');
-    const [linkToContent, setLinkToContent] = useState('');
     const [isEditClicked, setIsEditClicked] = useState(false);
     const categoryToSave = useMemo(() => topContentEditState.find((category) => category.categoryId === (selected === null || selected === void 0 ? void 0 : selected.id)), [topContentEditState, selected]);
     const flagContentEditState = useMemo(() => flagContentUsage(topContentEditState, categoryUsage, selectedVersion), [topContentEditState, categoryUsage, selectedVersion]);
     const isMajorVersionOnly = isUndefined(getVersion(selectedVersion).minor);
+    const linkToContent = resources.resourceViewUri;
     const minorSelectedNoMinorContentButAvailableMajorContent = !topContentResponse.isFetching &&
         !isEmpty(topContentResponse.data) &&
         getVersion(selectedVersion).minor &&
@@ -43,12 +43,12 @@ export const TopContentSuggestionHintAccept = ({ onCancel, resources }) => {
         !isAddingCategory;
     const isCategoryLimitReached = (minorSelectedNoMinorContentButAvailableMajorContent ? [] : flagContentEditState).length >= CATEGORY_LIMIT.MAX;
     const isCategoryInList = flagContentEditState.some((c) => c.categoryId === (selected === null || selected === void 0 ? void 0 : selected.id));
-    const onToggle = () => {
-        setSelectOpen((previousToggleState) => !previousToggleState);
+    const onToggle = (isExpanded) => {
+        setSelectOpen(isExpanded);
     };
     const onSelect = (event, selection, isPlaceholder) => {
         setSelected(selection);
-        onToggle();
+        onToggle(false);
     };
     const isDisabled = isEmpty(linkToContent) ||
         isEmpty(trim(resourceTitle)) ||
@@ -106,10 +106,19 @@ export const TopContentSuggestionHintAccept = ({ onCancel, resources }) => {
             addContentToCategory();
         }
     });
+    const getCategoryOptions = (options) => {
+        return options.map((category, id) => (React.createElement(SelectOption, { key: id, value: category }, category.categoryName)));
+    };
+    const onFilter = (_, value) => {
+        if (!value)
+            return getCategoryOptions(categories.data);
+        const input = new RegExp(value, 'i');
+        const newOptions = categories.data.filter((c) => input.test(c.categoryName));
+        return getCategoryOptions(newOptions);
+    };
     useEffect(() => {
         setResourceTitle(resources.resourceTitle);
-        setLinkToContent(resources.resourceViewUri);
-    }, [resources.resourceTitle, resources.resourceViewUri]);
+    }, [resources.resourceTitle]);
     useEffect(() => {
         try {
             fetchCategories(topContentDispatch);
@@ -121,21 +130,17 @@ export const TopContentSuggestionHintAccept = ({ onCancel, resources }) => {
     return (React.createElement(Card, { className: "pf-v5-u-m-sm" },
         React.createElement(CardBody, { className: "card-hint" },
             React.createElement(Form, null,
-                isEditClicked ? (React.createElement(React.Fragment, null,
-                    React.createElement(FormGroup, { label: t('Link to content'), isRequired: true, fieldId: "top-content-link" },
-                        React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-resource-link", name: "top-content-resource-link", "data-tracking-id": "top-content-resource-link", value: linkToContent, onChange: (_event, val) => setLinkToContent(val), placeholder: t('Enter link to content'), validated: isEmpty(linkToContent) || !isValidUrl(linkToContent)
-                                ? ValidatedOptions.error
-                                : ValidatedOptions.default })),
-                    React.createElement(FormGroup, { label: t('Headline'), isRequired: true, fieldId: "simple-form-email-01" },
-                        React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-headline-category", name: "top-content-headline-category", "data-tracking-id": "top-content-headline-category", value: resourceTitle, onChange: (_event, val) => setResourceTitle(val), placeholder: t('Copy and paste the heading for consistency'), validated: isEmpty(trim(resourceTitle)) ? ValidatedOptions.error : ValidatedOptions.default })))) : (React.createElement("span", null,
+                isEditClicked ? (React.createElement(FormGroup, { label: t('Heading'), isRequired: true, fieldId: "simple-form-email-01" },
+                    React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-headline-category", name: "top-content-headline-category", "data-tracking-id": "top-content-headline-category", value: resourceTitle, onChange: (_event, val) => setResourceTitle(val), placeholder: t('Copy and paste the heading for consistency'), validated: isEmpty(trim(resourceTitle)) ? ValidatedOptions.error : ValidatedOptions.default }))) : (React.createElement("span", null,
                     React.createElement(Button, { variant: "link", isInline: true },
                         React.createElement("u", null,
                             React.createElement("a", { className: "hint-title pf-v5-u-font-size-md", target: "_blank", href: linkToContent, rel: "noreferrer" }, resources.resourceTitle))),
-                    React.createElement(Tooltip, { content: t('Edit Link to content and Headline'), position: "top" },
+                    React.createElement(Tooltip, { content: t('Edit heading'), position: "top" },
                         React.createElement(Button, { variant: "link", icon: React.createElement(PencilAltIcon, null), onClick: () => setIsEditClicked((pre) => !pre) })))),
                 React.createElement(FormGroup, { label: t('Category'), isRequired: true, fieldId: "simple-form-email-01" },
-                    React.createElement(Select, Object.assign({ variant: SelectVariant.single, id: "category-selection", name: "category-selection", "data-testid": "category-selection", placeholderText: "Select a category", onToggle: onToggle, isOpen: isSelectOpen, onSelect: onSelect, selections: selected === null || selected === void 0 ? void 0 : selected.categoryName, isDisabled: categories.isError, loadingVariant: 'spinner' }, (categories.isFetching && { loadingVariant: 'spinner' })), categories.data.map((category, id) => (React.createElement(SelectOption, { key: id, value: category },
-                        React.createElement("div", null, category.categoryName)))))),
+                    React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, id: "category-selection", name: "category-selection", "data-testid": "category-selection", placeholderText: t('Select an option or enter a new category'), onFilter: onFilter, onToggle: (_event, isExpanded) => onToggle(isExpanded), isOpen: isSelectOpen, onSelect: onSelect, selections: selected === null || selected === void 0 ? void 0 : selected.categoryName, isDisabled: categories.isError, loadingVariant: 'spinner' }, (categories.isFetching && { loadingVariant: 'spinner' })), getCategoryOptions(categories.data))),
+                isEditClicked && (React.createElement(FormGroup, { label: t('Link to content'), isRequired: true, fieldId: "top-content-link" },
+                    React.createElement(TextInput, { type: "text", id: "top-content-resource-link", name: "top-content-resource-link", "data-tracking-id": "top-content-resource-link", value: linkToContent, isDisabled: true }))),
                 React.createElement("div", { className: "pf-v5-u-mt-sm" },
                     isCategoryLimitReached && !isCategoryInList && !isUndefined(selected) && React.createElement(CategoryLimit, null),
                     React.createElement(Button, { variant: "primary", onClick: onSaveContent, isDisabled: isSaving || isDisabled, isLoading: isSaving, "data-tracking-id": "suggested-content-save-button" },

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

@@ -142,3 +142,8 @@ div.pf-v5-c-pagination__nav-page-select {
 .pf-v5-c-select__menu {
     padding: 0;
 }
+
+.pf-v5-c-form-control.pf-m-disabled {
+    background-color: #e0e0e0;
+    border-bottom: 1px solid black;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/manage",
-    "version": "2.1.51",
+    "version": "2.1.52",
     "description": "Customer Support Manage App",
     "author": "Jordan Eudy <jeudy100@gmail.com>",
     "homepage": "",
@@ -101,5 +101,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "f95bf012016d8a689c69d518b98266a3ac0292d9"
+    "gitHead": "19f893dca537531c7f828ffa92daf8fe40649d78"
 }