@rh-support/manage 2.1.94 → 2.1.96

package/lib/esm/ManageTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAalE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBA0LvC"}
+{"version":3,"file":"ManageTabs.d.ts","sourceRoot":"","sources":["../../src/ManageTabs.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAclE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,EAAE,CAAC,CAAC;IACpC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBAqMvC"}

package/lib/esm/ManageTabs.js

@@ -8,6 +8,7 @@ import { useParams } from 'react-router-dom';
 import { ConfigsTable } from './components/Configs/ConfigsTable';
 import { ManageGroupUsers } from './components/Groups/ManageGroupUsers';
 import { ManageGroupedBookmarkedAccountsTab } from './components/ManageBookmarkedAccountsTab';
+import { ExpiredContentManagement } from './components/ManageExpiredContents/ExpiredContentManagement';
 import { ManagePartnerships } from './components/ManagePartnerships/index';
 import { ManagePreferences } from './components/ManagePreferences';
 import { TagsManagement } from './components/ManageTags';
@@ -20,7 +21,7 @@ export function ManageTabs(props) {
     const [activeTabKey, setActiveTabKey] = useState(0);
     const { activeTab } = useParams();
     const { t } = useTranslation();
-    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, partnershipsRoute, tagsManagerRoute, } = Routes.getPaths();
+    const { groupsRoute, bookmarkedAccountsRoute, topContentRoute, notificationEmailsRoute, preferencesRoute, configsRoute, partnershipsRoute, tagsManagerRoute, expiredContentRoute, } = Routes.getPaths();
     useDocumentTitle(PageTitle.MANAGE);
     const canViewManageTab = ability.can(resourceActions.READ, resources.MANAGE);
     const canViewManageTopContent = ability.can(resourceActions.READ, resources.TOP_CONTENT) && canViewManageTab;
@@ -85,6 +86,15 @@ export function ManageTabs(props) {
             component: React.createElement(TopContentManagement, null),
             id: 'manage-top-content',
         });
