@pega/dx-component-builder-sdk 24.1.12 → 24.2.11

package/tests/assets/sdk-a/components/createAll/custom-sdk/template/pega-dxil-my-form/mock.ts

@@ -1,330 +1,353 @@
 export const children = [
-    {
-        getPConnect: () => {
+  {
+    getPConnect: () => {
+      return {
+        getActionsApi: () => {
           return {
-            getActionsApi: () => {
-              return {
-                updateFieldValue: () => {/* nothing */},
-                triggerFieldChange: () => {/* nothing */}
-              };
+            updateFieldValue: () => {
+              /* nothing */
             },
-            getStateProps: () => {
-              return { value: '.firstname' };
-            },
-            isEditable: () => true,
-            setAction: () => {},
-            getActions: () => {
-              return {
-                  onChange: () => {},
-                  onBlur: () => {}
-              }
-            },
-            getComponentName: () => {
-              return "TextInput";
-            },
-            populateAdditionalProps: () => {},
-            resolveConfigProps: () => {
-              return {
-                readOnly: undefined,
-                placeholder: 'First Name',
-                value: 'John',
-                label: 'First Name',
-                hasSuggestions: false
-              }
-            },
-            getConfigProps: () => {
-              return {
-                readOnly: undefined,
-                placeholder: 'First Name',
-                value: 'John',
-                label: 'First Name',
-                hasSuggestions: false
-              }
+            triggerFieldChange: () => {
+              /* nothing */
             }
           };
+        },
+        getStateProps: () => {
+          return { value: '.firstname' };
+        },
+        isEditable: () => true,
+        setAction: () => {},
+        getActions: () => {
+          return {
+            onChange: () => {},
+            onBlur: () => {}
+          };
+        },
+        getComponentName: () => {
+          return 'TextInput';
+        },
+        populateAdditionalProps: () => {},
+        resolveConfigProps: () => {
+          return {
+            readOnly: undefined,
+            placeholder: 'First Name',
+            value: 'John',
+            label: 'First Name',
+            hasSuggestions: false
+          };
+        },
+        getConfigProps: () => {
+          return {
+            readOnly: undefined,
+            placeholder: 'First Name',
+            value: 'John',
+            label: 'First Name',
+            hasSuggestions: false
+          };
         }
-      },
-      {
-        getPConnect: () => {
+      };
+    }
+  },
+  {
+    getPConnect: () => {
+      return {
+        getActionsApi: () => {
           return {
-            getActionsApi: () => {
-              return {
-                updateFieldValue: () => {/* nothing */},
-                triggerFieldChange: () => {/* nothing */}
-              };
-            },
-            getStateProps: () => {
-              return { value: '.middlename' };
-            },
-            isEditable: () => true,
-            setAction: () => {},
-            getActions: () => {
-              return {
-                  onChange: () => {},
-                  onBlur: () => {}
-              }
+            updateFieldValue: () => {
+              /* nothing */
             },
-            getComponentName: () => {
-              return "TextInput";
-            },
-            populateAdditionalProps: () => {},
-            resolveConfigProps: () => {
-              return {
-                readOnly: false,
-                placeholder: 'Middle Name',
-                value: '',
-                label: 'Middle Name',
-                hasSuggestions: false
-              }
-            },
-            getConfigProps: () => {
-              return {
-                readOnly: false,
-                placeholder: 'Middle Name',
-                value: '',
-                label: 'Middle Name',
-                hasSuggestions: false
-              }
+            triggerFieldChange: () => {
+              /* nothing */
             }
           };
+        },
+        getStateProps: () => {
+          return { value: '.middlename' };
+        },
+        isEditable: () => true,
+        setAction: () => {},
+        getActions: () => {
+          return {
+            onChange: () => {},
+            onBlur: () => {}
+          };
+        },
+        getComponentName: () => {
+          return 'TextInput';
+        },
+        populateAdditionalProps: () => {},
+        resolveConfigProps: () => {
+          return {
+            readOnly: false,
+            placeholder: 'Middle Name',
+            value: '',
+            label: 'Middle Name',
+            hasSuggestions: false
+          };
+        },
+        getConfigProps: () => {
+          return {
+            readOnly: false,
+            placeholder: 'Middle Name',
+            value: '',
+            label: 'Middle Name',
+            hasSuggestions: false
+          };
         }
-      },
-      {
-        getPConnect: () => {
+      };
+    }
+  },
+  {
+    getPConnect: () => {
+      return {
+        getActionsApi: () => {
           return {
-            getActionsApi: () => {
-              return {
-                updateFieldValue: () => {/* nothing */},
-                triggerFieldChange: () => {/* nothing */}
-              };
-            },
-            getStateProps: () => {
-              return { value: '.lastname' };
-            },
-            isEditable: () => true,
-            setAction: () => {},
-            getActions: () => {
-              return {
-                  onChange: () => {},
-                  onBlur: () => {}
-              }
-            },
-            getComponentName: () => {
-              return "TextInput";
-            },
-            populateAdditionalProps: () => {},
-            resolveConfigProps: () => {
-              return {
-                readOnly: false,
-                placeholder: 'Last Name',
-                value: 'Doe',
-                label: 'Last Name',
-                hasSuggestions: false
-              }
+            updateFieldValue: () => {
+              /* nothing */
             },
-            getConfigProps: () => {
-              return {
-                readOnly: false,
-                placeholder: 'Last Name',
-                value: 'Doe',
-                label: 'Last Name',
-                hasSuggestions: false
-              }
+            triggerFieldChange: () => {
+              /* nothing */
             }
           };
+        },
+        getStateProps: () => {
+          return { value: '.lastname' };
+        },
+        isEditable: () => true,
+        setAction: () => {},
+        getActions: () => {
+          return {
+            onChange: () => {},
+            onBlur: () => {}
+          };
+        },
+        getComponentName: () => {
+          return 'TextInput';
+        },
+        populateAdditionalProps: () => {},
+        resolveConfigProps: () => {
+          return {
+            readOnly: false,
+            placeholder: 'Last Name',
+            value: 'Doe',
+            label: 'Last Name',
+            hasSuggestions: false
+          };
+        },
+        getConfigProps: () => {
+          return {
+            readOnly: false,
+            placeholder: 'Last Name',
+            value: 'Doe',
+            label: 'Last Name',
+            hasSuggestions: false
+          };
         }
-      },
-      {
-        getPConnect: () => {
+      };
+    }
+  },
+  {
+    getPConnect: () => {
+      return {
+        getActionsApi: () => {
           return {
-            getActionsApi: () => {
-              return {
-                updateFieldValue: () => {/* nothing */},
-                triggerFieldChange: () => {/* nothing */}
-              };
-            },
-            getStateProps: () => {
-              return { value: '.email' };
-            },
-            isEditable: () => true,
-            setAction: () => {},
-            getActions: () => {
-              return {
-                  onChange: () => {},
-                  onBlur: () => {}
-              }
-            },
-            getComponentName: () => {
-              return "Email";
-            },
-            populateAdditionalProps: () => {},
-            resolveConfigProps: () => {
-              return {
-                readOnly: false,
-                placeholder: 'Email',
-                value: 'john@doe.com',
-                label: 'Email',
-                hasSuggestions: false
-              }
+            updateFieldValue: () => {
+              /* nothing */
             },
-            getConfigProps: () => {
-              return {
-                readOnly: false,
-                placeholder: 'Email',
-                value: 'john@doe.com',
-                label: 'Email',
-                hasSuggestions: false
-              }
+            triggerFieldChange: () => {
+              /* nothing */
             }
           };
+        },
+        getStateProps: () => {
+          return { value: '.email' };
+        },
+        isEditable: () => true,
+        setAction: () => {},
+        getActions: () => {
+          return {
+            onChange: () => {},
+            onBlur: () => {}
+          };
+        },
+        getComponentName: () => {
+          return 'Email';
+        },
+        populateAdditionalProps: () => {},
+        resolveConfigProps: () => {
+          return {
+            readOnly: false,
+            placeholder: 'Email',
+            value: 'john@doe.com',
+            label: 'Email',
+            hasSuggestions: false
+          };
+        },
+        getConfigProps: () => {
+          return {
+            readOnly: false,
+            placeholder: 'Email',
+            value: 'john@doe.com',
+            label: 'Email',
+            hasSuggestions: false
+          };
         }
-      },
-      {
-        getPConnect: () => {
+      };
+    }
+  },
+  {
+    getPConnect: () => {
+      return {
+        getActionsApi: () => {
           return {
-            getActionsApi: () => {
-              return {
-                updateFieldValue: () => {/* nothing */},
-                triggerFieldChange: () => {/* nothing */}
-              };
+            updateFieldValue: () => {
+              /* nothing */
             },
-            getStateProps: () => {
-              return { value: '.phone' };
-            },
-            isEditable: () => true,
-            setAction: () => {},
-            getActions: () => {
-              return {
-                  onChange: () => {},
-                  onBlur: () => {}
-              }
-            },
-            getComponentName: () => {
-              return "Phone";
-            },
-            populateAdditionalProps: () => {},
-            resolveConfigProps: () => {
-              return {
-                readOnly: false,
-                placeholder: 'Phone',
-                value: '2015550123',
-                label: '',
-                hasSuggestions: false
-              }
-            },
-            getConfigProps: () => {
-              return {
-                readOnly: false,
-                placeholder: 'Phone',
-                value: '2015550123',
-                label: 'Phone Number',
-                hasSuggestions: false
-              }
+            triggerFieldChange: () => {
+              /* nothing */
             }
           };
+        },
+        getStateProps: () => {
+          return { value: '.phone' };
+        },
+        isEditable: () => true,
+        setAction: () => {},
+        getActions: () => {
+          return {
+            onChange: () => {},
+            onBlur: () => {}
+          };
+        },
+        getComponentName: () => {
+          return 'Phone';
+        },
+        populateAdditionalProps: () => {},
+        resolveConfigProps: () => {
+          return {
+            readOnly: false,
+            placeholder: 'Phone',
+            value: '2015550123',
+            label: '',
+            hasSuggestions: false
+          };
+        },
+        getConfigProps: () => {
+          return {
+            readOnly: false,
+            placeholder: 'Phone',
+            value: '2015550123',
+            label: 'Phone Number',
+            hasSuggestions: false
+          };
         }
-      },
-      {
-        getPConnect: () => {
+      };
+    }
+  },
+  {
+    getPConnect: () => {
+      return {
+        getActionsApi: () => {
           return {
-            getActionsApi: () => {
-              return {
-                updateFieldValue: () => {/* nothing */},
-                triggerFieldChange: () => {/* nothing */}
-              };
-            },
-            getStateProps: () => {
-              return {
-                datasource: ".Suffix",
-                hasSuggestions: false,
-                placeholder: "Select...",
-                value: ".Suffix"
-              };
-            },
-            isEditable: () => true,
-            setAction: () => {},
-            getActions: () => {
-              return {
-                  onChange: () => {},
-                  onBlur: () => {}
-              }
-            },
-            getComponentName: () => {
-              return "AutoComplete";
+            updateFieldValue: () => {
+              /* nothing */
             },
-            populateAdditionalProps: () => {},
-            resolveConfigProps: () => {
-              return {
-                value: '',
-                label: 'Suffix',
-                placeholder: 'Select...',
-                listType: 'associated',
-                datasource: [
-                  {
-                    key: 'Sr',
-                    value: 'Sr'
-                  },
-                  {
-                    key: 'Jr',
-                    value: 'Jr'
-                  },
-                  {
-                    key: 'III',
-                    value: 'III'
-                  },
-                  {
-                    key: 'IV',
-                    value: 'IV'
-                  },
-                  {
-                    key: 'V',
-                    value: 'V'
-                  }
-                ],
-                testId: '56E6DDD1CB6CEC596B433440DFB21C17',
-                hasSuggestions: false,
-                deferDatasource: false,
+            triggerFieldChange: () => {
+              /* nothing */
+            }
+          };
+        },
+        getStateProps: () => {
+          return {
+            datasource: '.Suffix',
+            hasSuggestions: false,
+            placeholder: 'Select...',
+            value: '.Suffix'
+          };
+        },
+        isEditable: () => true,
+        setAction: () => {},
+        getActions: () => {
+          return {
+            onChange: () => {},
+            onBlur: () => {}
+          };
+        },
+        getComponentName: () => {
+          return 'AutoComplete';
+        },
+        populateAdditionalProps: () => {},
+        resolveConfigProps: () => {
+          return {
+            value: '',
+            label: 'Suffix',
+            placeholder: 'Select...',
+            listType: 'associated',
+            datasource: [
+              {
+                key: 'Sr',
+                value: 'Sr'
+              },
+              {
+                key: 'Jr',
+                value: 'Jr'
+              },
+              {
+                key: 'III',
+                value: 'III'
+              },
+              {
+                key: 'IV',
+                value: 'IV'
+              },
+              {
+                key: 'V',
+                value: 'V'
               }
-            },
-            getConfigProps: () => {
-              return {
-                value: '',
-                label: 'Suffix',
-                placeholder: 'Select...',
-                listType: 'associated',
-                datasource: [
-                  {
-                    key: 'Sr',
-                    value: 'Sr'
-                  },
-                  {
-                    key: 'Jr',
-                    value: 'Jr'
-                  },
-                  {
-                    key: 'III',
-                    value: 'III'
-                  },
-                  {
-                    key: 'IV',
-                    value: 'IV'
-                  },
-                  {
-                    key: 'V',
-                    value: 'V'
-                  }
-                ],
-                testId: '56E6DDD1CB6CEC596B433440DFB21C17',
-                hasSuggestions: false,
-                deferDatasource: false,
+            ],
+            testId: '56E6DDD1CB6CEC596B433440DFB21C17',
+            hasSuggestions: false,
+            deferDatasource: false
+          };
+        },
+        getConfigProps: () => {
+          return {
+            value: '',
+            label: 'Suffix',
+            placeholder: 'Select...',
+            listType: 'associated',
+            datasource: [
+              {
+                key: 'Sr',
+                value: 'Sr'
+              },
+              {
+                key: 'Jr',
+                value: 'Jr'
+              },
+              {
+                key: 'III',
+                value: 'III'
+              },
+              {
+                key: 'IV',
+                value: 'IV'
+              },
+              {
+                key: 'V',
+                value: 'V'
               }
-            },
-            getContextName: () => {
-              return 'app/primary_1/workarea_9';
-            },
-            getDataObject: () => {}
+            ],
+            testId: '56E6DDD1CB6CEC596B433440DFB21C17',
+            hasSuggestions: false,
+            deferDatasource: false
           };
-        }
-      },
-]
-
+        },
+        getContextName: () => {
+          return 'app/primary_1/workarea_9';
+        },
+        getDataObject: () => {}
+      };
+    }
+  }
+];

package/tests/assets/sdk-a/components/createAll/custom-sdk/template/pega-dxil-my-form/pega-dxil-my-form.component.html

@@ -1,7 +1,3 @@
-<!-- When adding a component here, add the same component in 'region' template as well -->
-<div *ngIf="!NO_HEADER_TEMPLATES.includes(template) && showLabel">
-  <div class="template-title-container">{{ label }}</div>
-</div>
 <div *ngIf="instructions" class="psdk-default-form-instruction-text">
   <div key="instructions" id="instruction-text" [innerHTML]="instructions"></div>
 </div>

package/tests/assets/sdk-a/components/createAll/custom-sdk/template/pega-dxil-my-form/pega-dxil-my-form.component.spec.ts

@@ -8,9 +8,8 @@ describe('PegaDxilMyFormComponent', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [ PegaDxilMyFormComponent ]
-    })
-    .compileComponents();
+      declarations: [PegaDxilMyFormComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {