@pega/angular-sdk-overrides 24.2.10 → 25.1.10

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 (257) hide show
  1. package/lib/designSystemExtension/alert/alert.component.scss +3 -3
  2. package/lib/designSystemExtension/alert/alert.component.ts +0 -1
  3. package/lib/designSystemExtension/alert-banner/alert-banner.component.ts +0 -1
  4. package/lib/designSystemExtension/banner/banner.component.html +1 -1
  5. package/lib/designSystemExtension/banner/banner.component.scss +17 -3
  6. package/lib/designSystemExtension/banner/banner.component.ts +0 -1
  7. package/lib/designSystemExtension/case-create-stage/case-create-stage.component.ts +0 -1
  8. package/lib/designSystemExtension/field-group/field-group.component.ts +0 -1
  9. package/lib/designSystemExtension/material-case-summary/material-case-summary.component.html +6 -3
  10. package/lib/designSystemExtension/material-case-summary/material-case-summary.component.scss +5 -34
  11. package/lib/designSystemExtension/material-case-summary/material-case-summary.component.ts +0 -2
  12. package/lib/designSystemExtension/material-details/material-details.component.scss +0 -5
  13. package/lib/designSystemExtension/material-details/material-details.component.ts +0 -1
  14. package/lib/designSystemExtension/material-details-fields/material-details-fields.component.html +3 -3
  15. package/lib/designSystemExtension/material-details-fields/material-details-fields.component.scss +4 -3
  16. package/lib/designSystemExtension/material-details-fields/material-details-fields.component.ts +6 -1
  17. package/lib/designSystemExtension/material-summary-item/material-summary-item.component.scss +4 -17
  18. package/lib/designSystemExtension/material-summary-item/material-summary-item.component.ts +0 -1
  19. package/lib/designSystemExtension/material-summary-list/material-summary-list.component.ts +0 -1
  20. package/lib/designSystemExtension/material-utility/material-utility.component.scss +1 -2
  21. package/lib/designSystemExtension/material-vertical-tabs/material-vertical-tabs.component.scss +1 -1
  22. package/lib/designSystemExtension/material-vertical-tabs/material-vertical-tabs.component.ts +0 -1
  23. package/lib/designSystemExtension/operator/operator.component.html +2 -2
  24. package/lib/designSystemExtension/operator/operator.component.scss +13 -12
  25. package/lib/designSystemExtension/operator/operator.component.ts +4 -5
  26. package/lib/designSystemExtension/pulse/pulse.component.scss +2 -2
  27. package/lib/designSystemExtension/pulse/pulse.component.ts +0 -1
  28. package/lib/designSystemExtension/rich-text-editor/rich-text-editor.component.html +4 -17
  29. package/lib/designSystemExtension/rich-text-editor/rich-text-editor.component.scss +0 -1
  30. package/lib/designSystemExtension/rich-text-editor/rich-text-editor.component.ts +30 -1
  31. package/lib/designSystemExtension/wss-quick-create/wss-quick-create.component.scss +16 -9
  32. package/lib/designSystemExtension/wss-quick-create/wss-quick-create.component.ts +0 -1
  33. package/lib/field/auto-complete/auto-complete.component.html +0 -2
  34. package/lib/field/auto-complete/auto-complete.component.ts +48 -173
  35. package/lib/field/cancel-alert/cancel-alert.component.html +8 -12
  36. package/lib/field/cancel-alert/cancel-alert.component.scss +2 -3
  37. package/lib/field/cancel-alert/cancel-alert.component.ts +24 -37
  38. package/lib/field/check-box/check-box.component.html +17 -6
  39. package/lib/field/check-box/check-box.component.scss +0 -1
  40. package/lib/field/check-box/check-box.component.ts +25 -151
  41. package/lib/field/currency/currency.component.ts +54 -181
  42. package/lib/field/date/date.component.html +4 -3
  43. package/lib/field/date/date.component.ts +30 -151
  44. package/lib/field/date-time/date-time.component.html +2 -2
  45. package/lib/field/date-time/date-time.component.ts +47 -148
  46. package/lib/field/decimal/decimal.component.html +1 -0
  47. package/lib/field/decimal/decimal.component.ts +61 -164
  48. package/lib/field/dropdown/dropdown.component.html +1 -0
  49. package/lib/field/dropdown/dropdown.component.ts +43 -152
  50. package/lib/field/email/email.component.ts +28 -158
  51. package/lib/field/field.base.ts +149 -0
  52. package/lib/field/group/group.component.ts +7 -5
  53. package/lib/field/integer/integer.component.html +1 -1
  54. package/lib/field/integer/integer.component.ts +30 -160
  55. package/lib/field/list-view-action-buttons/list-view-action-buttons.component.html +1 -1
  56. package/lib/field/list-view-action-buttons/list-view-action-buttons.component.ts +3 -3
  57. package/lib/field/location/config-ext.json +8 -0
  58. package/lib/field/location/location.component.html +45 -0
  59. package/lib/field/location/location.component.scss +18 -0
  60. package/lib/field/location/location.component.spec.ts +22 -0
  61. package/lib/field/location/location.component.ts +280 -0
  62. package/lib/field/multiselect/multiselect.component.ts +47 -152
  63. package/lib/field/multiselect/utils.ts +55 -47
  64. package/lib/field/object-reference/object-reference.component.html +17 -0
  65. package/lib/field/object-reference/object-reference.component.scss +0 -0
  66. package/lib/field/object-reference/object-reference.component.spec.ts +22 -0
  67. package/lib/field/object-reference/object-reference.component.ts +237 -0
  68. package/lib/field/percentage/percentage.component.html +1 -1
  69. package/lib/field/percentage/percentage.component.ts +62 -170
  70. package/lib/field/phone/config-ext.json +1 -1
  71. package/lib/field/phone/phone.component.html +18 -17
  72. package/lib/field/phone/phone.component.scss +4 -0
  73. package/lib/field/phone/phone.component.ts +47 -156
  74. package/lib/field/radio-buttons/radio-buttons.component.html +17 -12
  75. package/lib/field/radio-buttons/radio-buttons.component.scss +4 -2
  76. package/lib/field/radio-buttons/radio-buttons.component.ts +37 -160
  77. package/lib/field/rich-text/rich-text.component.html +2 -0
  78. package/lib/field/rich-text/rich-text.component.scss +172 -0
  79. package/lib/field/rich-text/rich-text.component.ts +32 -93
  80. package/lib/field/scalar-list/scalar-list.component.ts +17 -73
  81. package/lib/field/selectable-card/selectable-card.component.html +70 -0
  82. package/lib/field/selectable-card/selectable-card.component.scss +11 -0
  83. package/lib/field/selectable-card/selectable-card.component.spec.ts +22 -0
  84. package/lib/field/selectable-card/selectable-card.component.ts +219 -0
  85. package/lib/field/semantic-link/semantic-link.component.html +4 -8
  86. package/lib/field/semantic-link/semantic-link.component.scss +0 -13
  87. package/lib/field/semantic-link/semantic-link.component.ts +165 -6
  88. package/lib/field/text/text.component.scss +0 -1
  89. package/lib/field/text/text.component.ts +6 -5
  90. package/lib/field/text-area/text-area.component.html +4 -2
  91. package/lib/field/text-area/text-area.component.ts +30 -155
  92. package/lib/field/text-content/text-content.component.ts +0 -1
  93. package/lib/field/text-input/text-input.component.html +1 -1
  94. package/lib/field/text-input/text-input.component.ts +28 -158
  95. package/lib/field/time/time.component.html +2 -2
  96. package/lib/field/time/time.component.ts +34 -154
  97. package/lib/field/url/url.component.html +1 -1
  98. package/lib/field/url/url.component.ts +28 -157
  99. package/lib/field/user-reference/user-reference.component.html +40 -38
  100. package/lib/field/user-reference/user-reference.component.scss +0 -1
  101. package/lib/field/user-reference/user-reference.component.ts +70 -9
  102. package/lib/infra/Containers/flow-container/flow-container.component.html +2 -2
  103. package/lib/infra/Containers/flow-container/flow-container.component.ts +24 -51
  104. package/lib/infra/Containers/flow-container/helpers.ts +2 -2
  105. package/lib/infra/Containers/hybrid-view-container/hybrid-view-container.component.ts +0 -1
  106. package/lib/infra/Containers/modal-view-container/modal-view-container.component.html +1 -11
  107. package/lib/infra/Containers/modal-view-container/modal-view-container.component.ts +5 -18
  108. package/lib/infra/Containers/view-container/helper.ts +35 -2
  109. package/lib/infra/Containers/view-container/view-container.component.ts +1 -2
  110. package/lib/infra/action-buttons/action-buttons.component.html +13 -8
  111. package/lib/infra/action-buttons/action-buttons.component.scss +23 -0
  112. package/lib/infra/action-buttons/action-buttons.component.ts +1 -3
  113. package/lib/infra/assignment/assignment.component.html +1 -1
  114. package/lib/infra/assignment/assignment.component.ts +100 -46
  115. package/lib/infra/assignment-card/assignment-card.component.html +2 -2
  116. package/lib/infra/assignment-card/assignment-card.component.scss +0 -4
  117. package/lib/infra/assignment-card/assignment-card.component.ts +21 -5
  118. package/lib/infra/dashboard-filter/dashboard-filter.component.ts +0 -1
  119. package/lib/infra/defer-load/defer-load.component.html +6 -2
  120. package/lib/infra/defer-load/defer-load.component.ts +25 -12
  121. package/lib/infra/error-boundary/error-boundary.component.ts +0 -1
  122. package/lib/infra/multi-step/multi-step.component.html +22 -38
  123. package/lib/infra/multi-step/multi-step.component.scss +14 -27
  124. package/lib/infra/multi-step/multi-step.component.ts +0 -1
  125. package/lib/infra/navbar/navbar.component.html +36 -41
  126. package/lib/infra/navbar/navbar.component.scss +22 -4
  127. package/lib/infra/navbar/navbar.component.ts +8 -6
  128. package/lib/infra/reference/reference.component.ts +82 -90
  129. package/lib/infra/region/region.component.ts +0 -1
  130. package/lib/infra/root-container/root-container.component.html +2 -15
  131. package/lib/infra/root-container/root-container.component.scss +0 -1
  132. package/lib/infra/root-container/root-container.component.ts +25 -32
  133. package/lib/infra/stages/stages.component.html +4 -3
  134. package/lib/infra/stages/stages.component.scss +12 -36
  135. package/lib/infra/stages/stages.component.ts +4 -3
  136. package/lib/infra/view/view.component.html +1 -1
  137. package/lib/infra/view/view.component.ts +3 -7
  138. package/lib/template/advanced-search/advanced-search.component.html +12 -0
  139. package/lib/template/advanced-search/advanced-search.component.scss +0 -0
  140. package/lib/template/advanced-search/advanced-search.component.spec.ts +0 -0
  141. package/lib/template/advanced-search/advanced-search.component.ts +112 -0
  142. package/lib/template/advanced-search/advanced-search.service.ts +27 -0
  143. package/lib/template/advanced-search/search-group/persist-utils.ts +56 -0
  144. package/lib/template/advanced-search/search-groups/search-groups.component.html +32 -0
  145. package/lib/template/advanced-search/search-groups/search-groups.component.scss +0 -0
  146. package/lib/template/advanced-search/search-groups/search-groups.component.spec.ts +0 -0
  147. package/lib/template/advanced-search/search-groups/search-groups.component.ts +294 -0
  148. package/lib/template/advanced-search/search-groups/utils.ts +29 -0
  149. package/lib/template/app-shell/app-shell.component.html +4 -1
  150. package/lib/template/app-shell/app-shell.component.scss +0 -3
  151. package/lib/template/app-shell/app-shell.component.ts +46 -8
  152. package/lib/template/banner-page/banner-page.component.ts +0 -1
  153. package/lib/template/base/form-template-base.ts +6 -0
  154. package/lib/template/case-summary/case-summary.component.scss +0 -2
  155. package/lib/template/case-summary/case-summary.component.ts +6 -22
  156. package/lib/template/case-view/case-view.component.html +4 -4
  157. package/lib/template/case-view/case-view.component.scss +18 -10
  158. package/lib/template/case-view/case-view.component.ts +1 -11
  159. package/lib/template/confirmation/confirmation.component.html +2 -2
  160. package/lib/template/confirmation/confirmation.component.ts +0 -1
  161. package/lib/template/data-reference/data-reference.component.html +11 -8
  162. package/lib/template/data-reference/data-reference.component.ts +346 -113
  163. package/lib/template/data-reference/search-form/search-form.component.html +39 -0
  164. package/lib/template/data-reference/search-form/search-form.component.scss +11 -0
  165. package/lib/template/data-reference/search-form/search-form.component.spec.ts +0 -0
  166. package/lib/template/data-reference/search-form/search-form.component.ts +167 -0
  167. package/lib/template/data-reference/search-form/tabsData.ts +160 -0
  168. package/lib/template/data-reference/utils.ts +92 -0
  169. package/lib/template/default-form/default-form.component.ts +45 -5
  170. package/lib/template/default-page/default-page.component.html +34 -0
  171. package/lib/template/default-page/default-page.component.scss +31 -0
  172. package/lib/template/default-page/default-page.component.spec.ts +24 -0
  173. package/lib/template/default-page/default-page.component.ts +64 -0
  174. package/lib/template/details/details.component.ts +0 -1
  175. package/lib/template/details-narrow-wide/details-narrow-wide.component.ts +0 -1
  176. package/lib/template/details-one-column/details-one-column.component.ts +0 -1
  177. package/lib/template/details-sub-tabs/details-sub-tabs.component.ts +0 -1
  178. package/lib/template/details-three-column/details-three-column.component.ts +0 -1
  179. package/lib/template/details-two-column/details-two-column.component.ts +0 -1
  180. package/lib/template/details-wide-narrow/details-wide-narrow.component.ts +0 -1
  181. package/lib/template/dynamic-tabs/dynamic-tabs.component.ts +0 -1
  182. package/lib/template/field-group-list/field-group-list.component.scss +0 -1
  183. package/lib/template/field-group-list/field-group-list.component.ts +0 -1
  184. package/lib/template/field-group-template/field-group-template.component.html +7 -7
  185. package/lib/template/field-group-template/field-group-template.component.scss +8 -0
  186. package/lib/template/field-group-template/field-group-template.component.ts +64 -55
  187. package/lib/template/field-value-list/field-value-list.component.html +2 -2
  188. package/lib/template/field-value-list/field-value-list.component.scss +4 -0
  189. package/lib/template/field-value-list/field-value-list.component.ts +0 -1
  190. package/lib/template/inline-dashboard/inline-dashboard.component.ts +0 -1
  191. package/lib/template/inline-dashboard-page/inline-dashboard-page.component.ts +1 -2
  192. package/lib/template/list-page/list-page.component.ts +0 -1
  193. package/lib/template/list-view/list-view.component.html +170 -160
  194. package/lib/template/list-view/list-view.component.scss +25 -21
  195. package/lib/template/list-view/list-view.component.ts +208 -122
  196. package/lib/template/list-view/listViewHelpers.ts +3 -9
  197. package/lib/template/list-view/utils.ts +27 -7
  198. package/lib/template/multi-reference-readonly/multi-reference-readonly.component.ts +0 -1
  199. package/lib/template/narrow-wide-form/narrow-wide-form.component.ts +0 -1
  200. package/lib/template/object-page/object-page.component.html +1 -0
  201. package/lib/template/object-page/object-page.component.scss +0 -0
  202. package/lib/template/object-page/object-page.component.spec.ts +22 -0
  203. package/lib/template/object-page/object-page.component.ts +14 -0
  204. package/lib/template/one-column/one-column.component.ts +0 -1
  205. package/lib/template/one-column-page/one-column-page.component.ts +0 -1
  206. package/lib/template/one-column-tab/one-column-tab.component.scss +1 -1
  207. package/lib/template/one-column-tab/one-column-tab.component.ts +0 -1
  208. package/lib/template/page/page.component.ts +0 -1
  209. package/lib/template/promoted-filters/promoted-filters.component.ts +0 -1
  210. package/lib/template/repeating-structures/repeating-structures.component.ts +0 -2
  211. package/lib/template/self-service-case-view/self-service-case-view.component.html +78 -0
  212. package/lib/template/self-service-case-view/self-service-case-view.component.scss +132 -0
  213. package/lib/template/self-service-case-view/self-service-case-view.component.spec.ts +24 -0
  214. package/lib/template/self-service-case-view/self-service-case-view.component.ts +207 -0
  215. package/lib/template/simple-table/simple-table.component.ts +0 -2
  216. package/lib/template/simple-table-manual/helpers.ts +126 -10
  217. package/lib/template/simple-table-manual/simple-table-manual.component.html +27 -8
  218. package/lib/template/simple-table-manual/simple-table-manual.component.scss +15 -17
  219. package/lib/template/simple-table-manual/simple-table-manual.component.ts +103 -45
  220. package/lib/template/simple-table-select/simple-table-select.component.ts +0 -1
  221. package/lib/template/single-reference-readonly/single-reference-readonly.component.html +4 -1
  222. package/lib/template/single-reference-readonly/single-reference-readonly.component.scss +21 -0
  223. package/lib/template/single-reference-readonly/single-reference-readonly.component.ts +104 -4
  224. package/lib/template/sub-tabs/sub-tabs.component.ts +0 -1
  225. package/lib/template/three-column/three-column.component.ts +0 -1
  226. package/lib/template/three-column-page/three-column-page.component.ts +0 -1
  227. package/lib/template/two-column/two-column.component.ts +0 -1
  228. package/lib/template/two-column-page/two-column-page.component.ts +0 -1
  229. package/lib/template/two-column-tab/two-column-tab.component.ts +0 -1
  230. package/lib/template/utils.ts +58 -0
  231. package/lib/template/wide-narrow-form/wide-narrow-form.component.ts +0 -1
  232. package/lib/template/wide-narrow-page/wide-narrow-page.component.ts +0 -1
  233. package/lib/template/wss-nav-bar/wss-nav-bar.component.html +6 -5
  234. package/lib/template/wss-nav-bar/wss-nav-bar.component.scss +8 -17
  235. package/lib/template/wss-nav-bar/wss-nav-bar.component.ts +1 -9
  236. package/lib/widget/app-announcement/app-announcement.component.html +1 -2
  237. package/lib/widget/app-announcement/app-announcement.component.scss +2 -2
  238. package/lib/widget/app-announcement/app-announcement.component.ts +0 -1
  239. package/lib/widget/attachment/Attachment.types.ts +92 -0
  240. package/lib/widget/attachment/AttachmentUtils.ts +287 -0
  241. package/lib/widget/attachment/attachment.component.html +3 -3
  242. package/lib/widget/attachment/attachment.component.scss +9 -12
  243. package/lib/widget/attachment/attachment.component.ts +267 -254
  244. package/lib/widget/case-history/case-history.component.ts +0 -1
  245. package/lib/widget/feed-container/feed-container.component.scss +3 -9
  246. package/lib/widget/feed-container/feed-container.component.ts +2 -5
  247. package/lib/widget/file-utility/file-utility.component.html +3 -3
  248. package/lib/widget/file-utility/file-utility.component.scss +6 -17
  249. package/lib/widget/file-utility/file-utility.component.ts +24 -9
  250. package/lib/widget/list-utility/list-utility.component.scss +4 -5
  251. package/lib/widget/list-utility/list-utility.component.ts +0 -1
  252. package/lib/widget/quick-create/quick-create.component.ts +41 -23
  253. package/lib/widget/todo/todo.component.html +12 -10
  254. package/lib/widget/todo/todo.component.scss +20 -10
  255. package/lib/widget/todo/todo.component.ts +11 -7
  256. package/lib/widget/utility/utility.component.ts +0 -1
  257. package/package.json +1 -1