+    canViewManageTopContent &&
+        tabsToRender.push({
+            title: 'Expired Content',
+            key: 'expired-content-tab',
+            'data-tracking-id': 'manage-expired-content-tab',
+            routePath: expiredContentRoute,
+            id: 'manage-expired-content',
+            component: React.createElement(ExpiredContentManagement, null),
+        });
     canViewManageTopContent &&
         tabsToRender.push({
             title: 'Tags Manager',

package/lib/esm/Routes.d.ts

@@ -13,6 +13,7 @@ interface ManageRoutes {
     groups: Route;
     savedSearches: Route;
     topContent: Route;
+    expiredContent: Route;
     tagsManager: Route;
     preferences: Route;
     notificationEmails: Route;

package/lib/esm/Routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,YAAY;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC;IACf,YAAY,EAAE,KAAK,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,EAAE,YA+EpB,CAAC"}
+{"version":3,"file":"Routes.d.ts","sourceRoot":"","sources":["../../src/Routes.ts"],"names":[],"mappings":"AAAA,UAAU,KAAK;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAC/B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,YAAY;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,eAAe,EAAE,KAAK,CAAC;IACvB,QAAQ,EAAE,MAAM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,aAAa,EAAE,MAAM,MAAM,EAAE,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC;IACd,aAAa,EAAE,KAAK,CAAC;IACrB,UAAU,EAAE,KAAK,CAAC;IAClB,cAAc,EAAE,KAAK,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC;IACnB,kBAAkB,EAAE,KAAK,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC;IACf,YAAY,EAAE,KAAK,CAAC;CACvB;AAED,eAAO,MAAM,MAAM,EAAE,YAqFpB,CAAC"}

package/lib/esm/Routes.js

@@ -30,6 +30,12 @@ export const Routes = {
             return getPath(this);
         },
     },
+    expiredContent: {
+        path: 'expired-content',
+        getPath() {
+            return getPath(this);
+        },
+    },
     tagsManager: {
         path: 'tags-manager',
         getPath() {

package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.d.ts.map

@@ -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;AAIhF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAOtD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,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,qBA0PpD;yBA1Pe,uBAAuB"}
+{"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;AAQtD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,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,qBA6PpD;yBA7Pe,uBAAuB"}

package/lib/esm/components/ManageBookmarkedAccountsTab/BookmarkAccountSelector.js

@@ -11,6 +11,7 @@ import { accounts } from '@cee-eng/hydrajs';
 import { Label, LabelGroup, Tooltip } from '@patternfly/react-core';
 import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import { sortAccountsByQuery } from '@rh-support/react-context/src/utils/utils';
 import assign from 'lodash/assign';
 import compact from 'lodash/compact';
 import debounce from 'lodash/debounce';
@@ -41,12 +42,15 @@ export function BookmarkAccountSelector(props) {
             limit: 60,
             accountNumberNotNull: true,
         };
+        let queryKey;
         // query as number is a hack to get around TS, isNaN can take a string but it was throwing error here
         if (isNaN(query)) {
             params.nameLike = query;
+            queryKey = 'name';
         }
         else {
             params.accountNumberLike = query;
+            queryKey = 'accountNumber';
         }
         const queryParams = !isEmpty(props.accountListParams)
             ? assign({}, props.accountListParams, params)
@@ -67,7 +71,8 @@ export function BookmarkAccountSelector(props) {
                 return bookmarksMatch.length > 0
                     ? Object.assign(Object.assign({}, account), { bookmarkGroupName: acountGroups, isBookmarked: true, isBookmarkedAndHasGroup: acountGroups.length > 0 }) : Object.assign(Object.assign({}, account), { bookmarkGroupName: [], isBookmarked: false, isBookmarkedAndHasGroup: false });
             });
-            setOptions(accountsResponse);
+            const sortedOptions = sortAccountsByQuery(accountsResponse, query, queryKey);
+            setOptions(sortedOptions);
             setIsSearching(false);
         }
         catch (err) {

package/lib/esm/components/ManageExpiredContents/ExpiredContentCategory.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IExpiredContentEditState } from '../../reducers/ExpiredContentReducer';
+interface IProps {
+    category: IExpiredContentEditState;
+    isCategoryExpanded?: boolean;
+}
+export default function ExpiredContentCategory({ category, isCategoryExpanded }: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ExpiredContentCategory.d.ts.map

package/lib/esm/components/ManageExpiredContents/ExpiredContentCategory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpiredContentCategory.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentCategory.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAGhF,UAAU,MAAM;IACZ,QAAQ,EAAE,wBAAwB,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAE,QAAQ,EAAE,kBAA0B,EAAE,EAAE,MAAM,qBA0B9F"}

package/lib/esm/components/ManageExpiredContents/ExpiredContentCategory.js

@@ -0,0 +1,18 @@
+import { AccordionContent, AccordionItem, AccordionToggle } from '@patternfly/react-core';
+import React, { useEffect, useState } from 'react';
+import ExpiredContentSingleItem from './ExpiredContentSingleItem';
+export default function ExpiredContentCategory({ category, isCategoryExpanded = false }) {
+    const [isExpanded, setIsExpanded] = useState(isCategoryExpanded);
+    const toggleExpanded = () => {
+        setIsExpanded((pre) => !pre);
+    };
+    useEffect(() => {
+        isCategoryExpanded !== isExpanded && setIsExpanded(isCategoryExpanded);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isCategoryExpanded]);
+    return (React.createElement(AccordionItem, null,
+        React.createElement(AccordionToggle, { id: category.categoryName, onClick: toggleExpanded, isExpanded: isExpanded },
+            React.createElement("h3", null, category.categoryName)),
+        React.createElement(AccordionContent, { isHidden: !isExpanded },
+            React.createElement("ul", { className: "list-flat list-flushleft" }, category.content.map((content, i) => (React.createElement(ExpiredContentSingleItem, { key: content.topContentId, content: content, category: category })))))));
+}

package/lib/esm/components/ManageExpiredContents/ExpiredContentHeader.d.ts

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

package/lib/esm/components/ManageExpiredContents/ExpiredContentHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpiredContentHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,oBAAoB,sBAW3C"}

package/lib/esm/components/ManageExpiredContents/ExpiredContentHeader.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Trans } from 'react-i18next';
+export default function ExpiredContentHeader() {
+    return (React.createElement("header", null,
+        React.createElement("h2", null,
+            React.createElement(Trans, null, "Outdated Content")),
+        React.createElement("p", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" },
+            React.createElement(Trans, null))));
+}

package/lib/esm/components/ManageExpiredContents/ExpiredContentManagement.d.ts

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

package/lib/esm/components/ManageExpiredContents/ExpiredContentManagement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpiredContentManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentManagement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,wBAAgB,wBAAwB,sBAWvC"}

package/lib/esm/components/ManageExpiredContents/ExpiredContentManagement.js

@@ -0,0 +1,13 @@
+import { ErrorBoundary } from '@rh-support/components';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { ExpiredContentContextProvider } from '../../context/ExpiredContentContextProvider';
+import { TagManagementContextProvider } from '../../context/TagManagementContextProvider';
+import ExipredContentManager from './ExpiredContentManager';
+export function ExpiredContentManagement() {
+    const { t } = useTranslation();
+    return (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading contents') } },
+        React.createElement(TagManagementContextProvider, null,
+            React.createElement(ExpiredContentContextProvider, null,
+                React.createElement(ExipredContentManager, null)))));
+}

package/lib/esm/components/ManageExpiredContents/ExpiredContentManager.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export default function ExipredContentManager(): React.JSX.Element;
+//# sourceMappingURL=ExpiredContentManager.d.ts.map

package/lib/esm/components/ManageExpiredContents/ExpiredContentManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpiredContentManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentManager.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAUhF,MAAM,CAAC,OAAO,UAAU,qBAAqB,sBAoH5C"}

package/lib/esm/components/ManageExpiredContents/ExpiredContentManager.js

@@ -0,0 +1,70 @@
+import { Accordion, Bullseye, EmptyState, EmptyStateBody, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Spinner, Switch, } from '@patternfly/react-core';
+import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
+import { TagsSelector, TopContentSearch } from '@rh-support/components';
+import isEmpty from 'lodash/isEmpty';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { ExpiredContentDispatchContext, ExpiredContentStateContext } from '../../context/ExpiredContentContextProvider';
+import { TagManagementDispatchContext, TagManagementStateContext } from '../../context/TagManagementContextProvider';
+import { fetchExpiredContent, setExpiredContentFilteredTags } from '../../reducers/ExpiredContentReducer';
+import { fetchTopContentTags } from '../../reducers/TagManagmentReducer';
+import ExpiredContentCategory from './ExpiredContentCategory';
+import ExpiredContentHeader from './ExpiredContentHeader';
+export default function ExipredContentManager() {
+    const expiredContentResultsRef = useRef(null);
+    const { t } = useTranslation();
+    const [showApprochingExpiry, setShowApprochingExpiry] = useState(false);
+    const { expiredContentEditState, expiredContentResponse, filteredTags } = useContext(ExpiredContentStateContext);
+    const { tags: availableTags } = useContext(TagManagementStateContext);
+    const dispatch = useContext(ExpiredContentDispatchContext);
+    const tagManagerDispatch = useContext(TagManagementDispatchContext);
+    const [contentFilteredByQuery, setContentFilteredByQuery] = useState(expiredContentEditState);
+    const [searchQuery, setSearchQuery] = useState('');
+    const onSearch = (searchTerm, searchResults) => {
+        setContentFilteredByQuery(searchResults);
+    };
+    const filteredEC = useMemo(() => {
+        if (isEmpty(filteredTags))
+            return contentFilteredByQuery;
+        const filteredTagsIds = filteredTags.map((tag) => tag.id);
+        //filter top contents on basis of tags
+        const filteredData = contentFilteredByQuery.flatMap((item) => {
+            const contents = item.content.filter((content) => (content.tags || []).some((tag) => filteredTagsIds.includes(tag.id)));
+            if (!isEmpty(contents))
+                return [Object.assign(Object.assign({}, item), { content: contents })];
+            return [];
+        });
+        return filteredData;
+    }, [contentFilteredByQuery, filteredTags]);
+    const handleChange = (_event, checked) => {
+        setShowApprochingExpiry(checked);
+        fetchExpiredContent(dispatch, checked);
+    };
+    const onTagFilterChange = (tags) => {
+        setExpiredContentFilteredTags(dispatch, tags);
+    };
+    useEffect(() => {
+        fetchExpiredContent(dispatch);
+        fetchTopContentTags(tagManagerDispatch, false);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffect(() => {
+        setContentFilteredByQuery(expiredContentEditState);
+    }, [expiredContentEditState]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ExpiredContentHeader, null),
+        React.createElement("div", { className: "toolbar" },
+            React.createElement(TopContentSearch, { dataTrackingId: "expired-content-filter-manage", topContentData: expiredContentEditState, onSearch: onSearch, topContentResultsWrapperRef: expiredContentResultsRef, className: "toolbar-content", isDisabled: expiredContentResponse.isFetching, searchQuery: searchQuery, setSearchQuery: setSearchQuery }),
+            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: availableTags, onChange: onTagFilterChange, selectedTags: filteredTags, disabled: expiredContentResponse.isFetching })),
+            React.createElement("div", { className: "toolbar-content pf-v5-u-mt-md" },
+                React.createElement(Switch, { id: "content-approaching-expiry-", label: t('Show approaching expiry'), isChecked: showApprochingExpiry, onChange: handleChange }))),
+        React.createElement("div", { className: "expired-content-manage-wrapper pf-v5-u-pt-md", ref: expiredContentResultsRef }, expiredContentResponse.isFetching ? (React.createElement(Bullseye, null,
+            React.createElement(EmptyState, { variant: EmptyStateVariant.full },
+                React.createElement(Spinner, { size: "lg" })))) : isEmpty(filteredEC) ? (React.createElement(EmptyState, { variant: EmptyStateVariant.xs },
+            React.createElement(EmptyStateHeader, { titleText: React.createElement(Trans, null, "No contents found"), icon: React.createElement(EmptyStateIcon, { icon: SearchIcon }) }),
+            React.createElement(EmptyStateBody, null,
+                React.createElement(Trans, null, "There are no contents to display")))) : (React.createElement(Accordion, null, filteredEC.map((category, i) => (React.createElement(ExpiredContentCategory, { key: category.id, category: category, isCategoryExpanded: !isEmpty(searchQuery) || !isEmpty(filteredTags) }))))))));
+}

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IExpiredContent, IExpiredContentEditState } from '../../reducers/ExpiredContentReducer';
+interface IProps {
+    content: IExpiredContent;
+    category: IExpiredContentEditState;
+}
+export default function ExpiredContentSingleItem({ content, category }: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ExpiredContentSingleItem.d.ts.map

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpiredContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentSingleItem.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,OAAO,EAEH,eAAe,EACf,wBAAwB,EAE3B,MAAM,sCAAsC,CAAC;AAG9C,UAAU,MAAM;IACZ,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,wBAAwB,CAAC;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,MAAM,qBA2G7E"}

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItem.js

@@ -0,0 +1,77 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Button, Label } from '@patternfly/react-core';
+import EditAltIcon from '@patternfly/react-icons/dist/js/icons/edit-alt-icon';
+import { ToastNotification } from '@rh-support/components';
+import { formatDate, isFutureDate } from '@rh-support/utils';
+import React, { useContext, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ExpiredContentDispatchContext, ExpiredContentStateContext } from '../../context/ExpiredContentContextProvider';
+import { deleteExpiredContent, updateExpiredContent, } from '../../reducers/ExpiredContentReducer';
+import ExpiredContentSingleItemView from './ExpiredContentSingleItemView';
+export default function ExpiredContentSingleItem({ content, category }) {
+    var _a, _b;
+    const { t } = useTranslation();
+    const { expiredContentEditState, filteredTags } = useContext(ExpiredContentStateContext);
+    const dispatch = useContext(ExpiredContentDispatchContext);
+    const [isPreview, setIsPreview] = useState(true);
+    const [isSaving, setIsSaving] = useState(false);
+    const [isDeleting, setIsDeleting] = useState(false);
+    const editToggle = () => {
+        setIsPreview(!isPreview);
+    };
+    const onSave = (updatedContent, deletedTags) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            setIsSaving(true);
+            yield updateExpiredContent(dispatch, expiredContentEditState, category.categoryId, updatedContent, deletedTags);
+            editToggle();
+            ToastNotification.addSuccessMessage(t('Content updated successfully'));
+        }
+        catch (error) {
+            ToastNotification.addDangerMessage(t('There was an error updating content'));
+        }
+        finally {
+            setIsSaving(false);
+        }
+    });
+    const onDelete = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            setIsDeleting(true);
+            yield deleteExpiredContent(dispatch, expiredContentEditState, category.id, content.topContentId);
+            editToggle();
+            ToastNotification.addSuccessMessage(t('Content deleted successfully'));
+        }
+        catch (error) {
+            ToastNotification.addDangerMessage(t('There was an error deleting content'));
+        }
+        finally {
+            setIsDeleting(false);
+        }
+    });
+    const lastModifiedBy = t(`Last modified {{created}} by {{by}}`, {
+        created: formatDate(content.updatedOn || content.createdOn),
+        by: content.updatedBy || content.createdBy,
+    });
+    const expiredText = t(` ${isFutureDate(content.expiryDate) ? 'Expires' : 'Expired'} on {{expired}}`, {
+        expired: formatDate(content.expiryDate),
+    });
+    return (React.createElement(React.Fragment, null, isPreview ? (React.createElement("li", { className: `push-bottom-narrow` },
+        React.createElement("a", { className: 'pcm-manage-top-content', "data-tracking-id": "pcm-manage-top-content", href: content.contentUrl, target: "_blank", rel: "noopener noreferrer" }, content.contentTitle),
+        React.createElement(Button, { variant: "link", isInline: true, icon: React.createElement(EditAltIcon, null), onClick: editToggle, title: 'Edit', "data-tracking-id": "edit-expired-top-content" }),
+        React.createElement("div", null,
+            lastModifiedBy,
+            " | ",
+            expiredText,
+            " | ",
+            content.product,
+            " ", (_a = content.majorVersion) !== null && _a !== void 0 ? _a : '',
+            content.minorVersion ? `.${content.minorVersion}` : ''),
+        React.createElement("div", null, (_b = content.tags) === null || _b === void 0 ? void 0 : _b.map((tag) => (React.createElement(Label, { isCompact: true, className: "pf-v5-u-mr-xs pf-v5-u-mt-sm", key: tag.id, color: filteredTags.some((t) => t.id === tag.id) ? 'gold' : 'grey' }, tag.tagName)))))) : (React.createElement(ExpiredContentSingleItemView, { category: category, content: content, onCancel: editToggle, onSave: onSave, onDelete: onDelete, isDeleting: isDeleting, isSaving: isSaving }))));
+}

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItemView.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IExpiredContent, IExpiredContentEditState } from '../../reducers/ExpiredContentReducer';
+interface IProps {
+    content: IExpiredContent;
+    category: IExpiredContentEditState;
+    onCancel: () => void;
+    onSave: (updatedContent: any, deletedTags: any[]) => void;
+    onDelete: () => void;
+    isSaving?: boolean;
+    isDeleting?: boolean;
+}
+export default function ExpiredContentSingleItemView({ category, content, onCancel, onSave, onDelete, isSaving, isDeleting, }: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ExpiredContentSingleItemView.d.ts.map

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItemView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpiredContentSingleItemView.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/ExpiredContentSingleItemView.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAIjG,UAAU,MAAM;IACZ,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,wBAAwB,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAAC,EACjD,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,GACb,EAAE,MAAM,qBAmNR"}

package/lib/esm/components/ManageExpiredContents/ExpiredContentSingleItemView.js

@@ -0,0 +1,141 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Button, DatePicker, Flex, FlexItem, FormGroup, TextInput, ValidatedOptions } from '@patternfly/react-core';
+import { TagsSelector, ToastNotification } from '@rh-support/components';
+import { getDrupalResIdIfTypeFromUrl, getText, isValidDate, isValidUrl } from '@rh-support/utils';
+import { isEqual } from 'lodash';
+import differenceBy from 'lodash/differenceBy';
+import isEmpty from 'lodash/isEmpty';
+import React, { useContext, useMemo, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { TagManagementStateContext } from '../../context/TagManagementContextProvider';
+import { getTopContentUrl } from '../../reducers/TopContentHelpers';
+import { getDocsFromUrl } from '../TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem';
+export default function ExpiredContentSingleItemView({ category, content, onCancel, onSave, onDelete, isSaving, isDeleting, }) {
+    var _a, _b;
+    const { t } = useTranslation();
+    const tagManagementEditState = useContext(TagManagementStateContext);
+    const { tags: tagOptions } = tagManagementEditState;
+    const [isFetchingSolrSearch, setIsFetchingSolrSearch] = useState(false);
+    const [localContentUrl, setLocalContentUrl] = useState(content.contentUrl);
+    const [localContentTitle, setLocalContentTitle] = useState(content.contentTitle);
+    const [localSelectedTags, setLocalSelectedTags] = useState(content.tags || []);
+    const [localExpiryDate, setLocalExpiryDate] = useState((content === null || content === void 0 ? void 0 : content.expiryDate) || '');
+    const [contentTitleIsValid, setContentTitleIsValid] = useState(true);
+    const [contentUrlIsValid, setContentUrlIsValid] = useState(true);
+    const oldTagsIds = useMemo(() => { var _a; return ((_a = content === null || content === void 0 ? void 0 : content.tags) === null || _a === void 0 ? void 0 : _a.map((t) => t.id)) || []; }, [content === null || content === void 0 ? void 0 : content.tags]);
+    const localTagsIds = useMemo(() => localSelectedTags === null || localSelectedTags === void 0 ? void 0 : localSelectedTags.map((t) => t.id), [localSelectedTags]);
+    const onSubmit = (e) => e.preventDefault();
+    const updateContentTitleFromUrl = (contentUrl) => __awaiter(this, void 0, void 0, function* () {
+        var _c, _d;
+        // throws toast warning and clears it after 4 seconds
+        const throwWarningMessage = () => {
+            const message = getText('Unable to automatically fetch title. Please enter manually');
+            ToastNotification.addWarningMessage(message, '', { autoClose: 4000 });
+        };
+        try {
+            const nodeId = getDrupalResIdIfTypeFromUrl(contentUrl);
+            if (!nodeId)
+                return;
+            const docs = yield getDocsFromUrl(contentUrl);
+            const contentTitle = ((_c = docs[0]) === null || _c === void 0 ? void 0 : _c.publishedTitle) || ((_d = docs[0]) === null || _d === void 0 ? void 0 : _d.allTitle);
+            if (docs.length > 0 && docs[0].id === nodeId + '' && contentTitle) {
+                setLocalContentTitle(contentTitle);
+                setContentTitleIsValid(true);
+            }
+            else {
+                throwWarningMessage();
+            }
+        }
+        catch (e) {
+            throwWarningMessage();
+        }
+    });
+    const onLocalContentUrlChange = () => __awaiter(this, void 0, void 0, function* () {
+        if (localContentUrl === content.contentUrl)
+            return;
+        setIsFetchingSolrSearch(true);
+        yield updateContentTitleFromUrl(localContentUrl);
+        setIsFetchingSolrSearch(false);
+    });
+    const checkDuplicateUrls = (url) => {
+        //
+        onLocalContentUrlChange();
+    };
+    const onContentUrlChange = (contentUrl, event) => __awaiter(this, void 0, void 0, function* () {
+        setContentUrlIsValid(isValidUrl(contentUrl));
+        checkDuplicateUrls(contentUrl);
+        setLocalContentUrl(contentUrl);
+    });
+    const onContentTitleChange = (contentTitle, event) => {
+        const contentTitleIsValid = event.target.validity.valid;
+        setContentTitleIsValid(contentTitleIsValid);
+        setLocalContentTitle(contentTitle);
+    };
+    const handleLocalTagChange = (tags) => {
+        setLocalSelectedTags(tags);
+    };
+    const onExpiryDateChange = (event, str, date) => {
+        setLocalExpiryDate(str);
+    };
+    const expiryDateValidator = (date) => {
+        if (date < new Date())
+            return t('Invalid expiry date');
+        return '';
+    };
+    const onContentSave = () => {
+        const newTags = differenceBy(localTagsIds, oldTagsIds);
+        const deletedTags = differenceBy(oldTagsIds, localTagsIds);
+        const updatedContent = Object.assign(Object.assign({}, content), { contentTitle: localContentTitle, contentUrl: localContentUrl, tagList: newTags, tags: localSelectedTags.map((t) => ({ id: t.id, tagName: t.tagName })), expiryDate: localExpiryDate });
+        onSave(updatedContent, deletedTags);
+    };
+    const doesInputHasSpaces = isEmpty(localContentTitle.trim());
+    const isSaveButtonDisabled = doesInputHasSpaces ||
+        !(contentTitleIsValid &&
+            contentUrlIsValid &&
+            localContentTitle &&
+            localContentUrl &&
+            ((isValidDate(localExpiryDate) && isEmpty(expiryDateValidator(new Date(localExpiryDate)))) ||
+                (isEmpty(localExpiryDate) && isEmpty((_a = content.expiryDate) !== null && _a !== void 0 ? _a : '')))) ||
+        (localContentUrl === content.contentUrl &&
+            localContentTitle === content.contentTitle &&
+            isEqual(localTagsIds, oldTagsIds) &&
+            isEqual(localExpiryDate.split('T')[0], ((_b = content.expiryDate) === null || _b === void 0 ? void 0 : _b.split('T')[0]) || ''));
+    return (React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "card card-light push-bottom" },
+        React.createElement("div", { className: "form-group" },
+            React.createElement("label", { htmlFor: localContentTitle },
+                "Heading",
+                ' ',
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+            React.createElement(TextInput, { isRequired: true, type: "text", maxLength: 254, required: true, value: localContentTitle, isDisabled: isFetchingSolrSearch, "aria-label": t('Copy and paste the heading for consistency'), placeholder: t('Copy and paste the heading for consistency'), onChange: (e, v) => onContentTitleChange(v, e), validated: contentTitleIsValid ? ValidatedOptions.default : ValidatedOptions.error })),
+        React.createElement("div", { className: "form-group" },
+            React.createElement("label", { htmlFor: localContentUrl },
+                "Link to content",
+                ' ',
+                React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+            React.createElement(TextInput, { type: "url", maxLength: 254, isRequired: true, pattern: "^(http(s)?:\\/\\/)+[\\w\\-\\._~:\\/?#[\\]@!\\$&'\\(\\)\\*\\+,;=.]+$", value: getTopContentUrl(localContentUrl), "aria-label": t('Entering a solution or article link first will automatically generate the heading for you'), placeholder: t('Entering a solution or article link first will automatically generate the heading for you'), onChange: (evt, val) => onContentUrlChange(val, evt), validated: contentUrlIsValid ? ValidatedOptions.default : ValidatedOptions.error })),
+        React.createElement(Flex, { className: "pf-v5-u-my-lg" },
+            React.createElement(FlexItem, { flex: { default: 'flex_1' } },
+                React.createElement(FormGroup, { label: t('Tags') },
+                    React.createElement("div", { className: "pf-v5-c-form-control" },
+                        React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability') })))),
+            React.createElement(FlexItem, null,
+                React.createElement(FormGroup, { label: t('Expiry date') },
+                    React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator] })))),
+        React.createElement("span", { className: "top-content-single-item-footer" },
+            React.createElement("span", null,
+                React.createElement(Button, { variant: "primary", onClick: onContentSave, isDisabled: isSaveButtonDisabled || isSaving, isLoading: isSaving },
+                    React.createElement(Trans, null, "Save")),
+                ' ',
+                React.createElement(Button, { variant: "tertiary", onClick: onCancel, "data-tracking-id": "cancel-button-top-content" },
+                    React.createElement(Trans, null, "Cancel"))),
+            React.createElement("span", { className: "content-actions" },
+                React.createElement(Button, { variant: "danger", "aria-label": t('Delete content'), onClick: onDelete, isDisabled: isDeleting }, "Delete")))));
+}

package/lib/esm/components/ManageExpiredContents/index.d.ts

@@ -0,0 +1,2 @@
+export { ExpiredContentManagement } from './ExpiredContentManagement';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageExpiredContents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}

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

