@rh-support/cases 1.0.35 → 1.0.36

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.
@@ -1 +1 @@
1
- {"version":3,"file":"CaseListTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AA6B3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAWxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAEH,eAAe,EACf,SAAS,EAIZ,MAAM,0BAA0B,CAAC;AA2BlC,UAAU,MAAM;IACZ,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,eA8W1C"}
1
+ {"version":3,"file":"CaseListTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-list-table/CaseListTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AA6B3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAWxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAEH,eAAe,EACf,SAAS,EAIZ,MAAM,0BAA0B,CAAC;AA2BlC,UAAU,MAAM;IACZ,QAAQ,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC3C,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,eAgX1C"}
@@ -295,7 +295,8 @@ export function CaseListTable(props) {
295
295
  React.createElement(CloseCaseBtn, { selectedCases: selectedCases, caseList: caseListData, onCasesCloseSuccess: onCasesCloseSuccess })),
296
296
  React.createElement("span", { className: "toolbar-pagination" },
297
297
  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() }))),
298
- React.createElement(PFTable, { "aria-label": "case-list", className: "case-list-table", pagination: false, onRowClick: onRowClick, onSortChange: onSortChange, onSelect: onRowSelect, emptyStateRow: noResultFoundRow, sortInfo: props.sortInfo, isLoading: props.isCaseListPageLoading }),
298
+ React.createElement("div", { className: "pf-c-scroll-inner-wrapper" },
299
+ React.createElement(PFTable, { "aria-label": "case-list", className: "case-list-table", pagination: false, onRowClick: onRowClick, onSortChange: onSortChange, onSelect: onRowSelect, emptyStateRow: noResultFoundRow, sortInfo: props.sortInfo, isLoading: props.isCaseListPageLoading })),
299
300
  caseListData.length > 9 && (React.createElement("footer", { className: "toolbar-pagination" },
300
301
  React.createElement(TablePagination, { perPage: (_e = props === null || props === void 0 ? void 0 : props.paginationInfo) === null || _e === void 0 ? void 0 : _e.pageSize, currentPage: (_f = props === null || props === void 0 ? void 0 : props.paginationInfo) === null || _f === void 0 ? void 0 : _f.currentPage, onPerPageSelect: onPerPageSelect, onSetPage: onBottomPaginationSetPage, variant: PaginationVariant.bottom, itemCount: getItemCount() }))))));
301
302
  }
@@ -464,13 +464,112 @@
464
464
  }
465
465
  }
466
466
 
467
- /* cellwidth is not working for this column */
468
- .pf-c-table [data-label='Group'] {
469
- width: 10% !important;
470
- min-width: 10%;
471
- max-width: 10%;
472
- }
473
-
474
467
  .filter-group .pf-c-select__toggle {
475
468
  --pf-c-select__toggle-text--Color: var(--pf-c-select__toggle--m-placeholder__toggle-text--Color) !important;
476
469
  }
470
+ @media (min-width: 770px) {
471
+ /* Checkbox Header */
472
+ .case-list-table thead > tr > :nth-child(1) {
473
+ position: sticky;
474
+ background-color: white;
475
+ left: 0px;
476
+ z-index: 1;
477
+ }
478
+
479
+ /* Checkbox Body */
480
+ .case-list-table tbody > tr > :nth-child(1) {
481
+ position: sticky;
482
+ background-color: white;
483
+ left: 0px;
484
+ z-index: 1;
485
+ }
486
+
487
+ /* Case ID */
488
+ .case-list-table tbody > tr > :nth-child(2) {
489
+ position: sticky;
490
+ background-color: white;
491
+ left: 50px;
492
+ z-index: 1;
493
+ }
494
+
495
+ /* Issue Summary */
496
+ .case-list-table tbody > tr > :nth-child(3) {
497
+ position: sticky;
498
+ background-color: white;
499
+ left: 150px;
500
+ z-index: 1;
501
+ }
502
+
503
+ /* Case ID Header */
504
+ th.pf-c-table__sort[data-label='Case ID'] {
505
+ min-width: 120px;
506
+ position: sticky;
507
+ background-color: white;
508
+ left: 50px;
509
+ z-index: 1;
510
+ }
511
+
512
+ /* Issue Summary Header */
513
+ th.pf-c-table__sort[data-label='Issue summary'] {
514
+ min-width: 160px;
515
+ position: sticky;
516
+ background-color: white;
517
+ left: 150px;
518
+ z-index: 1;
519
+ }
520
+
521
+ /* Owner Header */
522
+ th.pf-c-table__sort[data-label='Owner'] {
523
+ min-width: 120px;
524
+ }
525
+
526
+ /* Modified by Header */
527
+ th.pf-c-table__sort[data-label='Modified by'] {
528
+ min-width: 150px;
529
+ }
530
+
531
+ /* Severity Header */
532
+ th.pf-c-table__sort[data-label='Severity'] {
533
+ min-width: 120px;
534
+ }
535
+
536
+ /* Status Header */
537
+ th.pf-c-table__sort[data-label='Status'] {
538
+ min-width: 120px;
539
+ }
540
+
541
+ /* Created by Header */
542
+ th.pf-c-table__sort[data-label='Created by'] {
543
+ min-width: 150px;
544
+ }
545
+
546
+ /* Product and version Header */
547
+ th.pf-m-width-15[data-label='Product and version'] {
548
+ min-width: 150px;
549
+ }
550
+
551
+ /* Account number Header */
552
+ th.pf-c-table__sort[data-label='Account number'] {
553
+ min-width: 180px;
554
+ }
555
+
556
+ /* Alternate case ID Header */
557
+ th.pf-c-table__sort[data-label='Alternate case ID'] {
558
+ min-width: 180px;
559
+ }
560
+
561
+ /* Case type Header */
562
+ th.pf-c-table__sort[data-label='Case type'] {
563
+ min-width: 140px;
564
+ }
565
+
566
+ /* Group Header */
567
+ th.pf-c-table__sort[data-label='Group'] {
568
+ min-width: 120px;
569
+ }
570
+
571
+ /* Closed Date Header */
572
+ th.pf-c-table__sort.pf-m-width-10[data-label='Closed date'] {
573
+ min-width: 150px;
574
+ }
575
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rh-support/cases",
3
- "version": "1.0.35",
3
+ "version": "1.0.36",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "registry": "https://registry.npmjs.org"
@@ -51,8 +51,8 @@
51
51
  "@patternfly/pfe-collapse": "1.12.3",
52
52
  "@patternfly/react-core": "4.264.0",
53
53
  "@patternfly/react-table": "4.111.33",
54
- "@rh-support/components": "1.2.18",
55
- "@rh-support/react-context": "1.0.25",
54
+ "@rh-support/components": "1.2.19",
55
+ "@rh-support/react-context": "1.0.26",
56
56
  "@rh-support/types": "0.2.0",
57
57
  "@rh-support/user-permissions": "1.0.11",
58
58
  "@rh-support/utils": "1.0.9",
@@ -99,5 +99,5 @@
99
99
  "not ie <= 11",
100
100
  "not op_mini all"
101
101
  ],
102
- "gitHead": "67c86ae65999c9e8d868a567bcd70f8d7401d386"
102
+ "gitHead": "34d2dec5c3f91b58ef2cdd7378f776997e755dfc"
103
103
  }