@rh-support/manage 2.6.1 → 2.6.11

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

@@ -9,7 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Button } from '@patternfly/react-core';
 import { ToastNotification } from '@rh-support/components';
-import React, { useState } from 'react';
+import { isEmpty } from 'lodash';
+import React, { useEffect, useState } from 'react';
 import { Draggable, Droppable } from 'react-beautiful-dnd';
 import { Trans, useTranslation } from 'react-i18next';
 import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
@@ -20,6 +21,11 @@ export const TopContentComponent = (props) => {
     const topContentDispatch = useTopContentDispatchContext();
     const { topContentEditState, topContentResponse, isSearchModeEnabled } = useTopContentContext();
     const [isArrangingContent, setIsArrangingContent] = useState(false);
+    const [isDisableAddContent, setIsDisableAddContent] = useState(false);
+    useEffect(() => {
+        const value = props.category.content.find((item) => isEmpty(item.contentTitle));
+        setIsDisableAddContent(!!value);
+    }, [props.category.content]);
     // we add an category with empty content to state, the rest is handled like existing categories
     const addContent = () => addTopContent(topContentDispatch, topContentEditState, props.category.id);
     const arrangeSection = () => {
@@ -40,22 +46,20 @@ export const TopContentComponent = (props) => {
         resetChangeInCategoryContent(topContentDispatch, topContentEditState, topContentResponse, props.category.id);
         setIsArrangingContent(false);
     };
-    const buttons = (React.createElement("div", { className: "pf-v5-c-accordion__expanded-content-footer" },
+    const buttons = (React.createElement("div", { className: "pf-v6-c-accordion__expanded-content-footer" },
         !isArrangingContent && props.categoryMode !== CategoryMode.NEW_SECTION && (React.createElement("span", null,
-            React.createElement(Button, { variant: "secondary", onClick: addContent, "data-tracking-id": "add-content-top-content" },
+            React.createElement(Button, { className: "pf-v6-u-mr-md", variant: "secondary", onClick: addContent, "data-tracking-id": "add-content-top-content", isDisabled: isDisableAddContent },
                 React.createElement(Trans, null, "Add content")),
-            ' ',
             React.createElement(Button, { variant: "secondary", onClick: arrangeSection, isDisabled: props.category.content.length < 2 },
                 React.createElement(Trans, null, "Arrange section")))),
         isArrangingContent && (React.createElement("span", null,
-            React.createElement(Button, { variant: "primary", onClick: saveArrangement },
+            React.createElement(Button, { className: "pf-v6-u-mr-md", variant: "primary", onClick: saveArrangement },
                 React.createElement(Trans, null, "Save")),
-            ' ',
             React.createElement(Button, { variant: "link", onClick: cancelArrangement },
                 React.createElement(Trans, null, "Cancel"))))));
     return (React.createElement("div", null,
         React.createElement(Droppable, { droppableId: `${props.category.id}`, type: `drop-inner-${props.category.id}`, isDropDisabled: !isArrangingContent, key: `drop-inner-${props.category.id}` }, (provided) => (React.createElement("div", { ref: provided.innerRef },
-            React.createElement("ul", { id: "content-list", "aria-label": t('Content list'), className: "list-flat list-flushleft" },
+            React.createElement("ul", { id: "content-list", "aria-label": t('Content list'), className: "list-flat" },
                 props.category.content.map((content, i) => (React.createElement(Draggable, { key: `drag-inner-${i}${props.category.id}`, draggableId: `drag-inner-${i}${props.category.id}`, index: i, isDragDisabled: !isArrangingContent }, (provided, snapshot) => (React.createElement("div", Object.assign({ key: `${i}-c`, "aria-label": t('Content'), ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps),
                     React.createElement(TopContentSingleItem, { isArrangingContent: isArrangingContent, category: props.category, snapshot: snapshot, i: i, key: content.topContentId })))))),
                 provided.placeholder),

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAiB,aAAa,EAAE,MAAM,0CAA0C,CAAC;AA8BtG,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAM7D,OAAO,EAIH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAIhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,sBAAsB,CAAC,GAAG,KAAA,OASzC;AAED,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,6CA2B/C;AAED,eAAO,MAAM,oBAAoB,kDAAmD,MAAM,sBAufzF,CAAC"}
+{"version":3,"file":"TopContentSingleItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAiB,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAiCtG,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAM7D,OAAO,EAIH,oBAAoB,EAOvB,MAAM,wCAAwC,CAAC;AAIhD,UAAU,MAAM;IACZ,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,sBAAsB,CAAC,GAAG,KAAA,OASzC;AAED,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,6CA2B/C;AAED,eAAO,MAAM,oBAAoB,GAAI,+CAA+C,MAAM,sBAihBzF,CAAC"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { search } from '@cee-eng/hydrajs';
-import { Button, DatePicker, Flex, FlexItem, FormGroup, Icon, Label, TextInput, ValidatedOptions, } from '@patternfly/react-core';
+import { Button, Card, CardBody, DatePicker, Flex, FlexItem, FormGroup, Icon, Label, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import EditAltIcon from '@patternfly/react-icons/dist/js/icons/edit-alt-icon';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
 import GripVerticalIcon from '@patternfly/react-icons/dist/js/icons/grip-vertical-icon';
@@ -78,12 +78,13 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
     const tagManagementEditState = useContext(TagManagementStateContext);
     const { tags: tagOptions } = tagManagementEditState;
     const ref = useRef(null);
+    const datePickerRef = useRef(null);
     const topContentDispatch = useTopContentDispatchContext();
     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 [newCategory, setNewCategory] = useState(undefined);
+    const [newCategory, setNewCategory] = useState();
     const [contentTitleIsValid, setContentTitleIsValid] = useState(true);
     const [contentUrlIsValid, setContentUrlIsValid] = useState(true);
     const [showDuplicateError, setShowDuplicateError] = useState(false);
@@ -316,59 +317,67 @@ export const TopContentSingleItem = ({ isArrangingContent, category, snapshot, i
     return (React.createElement(React.Fragment, null,
         isPreview && content.mode !== ContentMode.ADD && content.mode !== ContentMode.NEW_SECTION_CONTENT && (React.createElement("li", { className: `push-bottom-narrow ${(snapshot === null || snapshot === void 0 ? void 0 : snapshot.isDragging) ? 'list-flat tc-drag' : ''}` },
             isArrangingContent && (React.createElement(Icon, { size: "sm" },
-                React.createElement(GripVerticalIcon, { style: { cursor: 'move' }, title: t('Drag'), color: "#06c", className: "pf-v5-u-mr-sm" }))),
+                React.createElement(GripVerticalIcon, { style: { cursor: 'move' }, title: t('Drag'), color: "#06c", className: "pf-v6-u-mr-sm" }))),
             !isArrangingContent ? (React.createElement(React.Fragment, null,
                 React.createElement(TopContentSingleItemLink, { url: getTopContentUrl(content.contentUrl), title: content.contentTitle, contentId: content.topContentId, needsAttention: content.isAttentionNeeded, lastModifiedBy: lastModifiedBy, selectedVersion: selectedVersion }),
-                ' ',
-                React.createElement(Button, { variant: "link", isInline: true, icon: React.createElement(EditAltIcon, null), onClick: editToggle, title: 'Edit' }))) : (content.contentTitle),
-            React.createElement("div", null, lastModifiedBy),
+                React.createElement(Button, { className: "pf-v6-u-ml-sm", variant: "link", isInline: true, icon: React.createElement(EditAltIcon, null), onClick: editToggle, title: 'Edit' }))) : (content.contentTitle),
+            React.createElement("div", { className: "pf-v6-u-mt-sm" }, lastModifiedBy),
             React.createElement("div", null,
-                (content.tags || []).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))),
-                !isEmpty((_c = content.expiryDate) !== null && _c !== void 0 ? _c : '') && !isFutureDate(content.expiryDate) && (React.createElement(Label, { isCompact: true, className: "pf-v5-u-mr-xs pf-v5-u-mt-sm", color: "red" },
+                (content.tags || []).map((tag) => (React.createElement(Label, { isCompact: true, className: "pf-v6-u-mr-xs pf-v6-u-mt-sm", key: tag.id, color: filteredTags.some((t) => t.id === tag.id) ? 'yellow' : 'grey' }, tag.tagName))),
+                !isEmpty((_c = content.expiryDate) !== null && _c !== void 0 ? _c : '') && !isFutureDate(content.expiryDate) && (React.createElement(Label, { isCompact: true, className: "pf-v6-u-mr-xs pf-v6-u-mt-sm", color: "red" },
                     React.createElement(Trans, null, "Outdated Content")))))),
-        (!isPreview || content.mode === ContentMode.ADD || content.mode === ContentMode.NEW_SECTION_CONTENT) && (React.createElement("form", { noValidate: true, onSubmit: onSubmit, className: "card card-light push-bottom", ref: ref },
-            content.mode === ContentMode.NEW_SECTION_CONTENT && (React.createElement(AddNewCategoryDropDown, { onCategoryChange: onAddedNewCategoryChange })),
-            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 && !isDuplicateTitle
-                        ? ValidatedOptions.default
-                        : ValidatedOptions.error }),
-                isDuplicateTitle && (React.createElement("p", { className: "form-instructions form-invalid " },
-                    React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-u-mr-sm" }),
-                    ' ',
-                    React.createElement(Trans, null, "Duplicate heading. Content with this heading is already present.")))),
-            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 }),
-                showDuplicateError && (React.createElement("p", { className: "form-instructions form-invalid" },
-                    React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-v5-u-mr-sm" }),
-                    " Duplicate url. This url is already added in ",
-                    formatDuplicateWarning(duplicatUrlErrorArray),
-                    "."))),
-            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: `${isEmpty(tagOptions) ? 'menu-is-disabld' : ''}` },
-                            React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability'), id: "top-content-tag" })))),
-                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], id: "content-expiry-date", invalidFormatText: t('Invalid date format') })))),
-            React.createElement("span", { className: "top-content-single-item-footer" },
-                React.createElement("span", null,
-                    React.createElement(Button, { variant: "primary", onClick: onSave, 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" }, content.mode !== ContentMode.ADD && content.mode !== ContentMode.NEW_SECTION_CONTENT && (React.createElement(Button, { variant: "danger", "aria-label": t('Delete content'), onClick: onDelete }, "Delete"))))))));
+        (!isPreview || content.mode === ContentMode.ADD || content.mode === ContentMode.NEW_SECTION_CONTENT) && (React.createElement(Card, { variant: "secondary", className: "pf-v6-u-mb-md" },
+            React.createElement(CardBody, null,
+                React.createElement("form", { noValidate: true, onSubmit: onSubmit, ref: ref },
+                    content.mode === ContentMode.NEW_SECTION_CONTENT && (React.createElement(AddNewCategoryDropDown, { onCategoryChange: onAddedNewCategoryChange })),
+                    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 && !isDuplicateTitle
+                                ? ValidatedOptions.default
+                                : ValidatedOptions.error }),
+                        isDuplicateTitle && (React.createElement("p", { className: "form-instructions form-invalid " },
+                            React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-u-mr-sm" }),
+                            ' ',
+                            React.createElement(Trans, null, "Duplicate heading. Content with this heading is already present.")))),
+                    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 }),
+                        showDuplicateError && (React.createElement("p", { className: "form-instructions form-invalid" },
+                            React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-v6-u-mr-sm" }),
+                            " Duplicate url. This url is already added in",
+                            ' ',
+                            formatDuplicateWarning(duplicatUrlErrorArray),
+                            "."))),
+                    React.createElement(Flex, { className: "pf-v6-u-my-lg" },
+                        React.createElement(FlexItem, { flex: { default: 'flex_1' } },
+                            React.createElement(FormGroup, { label: t('Tags') },
+                                React.createElement("div", { className: `${isEmpty(tagOptions) ? 'menu-is-disabld' : ''}` },
+                                    React.createElement(TagsSelector, { tagOptions: tagOptions, onChange: handleLocalTagChange, selectedTags: localSelectedTags, placeholder: t('Select tags to improve discoverability'), id: "top-content-tag" })))),
+                        React.createElement(FlexItem, null,
+                            React.createElement(FormGroup, { ref: datePickerRef, label: t('Expiry date') },
+                                React.createElement(DatePicker, { onBlur: onExpiryDateChange, onChange: onExpiryDateChange, value: !isEmpty(localExpiryDate) ? localExpiryDate.split('T')[0] : '', validators: [expiryDateValidator], id: "content-expiry-date", invalidFormatText: t('Invalid date format'), popoverProps: {
+                                        position: 'left',
+                                        hasAutoWidth: true,
+                                        maxWidth: '22rem',
+                                        minWidth: '22rem',
+                                        appendTo: () => document.body,
+                                    } })))),
+                    React.createElement("span", { className: "top-content-single-item-footer" },
+                        React.createElement("span", null,
+                            React.createElement(Button, { className: "pf-v6-u-mr-sm", variant: "primary", onClick: onSave, 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" }, content.mode !== ContentMode.ADD &&
+                            content.mode !== ContentMode.NEW_SECTION_CONTENT && (React.createElement(Button, { variant: "danger", "aria-label": t('Delete content'), onClick: onDelete }, "Delete"))))))))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentSingleItemLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItemLink.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAK5C,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,MAAM,CAkD/C,CAAC"}
+{"version":3,"file":"TopContentSingleItemLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentSingleItemLink.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAK5C,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,MAAM,CAgD/C,CAAC"}

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

@@ -9,12 +9,11 @@ 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-v5-global--primary-color--100)' } },
+        React.createElement("span", { onClick: onOpenModal },
             React.createElement(Trans, null, "View performance metrics"))));
     return (React.createElement(React.Fragment, null,
         needsAttention && (React.createElement(Tooltip, { content: content, exitDelay: 500 },
-            React.createElement(Button, { variant: "plain", className: "top-content-tooltip" },
-                React.createElement(ExclamationTriangle, null)))),
+            React.createElement(Button, { icon: React.createElement(ExclamationTriangle, null), variant: "plain", className: "top-content-tooltip" }))),
         React.createElement("a", { className: needsAttention ? 'top-content-needs-attention' : 'pcm-manage-top-content', "data-tracking-id": "pcm-manage-top-content", href: url, target: "_blank", rel: "noopener noreferrer" }, title),
         React.createElement(PerformanceMetrics, { isModalOpen: isModalOpen, onHideModal: onHideModal, needsAttention: needsAttention, contentId: contentId, title: title, lastModifiedBy: lastModifiedBy, selectedVersion: selectedVersion })));
 };

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":"AAgBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAiChF,wBAAgB,gBAAgB,sBAqX/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,sBAuX/B"}

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

