@rh-support/manage 2.4.10-beta.6 → 2.5.1

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

@@ -9,7 +9,7 @@ export const TopContentSingleItemLink = ({ title, url, needsAttention = false, c
     const onOpenModal = () => setModalOpen(true);
     const content = (React.createElement(React.Fragment, null,
         React.createElement(Trans, null, " Performance is low. This link will be removed in 7 days."),
-        React.createElement("span", { onClick: onOpenModal, style: { color: 'var(--pf-global--primary-color--100)' } },
+        React.createElement("span", { onClick: onOpenModal, style: { color: 'var(--pf-v5-global--primary-color--100)' } },
             React.createElement(Trans, null, "View performance metrics"))));
     return (React.createElement(React.Fragment, null,
         needsAttention && (React.createElement(Tooltip, { content: content, exitDelay: 500 },

package/lib/esm/components/TopContentManagement/TopContentEditor/TopContentEditor.d.ts

@@ -1,2 +1,3 @@
-export declare function TopContentEditor(): JSX.Element;
+import React from 'react';
+export declare function TopContentEditor(): React.JSX.Element;
 //# sourceMappingURL=TopContentEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,gBAAgB,gBAsT/B"}
+{"version":3,"file":"TopContentEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopContentManagement/TopContentEditor/TopContentEditor.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiChF,wBAAgB,gBAAgB,sBAqX/B"}

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

@@ -8,16 +8,18 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Accordion, Alert, AlertVariant, Bullseye, Button, EmptyState, EmptyStateVariant, Spinner, Tooltip, } from '@patternfly/react-core';
-import { ToastNotification, TopContentSearch } from '@rh-support/components';
+import { TagsSelector, ToastNotification, TopContentSearch } from '@rh-support/components';
 import { getVersion, isRegularVersion } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
 import { Trans, useTranslation } from 'react-i18next';
 import { CATEGORY_LIMIT } from '../../../constants/TopContent';
+import { TagManagementDispatchContext, TagManagementStateContext } from '../../../context/TagManagementContextProvider';
 import { useTopContentContext, useTopContentDispatchContext } from '../../../context/TopContentProvider';
+import { fetchTopContentTags } from '../../../reducers/TagManagmentReducer';
 import { flagContentUsage, isMajorOrNamedVersion } from '../../../reducers/TopContentHelpers';
-import { CategoryMode, fetchTopContent, reArrangeCategory, resetChangeInCategory, resetContentWithSelectedProduct, resetDuplicatUrls, setAddNewSection, setIsAddingCategory, setIsSearchModeEnabled, setTopContentArrangingCategory, setTopContentArrangingContent, } from '../../../reducers/TopContentReducer';
+import { CategoryMode, ContentMode, fetchTopContent, reArrangeCategory, resetChangeInCategory, resetContentWithSelectedProduct, resetDuplicatUrls, setAddNewSection, setFilteredTags, setIsAddingCategory, setIsSearchModeEnabled, setTopContentArrangingCategory, setTopContentArrangingContent, } from '../../../reducers/TopContentReducer';
 import CategoryLimit from '../CategoryLimit/CategoryLimit';
 import { VersionPerformanceMetrics } from '../ContentUsage/VersionPerformanceMetrics';
 import { NoTopContentFound } from '../NoTopContentFound';
@@ -31,11 +33,14 @@ export function TopContentEditor() {
     const [categoryToOpen, setCategoryToOpen] = useState(null);
     const [isArrangingCats, setIsArrangingCats] = useState(false);
     const [newCategoryVersion, setNewCategoryVersion] = useState(undefined);
+    const [searchQuery, setSearchQuery] = useState('');
     const topContentResultsRef = useRef(null);
-    const { topContentResponse, topContentEditState, isAddingCategory, isCatOnlyForMajorVersion, isSearchModeEnabled, selectedProduct, selectedVersion, categoryUsage, } = useTopContentContext();
+    const { topContentResponse, topContentEditState, isAddingCategory, isCatOnlyForMajorVersion, isSearchModeEnabled, selectedProduct, selectedVersion, categoryUsage, filteredTags, } = useTopContentContext();
+    const { tags } = useContext(TagManagementStateContext);
     const topContentDispatch = useTopContentDispatchContext();
+    const tagManagerDispatch = useContext(TagManagementDispatchContext);
     const flagContentEditState = useMemo(() => flagContentUsage(topContentEditState, categoryUsage, selectedVersion), [topContentEditState, categoryUsage, selectedVersion]);
-    const [filteredTC, setFilteredTC] = useState(flagContentEditState);
+    const [filteredByQueryTC, setFilteredByQueryTC] = useState(flagContentEditState);
     const onProductChange = (selectedProduct) => {
         resetContentWithSelectedProduct(topContentDispatch, selectedProduct);
     };
@@ -47,10 +52,38 @@ export function TopContentEditor() {
             return;
         fetchTopContent(topContentDispatch, selectedProduct, selectedVersion);
     };
+    const filteredTC = useMemo(() => {
+        if (isEmpty(filteredTags))
+            return filteredByQueryTC;
+        const filteredTagsIds = filteredTags.map((tag) => tag.id);
+        //filter top contents on basis of tags
+        const filteredData = filteredByQueryTC.flatMap((item) => {
+            const filteredContents = item.content.filter((content) => (content.tags || []).some((tag) => filteredTagsIds.includes(tag.id)));
+            // if there is any new addition of content we will find and add that to contents
+            const newContent = item.content.find((item) => item.mode === ContentMode.ADD);
+            const contents = !isEmpty(newContent) ? [...filteredContents, newContent] : [...filteredContents];
+            if (!isEmpty(contents))
+                return [Object.assign(Object.assign({}, item), { content: contents })];
+            return [];
+        });
+        return filteredData;
+    }, [filteredByQueryTC, filteredTags]);
     useEffect(() => {
-        !isSearchModeEnabled && setFilteredTC(flagContentEditState);
+        !isSearchModeEnabled && setFilteredByQueryTC(flagContentEditState);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [flagContentEditState]);
+    const getTopContentTags = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield fetchTopContentTags(tagManagerDispatch, false);
+        }
+        catch (err) {
+            ToastNotification.addDangerMessage(t('Error loading tag details'));
+        }
+    });
+    useEffect(() => {
+        getTopContentTags();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     const onAddCategory = (isMajorVersionOnly, isCreatingNewSet = false, version, hasMajorContentCreatingMinorContent) => {
         hasMajorContentCreatingMinorContent && resetDuplicatUrls(topContentDispatch);
         setCategoryToOpen(null);
@@ -96,7 +129,8 @@ export function TopContentEditor() {
         !isAddingCategory &&
         selectedVersion &&
         flagContentEditState.length !== 0 &&
-        !isSearchModeEnabled;
+        !isSearchModeEnabled &&
+        isEmpty(filteredTags);
     const isContentOnlyForMajorVersion = !topContentResponse.isFetching &&
         flagContentEditState.length !== 0 &&
         isRegularVersion(selectedVersion) &&
@@ -104,7 +138,10 @@ export function TopContentEditor() {
         !isAddingCategory;
     const onSearch = (searchTerm, searchResults) => {
         setIsSearchModeEnabled(topContentDispatch, searchTerm ? true : false);
-        setFilteredTC(searchResults);
+        setFilteredByQueryTC(searchResults);
+    };
+    const onTagFilterChange = (tags) => {
+        setFilteredTags(topContentDispatch, tags);
     };
     const minorSelectedNoMinorContentButAvailableMajorContent = isContentOnlyForMajorVersion && getVersion(selectedVersion).minor && flagContentEditState.length !== 0;
     const isCategoryLimitReached = filteredTC.length >= CATEGORY_LIMIT.MAX;
@@ -112,9 +149,14 @@ export function TopContentEditor() {
         React.createElement(TopContentHeader, null),
         !topContentResponse.isFetching && topContentResponse.isError && (React.createElement(Alert, { isInline: true, variant: AlertVariant.danger, title: React.createElement(Trans, null, "Error loading Top Content") })),
         React.createElement(TopContentProductVersionSelector, { selectedProduct: selectedProduct, selectedVersion: selectedVersion, onProductChange: onProductChange, onVersionChange: onVersionChange }),
-        !topContentResponse.isFetching && (React.createElement(TopContentSearch, { dataTrackingId: "top-content-filter-manage", topContentData: flagContentEditState, onSearch: onSearch, topContentResultsWrapperRef: topContentResultsRef })),
-        React.createElement("div", { className: "top-content-manage-wrapper pf-u-pt-md" },
-            !topContentResponse.isFetching && !!filteredTC.length && React.createElement(TopContentSuggestion, null),
+        !topContentResponse.isFetching && (React.createElement("div", { className: "toolbar" },
+            React.createElement(TopContentSearch, { dataTrackingId: "top-content-filter-manage", topContentData: flagContentEditState, onSearch: onSearch, topContentResultsWrapperRef: topContentResultsRef, searchQuery: searchQuery, setSearchQuery: setSearchQuery, className: "toolbar-content", isDisabled: isEmpty(flagContentEditState) }),
+            React.createElement("div", { className: "toolbar-content pf-v5-u-ml-md" },
+                React.createElement("label", { htmlFor: 'tag-selector' },
+                    React.createElement(Trans, null, "All tags")),
+                React.createElement(TagsSelector, { tagOptions: tags, onChange: onTagFilterChange, selectedTags: filteredTags, disabled: isEmpty(flagContentEditState) })))),
+        React.createElement("div", { className: "top-content-manage-wrapper pf-v5-u-pt-md" },
+            !topContentResponse.isFetching && React.createElement(TopContentSuggestion, { searchQuery: searchQuery }),
             topContentResponse.isFetching ? (React.createElement(Bullseye, null,
                 React.createElement(EmptyState, { variant: EmptyStateVariant.full },
                     React.createElement(Spinner, { size: "lg" })))) : (!topContentResponse.isFetching &&
@@ -128,22 +170,24 @@ export function TopContentEditor() {
                         !topContentResponse.isFetching &&
                             filteredTC.map((category, i) => (React.createElement("div", { key: `div-${i}-${category.id}` },
                                 category.catMode === CategoryMode.EXISTING_SECTION && (React.createElement(Draggable, { draggableId: `c${category.id}`, index: i, isDragDisabled: !isArrangingCats, key: `c-${i}-${category.id}` }, (provided, snapshot) => category.helperText ? (React.createElement(Tooltip, { content: React.createElement("div", null, category.helperText) },
-                                    React.createElement(TopContentCategory, { isExpanded: isSearchModeEnabled
+                                    React.createElement(TopContentCategory, { isExpanded: isSearchModeEnabled ||
+                                            !isEmpty(filteredTags)
                                             ? true
-                                            : category.id === categoryToOpen, category: category, provided: provided, innerRef: provided.innerRef, isArrangingCats: isArrangingCats, snapshot: snapshot }))) : (React.createElement(TopContentCategory, { isExpanded: isSearchModeEnabled
+                                            : category.id === categoryToOpen, category: category, provided: provided, innerRef: provided.innerRef, isArrangingCats: isArrangingCats, snapshot: snapshot }))) : (React.createElement(TopContentCategory, { isExpanded: isSearchModeEnabled ||
+                                        !isEmpty(filteredTags)
                                         ? true
                                         : category.id === categoryToOpen, category: category, provided: provided, innerRef: provided.innerRef, isArrangingCats: isArrangingCats, snapshot: snapshot })))),
                                 category.catMode === CategoryMode.NEW_SECTION && (React.createElement(TopContentCategoryNew, { category: category, key: 'new-section', version: newCategoryVersion }))))),
                         provided.placeholder),
-                    React.createElement("div", { className: "pf-u-p-md" },
+                    React.createElement("div", { className: "pf-v5-u-p-md" },
                         showSectionFooter && (React.createElement(React.Fragment, null,
                             isCategoryLimitReached && React.createElement(CategoryLimit, null),
-                            React.createElement(Button, { variant: "primary", onClick: () => onAddCategory(isContentOnlyForMajorVersion, false, selectedVersion), isDisabled: isCategoryLimitReached, "data-tracking-id": "add-new-section-topcontent" },
+                            React.createElement(Button, { variant: "primary", onClick: () => onAddCategory(isContentOnlyForMajorVersion, false, selectedVersion), isDisabled: isCategoryLimitReached, id: "add-new-section-topcontent", "data-tracking-id": "add-new-section-topcontent" },
                                 React.createElement(Trans, null, "Add a new section")),
                             ' ',
                             React.createElement(Button, { variant: "secondary", onClick: arrangeSection, isDisabled: flagContentEditState.length < 2 },
                                 React.createElement(Trans, null, "Arrange section")),
-                            isMajorOrNamedVersion(selectedVersion) && (React.createElement(Button, { variant: "link", className: "pf-u-float-right", isInline: true, onClick: onOpenModal },
+                            isMajorOrNamedVersion(selectedVersion) && (React.createElement(Button, { variant: "link", className: "pf-v5-u-float-right", isInline: true, onClick: onOpenModal },
                                 React.createElement(Trans, null, "View performance"))))),
                         isArrangingCats && (React.createElement(React.Fragment, null,
                             React.createElement(Button, { variant: "primary", onClick: onSaveArrangement },

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

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 interface IProps {
+    searchQuery?: string;
 }
 export declare const TopContentSuggestion: FC<IProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentSuggestion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestion.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAOvD,UAAU,MAAM;CAAG;AAEnB,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,MAAM,CA6C3C,CAAC"}
+{"version":3,"file":"TopContentSuggestion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentSuggestion/TopContentSuggestion.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AAWxE,UAAU,MAAM;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,MAAM,CA8E3C,CAAC"}

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

@@ -1,30 +1,55 @@
 import { ExpandableSection, Panel, PanelMain, PanelMainBody, Title } from '@patternfly/react-core';
+import { useSearchDocument } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
-import React, { useEffect, useState } from 'react';
+import Mark from 'mark.js';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { Trans } from 'react-i18next';
 import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
-import { fetchTopContentSuggestions } from '../../../../reducers/TopContentReducer';
+import { fetchTopContentSuggestions, } from '../../../../reducers/TopContentReducer';
 import { TopContentSuggestionHint } from './TopContentSuggestionHint';
-export const TopContentSuggestion = () => {
-    var _a;
+export const TopContentSuggestion = ({ searchQuery = '' }) => {
     const [isExpanded, setExpanded] = useState(false);
+    const ref = useRef(null);
     const onToggle = () => setExpanded((previousExpandedState) => !previousExpandedState);
     const { selectedProduct, selectedVersion, suggestion, topContentResponse } = useTopContentContext();
     const topContentDispatch = useTopContentDispatchContext();
-    const topContent = topContentResponse.data.reduce((ret, category) => {
+    const topContent = useMemo(() => topContentResponse.data.reduce((ret, category) => {
         return [...ret, ...category.content];
-    }, []);
-    const filteredSuggestion = (_a = suggestion.linkedResources) === null || _a === void 0 ? void 0 : _a.filter((resource) => !topContent.some((content) => content.contentUrl === resource.resourceViewUri));
+    }, []), [topContentResponse.data]);
+    const filteredSuggestion = useMemo(() => {
+        var _a;
+        return (_a = suggestion.linkedResources) === null || _a === void 0 ? void 0 : _a.filter((resource) => !topContent.some((content) => content.contentUrl === resource.resourceViewUri));
+    }, [suggestion.linkedResources, topContent]);
     useEffect(() => {
         if ((selectedProduct === null || selectedProduct === void 0 ? void 0 : selectedProduct.name) && selectedVersion) {
             fetchTopContentSuggestions(topContentDispatch, selectedProduct.name, selectedVersion);
         }
     }, [topContentDispatch, selectedProduct, selectedVersion]);
-    if (isEmpty(filteredSuggestion))
+    const searchedContent = useSearchDocument(filteredSuggestion || [], searchQuery, {
+        indexKey: 'id',
+        strategy: (doc) => doc.resourceTitle,
+    });
+    useEffect(() => {
+        var _a;
+        if (ref.current == null)
+            return;
+        setExpanded(!isEmpty(searchQuery));
+        const containers = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('div.pf-v5-c-card');
+        const markInstance = new Mark(containers);
+        markInstance.unmark({
+            done: () => {
+                if (isEmpty(searchQuery))
+                    return;
+                markInstance.mark(searchQuery, { separateWordSearch: true });
+            },
+        });
+    }, [searchedContent, searchQuery]);
+    if (isEmpty(searchedContent))
         return React.createElement(React.Fragment, null);
-    return (React.createElement(Panel, { variant: "raised", className: "pf-u-mx-md pf-u-p-md top-content-panel" },
+    return (React.createElement(Panel, { variant: "raised", className: "pf-v5-u-mx-md pf-v5-u-p-md top-content-panel", ref: ref },
         React.createElement(PanelMain, null,
             React.createElement(PanelMainBody, null,
                 React.createElement(ExpandableSection, { onToggle: onToggle, isExpanded: isExpanded, toggleContent: React.createElement(Title, { headingLevel: "h6", className: "accordion_title" },
-                        React.createElement(Trans, null, " Suggested top content resources")), id: "top-content-suggestion" }, filteredSuggestion === null || filteredSuggestion === void 0 ? void 0 : filteredSuggestion.map((resources) => (React.createElement(TopContentSuggestionHint, { key: resources.id, resources: resources }))))))));
+                        React.createElement(Trans, null, " Suggested top content resources")), id: "top-content-suggestion" }, !isEmpty(searchedContent) &&
+                    (searchedContent === null || searchedContent === void 0 ? void 0 : searchedContent.map((resources) => (React.createElement(TopContentSuggestionHint, { key: resources.id, resources: resources })))))))));
 };

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

@@ -50,12 +50,12 @@ export const TopContentSuggestionHint = ({ resources }) => {
             setIsRemoving(false);
         }
     });
-    return !isAccepted ? (React.createElement(Card, { className: "pf-u-m-sm card-hint" },
+    return !isAccepted ? (React.createElement(Card, { className: "pf-v5-u-m-sm card-hint" },
         React.createElement(CardBody, { className: "card-body" },
             React.createElement("span", { className: "hint-title", "data-testid": "suggestion-content-title" },
                 React.createElement(Truncate, { content: resources === null || resources === void 0 ? void 0 : resources.resourceTitle })),
-            React.createElement("span", { className: "pf-u-float-right" },
-                React.createElement(Button, { variant: "link", isInline: true, className: "pf-u-mr-xl", onClick: () => setAccepted(true), title: "Accept" },
+            React.createElement("span", { className: "pf-v5-u-float-right" },
+                React.createElement(Button, { variant: "link", isInline: true, className: "pf-v5-u-mr-xl", onClick: () => setAccepted(true), title: "Accept" },
                     React.createElement("b", null,
                         React.createElement(Trans, null, "Accept"))),
                 React.createElement(Button, { variant: "link", isInline: true, onClick: onIgnore, isDisabled: isRemoving },

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;AAoBrH,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

@@ -7,7 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, Card, CardBody, Form, FormGroup, Select, SelectOption, SelectVariant, TextInput, Tooltip, ValidatedOptions, } from '@patternfly/react-core';
+import { Button, Card, CardBody, Form, FormGroup, TextInput, Tooltip, ValidatedOptions } from '@patternfly/react-core';
+import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
 import { ToastNotification } from '@rh-support/components';
 import { getVersion, isRegularVersion, isValidUrl } from '@rh-support/utils';
@@ -29,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 &&
@@ -42,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)) ||
@@ -105,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);
@@ -117,25 +127,21 @@ export const TopContentSuggestionHintAccept = ({ onCancel, resources }) => {
             ToastNotification.addDangerMessage(t('There was an error loading top content categories'));
         }
     }, [topContentDispatch, t]);
-    return (React.createElement(Card, { className: "pf-u-m-sm" },
+    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: setLinkToContent, 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: setResourceTitle, 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-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("a", { className: "hint-title pf-v5-u-font-size-md", target: "_blank", href: linkToContent, rel: "noreferrer" }, resources.resourceTitle))),
+                    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("div", { className: "pf-u-mt-sm" },
+                    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" },
                         React.createElement(Trans, null, "Save")),

package/lib/esm/components/TopContentManagement/TopContentHeader.d.ts

@@ -1,2 +1,3 @@
-export declare function TopContentHeader(): JSX.Element;
+import React from 'react';
+export declare function TopContentHeader(): React.JSX.Element;
 //# sourceMappingURL=TopContentHeader.d.ts.map

package/lib/esm/components/TopContentManagement/TopContentHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentHeader.tsx"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,gBA2B/B"}
+{"version":3,"file":"TopContentHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,gBAAgB,sBA2B/B"}

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

@@ -4,7 +4,7 @@ export function TopContentHeader() {
     return (React.createElement("header", null,
         React.createElement("h2", null,
             React.createElement(Trans, null, "Top content")),
-        React.createElement("p", { className: "pf-u-mt-md pf-u-mb-sm" },
+        React.createElement("p", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" },
             React.createElement(Trans, null, "Add, edit, or remove top content solutions and categories. You can also create a new set of top content recommendations for specific versions.")),
         React.createElement("p", null,
             React.createElement(Trans, { i18nKey: "i18IRDashboard" },

package/lib/esm/components/TopContentManagement/TopContentManagement.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 interface IProps {
 }
-export declare function TopContentManagement(props: IProps): JSX.Element;
+export declare function TopContentManagement(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=TopContentManagement.d.ts.map

package/lib/esm/components/TopContentManagement/TopContentManagement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentManagement.tsx"],"names":[],"mappings":"AAOA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,eAYjD"}
+{"version":3,"file":"TopContentManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentManagement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,MAAM;CAAG;AAEnB,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAYjD"}

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

@@ -1,12 +1,13 @@
 import { ErrorBoundary } from '@rh-support/components';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
+import { TagManagementContextProvider } from '../../context/TagManagementContextProvider';
 import { TopContentContextProvider } from '../../context/TopContentProvider';
 import { TopContentEditor } from './TopContentEditor/TopContentEditor';
 export function TopContentManagement(props) {
     const { t } = useTranslation();
-    return (React.createElement("section", { id: "manage-top-content" },
-        React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } },
-            React.createElement(TopContentContextProvider, null,
+    return (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } },
+        React.createElement(TopContentContextProvider, null,
+            React.createElement(TagManagementContextProvider, null,
                 React.createElement(TopContentEditor, null)))));
 }

package/lib/esm/components/TopContentManagement/TopContentProductVersionSelector.d.ts

@@ -1,6 +1,7 @@
 import { IItemResponse } from '@cee-eng/hydrajs/@types/models/general';
 import { IProduct as IHydraProduct } from '@cee-eng/hydrajs/@types/models/product';
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 interface IProps extends IDClassNameProps {
     selectedProduct: Partial<IHydraProduct>;
     selectedVersion: string;
@@ -9,7 +10,7 @@ interface IProps extends IDClassNameProps {
     htmlForId: string;
 }
 export declare function postVersionsProcessor(versionItems: IItemResponse<string[]>): IItemResponse<string[]>;
-declare function TopContentProductVersionSelector(props: IProps): JSX.Element;
+declare function TopContentProductVersionSelector(props: IProps): React.JSX.Element;
 declare namespace TopContentProductVersionSelector {
     var defaultProps: Partial<IProps>;
 }

package/lib/esm/components/TopContentManagement/TopContentProductVersionSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentProductVersionSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAInF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAS5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACrB;AAQD,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,2BAG1E;AAqBD,iBAAS,gCAAgC,CAAC,KAAK,EAAE,MAAM,eA0JtD;kBA1JQ,gCAAgC;;;AA6JzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}
+{"version":3,"file":"TopContentProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/TopContentManagement/TopContentProductVersionSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAInF,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,eAAe,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;CACrB;AAQD,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC,2BAG1E;AAqBD,iBAAS,gCAAgC,CAAC,KAAK,EAAE,MAAM,qBA0JtD;kBA1JQ,gCAAgC;;;AA6JzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}

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

@@ -1,5 +1,5 @@
 import { products as productsApi } from '@cee-eng/hydrajs';
-import { Select, SelectOption, SelectVariant } from '@patternfly/react-core';
+import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import { useFetch } from '@rh-support/components';
 import { getUniqueSortedVersions, getVersion } from '@rh-support/utils';
@@ -81,9 +81,9 @@ function TopContentProductVersionSelector(props) {
         setSelected(undefined);
     };
     const getProductOptions = (options) => {
-        return options.map((product, id) => (React.createElement(SelectOption, { key: id, value: product, className: "pf-c-select__menu-wrapper" },
-            React.createElement("div", { className: "pf-c-select__menu-item-main" }, product.name),
-            selected && product.name === selected.name && (React.createElement("span", { className: "pf-c-select__menu-item-icon" },
+        return options.map((product, id) => (React.createElement(SelectOption, { key: id, value: product, className: "pf-v5-c-select__menu-wrapper" },
+            React.createElement("div", { className: "pf-v5-c-select__menu-item-main" }, product.name),
+            selected && product.name === selected.name && (React.createElement("span", { className: "pf-v5-c-select__menu-item-icon" },
                 React.createElement(CheckIcon, { "aria-hidden": true }))))));
     };
     const onProductFilter = (_, value) => {
@@ -114,11 +114,11 @@ function TopContentProductVersionSelector(props) {
         React.createElement("div", { className: "toolbar-left" },
             React.createElement("label", { htmlFor: 'tc-product-selector-dropdown-toggle' },
                 React.createElement(Trans, null, "Product")),
-            React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, onToggle: onProductToggle, selections: selected, isOpen: isProductOpen, onSelect: onProductSelect, onClear: onProductClear, placeholderText: t('Select a product') }, (isLoadingProducts && { loadingVariant: 'spinner' }), { onFilter: onProductFilter, isDisabled: isLoadingProducts, id: productLabelId, "data-tracking-id": productLabelId, "aria-label": t(productLabelId) }), getProductOptions(productOptions))),
+            React.createElement(Select, Object.assign({ variant: SelectVariant.typeahead, onToggle: (_event, isExpanded) => onProductToggle(isExpanded), selections: selected, isOpen: isProductOpen, onSelect: onProductSelect, onClear: onProductClear, placeholderText: t('Select a product') }, (isLoadingProducts && { loadingVariant: 'spinner' }), { onFilter: onProductFilter, isDisabled: isLoadingProducts, id: productLabelId, "data-tracking-id": productLabelId, "aria-label": t(productLabelId) }), getProductOptions(productOptions))),
         React.createElement("div", { className: "toolbar-right" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
                 React.createElement(Trans, null, "Version")),
-            React.createElement(Select, Object.assign({ variant: SelectVariant.single, onToggle: onVersionToggle, onSelect: onVersionSelect, selections: selectedVersion, isOpen: isVersionOpen, placeholderText: t('Select a version'), isDisabled: isEmpty(versions === null || versions === void 0 ? void 0 : versions.items) }, (isLoadingVersions && { loadingVariant: 'spinner' }), { id: versionLabelId, "data-tracking-id": versionLabelId, "aria-label": t(versionLabelId) }), ((versions === null || versions === void 0 ? void 0 : versions.items) || []).map((version, id) => (React.createElement(SelectOption, { key: id, value: version }, version)))))));
+            React.createElement(Select, Object.assign({ variant: SelectVariant.single, onToggle: (_event, isExpanded) => onVersionToggle(isExpanded), onSelect: onVersionSelect, selections: selectedVersion, isOpen: isVersionOpen, placeholderText: t('Select a version'), isDisabled: isEmpty(versions === null || versions === void 0 ? void 0 : versions.items) }, (isLoadingVersions && { loadingVariant: 'spinner' }), { id: versionLabelId, "data-tracking-id": versionLabelId, "aria-label": t(versionLabelId) }), ((versions === null || versions === void 0 ? void 0 : versions.items) || []).map((version, id) => (React.createElement(SelectOption, { key: id, value: version }, version)))))));
 }
 TopContentProductVersionSelector.defaultProps = defaultProps;
 export { TopContentProductVersionSelector };

package/lib/esm/context/ExpiredContentContextProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ExpiredContentDispatchType, IExpiredContentState } from '../reducers/ExpiredContentReducer';
+export declare const ExpiredContentStateContext: React.Context<IExpiredContentState>;
+export declare const ExpiredContentDispatchContext: React.Context<ExpiredContentDispatchType>;
+export declare function ExpiredContentContextProvider({ children }: {
+    children: any;
+}): React.JSX.Element;
+//# sourceMappingURL=ExpiredContentContextProvider.d.ts.map

package/lib/esm/context/ExpiredContentContextProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpiredContentContextProvider.d.ts","sourceRoot":"","sources":["../../../src/context/ExpiredContentContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACH,0BAA0B,EAE1B,oBAAoB,EAEvB,MAAM,mCAAmC,CAAC;AAG3C,eAAO,MAAM,0BAA0B,qCAAmE,CAAC;AAC3G,eAAO,MAAM,6BAA6B,2CAA8C,CAAC;AAEzF,wBAAgB,6BAA6B,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAOzD"}

package/lib/esm/context/ExpiredContentContextProvider.js

@@ -0,0 +1,10 @@
+import React, { useReducer } from 'react';
+import { ExpiredContentReducer, initialExpiredContent, } from '../reducers/ExpiredContentReducer';
+const initialDispatchContext = null;
+export const ExpiredContentStateContext = React.createContext(initialExpiredContent);
+export const ExpiredContentDispatchContext = React.createContext(initialDispatchContext);
+export function ExpiredContentContextProvider({ children }) {
+    const [expiredContentState, dispatch] = useReducer(ExpiredContentReducer, initialExpiredContent);
+    return (React.createElement(ExpiredContentStateContext.Provider, { value: Object.assign({}, expiredContentState) },
+        React.createElement(ExpiredContentDispatchContext.Provider, { value: dispatch }, children)));
+}

package/lib/esm/context/ManagePartnershipsProvider.d.ts

@@ -7,5 +7,5 @@ export declare function useManagePartnershipsContext(): IManagePartnershipsState
 export declare function useManagePartnershipsDispatchContext(): ManagePartnershipsReducerDispatchType;
 export declare function ManagePartnershipsProvider({ children }: {
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=ManagePartnershipsProvider.d.ts.map

package/lib/esm/context/ManagePartnershipsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManagePartnershipsProvider.d.ts","sourceRoot":"","sources":["../../../src/context/ManagePartnershipsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EACH,wBAAwB,EAExB,qCAAqC,EACxC,MAAM,uCAAuC,CAAC;AAE/C,eAAO,MAAM,+BAA+B,EAAE,wBAG7C,CAAC;AAGF,eAAO,MAAM,8BAA8B,yCAE1C,CAAC;AACF,eAAO,MAAM,iCAAiC,sDAA6C,CAAC;AAE5F,wBAAgB,4BAA4B,6BAM3C;AAED,wBAAgB,oCAAoC,0CAMnD;AAED,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAStD"}
+{"version":3,"file":"ManagePartnershipsProvider.d.ts","sourceRoot":"","sources":["../../../src/context/ManagePartnershipsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EACH,wBAAwB,EAExB,qCAAqC,EACxC,MAAM,uCAAuC,CAAC;AAE/C,eAAO,MAAM,+BAA+B,EAAE,wBAG7C,CAAC;AAGF,eAAO,MAAM,8BAA8B,yCAE1C,CAAC;AACF,eAAO,MAAM,iCAAiC,sDAA6C,CAAC;AAE5F,wBAAgB,4BAA4B,6BAM3C;AAED,wBAAgB,oCAAoC,0CAMnD;AAED,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAStD"}

package/lib/esm/context/TagManagementContextProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ITagManagementState, TagManagementDisptachType } from '../reducers/TagManagmentReducer';
+export declare const TagManagementStateContext: React.Context<ITagManagementState>;
+export declare const TagManagementDispatchContext: React.Context<TagManagementDisptachType>;
+export declare function TagManagementContextProvider({ children }: {
+    children: any;
+}): React.JSX.Element;
+//# sourceMappingURL=TagManagementContextProvider.d.ts.map

package/lib/esm/context/TagManagementContextProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagManagementContextProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TagManagementContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAEH,mBAAmB,EACnB,yBAAyB,EAE5B,MAAM,iCAAiC,CAAC;AAGzC,eAAO,MAAM,yBAAyB,oCAAsE,CAAC;AAC7G,eAAO,MAAM,4BAA4B,0CAA8C,CAAC;AAExF,wBAAgB,4BAA4B,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAOxD"}

package/lib/esm/context/TagManagementContextProvider.js

@@ -0,0 +1,10 @@
+import React, { useReducer } from 'react';
+import { initialTagManagementState, TagManagementReducer, } from '../reducers/TagManagmentReducer';
+const initialDispatchContext = null;
+export const TagManagementStateContext = React.createContext(initialTagManagementState);
+export const TagManagementDispatchContext = React.createContext(initialDispatchContext);
+export function TagManagementContextProvider({ children }) {
+    const [tagManagementState, dispatch] = useReducer(TagManagementReducer, initialTagManagementState);
+    return (React.createElement(TagManagementStateContext.Provider, { value: Object.assign({}, tagManagementState) },
+        React.createElement(TagManagementDispatchContext.Provider, { value: dispatch }, children)));
+}

package/lib/esm/context/TopContentProvider.d.ts

@@ -7,5 +7,5 @@ export declare function useTopContentContext(): ITopContentState;
 export declare function useTopContentDispatchContext(): TopContentReducerDispatchType;
 export declare function TopContentContextProvider({ children }: {
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=TopContentProvider.d.ts.map

package/lib/esm/context/TopContentProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContentProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TopContentProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAqB,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnH,eAAO,MAAM,uBAAuB,EAAE,gBAcrC,CAAC;AAGF,eAAO,MAAM,sBAAsB,iCAAiE,CAAC;AACrG,eAAO,MAAM,yBAAyB,8CAA6C,CAAC;AAEpF,wBAAgB,oBAAoB,qBAMnC;AAED,wBAAgB,4BAA4B,kCAM3C;AAED,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAOrD"}
+{"version":3,"file":"TopContentProvider.d.ts","sourceRoot":"","sources":["../../../src/context/TopContentProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAqB,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAEnH,eAAO,MAAM,uBAAuB,EAAE,gBAerC,CAAC;AAGF,eAAO,MAAM,sBAAsB,iCAAiE,CAAC;AACrG,eAAO,MAAM,yBAAyB,8CAA6C,CAAC;AAEpF,wBAAgB,oBAAoB,qBAMnC;AAED,wBAAgB,4BAA4B,kCAM3C;AAED,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAOrD"}

package/lib/esm/context/TopContentProvider.js

@@ -15,6 +15,7 @@ export const intialTopContentContext = {
     isSearchModeEnabled: false,
     categoryUsage: {},
     suggestion: {},
+    filteredTags: [],
 };
 const initalDispatchContext = null;
 export const TopContentStateContext = React.createContext(intialTopContentContext);