@@ -11,7 +11,6 @@ interface CaseHistoryProps {
11
11
  selector: 'app-case-history',
12
12
  templateUrl: './case-history.component.html',
13
13
  styleUrls: ['./case-history.component.scss'],
14
- standalone: true,
15
14
  imports: [CommonModule, MatTableModule]
16
15
  })
17
16
  export class CaseHistoryComponent implements OnInit {
@@ -1,5 +1,5 @@
1
1
  .psdk-pulse-divider {
2
- border-bottom: 0.0625rem solid var(--app-neutral-light-color);
2
+ border-bottom: 0.0625rem solid var(--mat-sys-outline-variant);
3
3
  }
4
4
 
5
5
  .psdk-full-width {
@@ -17,7 +17,6 @@
17
17
  padding: 0rem 0.125rem;
18
18
  min-width: unset;
19
19
  display: inline-block;
20
- color: var(--app-primary-color);
21
20
  }
22
21
 
23
22
  .psdk-send-svg-icon {
@@ -52,8 +51,6 @@
52
51
  align-items: center;
53
52
  text-align: center;
54
53
  display: flex;
55
- background: var(--app-primary-color);
56
- color: var(--app-form-color);
57
54
  font-weight: bold;
58
55
  font-size: 1.25rem;
59
56
  }
@@ -70,8 +67,8 @@
70
67
  align-items: center;
71
68
  text-align: center;
72
69
  display: flex;
73
- background: var(--app-primary-color);
74
- color: var(--app-form-color);
70
+ background: var(--mat-sys-primary);
71
+ color: var(--mat-sys-on-primary);
75
72
  font-weight: bold;
76
73
  font-size: 1.5625rem;
77
74
  }