@@ -149,13 +149,13 @@ 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("div", { className: "toolbar" },
+        !topContentResponse.isFetching && (React.createElement("div", { className: "toolbar secondary-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("div", { className: "toolbar-content pf-v6-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" },
+                React.createElement(TagsSelector, { typeahead: true, tagOptions: tags, onChange: onTagFilterChange, selectedTags: filteredTags, disabled: isEmpty(flagContentEditState) })))),
+        React.createElement("div", { className: "top-content-manage-wrapper pf-v6-u-p-md" },
             !topContentResponse.isFetching && React.createElement(TopContentSuggestion, { searchQuery: searchQuery }),
             topContentResponse.isFetching ? (React.createElement(Bullseye, null,
                 React.createElement(EmptyState, { variant: EmptyStateVariant.full },
@@ -166,7 +166,7 @@ export function TopContentEditor() {
                         provided.innerRef(el);
                         topContentResultsRef.current = el;
                     } }),
-                    React.createElement(Accordion, { asDefinitionList: true },
+                    React.createElement(Accordion, { asDefinitionList: true, togglePosition: "start" },
                         !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) },
@@ -179,15 +179,14 @@ export function TopContentEditor() {
                                         : 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-v5-u-p-md" },
+                    React.createElement("div", { className: "pf-v6-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, 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(Button, { variant: "secondary", className: "pf-v6-u-ml-sm", onClick: arrangeSection, isDisabled: flagContentEditState.length < 2 },
                                 React.createElement(Trans, null, "Arrange section")),
-                            isMajorOrNamedVersion(selectedVersion) && (React.createElement(Button, { variant: "link", className: "pf-v5-u-float-right", isInline: true, onClick: onOpenModal },
+                            isMajorOrNamedVersion(selectedVersion) && (React.createElement(Button, { variant: "link", className: "pf-v6-u-float-right pf-v6-u-ml-sm", 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.js

@@ -34,7 +34,7 @@ export const TopContentSuggestion = ({ searchQuery = '' }) => {
         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 containers = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('div.pf-v6-c-card');
         const markInstance = new Mark(containers);
         markInstance.unmark({
             done: () => {
@@ -46,7 +46,7 @@ export const TopContentSuggestion = ({ searchQuery = '' }) => {
     }, [searchedContent, searchQuery]);
     if (isEmpty(searchedContent))
         return React.createElement(React.Fragment, null);
-    return (React.createElement(Panel, { variant: "raised", className: "pf-v5-u-mx-md pf-v5-u-p-md top-content-panel", ref: ref },
+    return (React.createElement(Panel, { variant: "raised", className: "pf-v6-u-mx-md pf-v6-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" },

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, ButtonVariant, Card, CardBody, Truncate } from '@patternfly/react-core';
+import { Button, Card, CardBody, Truncate } from '@patternfly/react-core';
 import { ToastNotification, useConfirmation } from '@rh-support/components';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -32,7 +32,6 @@ export const TopContentSuggestionHint = ({ resources }) => {
                 yield confirmation({
                     catchOnCancel: true,
                     confirmText: t('Yes, I am sure'),
-                    confirmButtonVariant: ButtonVariant.danger,
                     description: ignoreModalContent,
                 });
                 setIsRemoving(true);
@@ -50,12 +49,12 @@ export const TopContentSuggestionHint = ({ resources }) => {
             setIsRemoving(false);
         }
     });
-    return !isAccepted ? (React.createElement(Card, { className: "pf-v5-u-m-sm card-hint" },
+    return !isAccepted ? (React.createElement(Card, { className: "pf-v6-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-v5-u-float-right" },
-                React.createElement(Button, { variant: "link", isInline: true, className: "pf-v5-u-mr-xl", onClick: () => setAccepted(true), title: "Accept" },
+            React.createElement("span", { className: "pf-v6-u-float-right" },
+                React.createElement(Button, { variant: "link", isInline: true, className: "pf-v6-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;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"}
+{"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;AAyBrH,OAAc,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAgB7E,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,CAuTrD,CAAC"}

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

@@ -7,15 +7,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, Card, CardBody, Form, FormGroup, TextInput, Tooltip, ValidatedOptions } from '@patternfly/react-core';
-import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
+import { Button, Card, CardBody, Form, FormGroup, MenuToggle, Select, SelectList, SelectOption, TextInput, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, Tooltip, ValidatedOptions, } from '@patternfly/react-core';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
-import { ToastNotification } from '@rh-support/components';
+import { ToastNotification, useSelectKeyboardNavigator } from '@rh-support/components';
 import { getVersion, isRegularVersion, isValidUrl } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isUndefined from 'lodash/isUndefined';
 import trim from 'lodash/trim';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CATEGORY_LIMIT } from '../../../../constants/TopContent';
 import { useTopContentContext, useTopContentDispatchContext } from '../../../../context/TopContentProvider';
@@ -31,6 +30,9 @@ export const TopContentSuggestionHintAccept = ({ onCancel, resources }) => {
     const [isSaving, setIsSaving] = useState(false);
     const [resourceTitle, setResourceTitle] = useState('');
     const [isEditClicked, setIsEditClicked] = useState(false);
+    const [inputValue, setInputValue] = useState('');
+    const [shouldFilter, setShouldFilter] = useState(false);
+    const textInputRef = useRef();
     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);
@@ -43,18 +45,43 @@ 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 = (isExpanded) => {
-        setSelectOpen(isExpanded);
-    };
-    const onSelect = (event, selection, isPlaceholder) => {
-        setSelected(selection);
-        onToggle(false);
-    };
     const isDisabled = isEmpty(linkToContent) ||
         isEmpty(trim(resourceTitle)) ||
         isUndefined(selected) ||
         !isValidUrl(linkToContent) ||
         (isCategoryLimitReached && !isCategoryInList);
+    const onToggleClick = () => {
+        var _a;
+        setSelectOpen((prev) => !prev);
+        if (!isSelectOpen) {
+            setShouldFilter(false);
+        }
+        (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    const computeFilteredCategories = () => {
+        if (!categories.data)
+            return [];
+        return shouldFilter && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim())
+            ? categories.data.filter((category) => category.categoryName.toLowerCase().includes(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase()))
+            : categories.data;
+    };
+    const { onInputKeyDown, focusedItemIndex } = useSelectKeyboardNavigator({
+        list: computeFilteredCategories(),
+        isOpen: isSelectOpen,
+        setIsOpen: setSelectOpen,
+        onSelect: (category) => onCategorySelect(category),
+    });
+    const onInputQueryChange = (_event, query) => {
+        if (isSelectOpen) {
+            setInputValue(query);
+            setShouldFilter(true);
+        }
+    };
+    const onCategorySelect = (selection) => {
+        setSelected(selection);
+        setInputValue(selection.categoryName);
+        setSelectOpen(false);
+    };
     const addContentToCategory = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
             setIsSaving(true);
@@ -106,16 +133,14 @@ 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);
-    };
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isSelectOpen, isDisabled: categories.isError || categories.isFetching, isFullWidth: true },
+        React.createElement(TextInputGroup, { isPlain: true },
+            React.createElement(TextInputGroupMain, { value: inputValue, onClick: onToggleClick, onChange: onInputQueryChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: t('Select an option or enter a new category'), role: "combobox", isExpanded: isSelectOpen, "aria-controls": "select-typeahead-listbox" }),
+            categories.isFetching && (React.createElement(TextInputGroupUtilities, null,
+                React.createElement("span", { className: "pf-v6-c-spinner pf-m-md", role: "progressbar" },
+                    React.createElement("span", { className: "pf-v6-c-spinner__clipper" }),
+                    React.createElement("span", { className: "pf-v6-c-spinner__lead-ball" }),
+                    React.createElement("span", { className: "pf-v6-c-spinner__tail-ball" })))))));
     useEffect(() => {
         setResourceTitle(resources.resourceTitle);
     }, [resources.resourceTitle]);
@@ -127,21 +152,22 @@ export const TopContentSuggestionHintAccept = ({ onCancel, resources }) => {
             ToastNotification.addDangerMessage(t('There was an error loading top content categories'));
         }
     }, [topContentDispatch, t]);
-    return (React.createElement(Card, { className: "pf-v5-u-m-sm" },
+    return (React.createElement(Card, { className: "pf-v6-u-m-sm" },
         React.createElement(CardBody, { className: "card-hint" },
             React.createElement(Form, null,
                 isEditClicked ? (React.createElement(FormGroup, { label: t('Heading'), isRequired: true, fieldId: "simple-form-email-01" },
                     React.createElement(TextInput, { isRequired: true, type: "text", id: "top-content-headline-category", name: "top-content-headline-category", "data-tracking-id": "top-content-headline-category", value: resourceTitle, onChange: (_event, val) => setResourceTitle(val), placeholder: t('Copy and paste the heading for consistency'), validated: isEmpty(trim(resourceTitle)) ? ValidatedOptions.error : ValidatedOptions.default }))) : (React.createElement("span", null,
                     React.createElement(Button, { variant: "link", isInline: true },
                         React.createElement("u", null,
-                            React.createElement("a", { className: "hint-title pf-v5-u-font-size-md", target: "_blank", href: linkToContent, rel: "noreferrer" }, resources.resourceTitle))),
+                            React.createElement("a", { className: "hint-title pf-v6-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.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))),
+                    React.createElement(Select, { id: "category-selection", "data-testid": "category-selection", isOpen: isSelectOpen, selected: selected === null || selected === void 0 ? void 0 : selected.categoryName, onSelect: (event, val) => onCategorySelect(val), onOpenChange: () => setSelectOpen(false), toggle: toggle, shouldFocusFirstItemOnOpen: false, isScrollable: true },
+                        React.createElement(SelectList, null, computeFilteredCategories().map((category, index) => (React.createElement(SelectOption, { key: index, isFocused: focusedItemIndex === index, value: category, isSelected: category.id === (selected === null || selected === void 0 ? void 0 : selected.id) }, category.categoryName)))))),
                 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" },
+                React.createElement("div", { className: "pf-v6-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.js

@@ -4,6 +4,6 @@ export function TopContentHeader() {
     return (React.createElement("header", null,
         React.createElement("h2", null,
             React.createElement(Trans, null, "Top content")),
-        React.createElement("p", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" },
+        React.createElement("p", { className: "pf-v6-u-mt-md pf-v6-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."))));
 }

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;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"}
+{"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,EAAc,MAAM,wCAAwC,CAAC;AAY/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,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,qBAiNtD;kBAjNQ,gCAAgC;;;AAoNzC,OAAO,EAAE,gCAAgC,EAAE,CAAC"}