@rh-support/cases 2.6.38 → 2.6.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/esm/components/case-list/CaseList.d.ts.map +1 -1
  2. package/lib/esm/components/case-list/CaseList.js +2 -2
  3. package/lib/esm/components/case-list/case-search/BookmarkedSearchesSelector.d.ts.map +1 -1
  4. package/lib/esm/components/case-list/case-search/BookmarkedSearchesSelector.js +5 -5
  5. package/lib/esm/css/caseList.css +13 -5
  6. package/lib/esm/css/caseSearch.css +1 -1
  7. package/lib/esm/scss/_main.scss +8 -6
  8. package/package.json +8 -8
package/lib/esm/components/case-list/CaseList.d.ts.map CHANGED
@@ -1 +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"}
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,qBAmgBrC"}
package/lib/esm/components/case-list/CaseList.js CHANGED
@@ -341,8 +341,8 @@ export function CaseList(props) {
341
341
  React.createElement("section", { className: "case-search-bottom" },
342
342
  isBasicSearchMode && (React.createElement("aside", { className: `case-search-filters ${((_a = filterSectionRef.current) === null || _a === void 0 ? void 0 : _a.expanded) ? '' : 'collapsed'}` },
343
343
  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,
344
- 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" }) },
345
- 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")))),
344
+ 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" }) },
345
+ React.createElement(Trans, null, "Filters")))) : (React.createElement(Button, { isInline: true, 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")))),
346
346
  React.createElement("div", { className: "filter-wrapper" },
347
347
  React.createElement("pfe-collapse-panel", { id: "case-filters-panel", "pfe-animation": "false", ref: filterSectionRef },
348
348
  React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading filters') } },
package/lib/esm/components/case-list/case-search/BookmarkedSearchesSelector.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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 CHANGED
@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
7
7
  step((generator = generator.apply(thisArg, _arguments || [])).next());
8
8
  });
9
9
  };
10
- import { Button, ButtonVariant, Divider, MenuToggle, Select, SelectOption, Split, SplitItem, } from '@patternfly/react-core';
10
+ import { Button, ButtonVariant, Divider, MenuToggle, MenuToggleAction, Select, SelectOption, Split, SplitItem, } from '@patternfly/react-core';
11
11
  import PencilAltIcon from '@patternfly/react-icons/dist/js/icons/pencil-alt-icon';
12
12
  import StarIcon from '@patternfly/react-icons/dist/js/icons/star-icon';
13
13
  import { ConfirmationServiceProvider } from '@rh-support/components';
@@ -192,8 +192,8 @@ export function BookmarkedSearchesSelector(props) {
192
192
  ];
193
193
  const advancedSearchPhraseIsNotValid = filterState.filterQueryInfo.type === CaseSearchQueryType.ADVANCED && !props.isAdvancedSearchValid;
194
194
  const noFilterOrSearchQueryApplied = !props.currentCaseSearchString && (isOnlyDefaultFilterApplied(filterState) || isNoFilterApplied(filterState));
195
- const Toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onMenuToggle, className: "bookmark-search-dropdown", "aria-label": t(`${isMenuOpen ? 'Close' : 'Open'} bookmarked searches selector'`), splitButtonItems: [
196
- React.createElement(Button, { icon: selectedSearch || 'Save for later', key: "save-for-later", variant: "plain", onClick: (e) => {
195
+ const Toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onMenuToggle, "aria-label": t(`${isMenuOpen ? 'Close' : 'Open'} bookmarked searches selector'`), splitButtonItems: [
196
+ React.createElement(MenuToggleAction, { key: "save-for-later", className: "save-for-later-button", isDisabled: !!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid, onClick: (e) => {
197
197
  if (!!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid) {
198
198
  e.preventDefault();
199
199
  e.stopPropagation();
@@ -201,12 +201,12 @@ export function BookmarkedSearchesSelector(props) {
201
201
  }
202
202
  e.stopPropagation();
203
203
  onSaveForLaterClick();
204
- }, isDisabled: !!selectedSearch || noFilterOrSearchQueryApplied || advancedSearchPhraseIsNotValid, className: "save-for-later-button" }),
204
+ } }, selectedSearch || 'Save for later'),
205
205
  ] }));
206
206
  return (React.createElement(React.Fragment, null,
207
207
  React.createElement("div", { className: "bookmark-search-dropdown-wrapper", "data-tracking-id": "bookmark-search-id" },
208
208
  React.createElement(Select, { className: "bookmark-search-dropdown", isOpen: isMenuOpen, shouldFocusFirstItemOnOpen: false, onOpenChange: (nextOpen) => toggleMenu(nextOpen), toggle: Toggle }, renderListItems),
209
- 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" },
209
+ 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" },
210
210
  React.createElement(Trans, null, "Restore most recent filters")))),
211
211
  React.createElement(ConfirmationServiceProvider, null, isSaveSearchModalOpen && (React.createElement(SaveCaseSearchModal, { currentCaseSearchString: props.currentCaseSearchString, currentSearchType: props.currentSearchType, isModalOpen: isSaveSearchModalOpen, modalToggle: modalToggle, isAdding: isAddingBookmarkSearch, selectedSearchNameToEdit: selectedSearchNameToEdit, clearSearchName: clearSearchName })))));
