@pega/dx-component-builder-sdk 23.1.15 → 24.1.11

package/tests/assets/sdk-a/components/create/override-sdk/widget/case-history/case-history.component.ts

@@ -29,7 +29,6 @@ export class CaseHistoryComponent implements OnInit {
   ngOnInit(): void {
     this.configProps$ = this.pConn$.getConfigProps();
 
-    // @ts-ignore - second parameter pageReference for getValue method should be optional
     const caseID = this.pConn$.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
     const dataViewName = 'D_pyWorkHistory';
     const context = this.pConn$.getContextName();
@@ -46,7 +45,7 @@ export class CaseHistoryComponent implements OnInit {
       this.fields$ = [
         { label: this.pConn$.getLocalizedValue('Date', '', ''), type: 'DateTime', fieldName: 'pxTimeCreated' },
         { label: this.pConn$.getLocalizedValue('Description', '', ''), type: 'TextInput', fieldName: 'pyMessageKey' },
-        { label: this.pConn$.getLocalizedValue('User', '', ''), type: 'TextInput', fieldName: 'pyPerformer' }
+        { label: this.pConn$.getLocalizedValue('Performed by', '', ''), type: 'TextInput', fieldName: 'pyPerformer' }
       ];
 
       const tableDataResults = this.updateData(historyJSON.data.data, this.fields$);

package/tests/assets/sdk-a/components/create/override-sdk/widget/feed-container/feed-container.component.ts

@@ -387,7 +387,6 @@ export class FeedContainerComponent implements OnInit, OnDestroy {
     if (bUpdateSelf) {
       this.updateSelf();
     } else {
-      // @ts-ignore - parameter “contextName” for getDataObject method should be optional
       const newPulseData = this.pConn$.getDataObject().pulse;
 
       if (!isEqual(newPulseData, this.pulseData)) {
@@ -395,7 +394,6 @@ export class FeedContainerComponent implements OnInit, OnDestroy {
       }
     }
 
-    // @ts-ignore - parameter “contextName” for getDataObject method should be optional
     this.pulseData = this.pConn$.getDataObject().pulse;
   }
 
@@ -406,10 +404,8 @@ export class FeedContainerComponent implements OnInit, OnDestroy {
   getMessageData() {
     const messageIDs = (this.pConn$.getConfigProps() as any).messageIDs;
     const userName = (this.pConn$.getConfigProps() as any).currentUser;
-    // @ts-ignore - second parameter pageReference for getValue method should be optional
     const imageKey = this.pConn$.getValue('OperatorID.pyImageInsKey');
 
-    // @ts-ignore - parameter “contextName” for getDataObject method should be optional
     const oData: any = this.pConn$.getDataObject();
 
     if (messageIDs && messageIDs.length > 0) {

package/tests/assets/sdk-a/components/create/override-sdk/widget/file-utility/file-utility.component.html

@@ -41,7 +41,7 @@
 
 <div *ngIf="bShowLinkModal$" class="psdk-dialog-background">
   <div class="psdk-modal-link-top">
-    <h3>{{ pConn$.getLocalizedValue('Add local link', '', '') }}</h3>
+    <h3>{{ pConn$.getLocalizedValue('Add links', '', '') }}</h3>
     <div class="psdk-modal-link-entry">
       <div class="psdk-modal-body">
         <div class="psdk-modal-links-row">
@@ -61,7 +61,7 @@
           </div>
 
           <div class="psdk-modal-link-add">
-            <button mat-raised-button color="primary" (click)="_addLink()">{{ pConn$.getLocalizedValue('Add Link', '', '') }}</button>
+            <button mat-raised-button color="primary" (click)="_addLink()">{{ pConn$.getLocalizedValue('Add link', '', '') }}</button>
           </div>
         </div>
 

package/tests/assets/sdk-a/components/create/override-sdk/widget/file-utility/file-utility.component.ts

@@ -64,18 +64,7 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
 
   currentCaseID = '';
 
-  addAttachmentsActions: any[] = [
-    {
-      text: 'Add files',
-      id: 'addNewFiles',
-      onClick: () => this.createModal('addLocalFile')
-    },
-    {
-      text: 'Add links',
-      id: 'addNewLinks',
-      onClick: () => this.createModal('addLocalLink')
-    }
-  ];
+  addAttachmentsActions: any;
 
   constructor(
     private angularPConnect: AngularPConnectService,
@@ -93,7 +82,18 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
     this.lu_icon$ = 'paper-clip';
 
     this.closeSvgIcon$ = this.utils.getImageSrc('times', this.utils.getSDKStaticContentUrl());
-
+    this.addAttachmentsActions = [
+      {
+        text: this.pConn$.getLocalizedValue('Add files', '', ''),
+        id: 'addNewFiles',
+        onClick: () => this.createModal('addLocalFile')
+      },
+      {
+        text: this.pConn$.getLocalizedValue('Add links', '', ''),
+        id: 'addNewLinks',
+        onClick: () => this.createModal('addLocalLink')
+      }
+    ];
     // const onViewAllCallback = () => this.onViewAll(this.arFullListAttachments);
 
     this.lu_onViewAllFunction = { onClick: this.onViewAll.bind(this) };
@@ -142,7 +142,6 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
 
   onAttachFiles(files) {
     const attachmentUtils = PCore.getAttachmentUtils();
-    // @ts-ignore - second parameter pageReference for getValue method should be optional
     const caseID = this.pConn$.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
 
     if (files.length > 0) {
@@ -185,7 +184,6 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
 
   onAttachLinks(links) {
     const attachmentUtils = PCore.getAttachmentUtils();
-    // @ts-ignore - second parameter pageReference for getValue method should be optional
     const caseID = this.pConn$.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
 
     if (links.length > 0) {
@@ -711,7 +709,6 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
   }
 
   getCaseID() {
-    // @ts-ignore - second parameter pageReference for getValue method should be optional
     return this.pConn$.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID) || '';
   }
 
@@ -760,7 +757,6 @@ export class FileUtilityComponent implements OnInit, OnDestroy {
   }
 
   caseHasChanged(): boolean {
-    // @ts-ignore - second parameter pageReference for getValue method should be optional
     const caseID = this.pConn$.getValue(PCore.getConstants().CASE_INFO.CASE_INFO_ID);
     if (this.currentCaseID !== caseID) {
       this.currentCaseID = caseID;

package/tests/assets/sdk-a/components/create/override-sdk/widget/list-utility/list-utility.component.html

@@ -8,7 +8,7 @@
       <div class="psdk-utility-count" id="attachments-count">{{ count$ }}</div>
       <div style="flex-grow: 1"></div>
       <div class="header-icon">
-        <button mat-icon-button [matMenuTriggerFor]="utilityMenu">
+        <button id="file-menu" mat-icon-button [matMenuTriggerFor]="utilityMenu">
           <img class="psdk-utility-card-actions-svg-icon" src="{{ settingsSvgIcon$ }}" />
         </button>
         <mat-menu #utilityMenu="matMenu" overlapTrigger="false">

package/tests/assets/sdk-a/components/create/override-sdk/widget/quick-create/config-ext.json

@@ -0,0 +1,10 @@
+{
+    "componentKey": "QuickCreate",
+    "name": "QuickCreate",
+    "label": "Quick create",
+    "description": "Quick create widget",
+    "type": "Widget",
+    "subtype": "PAGE",
+    "properties": [],
+    "defaultConfig": {}
+}

package/tests/assets/sdk-a/components/create/override-sdk/widget/quick-create/quick-create.component.html

@@ -0,0 +1 @@
+<component-mapper name="WssQuickCreate" [props]="{ heading$, actions$: cases$ }"></component-mapper>

package/tests/assets/sdk-a/components/create/override-sdk/widget/quick-create/quick-create.component.spec.ts

@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { QuickCreateComponent } from './quick-create.component';
+
+describe('QuickCreateComponent', () => {
+  let component: QuickCreateComponent;
+  let fixture: ComponentFixture<QuickCreateComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [QuickCreateComponent]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(QuickCreateComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/tests/assets/sdk-a/components/create/override-sdk/widget/quick-create/quick-create.component.ts

@@ -0,0 +1,96 @@
+import { Component, Input, OnChanges, OnInit, SimpleChanges, forwardRef } from '@angular/core';
+import { Utils } from '@pega/angular-sdk-components';
+import { CommonModule } from '@angular/common';
+import { ComponentMapperComponent } from '@pega/angular-sdk-components';
+
+interface QuickCreateProps {
+  // If any, enter additional props that only exist on this component
+  heading?: string;
+  showCaseIcons?: boolean;
+  classFilter?: any;
+}
+
+@Component({
+  selector: 'app-quick-create',
+  templateUrl: './quick-create.component.html',
+  styleUrls: ['./quick-create.component.scss'],
+  standalone: true,
+  imports: [CommonModule, forwardRef(() => ComponentMapperComponent)]
+})
+export class QuickCreateComponent implements OnInit, OnChanges {
+  @Input() pConn$: typeof PConnect;
+  @Input() formGroup$: any;
+
+  configProps$: QuickCreateProps;
+  arChildren$: any[];
+  heading$?: string;
+  showCaseIcons$?: boolean;
+  classFilter$: any;
+  cases$: any = [];
+
+  constructor(private utils: Utils) {}
+
+  createCase(className) {
+    this.pConn$
+      .getActionsApi()
+      .createWork(className, {} as any)
+      .catch(error => {
+        console.log('Error in case creation: ', error?.message);
+      });
+  }
+
+  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 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,
+            onClick: () => {
+              this.createCase(item);
+            },
+            ...(this.showCaseIcons$ && { icon })
+          });
+        }
+      });
+    }
+  }
+
+  ngOnInit() {
+    // console.log(`ngOnInit (no registerAndSubscribe!): Region`);
+    // this.updateSelf();
+
+    this.initComponent();
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    const { pConn$ } = changes;
+
+    if (pConn$.previousValue && pConn$.previousValue !== pConn$.currentValue) {
+      this.updateSelf();
+    }
+  }
+
+  updateSelf() {
+    this.initComponent();
+  }
+}

package/tests/assets/sdk-a/components/create/override-sdk/widget/todo/todo.component.html

@@ -15,10 +15,11 @@
           <div class="psdk-todo-assignment-title">{{ getAssignmentName(assignment) }}</div>
           <div class="psdk-todo-assignment-data">
             <div class="psdk-todo-assignment-task">
-              Task in
-              <button class="psdk-todo-id" style="cursor: pointer" (click)="clickGo(assignment)">
+              {{ localizedVal('Task in', localeCategory) }}
+              <button class="psdk-todo-id" style="cursor: pointer" (click)="clickGo(assignment)" *ngIf="!isConfirm || canPerform; else readOnlyText">
                 {{ assignment.name }} {{ getID(assignment) }}
               </button>
+              <ng-template #readOnlyText> {{ assignment.name }} {{ getID(assignment) }} </ng-template>
               <span *ngIf="assignment.status != undefined">
                 &bull; <span class="psdk-todo-assignment-status">{{ assignment?.status }}</span>
               </span>
@@ -26,7 +27,7 @@
             </div>
           </div>
         </div>
-        <div class="psdk-todo-assignment-action">
+        <div class="psdk-todo-assignment-action" *ngIf="!isConfirm || canPerform">
           <button mat-flat-button color="primary" (click)="clickGo(assignment)">{{ localizedVal('Go', localeCategory) }}</button>
         </div>
       </div>
@@ -37,11 +38,11 @@
 
 <div *ngIf="assignmentCount$ > 3">
   <div *ngIf="bShowMore$; else showLess" class="psdk-todo-show-more">
-    <button mat-stroked-button (click)="_showMore()">Show more</button>
+    <button mat-stroked-button (click)="_showMore()">{{ showMoreLocalizedValue === 'show_more' ? 'Show more' : showMoreLocalizedValue }}</button>
   </div>
   <ng-template #showLess>
     <div class="psdk-todo-show-more">
-      <button mat-stroked-button (click)="_showLess()">Show less</button>
+      <button mat-stroked-button (click)="_showLess()">{{ showlessLocalizedValue === 'show_less' ? 'Show less' : showlessLocalizedValue }}</button>
     </div>
   </ng-template>
 </div>

package/tests/assets/sdk-a/components/create/override-sdk/widget/todo/todo.component.ts

@@ -48,6 +48,7 @@ export class TodoComponent implements OnInit, OnDestroy, OnChanges {
   localeCategory = 'Todo';
   showlessLocalizedValue = this.localizedVal('show_less', 'CosmosFields');
   showMoreLocalizedValue = this.localizedVal('show_more', 'CosmosFields');
+  canPerform: boolean;
 
   constructor(
     private psService: ProgressSpinnerService,
@@ -105,11 +106,9 @@ export class TodoComponent implements OnInit, OnDestroy, OnChanges {
   }
 
   updateWorkList(key) {
-    (
-      PCore.getDataApiUtils()
-        // @ts-ignore - 2nd parameter "payload" and 3rd parameter "context" should be optional in getData method
-        .getData(key) as Promise<any>
-    )
+    PCore.getDataApiUtils()
+      // @ts-ignore - 2nd parameter "payload" and 3rd parameter "context" should be optional in getData method
+      .getData(key)
       .then(responseData => {
         const dataObject = {};
         dataObject[key] = {
@@ -151,6 +150,8 @@ export class TodoComponent implements OnInit, OnDestroy, OnChanges {
       }
     }
 
+    this.canPerform = this.arAssignments$?.[0]?.canPerform === 'true' || this.arAssignments$?.[0]?.canPerform === true;
+
     this.currentUser$ = PCore.getEnvironmentInfo().getOperatorName();
     this.currentUserInitials$ = this.utils.getInitials(this.currentUser$);
   }
@@ -230,7 +231,7 @@ export class TodoComponent implements OnInit, OnDestroy, OnChanges {
     const sTarget = this.pConn$.getContainerName();
     const sTargetContainerName = sTarget;
 
-    const options: any = { containerName: sTargetContainerName };
+    const options: any = { containerName: sTargetContainerName, channelName: '' };
 
     if (classname === null || classname === '') {
       classname = this.pConn$.getCaseInfo().getClassName();

package/tests/assets/sdk-a/components/createAll/_components.md

@@ -0,0 +1,6 @@
+# The **components** directory
+
+The **src/components** directory contains the code for the components you want to use with the **Angular SDK**.
+
+When you run the **npm run  create** or **npm run override** commands to create new components, the generated code that
+you can use as a starting point for your component development will be placed in component-specific folders inside **src/components**.

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyBoolean/Boolean.ts

@@ -0,0 +1,35 @@
+function Boolean(value: any, { allowEmpty = true, tick = '', cross = '' } = {}) {
+  if (
+    (!allowEmpty && !value) ||
+    value === false ||
+    value?.toString()?.toLowerCase() === 'false' ||
+    value === 0 ||
+    value === '0'
+  ) {
+    return cross || '';
+  }
+  if (
+    value === true ||
+    value?.toString()?.toLowerCase() === 'true' ||
+    value === 1 ||
+    value === '1'
+  ) {
+    return tick || '';
+  }
+  if (
+    allowEmpty &&
+    (value === 'null' || value === '' || value === null || typeof value === 'undefined')
+  ) {
+    return '––';
+  }
+  return value;
+}
+
+export default {
+  TrueFalse: (value: any, options: Object) =>
+    Boolean(value, {
+      ...options,
+      tick: 'True',
+      cross: 'False'
+    })
+};

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyBoolean/create-nonce.ts

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyBoolean/{demo.stories.jsx → demo.stories.tsx}

@@ -1,38 +1,29 @@
+
 /* eslint-disable react/jsx-no-useless-fragment */
 // @ts-nocheck
 import { useState } from 'react';
-import { withKnobs } from '@storybook/addon-knobs';
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { configProps, stateProps } from './mock';
 
 import PegaDxilMyBoolean from './index';
 
-export default {
+const meta: Meta<typeof PegaDxilMyBoolean> = {
   title: 'PegaDxilMyBoolean',
-  decorators: [withKnobs],
-  component: PegaDxilMyBoolean
+  component: PegaDxilMyBoolean,
+  excludeStories: /.*Data$/
 };
 
-export const BasePegaDxilMyBoolean = () => {
+export default meta;
+type Story = StoryObj<typeof PegaDxilMyBoolean>;
+
+export const BasePegaDxilMyBoolean: Story = args => {
 
   const [value, setValue] = useState(configProps.value);
 
   const props = {
     value,
-    label: configProps.label,
-    helperText: configProps.helperText,
-    caption: configProps.caption,
-    validatemessage: configProps.validatemessage,
-    hideLabel: configProps.hideLabel,
-    testId: configProps.testId,
     additionalProps: configProps.additionalProps,
-    displayMode: configProps.displayMode,
-    variant: configProps.variant,
-    trueLabel: configProps.trueLabel,
-    falseLabel: configProps.falseLabel,
-    disabled: configProps.disabled,
-    readOnly: configProps.readOnly,
-    required: configProps.required,
     getPConnect: () => {
       return {
         getStateProps: () => {
@@ -57,7 +48,24 @@ export const BasePegaDxilMyBoolean = () => {
 
   return (
     <>
-      <PegaDxilMyBoolean {...props} />
+      <PegaDxilMyBoolean {...props} {...args} />
     </>
   );
-};
+};
+
+BasePegaDxilMyBoolean.args = {
+  label: configProps.label,
+  helperText: configProps.helperText,
+  caption: configProps.caption,
+  testId: configProps.testId,
+  readOnly: configProps.readOnly,
+  disabled: configProps.disabled,
+  required: configProps.required,
+  status: configProps.status,
+  hideLabel: configProps.hideLabel,
+  trueLabel: configProps.trueLabel,
+  falseLabel: configProps.falseLabel,
+  displayMode: configProps.displayMode,
+  variant: configProps.variant,
+  validatemessage: configProps.validatemessage
+};

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyBoolean/index.tsx

@@ -2,12 +2,13 @@ import {
   Checkbox as CosmosCheckbox,
   CheckboxGroup,
   FieldValueList,
-  Text
+  Text,
+  withConfiguration,
+  BooleanDisplay
 } from "@pega/cosmos-react-core";
-import PropTypes from "prop-types";
-
 
 import type { PConnFieldProps } from './PConnProps';
+import './create-nonce';
 
 // includes in bundle
 import handleEvent from "./event-utils";
@@ -40,19 +41,19 @@ interface ActionsProps {
 
 // props passed in combination of props from property panel (config.json) and run time props from Constellation
 // any default values in config.pros should be set in defaultProps at bottom of this file
-export default function PegaDxilMyBoolean(props: PegaDxilMyBooleanProps) {
+function PegaDxilMyBoolean(props: PegaDxilMyBooleanProps) {
   const {
     getPConnect,
-    value,
-    label,
-    helperText,
+    value = false,
+    label = '',
+    helperText = '',
     caption,
     validatemessage,
     hideLabel,
     testId,
-    additionalProps,
+    additionalProps = {},
     displayMode,
-    variant,
+    variant = 'inline',
     trueLabel,
     falseLabel
   } = props;
@@ -62,7 +63,7 @@ export default function PegaDxilMyBoolean(props: PegaDxilMyBooleanProps) {
   const stateProps = pConn.getStateProps() as StateProps;
   const propName: string = stateProps.value;
 
-  let { readOnly, required, disabled } = props;
+  let { readOnly = false, required = false, disabled = false } = props;
   [readOnly, required, disabled] = [readOnly, required, disabled].map(
     (prop) => prop === true || (typeof prop === 'string' && prop === 'true')
   );
@@ -100,12 +101,12 @@ export default function PegaDxilMyBoolean(props: PegaDxilMyBooleanProps) {
     // @ts-ignore
     displayComponent = (
       // @ts-ignore
-      <PegaDxilMyBoolean value={value} trueLabel={trueLabel} falseLabel={falseLabel} />
+      <BooleanDisplay value={value} trueLabel={trueLabel} falseLabel={falseLabel} />
     );
   }
 
   if (displayMode === 'DISPLAY_ONLY') {
-    return ( <StyledPegaDxilMyBooleanWrapper> displayComponent </StyledPegaDxilMyBooleanWrapper>);
+    return ( <StyledPegaDxilMyBooleanWrapper> {displayComponent} </StyledPegaDxilMyBooleanWrapper>);
   }
 
   if (displayMode === "LABELS_LEFT") {
@@ -161,40 +162,4 @@ export default function PegaDxilMyBoolean(props: PegaDxilMyBooleanProps) {
 };
 
 
-PegaDxilMyBoolean.defaultProps = {
-  validatemessage: '',
-  value: false,
-  label: '',
-  hideLabel: false,
-  helperText: '',
-  disabled: false,
-  readOnly: false,
-  required: false,
-  testId: '',
-  additionalProps: {},
-  displayMode: null,
-  variant: 'inline',
-  displayValue: 'Yes/No',
-  trueLabel: '',
-  falseLabel: ''
-};
-
-PegaDxilMyBoolean.propTypes = {
-  getPConnect: PropTypes.func.isRequired,
-  validatemessage: PropTypes.string,
-  label: PropTypes.string,
-  hideLabel: PropTypes.bool,
-  helperText: PropTypes.string,
-  value: PropTypes.bool,
-  caption: PropTypes.string.isRequired,
-  disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  readOnly: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  required: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  testId: PropTypes.string,
-  additionalProps: PropTypes.objectOf(PropTypes.any),
-  displayMode: PropTypes.string,
-  variant: PropTypes.string,
-  displayValue: PropTypes.string,
-  trueLabel: PropTypes.string,
-  falseLabel: PropTypes.string
-};
+export default withConfiguration(PegaDxilMyBoolean);

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyBoolean/mock.ts

@@ -14,7 +14,8 @@ export const configProps = {
   falseLabel: 'False',
   disabled: false,
   readOnly: false,
-  required: true
+  required: true,
+  status: ''
 };
 
 export const stateProps = {

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyBoolean/styles.ts

@@ -1,15 +1,8 @@
-
-// utilizing theming, comment out, if want individual style
-import styled from 'styled-components';
-import { Configuration } from '@pega/cosmos-react-core';
-
-export default styled(Configuration)``;
-
 // individual style, comment out above, and uncomment here and add styles
-// import styled, { css } from 'styled-components';
-//
-// export default styled.div(() => {
-//  return css`
-//    margin: 0px 0;
-//  `;
-// });
+import styled, { css } from 'styled-components';
+
+export default styled.div(() => {
+  return css`
+    margin: 0px 0;
+  `;
+});

package/tests/assets/sdk-a/components/createAll/custom-constellation/field/Pega_DXIL_MyCurrency/create-nonce.ts

@@ -0,0 +1,5 @@
+// @ts-ignore
+if (window?.__webpack_nonce__) {
+  // @ts-ignore
+  __webpack_nonce__ = window.__webpack_nonce__;
+}