@@ -0,0 +1 @@
+export { ExpiredContentManagement } from './ExpiredContentManagement';

package/lib/esm/components/ManageTags/TagsManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagsManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManager.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBAuXlC"}
+{"version":3,"file":"TagsManager.d.ts","sourceRoot":"","sources":["../../../../src/components/ManageTags/TagsManager.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,MAAM,CAAC,OAAO,UAAU,WAAW,sBAuYlC"}

package/lib/esm/components/ManageTags/TagsManager.js

@@ -7,8 +7,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { ActionList, ActionListItem, Bullseye, Button, ButtonVariant, EmptyState, EmptyStateVariant, Flex, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, SearchInput, Spinner, TextInput, } from '@patternfly/react-core';
+import { ActionList, ActionListItem, Bullseye, Button, ButtonVariant, EmptyState, EmptyStateVariant, Flex, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, Spinner, TextInput, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
+import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
+import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import TrashIcon from '@patternfly/react-icons/dist/js/icons/trash-icon';
 import { ErrorBoundary, ToastNotification } from '@rh-support/components';
 import { formatDate } from '@rh-support/utils';
@@ -78,6 +80,7 @@ export default function TagsManager() {
         try {
             setIsCreatingNewTag(true);
             yield createNewTags(dispatch, [{ tagName: newTagName.trim(), isActive: true }]);
+            setTagSearchTerm('');
             ToastNotification.addSuccessMessage(t('Successfully created tag'));
         }
         catch (err) {
@@ -86,10 +89,10 @@ export default function TagsManager() {
         }
         finally {
             setIsCreatingNewTag(false);
-            onCanceCreateNewTag();
+            onCancelCreateNewTag();
         }
     });
-    const onCanceCreateNewTag = () => {
+    const onCancelCreateNewTag = () => {
         setCreateTagError('');
         setCreateTagModalOpen(false);
         setNewTagName('');
@@ -149,6 +152,9 @@ export default function TagsManager() {
             setSelectedDeleteTag(null);
         }
     });
+    const onSearchClear = () => {
+        setTagSearchTerm('');
+    };
     const columns = [
         {
             accessor: (id) => tagsByIds[id].tagName,
@@ -192,10 +198,10 @@ export default function TagsManager() {
                         React.createElement(TrashIcon, null))))),
         },
     ];
