@rh-support/cases 2.6.38 → 2.6.40

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

@@ -1 +1 @@
-{"version":3,"file":"CaseList.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseList.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AA4BlC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAKH,0BAA0B,EAI7B,MAAM,mBAAmB,CAAC;AAK3B,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAK1C,OAAO,EAAgB,WAAW,EAA2B,MAAM,uBAAuB,CAAC;AAmC3F,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,YAAY,EAAE,cAAc,EAAE,CAAC;CAClC;AAED,MAAM,MAAM,YAAY,GAAG,0BAA0B,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;AAM5F,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAigBrC"}
+{"version":3,"file":"CaseList.d.ts","sourceRoot":"","sources":["../../../../src/components/case-list/CaseList.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AA4BlC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAKH,0BAA0B,EAI7B,MAAM,mBAAmB,CAAC;AAK3B,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAK1C,OAAO,EAAgB,WAAW,EAA2B,MAAM,uBAAuB,CAAC;AAmC3F,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,YAAY,EAAE,cAAc,EAAE,CAAC;CAClC;AAED,MAAM,MAAM,YAAY,GAAG,0BAA0B,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAC;AAM5F,MAAM,WAAW,gBAAgB;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAmgBrC"}

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

@@ -341,8 +341,8 @@ 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 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(Button, { isInline: true, 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, { isInline: true, className: "pf-v6-c-button pf-m-link pf-m-inline pf-v6-u-flex-shrink-0 pf-v6-u-flex-none pf-v6-u-display-flex pf-v6-u-align-items-center pf-v6-u-justify-content-center pf-v6-u-px-lg", 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 },
                             React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading filters') } },

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":"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"}
+{"version":3,"file":"BookmarkedSearchesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/BookmarkedSearchesSelector.tsx"],"names":[],"mappings":"AAqBA,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,qBAyTvD"}

package/lib/esm/components/case-list/case-search/BookmarkedSearchesSelector.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, Divider, MenuToggle, Select, SelectOption, Split, SplitItem, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Divider, MenuToggle, MenuToggleAction, 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';
@@ -192,8 +192,8 @@ export function BookmarkedSearchesSelector(props) {
     ];
     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) => {
+    const Toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onMenuToggle, "aria-label": t(`${isMenuOpen ? 'Close' : 'Open'} bookmarked searches selector'`), splitButtonItems: [
+            React.createElement(MenuToggleAction, { key: "save-for-later", className: "save-for-later-button", isDisabled: !!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid, onClick: (e) => {
                     if (!!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid) {
                         e.preventDefault();
                         e.stopPropagation();
@@ -201,12 +201,12 @@ export function BookmarkedSearchesSelector(props) {
                     }
                     e.stopPropagation();
                     onSaveForLaterClick();
-                }, isDisabled: !!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid, className: "save-for-later-button" }),
+                } }, selectedSearch || 'Save for later'),
         ] }));
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "bookmark-search-dropdown-wrapper", "data-tracking-id": "bookmark-search-id" },
             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" },
+            flatMap(filterInfo).length === 0 && (React.createElement(Button, { variant: "link", onClick: onBookmarkSelectorChange('', mostRecentSearch, false), "data-tracking-id": "case-most-recent-search-button", className: "pf-v6-u-mt-sm" },
                 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/css/caseList.css

@@ -307,7 +307,6 @@
 .case-search-filters .filter-header {
     min-height: 4rem;
     margin: 0;
-    padding: 0.5rem;
 }
 
 .case-search-filters .filter-header .pf-v6-svg {
@@ -351,10 +350,16 @@
 .case-search-filters .filter-header {
     font-size: 1rem;
     font-weight: 600;
+    height: 4.3rem;
+
+    .pf-v6-c-button__icon.pf-m-end {
+        margin-right: -4px !important;
+        background: transparent !important;
+    }
 }
 
 .filter-wrapper {
-    padding: 1.8rem 1.9rem;
+    padding: 24px;
     background-color: var(--pf-t--color--gray--10);
 }
 
@@ -439,7 +444,7 @@
 
     .case-search-top .bookmark-search-dropdown {
         width: 220px;
-        margin-right: 1.4rem;
+        margin-right: 1rem !important;
         margin-bottom: 0;
     }
 
@@ -471,8 +476,11 @@
     }
 
     .cases-main .case-search-top .search-wrapper .bookmark-search-dropdown-wrapper {
-        order: 1;
-        width: 240px;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        margin-right: 1rem;
+        max-width: 175px;
     }
 
     .case-search-top .bookmark-search-dropdown-wrapper .most-recent-search-button {

package/lib/esm/css/caseSearch.css

@@ -19,6 +19,7 @@
     display: flex;
     position: relative;
     margin-right: 0;
+    align-items: center;
 }
 
 @media (max-width: 992px) {
@@ -29,7 +30,7 @@
 
 .case-search-form-group button.search-btn {
     margin-left: 1rem;
-    margin-right: 0.5rem;
+    margin-right: 1rem;
     min-width: 6rem;
 }
 

package/lib/esm/scss/_main.scss

@@ -36,10 +36,6 @@ div.pf-v6-c-modal-box__body {
     min-width: 30rem;
 }
 
-.case-search-filter-text-button {
-    margin-left: 10px;
-}
-
 .save-for-later-button {
     flex: 1;
     font-size: 16px;
@@ -55,6 +51,12 @@ div.pf-v6-c-modal-box__body {
     color: var(--global-text-color-regular, #151515) !important;
 }
 
-.case-search-filter-text-button .pf-v6-c-button__text {
-    padding-left: 10px;
+.save-for-later-button:disabled {
+    background: #c7c7c7 !important;
+    color: #4d4d4d !important;
+}
+
+.case-search-filter-text-button {
+    text-decoration-line: none !important;
+    padding: 6px 24px !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "2.6.38",
+    "version": "2.6.40",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.18.84",
+        "@cee-eng/hydrajs": "4.18.86",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
@@ -39,15 +39,15 @@
         "solr-query-builder": "1.0.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.18.84",
+        "@cee-eng/hydrajs": "4.18.86",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
         "@patternfly/react-table": "6.2.1",
-        "@rh-support/components": "2.5.49",
-        "@rh-support/react-context": "2.5.64",
+        "@rh-support/components": "2.5.50",
+        "@rh-support/react-context": "2.5.65",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.24",
-        "@rh-support/utils": "2.5.21",
+        "@rh-support/user-permissions": "2.5.25",
+        "@rh-support/utils": "2.5.22",
         "localforage": "^1.10.0",
         "lodash": "^4.17.21",
         "pegjs": "^0.10.0",
@@ -96,5 +96,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "5858f42e81015a97ca6101e18ea21edc46d4f3b9"
+    "gitHead": "3fa27b8dd6ddbddc8337f06c639111726de4dd85"
 }