@@ -95,7 +92,6 @@
95
92
  }
96
93
 
97
94
  .psdk-pulse-message-time {
98
- color: var(--app-pulse-message-color);
99
95
  }
100
96
 
101
97
  .psdk-pulse-message-text {
@@ -141,7 +137,6 @@
141
137
  }
142
138
 
143
139
  .psdk-pulse-reply-message {
144
- background-color: var(--app-pulse-message-background-color);
145
140
  border-radius: 0.625rem;
146
141
  padding: 0rem 1.25rem;
147
142
  white-space: pre-line;
@@ -170,7 +165,6 @@
170
165
  }
171
166
 
172
167
  .psdk-pulse-reply-time {
173
- color: var(--app-pulse-message-color);
174
168
  padding-left: 0.625rem;
175
169
  }
176
170
 
@@ -9,14 +9,11 @@ import isEqual from 'fast-deep-equal';
9
9
  import { AngularPConnectData, AngularPConnectService } from '@pega/angular-sdk-components';
10
10
  import { Utils } from '@pega/angular-sdk-components';
11
11
 
12
- declare const window: any;
13
-
14
12
  @Component({
15
13
  selector: 'app-feed-container',
16
14
  templateUrl: './feed-container.component.html',
17
15
  styleUrls: ['./feed-container.component.scss'],
18
16
  providers: [Utils],
19
- standalone: true,
20
17
  imports: [CommonModule, MatFormFieldModule, MatInputModule, MatGridListModule, MatButtonModule]
21
18
  })
