@rh-support/cases 2.6.15 → 2.6.17

package/lib/esm/components/case-list/CaseList.js

@@ -341,7 +341,7 @@ export function CaseList(props) {
             React.createElement("section", { className: "case-search-bottom" },
                 isBasicSearchMode && (React.createElement("aside", { className: `case-search-filters ${((_a = filterSectionRef.current) === null || _a === void 0 ? void 0 : _a.expanded) ? '' : 'collapsed'}` },
                     React.createElement("h2", { className: "filter-header pf-v6-u-display-flex" }, ((_b = filterSectionRef.current) === null || _b === void 0 ? void 0 : _b.expanded) ? (React.createElement(React.Fragment, null,
-                        React.createElement(Button, { className: "pf-v6-u-flex-shrink-0 pf-v6-u-flex-none", variant: "link", title: t('Collapse filter section'), "data-tracking-id": "collapse-case-list-filter", onClick: onToggleFilterBtnClick, iconPosition: "right", icon: React.createElement(OpenDrawerRightIcon, { className: "mirrored" }) },
+                        React.createElement(Button, { className: "pf-v6-u-flex-shrink-0 pf-v6-u-flex-none case-search-filter-text-button", variant: "link", title: t('Collapse filter section'), "data-tracking-id": "collapse-case-list-filter", onClick: onToggleFilterBtnClick, iconPosition: "right", icon: React.createElement(OpenDrawerRightIcon, { className: "mirrored" }) },
                             React.createElement(Trans, null, "Filters")))) : (React.createElement(Button, { className: "pf-v6-u-flex-shrink-0 pf-v6-u-flex-none", variant: "link", title: t('Expand filter section'), "data-tracking-id": "expand-case-list-filter", onClick: onToggleFilterBtnClick, iconPosition: "right", icon: React.createElement(OpenDrawerRightIcon, null) }, isXLScreen ? null : React.createElement(Trans, null, "Filters")))),
                     React.createElement("div", { className: "filter-wrapper" },
                         React.createElement("pfe-collapse-panel", { id: "case-filters-panel", "pfe-animation": "false", ref: filterSectionRef },

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

@@ -197,7 +197,7 @@ export function AdvanceSearch(props) {
                     React.createElement(LoadingIndicator, null))))),
         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, { hasNoPadding: true, className: "case-search-toggle", variant: "link", onClick: onBasicClick, "data-tracking-id": "case-list-basic-toggle-button" },
+        React.createElement(Button, { hasNoPadding: true, className: "case-search-toggle secondary-button-pill", variant: "link", onClick: onBasicClick, "data-tracking-id": "case-list-basic-toggle-button" },
             React.createElement(Trans, null, "Basic")),
         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.js

@@ -201,7 +201,7 @@ export function BookmarkedSearchesSelector(props) {
                     }
                     e.stopPropagation();
                     onSaveForLaterClick();
-                }, isDisabled: !!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid, style: { flex: 1, fontSize: '16px', textAlign: 'left' } }),
+                }, isDisabled: !!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid, className: "save-for-later-button" }),
         ] }));
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "bookmark-search-dropdown-wrapper", "data-tracking-id": "bookmark-search-id" },

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

@@ -99,7 +99,7 @@ export function CaseSearch(props) {
                 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", className: "case-search-toggle" },
+                canUseAdvancedSearch && (React.createElement(Button, { variant: "link", onClick: () => onSearchTypeChange(CaseSearchQueryType.ADVANCED), isDisabled: isFetching, "data-tracking-id": "case-list-adv-toggle-button", className: "case-search-toggle secondary-button-pill" },
                     React.createElement(Trans, null, "Advanced"))))));
     };
     const renderAdvanceSearch = () => {

package/lib/esm/css/caseSearch.css

@@ -33,14 +33,12 @@
     min-width: 6rem;
 }
 
-.case-search-form-group .case-search-input {
-    min-width: 30rem;
+.case-search-form-group button.search-btn:disabled {
+    color: var(--pf-v6-c-button--disabled--Color);
 }
 
-.case-search-form-group .case-search-toggle {
-    border-radius: var(--pf-t--global--border--radius--400);
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
+.case-search-form-group .case-search-input {
+    min-width: 30rem;
 }
 
 .case-search-form-group .filter-save-success-msg {

package/lib/esm/scss/_main.scss

@@ -35,3 +35,15 @@ div.pf-v6-c-modal-box__body {
 #advance-search-typeahead {
     min-width: 30rem;
 }
+
+.case-search-filter-text-button {
+    margin-left: 10px;
+}
+
+.save-for-later-button {
+    color: var(--global-text-color-regular, #151515);
+    flex: 1;
+    font-size: 16px;
+    text-align: left;
+    justify-content: flex-start;
+}

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

@@ -13,6 +13,7 @@
         font-size: 16px;
         font-weight: 400;
     }
+    background-color: var(--pf-t--color--gray--10);
 }
 
 .pf-v6-c-menu__group-title {
@@ -57,3 +58,9 @@ label.pf-v6-u-mb-sm.group-filter-label,
 #rh-support-cases .filter-wrapper .pf-v6-c-text-input-group__text-input::placeholder {
     color: var(--pf-v6-c-menu-toggle--Color);
 }
+
+.pf-v6-c-button.secondary-button-pill {
+    border-radius: var(--pf-t--global--border--radius--400);
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.15",
+    "version": "2.6.17",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -44,7 +44,7 @@
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
         "@rh-support/components": "2.5.33",
-        "@rh-support/react-context": "2.5.35",
+        "@rh-support/react-context": "2.5.36",
         "@rh-support/types": "2.0.5",
         "@rh-support/user-permissions": "2.5.20",
         "@rh-support/utils": "2.5.19",
@@ -96,5 +96,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "a00e0bcab839947c8f3bfaf882e453408960abf7"
+    "gitHead": "60ca9bb964b292380cd258edc372803a9a387f57"
 }