@pega/angular-sdk-overrides 0.25.3 → 0.25.5

package/lib/widget/attachment/attachment.component.scss

@@ -5,7 +5,7 @@
 }
 
 .psdk-modal-file-selector {
-  border: 1px dashed var(--app-neutral-dark-color);
+  border: 1px dashed var(--mat-sys-neutral-variant20);
   width: 100%;
   padding: 0.3rem;
   text-align: center;
@@ -22,7 +22,7 @@
 }
 
 .psdk-modal-file-selector-error {
-  border: 1px dashed var(--app-error-light-color);
+  border: 1px dashed var(--mat-sys-error);
   width: 100%;
   padding: 0.3rem;
   text-align: center;
@@ -45,14 +45,14 @@
 }
 
 .psdk-attachment-list {
-  border: 1px solid var(--app-neutral-color);
+  border: 1px solid var(--mat-sys-secondary);
 }
 
 ::ng-deep .mat-mdc-form-field-infix {
   width: auto;
 }
 .psdk-modal-file-selector {
-  border: 1px dashed var(--app-neutral-dark-color);
+  border: 1px dashed var(--mat-sys-neutral-variant20);
   padding: 0.5rem;
   text-align: center;
   position: relative;
@@ -68,7 +68,7 @@
 }
 
 .psdk-modal-file-selector-error {
-  border: 1px dashed var(--app-error-light-color);
+  border: 1px dashed var(--mat-sys-error);
   padding: 0.5rem;
   text-align: center;
   position: relative;
@@ -90,7 +90,7 @@
 }
 
 .psdk-attachment-list {
-  border: 1px solid var(--app-neutral-color);
+  border: 1px solid var(--mat-sys-secondary);
 }
 
 ::ng-deep .mat-mdc-form-field-infix {
@@ -126,7 +126,6 @@
 
 .psdk-attachment-card-svg-icon {
   width: 2.5rem;
-  filter: var(--app-white-color-filter);
 }
 
 .psdk-utility-button {
@@ -134,7 +133,6 @@
   border: none;
   margin-right: 0.5rem;
   cursor: pointer;
-  filter: var(--app-white-color-filter);
 }
 
 .psdk-utility-card-action-svg-icon {
@@ -151,7 +149,7 @@
 }
 
 .file-div-error {
-  border: 1px dashed var(--app-error-light-color);
+  border: 1px dashed var(--mat-sys-error);
   width: 100%;
   padding: 0.5rem;
   text-align: center;

package/lib/widget/attachment/attachment.component.ts

@@ -132,11 +132,12 @@ export class AttachmentComponent implements OnInit, OnDestroy {
   updateSelf() {
     const configProps: AttachmentProps = this.pConn$.resolveConfigProps(this.pConn$.getConfigProps()) as AttachmentProps;
     const stateProps = this.pConn$.getStateProps();
-    const { value, label, required, visibility, disabled, readOnly, extensions, displayMode, isTableFormatter, allowMultiple, editMode } =
-      configProps;
+    const { value, label, required, disabled, readOnly, extensions, displayMode, isTableFormatter, allowMultiple, editMode } = configProps;
 
     this.bRequired$ = this.utils.getBooleanValue(required);
-    this.bVisible$ = this.utils.getBooleanValue(visibility);
+    if (configProps.visibility != null) {
+      this.bVisible$ = this.utils.getBooleanValue(configProps.visibility);
+    }
     this.bDisabled$ = this.utils.getBooleanValue(disabled);
     this.bReadonly$ = this.utils.getBooleanValue(readOnly);
     this.allowMultiple$ = this.utils.getBooleanValue(allowMultiple);

package/lib/widget/file-utility/file-utility.component.scss

@@ -24,7 +24,7 @@
 }
 
 .psdk-modal-file-selector {
-  border: 1px dashed var(--app-neutral-dark-color);
+  border: 1px dashed var(--mat-sys-neutral-variant20);
   width: 100%;
   padding: 0.3rem;
   text-align: center;

package/lib/widget/quick-create/quick-create.component.ts

@@ -40,38 +40,57 @@ export class QuickCreateComponent implements OnInit, OnChanges {
 
   initComponent() {
     this.configProps$ = this.pConn$.resolveConfigProps(this.pConn$.getConfigProps()) as QuickCreateProps;
-
     this.heading$ = this.configProps$.heading;
     this.showCaseIcons$ = this.configProps$.showCaseIcons;
     this.classFilter$ = this.configProps$.classFilter;
-
+    const cases: any = [];
+    const defaultCases: any = [];
     const envInfo = PCore.getEnvironmentInfo();
-    if (
-      this.classFilter$ &&
-      envInfo.environmentInfoObject &&
-      envInfo.environmentInfoObject.pyCaseTypeList &&
-      envInfo.environmentInfoObject.pyCaseTypeList.length > 0
-    ) {
-      this.classFilter$.forEach(item => {
-        let icon = this.utils.getImageSrc('polaris-solid', this.utils.getSDKStaticContentUrl());
-        let label = '';
-        (envInfo.environmentInfoObject as any).pyCaseTypeList.forEach(casetype => {
-          if (casetype.pyWorkTypeImplementationClassName === item) {
-            icon = casetype.pxIcon && this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl());
-            label = casetype.pyWorkTypeName ?? '';
-          }
-        });
-        if (label !== '') {
-          this.cases$.push({
-            label,
+    if (envInfo?.environmentInfoObject?.pyCaseTypeList) {
+      envInfo.environmentInfoObject.pyCaseTypeList.forEach((casetype: any) => {
+        if (casetype.pyWorkTypeName && casetype.pyWorkTypeImplementationClassName) {
+          defaultCases.push({
+            classname: casetype.pyWorkTypeImplementationClassName,
+            onClick: () => {
+              this.createCase(casetype.pyWorkTypeImplementationClassName);
+            },
+            ...(this.showCaseIcons$ && { icon: this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl()) }),
+            label: casetype.pyWorkTypeName
+          });
+        }
+      });
+    } else {
+      const pConnectInAppContext = PCore.createPConnect({
+        options: { context: PCore.getConstants().APP.APP }
+      }).getPConnect();
+      const pyPortalInAppContext = pConnectInAppContext.getValue('pyPortal') as any;
+      pyPortalInAppContext?.pyCaseTypesAvailableToCreate?.forEach(casetype => {
+        if (casetype.pyClassName && casetype.pyLabel) {
+          defaultCases.push({
+            classname: casetype.pyClassName,
             onClick: () => {
-              this.createCase(item);
+              this.createCase(casetype.pyClassName);
             },
-            ...(this.showCaseIcons$ && { icon })
+            ...(this.showCaseIcons$ && { icon: this.utils.getImageSrc(casetype?.pxIcon, this.utils.getSDKStaticContentUrl()) }),
+            label: casetype.pyLabel
           });
         }
       });
     }
+
+    /* If classFilter is not empty - filter from the list of defaultCases */
+    if (this.classFilter$?.length > 0) {
+      this.classFilter$.forEach(item => {
+        defaultCases.forEach(casetype => {
+          if (casetype.classname === item) {
+            cases.push(casetype);
+          }
+        });
+      });
+      this.cases$ = cases;
+    } else {
+      this.cases$ = defaultCases;
+    }
   }
 
   ngOnInit() {

package/lib/widget/todo/todo.component.scss

@@ -13,6 +13,8 @@
   padding: 1rem;
   background-color: var(--mat-sys-surface-container);
   border-radius: 0.6125rem;
+  border-left: 6px solid;
+  border-left-color: var(--mat-sys-primary);
 }
 
 .psdk-todo-header {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/angular-sdk-overrides",
-  "version": "0.25.3",
+  "version": "0.25.5",
   "description": "Angular SDK - Code for overriding components",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"