@rh-support/manage 2.5.66 → 2.5.69

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,4 +1,5 @@
1
1
  import React from 'react';
2
2
  export declare const daysFromNow: (date: string) => number;
3
+ export declare const truncateText: (text: string, maxLength?: number) => string;
3
4
  export declare function Requests(): React.JSX.Element;
4
5
  //# sourceMappingURL=Requests.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Requests.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/Requests.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,eAAO,MAAM,WAAW,SAAU,MAAM,WAMvC,CAAC;AACF,wBAAgB,QAAQ,sBA+QvB"}
1
+ {"version":3,"file":"Requests.d.ts","sourceRoot":"","sources":["../../../../src/components/ManagePartnerships/Requests.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAanD,eAAO,MAAM,WAAW,SAAU,MAAM,WAMvC,CAAC;AAGF,eAAO,MAAM,YAAY,SAAU,MAAM,cAAa,MAAM,WAK3D,CAAC;AAEF,wBAAgB,QAAQ,sBA+QvB"}
@@ -28,6 +28,13 @@ export const daysFromNow = (date) => {
28
28
  let TotalDays = Math.ceil(difference / (1000 * 3600 * 24));
29
29
  return TotalDays;
30
30
  };
31
+ // truncates text after specified character limit and adds ellipsis
32
+ export const truncateText = (text, maxLength = 150) => {
33
+ if (!text || text.length <= maxLength) {
34
+ return text;
35
+ }
36
+ return text.substring(0, maxLength) + '...';
37
+ };
31
38
  export function Requests() {
32
39
  const { t } = useTranslation();
33
40
  const confirmRemove = useConfirmation();
@@ -81,7 +88,7 @@ export function Requests() {
81
88
  };
82
89
  const columns = [
83
90
  {
84
- accessor: (data) => (data === null || data === void 0 ? void 0 : data.friendlyName) || '',
91
+ accessor: (data) => truncateText((data === null || data === void 0 ? void 0 : data.friendlyName) || ''),
85
92
  sortable: false,
86
93
  id: 'frienly-name',
87
94
  cellWidth: 25,
@@ -28,7 +28,7 @@ export function ManageTable(props) {
28
28
  const pagination = () => (props.pagination !== undefined ? props.pagination : true);
29
29
  return (React.createElement("div", { className: "table-wrapper" },
30
30
  isError && (React.createElement(React.Fragment, null,
31
- React.createElement(Alert, { variant: errorVariant, isInline: true, title: errorTitle, actionClose: React.createElement(AlertActionCloseButton, null), className: "pf-v6-u-my-sm" }, errorComponent))),
31
+ React.createElement(Alert, { variant: errorVariant, isInline: true, title: errorTitle, actionClose: React.createElement(AlertActionCloseButton, null), className: "pf-v6-u-my-sm bookmark-alert" }, errorComponent))),
32
32
  React.createElement(TableComponent, Object.assign({}, tableProps),
33
33
  React.createElement(PFTable, Object.assign({ sortInfo: sortInfo, "aria-label": ariaLabel, pagination: pagination(), emptyStateRow: noResultFoundRow(props.noResultText) }, (actions && { actions }), (areActionsDisabled && { areActionsDisabled }), (actionResolver && { actionResolver }), { isLoading: isFetching, keepPageNumberOnDataChange: keepPageNumberOnDataChange })),
34
34
  tableProps.data.length > 0 && pagination() && (React.createElement("footer", null,
@@ -1 +1 @@
1
- {"version":3,"file":"TopContentCategory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentCategory.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAGhF,OAAO,EAAgB,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAI5F,UAAU,MAAM;IACZ,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,sBAAsB,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBA6D/C"}
1
+ {"version":3,"file":"TopContentCategory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopContentManagement/TopContentEditor/TopContentCategoryContent/TopContentCategory.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAGhF,OAAO,EAAgB,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAI5F,UAAU,MAAM;IACZ,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,sBAAsB,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBA6E/C"}
@@ -34,13 +34,19 @@ export function TopContentCategory(props) {
34
34
  // eslint-disable-next-line react-hooks/exhaustive-deps
35
35
  }, [props.isExpanded]);
36
36
  return (React.createElement("div", Object.assign({ ref: props.innerRef }, props.provided.draggableProps, props.provided.dragHandleProps), props.category.content.length > 0 && (React.createElement(AccordionItem, { isExpanded: isExpanded },
37
- React.createElement(AccordionToggle, { id: props.category.categoryName, onClick: toggleExpanded },
37
+ props.isArrangingCats ? (React.createElement("div", { id: props.category.categoryName, className: "pf-v6-c-accordion" },
38
+ React.createElement("div", { className: "pf-v6-c-accordion__item" },
39
+ React.createElement("div", { className: "pf-v6-c-accordion__toggle" },
40
+ React.createElement("h3", { ref: headerRef, className: "pf-v6-c-accordion__toggle-text" },
41
+ React.createElement(Icon, { size: "md", className: "pf-v6-u-mr-sm pf-v6-c-accordion__toggle-icon" },
42
+ React.createElement(GripVerticalIcon, { style: { cursor: 'move' }, title: t('Drag'), color: "#0066CC" })),
43
+ props.category.categoryName,
44
+ ' ',
45
+ props.category.isAttentionNeeded && React.createElement(NeedsAttention, null)))))) : (React.createElement(AccordionToggle, { id: props.category.categoryName, onClick: toggleExpanded },
38
46
  React.createElement("h3", { ref: headerRef },
39
- props.isArrangingCats && (React.createElement(Icon, { size: "md", className: "pf-v6-u-mr-sm" },
40
- React.createElement(GripVerticalIcon, { style: { cursor: 'move' }, title: t('Drag') }))),
41
47
  props.category.categoryName,
42
48
  " ",
43
- props.category.isAttentionNeeded && React.createElement(NeedsAttention, null))),
49
+ props.category.isAttentionNeeded && React.createElement(NeedsAttention, null)))),
44
50
  React.createElement(AccordionContent, null,
45
51
  React.createElement(TopContentComponent, { category: props.category, scrollToTop: scrollToTop, categoryMode: CategoryMode.EXISTING_SECTION }))))));
46
52
  }
@@ -50,6 +50,7 @@
50
50
  border: 1px solid #d2d2d2;
51
51
 
52
52
  &:not(.secondary-toolbar) {
53
+ justify-content: space-between;
53
54
  border-top-left-radius: var(--pf-t--global--border--radius--small);
54
55
  border-top-right-radius: var(--pf-t--global--border--radius--small);
55
56
  }
@@ -156,6 +157,13 @@
156
157
  }
157
158
  }
158
159
 
160
+ &:has(.pf-v6-c-expandable-section.pf-m-expanded) {
161
+ .toolbar {
162
+ border-top-left-radius: var(--pf-t--global--border--radius--small);
163
+ border-top-right-radius: var(--pf-t--global--border--radius--small);
164
+ }
165
+ }
166
+
159
167
  .create-category-link {
160
168
  padding: 0;
161
169
  }
@@ -169,11 +177,17 @@
169
177
  border: 1px solid #ccc;
170
178
  border-top: none;
171
179
  border-radius: 8px;
180
+ border-top-right-radius: 0px;
181
+ border-top-left-radius: 0px;
182
+ padding-top: 1rem;
172
183
 
173
184
  tbody:first-of-type {
174
185
  border-top: none;
175
186
  }
176
-
187
+ .bookmark-alert {
188
+ margin-left: 1rem;
189
+ margin-right: 1rem;
190
+ }
177
191
  .pf-v6-c-table__action {
178
192
  .pf-v6-c-dropdown__menu button.pf-m-disabled:hover {
179
193
  cursor: not-allowed;
@@ -184,8 +198,8 @@
184
198
  margin-top: 0;
185
199
  padding: 0.5rem 1.2rem;
186
200
  background-color: #f0f0f0;
187
- border-bottom-left-radius: var(--pf-t--global--border--radius--small);
188
- border-bottom-right-radius: var(--pf-t--global--border--radius--small);
201
+ border-bottom-left-radius: 8px;
202
+ border-bottom-right-radius: 8px;
189
203
 
190
204
  .pf-v6-c-pagination {
191
205
  padding: 0;
@@ -404,15 +418,6 @@ svg.hostnameSpinner {
404
418
  border-radius: 8px;
405
419
  }
406
420
 
407
- #manage-groups,
408
- #manage-bookmarked-accounts,
409
- #tags-manager,
410
- #notification-emails {
411
- .table-wrapper {
412
- margin-top: -5px;
413
- }
414
- }
415
-
416
421
  .pf-v6-c-empty-state__icon {
417
422
  color: var(--pf-t--color--gray--30);
418
423
  }
@@ -166,6 +166,7 @@ div.pf-v6-c-pagination__nav-page-select {
166
166
 
167
167
  .pf-v6-c-accordion .pf-v6-c-accordion__toggle {
168
168
  padding: 1rem !important;
169
+ align-items: baseline;
169
170
  }
170
171
 
171
172
  .pf-v6-c-chip-group__list {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rh-support/manage",
3
- "version": "2.5.66",
3
+ "version": "2.5.69",
4
4
  "description": "Customer Support Manage App",
5
5
  "author": "Jordan Eudy <jeudy100@gmail.com>",
6
6
  "license": "ISC",
@@ -79,9 +79,9 @@
79
79
  "@patternfly/patternfly": "6.2.1",
80
80
  "@patternfly/react-core": "6.2.1",
81
81
  "@patternfly/react-table": "6.2.1",
82
- "@rh-support/components": "2.5.52",
82
+ "@rh-support/components": "2.5.54",
83
83
  "@rh-support/configs": "2.0.21",
84
- "@rh-support/react-context": "2.5.67",
84
+ "@rh-support/react-context": "2.5.69",
85
85
  "@rh-support/types": "2.0.5",
86
86
  "@rh-support/user-permissions": "2.5.25",
87
87
  "@rh-support/utils": "2.5.22",
@@ -103,5 +103,5 @@
103
103
  "defaults and supports es6-module",
104
104
  "maintained node versions"
105
105
  ],
106
- "gitHead": "a79baf6e34ec39cd38980c3d90df797fc5a4b48e"
106
+ "gitHead": "59dea26fe8f22c9ded29139d007d026ffc357416"
107
107
  }