-    const CreateTagModel = (React.createElement(Modal, { title: t('Create a tag'), onClose: onCanceCreateNewTag, isOpen: createTagModalOpen, actions: [
+    const CreateTagModel = (React.createElement(Modal, { title: t('Create a tag'), onClose: onCancelCreateNewTag, isOpen: createTagModalOpen, actions: [
             React.createElement(Button, { key: "create-tag", variant: ButtonVariant.primary, onClick: onCreateNewTag, isLoading: isCreatingNewTag, isDisabled: !isEmpty(createTagError) || isCreatingNewTag },
                 React.createElement(Trans, null, "Create")),
-            React.createElement(Button, { key: "cancel-create-tag", variant: ButtonVariant.link, onClick: onCanceCreateNewTag }, "Cancel"),
+            React.createElement(Button, { key: "cancel-create-tag", variant: ButtonVariant.link, onClick: onCancelCreateNewTag }, "Cancel"),
         ] },
         React.createElement(FormGroup, { label: "Tag name", isRequired: true },
             React.createElement(TextInput, { isRequired: true, type: "text", id: "create-new-tag-text-input", value: newTagName, onChange: (e, v) => {
@@ -237,9 +243,16 @@ export default function TagsManager() {
                 React.createElement("label", { htmlFor: "tag-search-input" },
                     React.createElement(Trans, null, "Search Tag")),
                 React.createElement("div", { className: "pf-v5-u-flex-grow-1" },
-                    React.createElement(SearchInput, { type: "text", id: "tag-search-input", value: tagSearchTerm, onChange: (e, v) => setTagSearchTerm(v), placeholder: t('Search for a tag') })),
+                    React.createElement(TextInputGroup, null,
+                        React.createElement(TextInputGroupMain, { type: "text", id: "tag-search-input", placeholder: t('Search for a tag'), icon: React.createElement(SearchIcon, null), value: tagSearchTerm, onChange: (e, v) => setTagSearchTerm(v) }),
+                        React.createElement(TextInputGroupUtilities, null,
+                            React.createElement(Button, { variant: "plain", onClick: onSearchClear, "aria-label": "Clear button and input" },
+                                React.createElement(TimesIcon, null))))),
                 React.createElement("span", { className: "pf-v5-u-ml-sm" },
-                    React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: () => setCreateTagModalOpen(true), "data-tracking-id": "tag-create-button" },
+                    React.createElement(Button, { variant: ButtonVariant.primary, isInline: true, onClick: () => {
+                            setCreateTagModalOpen(true);
+                            setNewTagName(tagSearchTerm);
+                        }, "data-tracking-id": "tag-create-button" },
                         React.createElement(Trans, null, "Create tag"))))),
         React.createElement("div", { className: "tags-manager-wrapper" },
             React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading tags list') } }, tagResponse.isFetching ? (React.createElement(Bullseye, null,