212
212
  }
package/lib/esm/css/caseList.css CHANGED
@@ -307,7 +307,6 @@
307
307
  .case-search-filters .filter-header {
308
308
  min-height: 4rem;
309
309
  margin: 0;
310
- padding: 0.5rem;
311
310
  }
312
311
 
313
312
  .case-search-filters .filter-header .pf-v6-svg {
@@ -351,10 +350,16 @@
351
350
  .case-search-filters .filter-header {
352
351
  font-size: 1rem;
353
352
  font-weight: 600;
353
+ height: 4.3rem;
354
+
355
+ .pf-v6-c-button__icon.pf-m-end {
356
+ margin-right: -4px !important;
357
+ background: transparent !important;
358
+ }
354
359
  }
355
360
 
356
361
  .filter-wrapper {
357
- padding: 1.8rem 1.9rem;
362
+ padding: 24px;
358
363
  background-color: var(--pf-t--color--gray--10);
359
364
  }
360
365
 
@@ -439,7 +444,7 @@
439
444
 
440
445
  .case-search-top .bookmark-search-dropdown {
441
446
  width: 220px;
442
- margin-right: 1.4rem;
447
+ margin-right: 1rem !important;
443
448
  margin-bottom: 0;
444
449
  }
445
450
 
@@ -471,8 +476,11 @@
471
476
  }
472
477
 
473
478
  .cases-main .case-search-top .search-wrapper .bookmark-search-dropdown-wrapper {
474
- order: 1;
475
- width: 240px;
479
+ display: flex;
480
+ flex-direction: column;
481
+ align-items: flex-start;
482
+ margin-right: 1rem;
483
+ max-width: 175px;
476
484
  }
477
485
 
478
486
  .case-search-top .bookmark-search-dropdown-wrapper .most-recent-search-button {
package/lib/esm/css/caseSearch.css CHANGED
@@ -29,7 +29,7 @@
29
29
 
30
30
  .case-search-form-group button.search-btn {
31
31
  margin-left: 1rem;
32
- margin-right: 0.5rem;
32
+ margin-right: 1rem;
33
33
  min-width: 6rem;
34
34
  }
35
35
 
package/lib/esm/scss/_main.scss CHANGED
@@ -36,10 +36,6 @@ div.pf-v6-c-modal-box__body {
36
36
  min-width: 30rem;
37
37
  }
38
38
 
39
- .case-search-filter-text-button {
40
- margin-left: 10px;
41
- }
42
-
43
39
  .save-for-later-button {
44
40
  flex: 1;
45
41
  font-size: 16px;
@@ -55,6 +51,12 @@ div.pf-v6-c-modal-box__body {
55
51
  color: var(--global-text-color-regular, #151515) !important;
56
52
  }
57
53
 
58
- .case-search-filter-text-button .pf-v6-c-button__text {
59
- padding-left: 10px;
54
+ .save-for-later-button:disabled {
55
+ background: #c7c7c7 !important;
56
+ color: #4d4d4d !important;
57
+ }
58
+
59
+ .case-search-filter-text-button {
60
+ text-decoration-line: none !important;
61
+ padding: 6px 24px !important;
60
62
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rh-support/cases",
3
- "version": "2.6.38",
3
+ "version": "2.6.39",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
26
26
  "lib/**/*"
27
27
  ],
28
28
  "peerDependencies": {
29
- "@cee-eng/hydrajs": "4.18.84",
29
+ "@cee-eng/hydrajs": "4.18.86",
30
30
  "@patternfly/patternfly": "6.2.1",
31
31
  "@patternfly/react-core": "6.2.1",
32
32
  "@patternfly/react-table": "6.2.1",
@@ -39,15 +39,15 @@
39
39
  "solr-query-builder": "1.0.1"
40
40
  },
41
41
  "dependencies": {
42
- "@cee-eng/hydrajs": "4.18.84",
42
+ "@cee-eng/hydrajs": "4.18.86",
43
43
  "@patternfly/patternfly": "6.2.1",
44
44
  "@patternfly/react-core": "6.2.1",
45
45
  "@patternfly/react-table": "6.2.1",
46
- "@rh-support/components": "2.5.49",
47
- "@rh-support/react-context": "2.5.64",
46
+ "@rh-support/components": "2.5.50",
47
+ "@rh-support/react-context": "2.5.65",
48
48
  "@rh-support/types": "2.0.5",
49
- "@rh-support/user-permissions": "2.5.24",
50
- "@rh-support/utils": "2.5.21",
49
+ "@rh-support/user-permissions": "2.5.25",
50
+ "@rh-support/utils": "2.5.22",
51
51
  "localforage": "^1.10.0",
52
52
  "lodash": "^4.17.21",
53
53
  "pegjs": "^0.10.0",
@@ -96,5 +96,5 @@
96
96
  "defaults and supports es6-module",
97
97
  "maintained node versions"
98
98
  ],
99
- "gitHead": "5858f42e81015a97ca6101e18ea21edc46d4f3b9"
99
+ "gitHead": "aa0649504a1afaafaaba13f3f374cf5b148701e7"
100
100
  }