22
19
  export class FeedContainerComponent implements OnInit, OnDestroy {
@@ -32,7 +29,7 @@ export class FeedContainerComponent implements OnInit, OnDestroy {
32
29
  currentUserName$: string;
33
30
 
34
31
  pulseMessages$: any[];
35
- showReplyComment$: Object = {};
32
+ showReplyComment$: object = {};
36
33
 
37
34
  svgComment$: string;
38
35
  svgLike$: string;
@@ -42,7 +39,7 @@ export class FeedContainerComponent implements OnInit, OnDestroy {
42
39
  pulseConversation: string;
43
40
  userData: Map<any, any> = new Map();
44
41
 
45
- pulseComment: Object = {};
42
+ pulseComment: object = {};
46
43
 
47
44
  // functions
48
45
  actionsAPI: any;
@@ -15,7 +15,7 @@
15
15
  </div>
16
16
 
17
17
  <div *ngIf="bShowFileModal$" class="psdk-dialog-background">
18
- <div class="psdk-modal-file-top">
18
+ <div class="psdk-modal-top">
19
19
  <h3>{{ pConn$.getLocalizedValue('Add local files', '', '') }}</h3>
20
20
  <div class="psdk-modal-body">
21
21
  <div class="psdk-modal-file-selector">
@@ -40,7 +40,7 @@
40
40
  </div>
41
41
 
42
42
  <div *ngIf="bShowLinkModal$" class="psdk-dialog-background">
43
- <div class="psdk-modal-link-top">
43
+ <div class="psdk-modal-top">
44
44
  <h3>{{ pConn$.getLocalizedValue('Add links', '', '') }}</h3>
45
45
  <div class="psdk-modal-link-entry">
46
46
  <div class="psdk-modal-body">
@@ -82,7 +82,7 @@
82
82
  </div>
83
83
 
84
84
  <div *ngIf="bShowViewAllModal$" class="psdk-dialog-background">
85
- <div class="psdk-modal-file-top">
85
+ <div class="psdk-modal-top">
86
86
  <div class="psdk-view-all-header">
87
87
  <div>
88
88
  <h3>{{ pConn$.getLocalizedValue('Attachments', '', '') }}</h3>
@@ -5,37 +5,26 @@
5
5
  align-items: center;
6
6
  height: 100%;
7
7
  width: 100%;
8
- background-color: var(--app-dialog-background-color);
8
+ background-color: rgba(0, 0, 0, 0.6);
9
9
  position: fixed;
10
10
  z-index: 999;
11
11
  top: 0px;
12
12
  left: 0px;
13
13
  }
14
14
 
15
- .psdk-modal-file-top {
15
+ .psdk-modal-top {
16
16
  display: table;
17
17
  margin: auto;
18
18
  min-width: 650px;
19
- background-color: var(--app-form-color);
20
- border: 1px solid var(--app-inverse-form-color);
19
+ background-color: var(--mat-sys-surface-container);
20
+ border: 1px solid var(--mat-sys-outline-variant);
21
21
  border-radius: 10px;
22
22
  padding: 20px;
23
- box-shadow: 0 0 10px 3px var(--app-box-shadow-color);
24
- }
25
-
26
- .psdk-modal-link-top {
27
- display: table;
28
- margin: auto;
29
- min-width: 650px;
30
- background-color: var(--app-form-color);
31
- border: 1px solid var(--app-inverse-form-color);
32
- border-radius: 10px;
33
- padding: 20px;
34
- box-shadow: 0 0 10px 3px var(--app-box-shadow-color);
23
+ box-shadow: 0 0 10px 3px var(--mat-sys-level3);
35
24
  }
36
25
 
37
26
  .psdk-modal-file-selector {
38
- border: 1px dashed var(--app-neutral-dark-color);
27
+ border: 1px dashed var(--mat-sys-neutral-variant20);
39
28
  width: 100%;
40
29
  padding: 0.3rem;
41
30
  text-align: center;
@@ -4,20 +4,23 @@ import { MatButtonModule } from '@angular/material/button';
4
4
  import { MatInputModule } from '@angular/material/input';
5
5
  import { MatFormFieldModule } from '@angular/material/form-field';
6
6
  import download from 'downloadjs';
7
+ import debounce from 'lodash.debounce';
8
+
7
9
  import { AngularPConnectData, AngularPConnectService } from '@pega/angular-sdk-components';
8
10
  import { Utils } from '@pega/angular-sdk-components';
9
11
  import { ComponentMapperComponent } from '@pega/angular-sdk-components';
12
+ import { getResolvedConstantValue } from '@pega/angular-sdk-components';
10
13
 
11
14
  interface FileUtilityProps {
12
15
  // If any, enter additional props that only exist on this component
13
16
  label?: string;
17
+ caseId?: string;
14
18
  }
15
19
 
16
20
  @Component({
17
21
  selector: 'app-file-utility',
18
22
  templateUrl: './file-utility.component.html',
19
23
  styleUrls: ['./file-utility.component.scss'],
20
- standalone: true,
21
24
  imports: [CommonModule, MatButtonModule, MatFormFieldModule, MatInputModule, forwardRef(() => ComponentMapperComponent)]
22
25
  })
23
26
  export class FileUtilityComponent implements OnInit, OnDestroy {
@@ -63,6 +66,8 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
63
66
  closeSvgIcon$ = '';
64
67
 
65
68
  currentCaseID = '';
69
+ debouncedGetAttachments: any;
70
+ attachSubId;
66
71
 
67
72
  addAttachmentsActions: any;
68
73
 
@@ -78,7 +83,9 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
78
83
 
79
84
  const configProps: FileUtilityProps = this.pConn$.resolveConfigProps(this.pConn$.getConfigProps());
80
85
 
81
- this.lu_name$ = configProps.label ?? '';
86
+ const { caseId, label } = configProps;
87
+
88
+ this.lu_name$ = label ?? '';
82
89
  this.lu_icon$ = 'paper-clip';
83
90
 
84
91
  this.closeSvgIcon$ = this.utils.getImageSrc('times', this.utils.getSDKStaticContentUrl());
@@ -101,15 +108,23 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
101
108
  this.removeFileFromList$ = { onClick: this.removeFileFromList.bind(this) };
102
109
  this.removeLinksFromList$ = { onClick: this.removeLinksFromList.bind(this) };
103
110
 
111
+ this.debouncedGetAttachments = debounce(this.refreshAttachments.bind(this), 1000);
112
+
104
113
  this.updateSelf();
105
114
 
106
115
  this.createModalButtons();
107
116
 
108
- PCore.getPubSubUtils().subscribe(
109
- PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW,
110
- this.updateSelf.bind(this),
111
- 'caseAttachmentsUpdateFromCaseview'
112
- );
117
+ const caseID = caseId ?? getResolvedConstantValue(this.pConn$, PCore.getConstants().CASE_INFO.CASE_INFO_ID);
118
+
119
+ const attachSubObject = {
120
+ matcher: 'ATTACHMENTS',
121
+ criteria: {
122
+ ID: caseID
123
+ }
124
+ };
125
+ this.attachSubId = PCore.getMessagingServiceManager().subscribe(attachSubObject, this.debouncedGetAttachments, this.pConn$.getContextName());
126
+
127
+ this.debouncedGetAttachments();
113
128
  }
114
129
 
115
130
  ngOnDestroy(): void {
@@ -117,7 +132,7 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
117
132
  this.angularPConnectData.unsubscribeFn();
118
133
  }
119
134
 
120
- PCore.getPubSubUtils().unsubscribe(PCore.getEvents().getCaseEvent().CASE_ATTACHMENTS_UPDATED_FROM_CASEVIEW, 'caseAttachmentsUpdateFromCaseview');
135
+ PCore.getMessagingServiceManager().unsubscribe(this.attachSubId);
121
136
  }
122
137
 
123
138
  // Callback passed when subscribing to store change
@@ -137,7 +152,7 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
137
152
  }
138
153
  }
139
154
 
140
- onAttachFiles(files) {
155
+ onAttachFiles(files: any[] = []) {
141
156
  const attachmentUtils = PCore.getAttachmentUtils();
142
157
  const caseID = this.pConn$.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
143
158
 
@@ -11,7 +11,7 @@
11
11
  }
12
12
 
13
13
  .psdk-utility-divider {
14
- border-bottom: 0.0625rem solid var(--app-neutral-light-color);
14
+ border-bottom: 0.0625rem solid var(--mat-sys-outline-variant);
15
15
  }
16
16
 
17
17
  .psdk-utility-view-all {
@@ -21,9 +21,9 @@
21
21
  }
22
22
 
23
23
  .psdk-utility-count {
24
- background: var(--app-primary-light-color);
24
+ background: var(--mat-sys-inverse-primary);
25
+ color: var(--mat-sys-on-primary);
25
26
  border-radius: calc(1.125 * 0.5rem);
26
- color: var(--app-inverse-form-color);
27
27
  display: inline-block;
28
28
  font-size: 0.75rem;
29
29
  font-weight: bold;
@@ -50,7 +50,6 @@
50
50
  width: 100%;
51
51
  padding: 0.625rem 0rem;
52
52
  text-align: left;
53
- background-color: var(--app-form-color);
54
53
  border-radius: 0.6125rem;
55
54
  margin: 0.3125rem 0rem;
56
55
  position: relative;
@@ -64,6 +63,7 @@
64
63
  .psdk-utility-svg-icon {
65
64
  width: 1.4rem;
66
65
  display: inline-block;
66
+ filter: var(--app-primary-color-filter);
67
67
  }
68
68
 
69
69
  .psdk-settings-svg-icon {
@@ -98,7 +98,6 @@
98
98
  }
99
99
 
100
100
  .psdk-utility-card-main-primary-url {
101
- color: var(--app-primary-color);
102
101
  }
103
102
 
104
103
  .psdk-utility-card-main-primary-url .mat-mdc-button.mat-primary {
@@ -10,7 +10,6 @@ import { ComponentMapperComponent } from '@pega/angular-sdk-components';
10
10
  selector: 'app-list-utility',
11
11
  templateUrl: './list-utility.component.html',
12
12
  styleUrls: ['./list-utility.component.scss'],
13
- standalone: true,
14
13
  imports: [CommonModule, MatButtonModule, MatMenuModule, MatProgressSpinnerModule, forwardRef(() => ComponentMapperComponent)]
15
14
  })
16
15
  export class ListUtilityComponent implements OnInit {
@@ -14,7 +14,6 @@ interface QuickCreateProps {
14
14
  selector: 'app-quick-create',
15
15
  templateUrl: './quick-create.component.html',
16
16
  styleUrls: ['./quick-create.component.scss'],
17
- standalone: true,
18
17
  imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
19
18
  })
20
19
  export class QuickCreateComponent implements OnInit, OnChanges {
@@ -41,38 +40,57 @@ export class QuickCreateComponent implements OnInit, OnChanges {
41
40
 
42
41
  initComponent() {
43
42
  this.configProps$ = this.pConn$.resolveConfigProps(this.pConn$.getConfigProps()) as QuickCreateProps;
44
-
45
43
  this.heading$ = this.configProps$.heading;
46
44
  this.showCaseIcons$ = this.configProps$.showCaseIcons;
47
45
  this.classFilter$ = this.configProps$.classFilter;
48
-
46
+ const cases: any = [];
47
+ const defaultCases: any = [];
49
48
  const envInfo = PCore.getEnvironmentInfo();
50
- if (
51
- this.classFilter$ &&
52
- envInfo.environmentInfoObject &&
53
- envInfo.environmentInfoObject.pyCaseTypeList &&
54
- envInfo.environmentInfoObject.pyCaseTypeList.length > 0
55
- ) {
56
- this.classFilter$.forEach(item => {
57
- let icon = this.utils.getImageSrc('polaris-solid', this.utils.getSDKStaticContentUrl());
58
- let label = '';
59
- (envInfo.environmentInfoObject as any).pyCaseTypeList.forEach(casetype => {
60
- if (casetype.pyWorkTypeImplementationClassName === item) {
61
- icon = casetype.pxIcon && this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl());
62
- label = casetype.pyWorkTypeName ?? '';
63
- }
64
- });
65
- if (label !== '') {
66
- this.cases$.push({
67
- label,
49
+ if (envInfo?.environmentInfoObject?.pyCaseTypeList) {
50
+ envInfo.environmentInfoObject.pyCaseTypeList.forEach((casetype: any) => {
51
+ if (casetype.pyWorkTypeName && casetype.pyWorkTypeImplementationClassName) {
52
+ defaultCases.push({
53
+ classname: casetype.pyWorkTypeImplementationClassName,
54
+ onClick: () => {
55
+ this.createCase(casetype.pyWorkTypeImplementationClassName);
56
+ },
57
+ ...(this.showCaseIcons$ && { icon: this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl()) }),
58
+ label: casetype.pyWorkTypeName
59
+ });
60
+ }
61
+ });
62
+ } else {
63
+ const pConnectInAppContext = PCore.createPConnect({
64
+ options: { context: PCore.getConstants().APP.APP }
65
+ }).getPConnect();
66
+ const pyPortalInAppContext = pConnectInAppContext.getValue('pyPortal') as any;
67
+ pyPortalInAppContext?.pyCaseTypesAvailableToCreate?.forEach(casetype => {
68
+ if (casetype.pyClassName && casetype.pyLabel) {
69
+ defaultCases.push({
70
+ classname: casetype.pyClassName,
68
71
  onClick: () => {
69
- this.createCase(item);
72
+ this.createCase(casetype.pyClassName);
70
73
  },
71
- ...(this.showCaseIcons$ && { icon })
74
+ ...(this.showCaseIcons$ && { icon: this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl()) }),
75
+ label: casetype.pyLabel
72
76
  });
73
77
  }
74
78
  });
75
79
  }
80
+
81
+ /* If classFilter is not empty - filter from the list of defaultCases */
82
+ if (this.classFilter$?.length > 0) {
83
+ this.classFilter$.forEach(item => {
84
+ defaultCases.forEach(casetype => {
85
+ if (casetype.classname === item) {
86
+ cases.push(casetype);
87
+ }
88
+ });
89
+ });
90
+ this.cases$ = cases;
91
+ } else {
92
+ this.cases$ = defaultCases;
93
+ }
76
94
  }
77
95
 
78
96
  ngOnInit() {
@@ -1,10 +1,9 @@
1
1
  <div class="psdk-todo">
2
- <div class="psdk-todo-header">
3
- <div *ngIf="showTodoList$" class="psdk-avatar">{{ this.currentUserInitials$ }}</div>
2
+ <div *ngIf="showTodoList$" class="psdk-todo-header">
3
+ <div class="psdk-avatar">{{ this.currentUserInitials$ }}</div>
4
4
  <div id="worklist" class="psdk-todo-text">{{ headerText$ }}</div>
5
- <div *ngIf="showTodoList$" class="psdk-assignment-count">{{ count }}</div>
5
+ <div class="psdk-assignment-count">{{ count }}</div>
6
6
  </div>
7
- <br /><br />
8
7
  <div *ngIf="showTodoList$" class="psdk-display-divider"></div>
9
8
 
10
9
  <div class="psdk-todo-assignments">
@@ -15,20 +14,23 @@
15
14
  <div class="psdk-todo-assignment-title">{{ getAssignmentName(assignment) }}</div>
16
15
  <div class="psdk-todo-assignment-data">
17
16
  <div class="psdk-todo-assignment-task">
18
- {{ localizedVal('Task in', localeCategory) }}
17
+ {{ localizedVal('In', localeCategory) }}
19
18
  <button class="psdk-todo-id" style="cursor: pointer" (click)="clickGo(assignment)" *ngIf="!isConfirm || canPerform; else readOnlyText">
20
- {{ assignment.name }} {{ getID(assignment) }}
19
+ {{ localizedVal(assignment?.name, '', localeUtils.getCaseLocaleReference(assignment.classname)) }} {{ getID(assignment) }}
21
20
  </button>
22
- <ng-template #readOnlyText> {{ assignment.name }} {{ getID(assignment) }} </ng-template>
21
+ <ng-template #readOnlyText> {{ localizedVal(assignment?.name, localeCategory) }} {{ getID(assignment) }} </ng-template>
23
22
  <span *ngIf="assignment.status != undefined">
24
- &bull; <span class="psdk-todo-assignment-status">{{ assignment?.status }}</span>
23
+ &bull;
24
+ <span class="psdk-todo-assignment-status">{{
25
+ localizedVal(assignment.status, '', localeUtils.getCaseLocaleReference(assignment.classname))
26
+ }}</span>
25
27
  </span>
26
28
  &bull; {{ localizedVal('Urgency', localeCategory) }} {{ getPriority(assignment) }}
27
29
  </div>
28
30
  </div>
29
31
  </div>
30
- <div class="psdk-todo-assignment-action" *ngIf="!isConfirm || canPerform">
31
- <button mat-flat-button color="primary" (click)="clickGo(assignment)">{{ localizedVal('Go', localeCategory) }}</button>
32
+ <div *ngIf="!isConfirm || canPerform" class="psdk-todo-assignment-action">
33
+ <button mat-flat-button color="primary" (click)="clickGo(assignment)">{{ goLocalizedValue === 'go' ? 'Go' : goLocalizedValue }}</button>
32
34
  </div>
33
35
  </div>
34
36
  <div class="psdk-display-divider"></div>
@@ -1,17 +1,25 @@
1
+ .psdk-todo-assignments > *:last-child {
2
+ .psdk-display-divider {
3
+ display: none;
4
+ }
5
+ }
6
+
1
7
  .psdk-display-divider {
2
- border-bottom: 0.0625rem solid var(--app-neutral-light-color);
8
+ border-bottom: 0.0625rem solid var(--mat-sys-outline-variant);
9
+ margin-block: 0.5rem;
3
10
  }
4
11
 
5
12
  .psdk-todo {
6
13
  padding: 1rem;
7
- background-color: var(--app-form-color);
14
+ background-color: var(--mat-sys-surface-container);
8
15
  border-radius: 0.6125rem;
9
16
  border-left: 6px solid;
10
- border-left-color: var(--app-primary-color);
17
+ border-left-color: var(--mat-sys-primary);
11
18
  }
12
19
 
13
20
  .psdk-todo-header {
14
21
  display: inline-flex;
22
+ margin-bottom: 1rem;
15
23
  }
16
24
 
17
25
  .psdk-todo-text {
@@ -21,14 +29,15 @@
21
29
  }
22
30
 
23
31
  .psdk-assignment-count {
24
- background-color: var(--app-primary-light-color);
32
+ background-color: var(--mat-sys-inverse-primary);
33
+ color: var(--mat-sys-on-primary);
25
34
  margin: 0.5rem;
26
35
  border-radius: 45%;
27
36
  padding: 0.15rem 0.4rem;
28
37
  }
29
38
 
30
39
  .psdk-todo-id {
31
- color: var(--app-primary-color);
40
+ color: var(--mat-sys-primary);
32
41
  padding: 0;
33
42
  cursor: pointer;
34
43
  border: 0;
@@ -48,8 +57,8 @@
48
57
  align-items: center;
49
58
  text-align: center;
50
59
  display: flex;
51
- background: var(--app-primary-color);
52
- color: var(--app-form-color);
60
+ background: var(--mat-sys-primary);
61
+ color: var(--mat-sys-on-primary);
53
62
  font-weight: bold;
54
63
  font-size: 1.25rem;
55
64
  }
@@ -58,6 +67,7 @@
58
67
  display: inline-flex;
59
68
  width: 100%;
60
69
  padding: 0.625rem 0rem;
70
+ align-items: center;
61
71
  }
62
72
 
63
73
  .psdk-todo-assignment-data {
@@ -65,9 +75,9 @@
65
75
  }
66
76
 
67
77
  .psdk-todo-assignment-status {
68
- background-color: var(--app-neutral-light-color);
78
+ background-color: var(--mat-sys-surface-container-highest);
69
79
  border-radius: 0.125rem;
70
- color: var(--app-assignment-status-color);
80
+ color: var(--mat-sys-on-surface);
71
81
  font-size: 0.75rem;
72
82
  font-weight: bold;
73
83
  line-height: calc(0.5rem * 2.5);
@@ -77,7 +87,7 @@
77
87
  }
78
88
 
79
89
  .psdk-todo-assignment-task {
80
- color: var(--app-neutral-color);
90
+ color: var(--mat-sys-on-surface);
81
91
  }
82
92
 
83
93
  .psdk-todo-assignment-action {
@@ -64,7 +64,6 @@ interface ToDoProps {
64
64
  templateUrl: './todo.component.html',
65
65
  styleUrls: ['./todo.component.scss'],
66
66
  providers: [Utils],
67
- standalone: true,
68
67
  imports: [CommonModule, MatButtonModule]
69
68
  })
70
69
  export class TodoComponent implements OnInit, OnDestroy {
@@ -88,10 +87,11 @@ export class TodoComponent implements OnInit, OnDestroy {
88
87
  CONSTS: typeof publicConstants;
89
88
  bLogging = true;
90
89
  localizedVal = PCore.getLocaleUtils().getLocaleValue;
90
+ localeUtils = PCore.getLocaleUtils();
91
91
  localeCategory = 'Todo';
92
92
  showlessLocalizedValue = this.localizedVal('show_less', 'CosmosFields');
93
93
  showMoreLocalizedValue = this.localizedVal('show_more', 'CosmosFields');
94
- canPerform: boolean;
94
+ goLocalizedValue = this.localizedVal('go', 'CosmosFields');
95
95
  count: number;
96
96
 
97
97
  constructor(
@@ -119,13 +119,17 @@ export class TodoComponent implements OnInit, OnDestroy {
119
119
  PCore.getPubSubUtils().unsubscribe(CREATE_STAGE_DELETED, CREATE_STAGE_DELETED);
120
120
  }
121
121
 
122
+ get canPerform() {
123
+ return this.assignmentsSource$?.[0]?.canPerform === 'true' || this.assignmentsSource$?.[0]?.canPerform === true;
124
+ }
125
+
122
126
  updateList() {
123
127
  const {
124
128
  WORK_BASKET: {
125
129
  DATA_PAGES: { D__PY_MY_WORK_LIST }
126
130
  }
127
131
  } = PCore.getConstants();
128
- updateWorkList(getPConnect, getMappedValue(D__PY_MY_WORK_LIST));
132
+ updateWorkList(this.pConn$, getMappedValue(D__PY_MY_WORK_LIST));
129
133
  }
130
134
 
131
135
  updateToDo() {
@@ -150,14 +154,12 @@ export class TodoComponent implements OnInit, OnDestroy {
150
154
  }
151
155
  } else {
152
156
  // get caseInfoId assignment.
153
- // eslint-disable-next-line no-lonely-if
157
+
154
158
  if (this.caseInfoID$ != undefined) {
155
159
  this.arAssignments$ = this.getCaseInfoAssignment(this.assignmentsSource$, this.caseInfoID$);
156
160
  }
157
161
  }
158
162
 
159
- this.canPerform = this.arAssignments$?.[0]?.canPerform === 'true' || this.arAssignments$?.[0]?.canPerform === true;
160
-
161
163
  this.currentUser$ = PCore.getEnvironmentInfo().getOperatorName();
162
164
  this.currentUserInitials$ = this.utils.getInitials(this.currentUser$ ?? '');
163
165
  }
@@ -190,7 +192,9 @@ export class TodoComponent implements OnInit, OnDestroy {
190
192
  }
191
193
 
192
194
  getAssignmentName(assignment) {
193
- return this.type$ === this.CONSTS.TODO ? assignment.name : assignment.stepName;
195
+ return this.type$ === this.CONSTS.TODO
196
+ ? this.localizedVal(assignment.name, '', PCore.getLocaleUtils().getCaseLocaleReference(assignment.classname))
197
+ : this.localizedVal(assignment.stepName, '', PCore.getLocaleUtils().getCaseLocaleReference(assignment.classname));
194
198
  }
195
199
 
196
200
  getCaseInfoAssignment(assignmentsSource: any[], caseInfoID: string) {
@@ -13,7 +13,6 @@ interface UtilityProps {
13
13
  selector: 'app-utility',
14
14
  templateUrl: './utility.component.html',
15
15
  styleUrls: ['./utility.component.scss'],
16
- standalone: true,
17
16
  imports: [forwardRef(() => ComponentMapperComponent)]
18
17
  })
19
18
  export class UtilityComponent implements OnInit, OnChanges {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pega/angular-sdk-overrides",
3
- "version": "24.2.10",
3
+ "version": "25.1.10",
4
4
  "description": "Angular SDK - Code for overriding components",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"