@rh-support/cases 2.6.7 → 2.6.9

package/lib/esm/components/case-list/case-list-table/CaseListTable.js

@@ -1,4 +1,4 @@
-import { Bullseye, Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, PaginationVariant, Spinner, } from '@patternfly/react-core';
+import { Bullseye, Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateVariant, PaginationVariant, Spinner, } from '@patternfly/react-core';
 import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon';
 import { Table, TableVariant, Tbody, Td, Th, Thead, Tr, Visibility } from '@patternfly/react-table';
 import { TableComponent, TablePagination } from '@rh-support/components';
@@ -198,11 +198,10 @@ export function CaseListTable(props) {
     const noResultFoundRow = (React.createElement(Tr, null,
         React.createElement(Td, { colSpan: 8 },
             React.createElement(Bullseye, { style: { minHeight: '350px' } },
-                React.createElement(EmptyState, { variant: EmptyStateVariant.full },
-                    React.createElement(EmptyStateHeader, { titleText: React.createElement(React.Fragment, null,
-                            React.createElement(Trans, null, isInternal && (!showingFilter || !hasSearchQuery)
-                                ? 'No results found'
-                                : 'No information to display')), icon: React.createElement(EmptyStateIcon, { icon: SearchIcon }), headingLevel: "h2" }),
+                React.createElement(EmptyState, { headingLevel: "h2", icon: SearchIcon, titleText: React.createElement(React.Fragment, null,
+                        React.createElement(Trans, null, isInternal && (!showingFilter || !hasSearchQuery)
+                            ? 'No results found'
+                            : 'No information to display')), variant: EmptyStateVariant.full },
                     React.createElement(EmptyStateBody, null,
                         React.createElement(Trans, null, getEmptyStateErrMessage())),
                     React.createElement(EmptyStateFooter, null, (showingFilter || hasSearchQuery) && (React.createElement(Button, { variant: "link", onClick: clearAllFilters },
@@ -344,23 +343,23 @@ export function CaseListTable(props) {
     }, [activeSortDirection, activeSortIndex]);
     return (React.createElement(React.Fragment, null,
         React.createElement(TableComponent, { columns: columns, data: caseListData, selectedColumns: selectedColumns },
-            React.createElement("div", { className: "case-list-table-toolbar pf-v5-l-flex", ref: tableToolbarRef },
-                React.createElement("div", { className: "toolbar-actions pf-v5-l-flex" },
-                    React.createElement(TableActionsDropdown, { caseList: caseListData, selectedCases: selectedCases, onCasesCloseSuccess: onCasesCloseSuccess, currentFilteredCaseList: props.caseList }),
-                    React.createElement(TableColumnSelector, { onColumnSelectorChange: onColumnSelectorChange, cachedColumns: selectedColumns })),
+            React.createElement("div", { className: "case-list-table-toolbar pf-v6-l-flex", ref: tableToolbarRef },
+                React.createElement("div", { className: "toolbar-actions pf-v6-l-flex" },
+                    React.createElement(TableColumnSelector, { onColumnSelectorChange: onColumnSelectorChange, cachedColumns: selectedColumns }),
+                    React.createElement(TableActionsDropdown, { caseList: caseListData, selectedCases: selectedCases, onCasesCloseSuccess: onCasesCloseSuccess, currentFilteredCaseList: props.caseList })),
                 React.createElement("span", { className: "toolbar-pagination" },
                     React.createElement(TablePagination, { perPage: (_c = props.paginationInfo) === null || _c === void 0 ? void 0 : _c.pageSize, currentPage: (_d = props.paginationInfo) === null || _d === void 0 ? void 0 : _d.currentPage, onPerPageSelect: onPerPageSelect, onSetPage: onSetPage, variant: PaginationVariant.top, itemCount: getItemCount() }))),
-            React.createElement("div", { className: "pf-v5-c-scroll-inner-wrapper" },
-                React.createElement(Table, { variant: TableVariant.compact, "aria-label": "case-list", className: "case-list-table" },
+            React.createElement("div", { className: "pf-v6-c-scroll-inner-wrapper pf-v6-u-flex-grow-1" },
+                React.createElement(Table, { variant: TableVariant.compact, "aria-label": "case-list", className: "case-list-table pf-v6-u-flex-grow-1" },
                     React.createElement(Thead, null,
-                        React.createElement(Tr, { key: "tableHeaderRow" },
+                        React.createElement(Tr, { key: "tableHeaderRow", isBorderRow: true },
                             React.createElement(Th, { select: {
                                     onSelect: (_event, isSelecting) => selectAllRows(),
                                     isSelected: isEqual(selectedCases, allRows),
                                 }, className: props.isCaseListPageLoading || (caseListData || []).length < 1
                                     ? Visibility.hidden
                                     : '', key: "selectAllRowsCheckBox" }),
-                            visibleCaseListColumns.map((column, index) => (React.createElement(Th, { style: {
+                            visibleCaseListColumns.map((column, index) => (React.createElement(Th, { hasRightBorder: index === 0, style: {
                                     left: (props.isCaseListPageLoading || (caseListData || []).length < 1) &&
                                         column.id == 'number'
                                         ? '0px'
@@ -371,12 +370,12 @@ export function CaseListTable(props) {
                         : props.isCaseListPageLoading
                             ? loadingRowDefault
                             : sortedCaseListData === null || sortedCaseListData === void 0 ? void 0 : sortedCaseListData.map((row, index) => (React.createElement(Tr, { onRowClick: (event) => (onRowClick ? onRowClick(event, row) : ''), key: row === null || row === void 0 ? void 0 : row.case_number },
-                                React.createElement(Td, { select: {
+                                React.createElement(Td, { className: "pf-v6-u-pl-md", select: {
                                         rowIndex: index,
                                         onSelect: (_event, index) => onRowSelect(_event, row === null || row === void 0 ? void 0 : row.case_number),
                                         isSelected: selectedCases.includes(row === null || row === void 0 ? void 0 : row.case_number),
                                     } }),
-                                React.createElement(Th, { dataLabel: "Case ID", id: row.case_number, scope: "row" },
+                                React.createElement(Td, { dataLabel: "Case ID", id: row.case_number, scope: "row" },
                                     React.createElement("div", { className: "case-number-section" },
                                         React.createElement(Link, { to: `/case/${row.case_number}`, onClick: () => dtmTrackEventCaseStepEncountered('review', row.case_number, row.case_product, row.case_version) },
                                             React.createElement("span", { className: "case-number" }, row.case_number)),

package/lib/esm/components/case-list/case-list-table/DownloadCSVFileModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadCSVFileModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/DownloadCSVFileModal.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAkBlE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,oBAAoB,EAAE,mBAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,WAAW,EAAE,oBAAoB,CAAC;IAClC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC7B;AAoBD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAgazD"}
+{"version":3,"file":"DownloadCSVFileModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/DownloadCSVFileModal.tsx"],"names":[],"mappings":"AAAA,OAAO,6BAA6B,CAAC;AAGrC,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAmBlE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,oBAAoB,EAAE,mBAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,WAAW,EAAE,oBAAoB,CAAC;IAClC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC7B;AAoBD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA6ZzD"}

package/lib/esm/components/case-list/case-list-table/DownloadCSVFileModal.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import './DownloadCSVFileModal.scss';
 import { publicApi } from '@cee-eng/hydrajs';
-import { Button, Checkbox, Form, FormGroup, Grid, GridItem, InputGroup, Modal, ModalVariant, Spinner, TextInput, ValidatedOptions, } from '@patternfly/react-core';
+import { Button, Checkbox, Form, FormGroup, Grid, GridItem, InputGroup, Modal, ModalFooter, ModalVariant, Spinner, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
 import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-icon';
 import { ToastNotification, useFetch } from '@rh-support/components';
@@ -277,11 +277,6 @@ export default function DownloadCSVFileModal(props) {
             return t('Your download will include {{count}} cases.', { count: numberOfCases });
         return t('Only the first 1000 cases will be included in your download. Please note this may take a while.');
     };
-    // Download CSV modal buttons
-    const modalActions = [
-        React.createElement(Button, { key: "submit", icon: isFetchingCSVData ? React.createElement(Spinner, { size: "md" }) : React.createElement(DownloadIcon, null), variant: "primary", "data-tracking-id": "download-csv-modal-submit", onClick: isSecureSupportUser ? onExportCSVClickSecureSupport : onExportCSVClick, isDisabled: (isSaveClicked && isEmpty(splitExtensionName)) || isDisabled || isFetchingCSVData }, t('Download')),
-        React.createElement(Button, { key: "back", variant: "secondary", onClick: onCancel, isDisabled: isDisabled || isFetchingCSVData, "data-tracking-id": "download-csv-modal-cancel" }, t('Cancel')),
-    ];
     // To handle select all checkbox when any of the column checkbox is checked or unchecked
     useEffect(() => {
         allCheckBoxNotSelected
@@ -292,5 +287,10 @@ export default function DownloadCSVFileModal(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [allCheckBoxNotSelected, checkboxes.selectAll]);
-    return (React.createElement(Modal, { title: t('Download CSV file'), description: downloadCSVModalDescription(selectedCases.length || filteredCaseCount), className: "download-csv-modal", variant: ModalVariant.large, isOpen: onModalshow, onClose: onCancel, actions: modalActions }, downloadCSVModalBody()));
+    return (React.createElement(Modal, { title: t('Download CSV file'), className: "download-csv-modal", variant: ModalVariant.large, isOpen: onModalshow, onClose: onCancel },
+        React.createElement("p", null, downloadCSVModalDescription(selectedCases.length || filteredCaseCount)),
+        downloadCSVModalBody(),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "submit", icon: isFetchingCSVData ? React.createElement(Spinner, { size: "md" }) : React.createElement(DownloadIcon, null), variant: "primary", "data-tracking-id": "download-csv-modal-submit", onClick: isSecureSupportUser ? onExportCSVClickSecureSupport : onExportCSVClick, isDisabled: (isSaveClicked && isEmpty(splitExtensionName)) || isDisabled || isFetchingCSVData }, t('Download')),
+            React.createElement(Button, { key: "back", variant: "secondary", onClick: onCancel, isDisabled: isDisabled || isFetchingCSVData, "data-tracking-id": "download-csv-modal-cancel" }, t('Cancel')))));
 }

package/lib/esm/components/case-list/case-list-table/ExportCaseListCSV.js

@@ -37,6 +37,6 @@ export function ExportCaseListCSV({ currentFilteredCaseList, selectedCases, isEx
     return (React.createElement("span", { title: (isExportCsvDisabled && getTooltipContent()) || '' },
         React.createElement(Button, { variant: "tertiary", onClick: toggleDownloadCSVModal, title: btnTitle, "data-tracking-id": "case-list-toolbar-export-csv", isDisabled: isExportButtonDisabled }, isFetchingCSVData ? (React.createElement(React.Fragment, null,
             React.createElement(Trans, null, "Exporting CSV"),
-            React.createElement(Spinner, { size: "md", "aria-label": "loading", className: "export-csv-loader pf-v5-u-ml-xs" }))) : (React.createElement(Trans, null, "Export CSV"))),
+            React.createElement(Spinner, { size: "md", "aria-label": "loading", className: "export-csv-loader pf-v6-u-ml-xs" }))) : (React.createElement(Trans, null, "Export CSV"))),
         React.createElement(DownloadCSVFileModal, { filterState: filterState, loggedInUserRights: loggedInUserRights, loggedInUsersAccount: loggedInUsersAccount, isDisabled: isExportButtonDisabled, onModalshow: openUpdateSeverityModal, onClose: toggleDownloadCSVModal, selectedCases: selectedCases, filteredCaseCount: currentFilteredCaseCount })));
 }

package/lib/esm/components/case-list/case-list-table/SeverityLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeverityLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/SeverityLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,MAAM,qBAmBzD"}
+{"version":3,"file":"SeverityLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/SeverityLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,MAAM,qBAoBzD"}

package/lib/esm/components/case-list/case-list-table/SeverityLabel.js

@@ -7,16 +7,17 @@ export default function SeverityLabel({ sevValue }) {
         return null;
     }
     const getSevLabelColor = (sevValue) => {
+        console.warn(sevValue);
         switch (sevValue) {
             case '1 (Urgent)':
-                return 'red';
+                return 'danger';
             case '2 (High)':
-                return 'orange';
+                return 'warning';
             case '3 (Normal)':
-                return 'blue';
+                return 'info';
             case '4 (Low)':
-                return 'grey';
+                return 'custom';
         }
     };
-    return React.createElement(Label, { color: getSevLabelColor(sevValue) }, t(sevValue));
+    return React.createElement(Label, { status: getSevLabelColor(sevValue) }, t(sevValue));
 }

package/lib/esm/components/case-list/case-list-table/TableActionsDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableActionsDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/TableActionsDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAgB,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAwB,MAAM,qCAAqC,CAAC;AASlG,UAAU,MAAO,SAAQ,kBAAkB,EAAE,qBAAqB;CAAG;AAErE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAwHjD"}
+{"version":3,"file":"TableActionsDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/TableActionsDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAgB,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAwB,MAAM,qCAAqC,CAAC;AASlG,UAAU,MAAO,SAAQ,kBAAkB,EAAE,qBAAqB;CAAG;AAErE,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA0HjD"}

package/lib/esm/components/case-list/case-list-table/TableActionsDropdown.js

@@ -38,10 +38,10 @@ export function TableActionsDropdown(props) {
             label: ToolbarLabels.ExportCSV,
             disabled: showExportCSVError,
             title: t('Export CSV'),
-            element: (React.createElement("div", { className: "pf-v5-u-display-flex pf-v5-u-justify-content-space-between" },
+            element: (React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-justify-content-space-between" },
                 t('Export CSV'),
                 React.createElement(Tooltip, { content: getExportCSVTooltipContent() },
-                    React.createElement(Icon, { "data-testid": "export-csv-warning-icon", className: "pf-v5-u-align-self-center", status: exportCSVIconStatus, isInline: true },
+                    React.createElement(Icon, { "data-testid": "export-csv-warning-icon", className: "pf-v6-u-align-self-center", status: exportCSVIconStatus, isInline: true },
                         showExportCSVError && React.createElement(ExclamationCircleIcon, null),
                         !showExportCSVError && React.createElement(InfoCircleIcon, null))))),
         },
@@ -50,10 +50,10 @@ export function TableActionsDropdown(props) {
             label: ToolbarLabels.CloseCase,
             disabled: showError,
             title: t('Close selected cases'),
-            element: (React.createElement("div", { className: "pf-v5-u-display-flex pf-v5-u-justify-content-space-between" },
+            element: (React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-justify-content-space-between" },
                 t('Close case'),
                 (showError || showWarning) && selectedCases.length > 0 && (React.createElement(Tooltip, { content: getTooltipContent() },
-                    React.createElement(Icon, { "data-testid": "close-case-warning-icon", className: "pf-v5-u-align-self-center", status: closeCaseIconStatus, isInline: true },
+                    React.createElement(Icon, { "data-testid": "close-case-warning-icon", className: "pf-v6-u-align-self-center", status: closeCaseIconStatus, isInline: true },
                         showWarning && React.createElement(WarningTriangleIcon, null),
                         showError && React.createElement(ExclamationCircleIcon, null)))))),
         },
@@ -71,7 +71,5 @@ export function TableActionsDropdown(props) {
     return (React.createElement(React.Fragment, null,
         isModalOpen && React.createElement(CloseCaseModal, { onClose: onCancel, onConfirm: onConfirm, isUpdating: !!isPostingComment }),
         React.createElement(DownloadCSVFileModal, { filterState: filterState, loggedInUserRights: loggedInUserRights, loggedInUsersAccount: loggedInUsersAccount, isDisabled: isExportButtonDisabled, onModalshow: openUpdateSeverityModal, onClose: toggleDownloadCSVModal, selectedCases: selectedCases, filteredCaseCount: currentFilteredCaseCount }),
-        React.createElement(SingleSelectDropdown, { selected: { value: null, label: '' }, placeholder: React.createElement(React.Fragment, null,
-                "Actions ",
-                React.createElement(Badge, { key: 1 }, selectedCases.length)), onSelect: onSelect, options: toolbarDropdownItems, id: "table-actions-dropdown" })));
+        React.createElement(SingleSelectDropdown, { hideToggleIcons: true, selected: { value: null, label: '' }, onSelect: onSelect, options: toolbarDropdownItems, id: "table-actions-dropdown", placeholder: t('Actions'), badge: React.createElement(Badge, null, selectedCases.length) })));
 }

package/lib/esm/components/case-list/case-list-table/table-column-selector/TableColumnSelector.js

@@ -41,7 +41,7 @@ export function TableColumnSelector({ onColumnSelectorChange, cachedColumns }) {
                 handleCheckboxChange(field.key);
             }, id: field.key, name: field.key })));
     };
-    return (React.createElement(Dropdown, { isOpen: isOpen, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen }, t('Columns'))), shouldFocusToggleOnSelect: true, id: "case-list-table-column-dropdown", "data-tracking-id": "case-list-table-column-dropdown", className: "column-selector" },
+    return (React.createElement(Dropdown, { isOpen: isOpen, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: (toggleRef) => (React.createElement(MenuToggle, { className: "pf-v6-u-flex-1", ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen }, t('Columns'))), shouldFocusToggleOnSelect: true, id: "case-list-table-column-dropdown", "data-tracking-id": "case-list-table-column-dropdown", className: "column-selector" },
         React.createElement(DropdownList, null,
             React.createElement(Grid, { hasGutter: true },
                 React.createElement(GridItem, { span: 6 },

package/lib/esm/components/case-list/case-search/AdvanceSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvanceSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/AdvanceSearch.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIhE,UAAU,MAAM;IACZ,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,0BAA0B,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBA8U1C"}
+{"version":3,"file":"AdvanceSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/AdvanceSearch.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAIhE,UAAU,MAAM;IACZ,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzE,0BAA0B,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAoV1C"}

package/lib/esm/components/case-list/case-search/AdvanceSearch.js

@@ -229,22 +229,21 @@ export function AdvanceSearch(props) {
     };
     const isQueryInValid = inputString && !isParsingSuccessful;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "pf-v5-c-select pf-m-expanded", ref: dropdownWrapperRef },
+        React.createElement("div", { className: "pf-v6-c-select pf-m-expanded", ref: dropdownWrapperRef },
             React.createElement(TextInputGroup, null,
-                React.createElement(TextInputGroupMain, { value: inputString, onChange: (event, value) => onQueryStringChange(value), onFocus: onInputFocus, ref: searchInputRef, onKeyDown: onKeyDown, placeholder: t('i18nEnterSolrQuery', 'Enter SOLR query, for example: severity:"1 (Urgent)" and status:"Waiting on Customer"'), className: "pf-v5-u-pr-2xl", type: "text", "aria-invalid": isQueryInValid ? true : false, autoComplete: "off", id: "advance-search-typeahead", "aria-label": t('Enter search query'), "aria-describedby": "advance-query-error-helper" }),
+                React.createElement(TextInputGroupMain, { value: inputString, onChange: (event, value) => onQueryStringChange(value), onFocus: onInputFocus, ref: searchInputRef, onKeyDown: onKeyDown, placeholder: t('i18nEnterSolrQuery', 'Enter SOLR query, for example: severity:"1 (Urgent)" and status:"Waiting on Customer"'), className: "pf-v6-u-pr-2xl", type: "text", "aria-invalid": isQueryInValid ? true : false, autoComplete: "off", id: "advance-search-typeahead", "aria-label": t('Enter search query'), "aria-describedby": "advance-query-error-helper" }),
                 inputString && (React.createElement(TextInputGroupUtilities, null,
-                    React.createElement(Button, { onClick: onClear, variant: "plain", "data-tracking-id": "clear-search", "aria-label": t('Clear this search') }, inputString && isParsingSuccessful ? (React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
-                        React.createElement(FlexItem, null,
-                            React.createElement(Icon, { size: "md" },
-                                React.createElement(CheckCircleIcon, { color: "#3E8635" }))),
-                        React.createElement(FlexItem, null,
-                            React.createElement(TimesCircleIcon, null)))) : (React.createElement(TimesCircleIcon, null)))))),
-            isAutoCompleteListVisible && (React.createElement("ul", { className: "pf-v5-c-select__menu", "aria-labelledby": "advance-search-typeahead-label", role: "listbox" }, autoCompleteList.map((item, index) => (React.createElement("li", { key: index, role: "presentation", className: `pf-v5-c-select__menu-wrapper ${selectedItemIndex === index ? 'pf-m-focus' : ''}` },
-                React.createElement("button", { type: "button", onClick: (e) => onItemClick(item.value), className: "pf-v5-c-select__menu-item", "aria-selected": selectedItemIndex === index ? true : false, role: "option" }, item.display))))))),
-        React.createElement(Button, { type: "button", variant: "primary", "data-tracking-id": "case-list-adv-search-button", className: "pf-v5-u-ml-sm", onClick: onSearchSubmit, isDisabled: isAdvancedSearchButtonDisabled },
+                    React.createElement(Button, { icon: inputString && isParsingSuccessful ? (React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
+                            React.createElement(FlexItem, null,
+                                React.createElement(Icon, { size: "md" },
+                                    React.createElement(CheckCircleIcon, { color: "#3E8635" }))),
+                            React.createElement(FlexItem, null,
+                                React.createElement(TimesCircleIcon, null)))) : (React.createElement(TimesCircleIcon, null)), onClick: onClear, variant: "plain", "data-tracking-id": "clear-search", "aria-label": t('Clear this search') })))),
+            isAutoCompleteListVisible && (React.createElement("ul", { className: "pf-v6-c-select__menu", "aria-labelledby": "advance-search-typeahead-label", role: "listbox" }, autoCompleteList.map((item, index) => (React.createElement("li", { key: index, role: "presentation", className: `pf-v6-c-select__menu-wrapper ${selectedItemIndex === index ? 'pf-m-focus' : ''}` },
+                React.createElement("button", { type: "button", onClick: (e) => onItemClick(item.value), className: "pf-v6-c-select__menu-item", "aria-selected": selectedItemIndex === index ? true : false, role: "option" }, item.display))))))),
+        React.createElement(Button, { type: "button", variant: "primary", "data-tracking-id": "case-list-adv-search-button", className: "search-btn", onClick: onSearchSubmit, isDisabled: isAdvancedSearchButtonDisabled },
             React.createElement(Trans, null, "Search")),
-        React.createElement(Button, { variant: "link", onClick: onBasicClick, "data-tracking-id": "case-list-basic-toggle-button" },
+        React.createElement(Button, { hasNoPadding: true, className: "case-search-toggle", variant: "link", onClick: onBasicClick, "data-tracking-id": "case-list-basic-toggle-button" },
             React.createElement(Trans, null, "Basic")),
-        React.createElement(Button, { variant: "link", className: "pf-v5-u-px-0", component: "a", rel: "noopener noreferrer", target: "_blank", "aria-label": "Advanced search guide", href: "https://source.redhat.com/communitiesatredhat/applications/integration-community-of-practice/all/testallin/all_in_blog/advanced_search_in_the_customer_support_tool", "data-tracking-id": "advance-search-guide" },
-            React.createElement(InfoIcon, null))));
+        React.createElement(Button, { icon: React.createElement(InfoIcon, null), variant: "link", className: "pf-v6-u-px-0", component: "a", rel: "noopener noreferrer", target: "_blank", "aria-label": "Advanced search guide", href: "https://source.redhat.com/communitiesatredhat/applications/integration-community-of-practice/all/testallin/all_in_blog/advanced_search_in_the_customer_support_tool", "data-tracking-id": "advance-search-guide" })));
 }

package/lib/esm/components/case-list/case-search/BookmarkedSearchesSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarkedSearchesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/BookmarkedSearchesSelector.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAahE,UAAU,MAAM;IACZ,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,mBAAmB,CAAC;IACvC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,MAAM,CAAC;CAClC;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBAgTvD"}
+{"version":3,"file":"BookmarkedSearchesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/BookmarkedSearchesSelector.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAahE,UAAU,MAAM;IACZ,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,mBAAmB,CAAC;IACvC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,MAAM,CAAC;CAClC;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBA0TvD"}

package/lib/esm/components/case-list/case-search/BookmarkedSearchesSelector.js

@@ -7,8 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, ButtonVariant, Split, SplitItem } from '@patternfly/react-core';
-import { Dropdown, DropdownItem, DropdownSeparator, DropdownToggle, DropdownToggleAction, } from '@patternfly/react-core/deprecated';
+import { Button, ButtonVariant, Divider, MenuToggle, Select, SelectOption, Split, SplitItem, } from '@patternfly/react-core';
 import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
 import StarIcon from '@patternfly/react-icons/dist/js/icons/star-icon';
 import { ConfirmationServiceProvider } from '@rh-support/components';
@@ -167,19 +166,19 @@ export function BookmarkedSearchesSelector(props) {
         .sort()
         .map((bookmarkedSearch) => {
         var _a;
-        return (React.createElement("li", { className: "pf-v5-c-dropdown__menu-item pf-v5-u-p-xs", key: bookmarkedSearch },
+        return (React.createElement(SelectOption, { className: "pf-m-selected", key: bookmarkedSearch },
             React.createElement(Split, { key: `split-parent-${bookmarkedSearch}` },
                 React.createElement(SplitItem, { isFilled: true, key: `split-left-${bookmarkedSearch}` },
-                    React.createElement(Button, { variant: ButtonVariant.plain, isBlock: true, className: "pf-v5-u-text-align-left", onClick: onBookmarkSelectorChange(bookmarkedSearch, bookmarkedSearches[bookmarkedSearch], true) },
-                        ((_a = bookmarkedSearches[bookmarkedSearch]) === null || _a === void 0 ? void 0 : _a.defaultChecked) && (React.createElement(StarIcon, { title: "{t('Default search')}", color: "#F0AB00", className: "pf-v5-u-mr-sm", "aria-label": t('Default search') })),
-                        ' ',
-                        bookmarkedSearch)),
+                    React.createElement(Button, { icon: React.createElement(React.Fragment, null,
+                            ((_a = bookmarkedSearches[bookmarkedSearch]) === null || _a === void 0 ? void 0 : _a.defaultChecked) && (React.createElement(StarIcon, { title: "{t('Default search')}", color: "#F0AB00", className: "pf-v6-u-mr-sm", "aria-label": t('Default search') })),
+                            ' ',
+                            bookmarkedSearch), variant: ButtonVariant.plain, isBlock: true, className: "pf-v6-u-text-align-left", onClick: onBookmarkSelectorChange(bookmarkedSearch, bookmarkedSearches[bookmarkedSearch], true) })),
                 React.createElement(SplitItem, { key: `split-right-${bookmarkedSearch}` },
                     ' ',
-                    React.createElement(Button, { "aria-label": t('Edit or delete saved search'), className: "pf-v5-u-pr-sm", onClick: onEditSavedSearchClick(bookmarkedSearch), variant: ButtonVariant.link, icon: React.createElement(PencilAltIcon, null) })))));
+                    React.createElement(Button, { "aria-label": t('Edit or delete saved search'), className: "pf-v6-u-pr-sm", onClick: onEditSavedSearchClick(bookmarkedSearch), variant: ButtonVariant.link, icon: React.createElement(PencilAltIcon, null) })))));
     });
     const renderMostRecentSearch = [
-        React.createElement(DropdownItem, { key: "most-recent-search", component: "button", onClick: onBookmarkSelectorChange('', mostRecentSearch, true) },
+        React.createElement(SelectOption, { key: "most-recent-search", component: "button", onClick: onBookmarkSelectorChange('', mostRecentSearch, true) },
             React.createElement(Trans, null, "Restore latest")),
     ];
     const clearSearchName = () => {
@@ -188,18 +187,25 @@ export function BookmarkedSearchesSelector(props) {
     };
     const renderListItems = [
         ...renderSavedSearchItems,
-        ...(renderSavedSearchItems.length !== 0 ? [React.createElement(DropdownSeparator, { key: "separator" })] : []),
+        ...(renderSavedSearchItems.length !== 0 ? [React.createElement(Divider, { key: "separator" })] : []),
         ...(!isEmpty(mostRecentSearch) ? renderMostRecentSearch : []),
     ];
     const advancedSearchPhraseIsNotValid = filterState.filterQueryInfo.type === CaseSearchQueryType.ADVANCED && !props.isAdvancedSearchValid;
     const noFilterOrSearchQueryApplied = !props.currentCaseSearchString && (isOnlyDefaultFilterApplied(filterState) || isNoFilterApplied(filterState));
+    const Toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onMenuToggle, className: "bookmark-search-dropdown", "aria-label": t(`${isMenuOpen ? 'Close' : 'Open'} bookmarked searches selector'`), splitButtonItems: [
+            React.createElement(Button, { icon: selectedSearch || 'Save for later', key: "save-for-later", variant: "plain", onClick: (e) => {
+                    if (!!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid) {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        return;
+                    }
+                    e.stopPropagation();
+                    onSaveForLaterClick();
+                }, isDisabled: !!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid, style: { flex: 1, fontSize: '16px', textAlign: 'left' } }),
+        ] }));
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "bookmark-search-dropdown-wrapper", "data-tracking-id": "bookmark-search-id" },
-            React.createElement(Dropdown, { className: "bookmark-search-dropdown", isOpen: isMenuOpen, dropdownItems: renderListItems, toggle: React.createElement(DropdownToggle, { splitButtonItems: [
-                        React.createElement(DropdownToggleAction, { onClick: onSaveForLaterClick, key: "action", isDisabled: !!selectedSearch ||
-                                noFilterOrSearchQueryApplied ||
-                                advancedSearchPhraseIsNotValid, "data-tracking-id": "case-list-bookmark-search-trigger" }, selectedSearch ? selectedSearch : React.createElement(Trans, null, "Save for later")),
-                    ], splitButtonVariant: "action", onToggle: onMenuToggle, "aria-label": t(`${isMenuOpen ? 'Close' : 'Open'} bookmarked searches selector'`), isDisabled: !bookmarkedSearches }), disabled: hydraUserPreferences.isFetching || hydraUserPreferences.isError }),
+            React.createElement(Select, { className: "bookmark-search-dropdown", isOpen: isMenuOpen, shouldFocusFirstItemOnOpen: false, onOpenChange: (nextOpen) => toggleMenu(nextOpen), toggle: Toggle }, renderListItems),
             flatMap(filterInfo).length === 0 && (React.createElement(Button, { variant: "link", onClick: onBookmarkSelectorChange('', mostRecentSearch, false), "data-tracking-id": "case-most-recent-search-button", className: "most-recent-search-button" },
                 React.createElement(Trans, null, "Restore most recent filters")))),
         React.createElement(ConfirmationServiceProvider, null, isSaveSearchModalOpen && (React.createElement(SaveCaseSearchModal, { currentCaseSearchString: props.currentCaseSearchString, currentSearchType: props.currentSearchType, isModalOpen: isSaveSearchModalOpen, modalToggle: modalToggle, isAdding: isAddingBookmarkSearch, selectedSearchNameToEdit: selectedSearchNameToEdit, clearSearchName: clearSearchName })))));

package/lib/esm/components/case-list/case-search/CaseSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/CaseSearch.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAkB5E,UAAU,MAAM;IACZ,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBA4LvC"}
+{"version":3,"file":"CaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/CaseSearch.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAkB5E,UAAU,MAAM;IACZ,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,qBA6LvC"}

package/lib/esm/components/case-list/case-search/CaseSearch.js

@@ -96,10 +96,10 @@ export function CaseSearch(props) {
     const renderBasicSearch = () => {
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "case-search-input-container" },
-                React.createElement(SearchInput, { className: "pf-v5-u-w-100", placeholder: t('Search by keyword or case ID'), value: searchVal === null || searchVal === void 0 ? void 0 : searchVal.trim(), "data-tracking-id": "search-cases-text-input", id: "case-search-basic", "aria-label": t('Search by keyword or case ID'), onChange: (_event, val) => onSearchValChange(val), onClear: clearSearchVal }),
+                React.createElement(SearchInput, { className: "pf-v6-u-w-100 case-search-input", placeholder: t('Search by keyword or case ID'), value: searchVal === null || searchVal === void 0 ? void 0 : searchVal.trim(), "data-tracking-id": "search-cases-text-input", id: "case-search-basic", "aria-label": t('Search by keyword or case ID'), onChange: (_event, val) => onSearchValChange(val), onClear: clearSearchVal }),
                 React.createElement(Button, { variant: "primary", type: "submit", className: "search-btn", "data-tracking-id": "case-list-search-button", isDisabled: isSearchButtonDisabled },
                     React.createElement(Trans, null, "Search")),
-                canUseAdvancedSearch && (React.createElement(Button, { variant: "link", onClick: () => onSearchTypeChange(CaseSearchQueryType.ADVANCED), isDisabled: isFetching, "data-tracking-id": "case-list-adv-toggle-button" },
+                canUseAdvancedSearch && (React.createElement(Button, { variant: "link", onClick: () => onSearchTypeChange(CaseSearchQueryType.ADVANCED), isDisabled: isFetching, "data-tracking-id": "case-list-adv-toggle-button", className: "case-search-toggle" },
                     React.createElement(Trans, null, "Advanced"))))));
     };
     const renderAdvanceSearch = () => {

package/lib/esm/components/case-list/case-search/SaveCaseSearchModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SaveCaseSearchModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/SaveCaseSearchModal.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,MAAM,CAAC;IACjC,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B;AAOD,wBAAgB,mBAAmB,CAAC,EAChC,WAAW,EACX,WAAW,EACX,QAAQ,EACR,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,GAClB,EAAE,MAAM,qBA4SR"}
+{"version":3,"file":"SaveCaseSearchModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/SaveCaseSearchModal.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB,EAAE,MAAM,CAAC;IACjC,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC/B;AAOD,wBAAgB,mBAAmB,CAAC,EAChC,WAAW,EACX,WAAW,EACX,QAAQ,EACR,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,GAClB,EAAE,MAAM,qBA8SR"}

package/lib/esm/components/case-list/case-search/SaveCaseSearchModal.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, Checkbox, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalVariant, TextArea, TextInput, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Checkbox, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalFooter, ModalVariant, TextArea, TextInput, } from '@patternfly/react-core';
 import { ToastNotification, useConfirmation } from '@rh-support/components';
 import { GlobalMetadataDispatchContext, GlobalMetadataStateContext, updateUserPreferences, UserPreferencesKeys, } from '@rh-support/react-context';
 import find from 'lodash/find';
@@ -110,7 +110,6 @@ export function SaveCaseSearchModal({ isModalOpen, modalToggle, isAdding, select
                 title: t(`Delete saved search?`),
                 description: React.createElement(Trans, null, "This will permanently remove it from your list of saved searches."),
                 confirmText: t('Delete'),
-                confirmButtonVariant: ButtonVariant.danger,
             });
             try {
                 delete previousBookmarkedSearchesObj[localSavedSearchName];
@@ -183,30 +182,30 @@ export function SaveCaseSearchModal({ isModalOpen, modalToggle, isAdding, select
         setLocalDefaultChecked(((_a = previousBookmarkedSearchesObj[selectedSearchNameToEdit]) === null || _a === void 0 ? void 0 : _a.defaultChecked) || false);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [filterInfo, filterQueryInfo.queryString, isAdding, selectedSearchNameToEdit, currentCaseSearchString]);
-    return (React.createElement(Modal, { variant: ModalVariant.medium, title: isAdding ? t('Save search and filters') : t('Edit saved search and filters'), isOpen: isModalOpen, onClose: closeModal, style: { overflow: 'visible' }, className: "save-search-modal", actions: [
+    return (React.createElement(Modal, { variant: ModalVariant.medium, title: isAdding ? t('Save search and filters') : t('Edit saved search and filters'), isOpen: isModalOpen, onClose: closeModal, style: { overflow: 'visible' }, className: "save-search-modal" },
+        React.createElement(Form, { className: "save-search-form" },
+            React.createElement(FormGroup, { label: React.createElement("span", { className: "save-for-later-label-name" }, t('Name')), isRequired: true, fieldId: "save-search-name", className: "form-group pull-bottom-narrow save-for-later-name" },
+                saveButtonIsClicked && isDuplicateNameError && (React.createElement(FormHelperText, null,
+                    React.createElement(HelperText, null,
+                        React.createElement(HelperTextItem, null,
+                            React.createElement(Trans, null, "Filter with same name already exists. Please enter a unique name."))))),
+                React.createElement(TextInput, { isRequired: true, type: "text", placeholder: t('Enter a unique name to reference in the future'), id: "save-search-name", name: "save-search-name", "aria-describedby": "save-search-name-helper", value: localSavedSearchName, onChange: (_event, value) => handleSaveSearchNameChange(value), validated: saveButtonIsClicked && (isDuplicateNameError || isEmpty(localSavedSearchName.trim()))
+                        ? 'error'
+                        : 'default' })),
+            React.createElement(FormGroup, { label: React.createElement("span", { className: "save-for-later-label-query" }, t('Search and filter query')), isRequired: true, fieldId: "filter-query", className: "form-group pf-v6-u-mt-lg save-for-later-query" },
+                React.createElement(TextArea, { isRequired: true, type: "text", id: "filter-query", name: "filter-query", "aria-describedby": "filter-query-helper", value: queryStr, isDisabled: true, resizeOrientation: "vertical" }))),
+        React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "save", variant: ButtonVariant.primary, isLoading: isUpdating, spinnerAriaValueText: hydraUserPreferences.isFetching ? 'Saving' : undefined, isDisabled: hydraUserPreferences.isFetching ||
                     (saveButtonIsClicked && (isEmpty(localSavedSearchName.trim()) || isDuplicateNameError)), "data-tracking-id": isAdding ? 'case-list-bookmark-search-saved' : 'case-list-bookmark-search-edited', onClick: save },
                 React.createElement(Trans, null, "Save")),
             React.createElement(Button, { key: "cancel", variant: ButtonVariant.secondary, "data-tracking-id": "case-list-bookmark-search-canceled", onClick: closeModal },
                 React.createElement(Trans, null, "Cancel")),
             React.createElement(React.Fragment, null,
-                React.createElement(Checkbox, { className: "pf-v5-u-ml-md save-search-set-default", key: "set-as-default", "aria-label": t('Set as default'), id: "case-list-bookmark-search-set-as-default", "data-tracking-id": "case-list-bookmark-search-set-as-default", isChecked: localDefaultChecked, onChange: (e, checkbox) => {
+                React.createElement(Checkbox, { className: "pf-v6-u-ml-md save-search-set-default", key: "set-as-default", "aria-label": t('Set as default'), id: "case-list-bookmark-search-set-as-default", "data-tracking-id": "case-list-bookmark-search-set-as-default", isChecked: localDefaultChecked, onChange: (e, checkbox) => {
                         e.stopPropagation();
                         setLocalDefaultChecked(!localDefaultChecked);
                     } }),
                 "Set as default"),
             React.createElement(React.Fragment, null, !isAdding && (React.createElement(Button, { key: "delete", variant: ButtonVariant.link, isDanger: true, "data-tracking-id": "case-list-bookmark-search-deleted", onClick: deleteSavedSearch, style: { marginLeft: 'auto' } },
-                React.createElement(Trans, null, "Remove")))),
-        ] },
-        React.createElement(Form, { className: "save-search-form" },
-            React.createElement(FormGroup, { label: React.createElement("span", { className: "save-for-later-label-name" }, t('Name')), isRequired: true, fieldId: "save-search-name", className: "form-group pull-bottom-narrow save-for-later-name" },
-                saveButtonIsClicked && isDuplicateNameError && (React.createElement(FormHelperText, null,
-                    React.createElement(HelperText, null,
-                        React.createElement(HelperTextItem, null,
-                            React.createElement(Trans, null, "Filter with same name already exists. Please enter a unique name."))))),
-                React.createElement(TextInput, { isRequired: true, type: "text", placeholder: t('Enter a unique name to reference in the future'), id: "save-search-name", name: "save-search-name", "aria-describedby": "save-search-name-helper", value: localSavedSearchName, onChange: (_event, value) => handleSaveSearchNameChange(value), validated: saveButtonIsClicked && (isDuplicateNameError || isEmpty(localSavedSearchName.trim()))
-                        ? 'error'
-                        : 'default' })),
-            React.createElement(FormGroup, { label: React.createElement("span", { className: "save-for-later-label-query" }, t('Search and filter query')), isRequired: true, fieldId: "filter-query", className: "form-group pf-v5-u-mt-lg save-for-later-query" },
-                React.createElement(TextArea, { isRequired: true, type: "text", id: "filter-query", name: "filter-query", "aria-describedby": "filter-query-helper", value: queryStr, isDisabled: true, resizeOrientation: "vertical" })))));
+                React.createElement(Trans, null, "Remove")))))));
 }