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

package/tests/assets/sdk-a/components/createAll/custom-constellation/template/Pega_DXIL_MyDetails/demo.stories.tsx

@@ -8,6 +8,16 @@ import { pyReviewRaw, pyReviewResolved, regionChildrenResolved, operatorDetails,
 import StatusWorkRenderer from './StatusWork';
 import Operator from './Operator';
 
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
+};
+
 const meta: Meta<typeof PegaDxilMyDetails> = {
   title: 'PegaDxilMyDetails',
   component: PegaDxilMyDetails,

package/tests/assets/sdk-a/components/createAll/custom-constellation/template/Pega_DXIL_MyPage/demo.stories.tsx

@@ -1,7 +1,6 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
 /* eslint-disable react/no-unstable-nested-components */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { AppAnnouncement as PegaAppAnnouncement } from '@pega/cosmos-react-work';
@@ -19,18 +18,6 @@ export default meta;
 type Story = StoryObj<typeof PegaDxilMyPage>;
 
 export const BasePegaDxilMyPage: Story = args => {
-  if (!window.PCore) {
-    window.PCore = {};
-  }
-
-  window.PCore.getLocaleUtils = () => {
-    return {
-      getLocaleValue: val => {
-        return val;
-      }
-    };
-  };
-
   const configProps = pyHome1Resolved.children[0].children[0].config;
 
   const props = {
@@ -86,6 +73,7 @@ export const BasePegaDxilMyPage: Story = args => {
               />
             );
           }
+          return <></>;
         },
         ignoreSuggestion: () => {/* nothing */},
         acceptSuggestion: () => {/* nothing */},

package/tests/assets/sdk-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyCaseWidget/demo.stories.tsx

@@ -1,12 +1,21 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyCaseWidget from './index';
 
 import historyData from './mock';
 
+ window.PCore.getDataApiUtils = (): any => {
+    return {
+      getData: () => {
+        return new Promise(resolve => {
+          resolve(historyData);
+        });
+      }
+    };
+  };
+
 const meta: Meta<typeof PegaDxilMyCaseWidget> = {
   title: 'PegaDxilMyCaseWidget',
   component: PegaDxilMyCaseWidget,
@@ -16,38 +25,7 @@ const meta: Meta<typeof PegaDxilMyCaseWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyCaseWidget>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
 export const BasePegaDxilMyCaseWidget: Story = args => {
-  
-  window.PCore.getConstants = () => {
-    return {
-      CASE_INFO: {
-        CASE_INFO_ID: 'caseInfo.ID'
-      }
-    };
-  };
-
-  window.PCore.getLocaleUtils = () => {
-    return {
-      getLocaleValue: value => {
-        return value;
-      }
-    };
-  };
-
-  window.PCore.getDataApiUtils = () => {
-    return {
-      getData: () => {
-        return new Promise(resolve => {
-          resolve(historyData);
-        });
-      }
-    };
-  };
-
   const props = {
 
     getPConnect: () => {

package/tests/assets/sdk-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyCaseWidget/index.tsx

@@ -48,8 +48,8 @@ function PegaDxilMyCaseWidget(props: PegaDxilMyCaseWidgetProps) {
                 description: <Text style={{ wordBreak: 'break-word' }}>{entry.pyMessageKey}</Text>,
                 user: entry.pyPerformer,
                 id: index
-              };
-            })
+              } as any;
+            }) as any
           );
         } else {
           setHistory([]);

package/tests/assets/sdk-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyPageCaseWidget/demo.stories.tsx

@@ -1,11 +1,20 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyPageCaseWidget from './index';
 
 import { configProps, operatorDetails } from './mock';
 
+window.PCore.getUserApi = (): any => {
+  return {
+    getOperatorDetails: () => {
+      return new Promise(resolve => {
+        resolve(operatorDetails);
+      });
+    }
+  };
+};
+
 const meta: Meta<typeof PegaDxilMyPageCaseWidget> = {
   title: 'PegaDxilMyPageCaseWidget',
   component: PegaDxilMyPageCaseWidget,
@@ -15,27 +24,6 @@ const meta: Meta<typeof PegaDxilMyPageCaseWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageCaseWidget>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
-window.PCore.getLocaleUtils = () => {
-  return {
-    getLocaleValue: value => {
-      return value;
-    }
-  };
-};
-
-window.PCore.getUserApi = () => {
-  return {
-    getOperatorDetails: () => {
-      return new Promise(resolve => {
-        resolve(operatorDetails);
-      });
-    }
-  };
-};
 
 export const BasePegaDxilMyPageCaseWidget: Story = args => {
 

package/tests/assets/sdk-a/components/createAll/custom-constellation/widget/Pega_DXIL_MyPageWidget/demo.stories.tsx

@@ -1,6 +1,5 @@
 
 /* eslint-disable react/jsx-no-useless-fragment */
-// @ts-nocheck
 import type { Meta, StoryObj } from '@storybook/react';
 
 import PegaDxilMyPageWidget from './index';
@@ -17,10 +16,6 @@ const meta: Meta<typeof PegaDxilMyPageWidget> = {
 export default meta;
 type Story = StoryObj<typeof PegaDxilMyPageWidget>;
 
-if (!window.PCore) {
-  window.PCore = {};
-}
-
 const worklistData = {
   data: {
     data: [
@@ -46,23 +41,17 @@ const worklistData = {
   }
 };
 
-export const BasePegaDxilMyPageWidget: Story = args => {
-
- window.PCore.getDataApiUtils = () => {
-    return {
-      getData: () => {
-        return new Promise(resolve => {
-          resolve(worklistData);
-        });
-      },
-      getDataAsync: () => {
-        return new Promise(resolve => {
-          resolve(worklistData);
-        });
-      }
-    };
+window.PCore.getDataApiUtils = (): any => {
+  return {
+    getData: () => {
+      return new Promise(resolve => {
+        resolve(worklistData);
+      });
+    }
   };
+};
 
+export const BasePegaDxilMyPageWidget: Story = args => {
   const props = {
     ...configProps,
     getPConnect: () => {
@@ -113,5 +102,5 @@ BasePegaDxilMyPageWidget.args = {
   header: configProps.header,
   description: configProps.description,
   whatsnewlink: configProps.whatsnewlink,
-  datasource: configProps.datasource,
+  datasource: configProps.datasource as any,
 };

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-boolean/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyBooleanComponent> = {
   title: 'PegaDxilMyBoolean',
   component: PegaDxilMyBooleanComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyBooleanComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-currency/demo.stories.tsx

@@ -5,25 +5,11 @@ import { configProps, stateProps } from './mock';
 
 import { PegaDxilMyCurrencyComponent } from './pega-dxil-my-currency.component';
 
-window.PCore = {
-  ...window.PCore,
-  getEnvironmentInfo: (): any => {
-    return {
-      getUseLocale: () => {
-        return 'en-GB';
-      },
-      getLocale: () => {
-        return 'en-GB';
-      }
-    };
-  }
-};
-
 const meta: Meta<PegaDxilMyCurrencyComponent> = {
   title: 'PegaDxilMyCurrency',
   component: PegaDxilMyCurrencyComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyCurrencyComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-date/demo.stories.tsx

@@ -4,22 +4,12 @@ import { FormBuilder } from '@angular/forms';
 import { configProps, stateProps } from './mock';
 
 import { PegaDxilMyDateComponent } from './pega-dxil-my-date.component';
-window.PCore = {
-  ...window.PCore,
-  getLocaleUtils: (): any => {
-    return {
-      getLocaleValue: value => {
-        return value;
-      }
-    };
-  }
-};
 
 const meta: Meta<PegaDxilMyDateComponent> = {
   title: 'PegaDxilMyDate',
   component: PegaDxilMyDateComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyDateComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

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

@@ -4,7 +4,7 @@ import { PegaDxilMyDateComponent } from './pega-dxil-my-date.component';
 
 describe('PegaDxilMyDateComponent', () => {
   let component: PegaDxilMyDateComponent;
-  let fixture: ComponentFixture<DateComponent>;
+  let fixture: ComponentFixture<PegaDxilMyDateComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-date-time/demo.stories.tsx

@@ -5,22 +5,11 @@ import { configProps, stateProps } from './mock';
 
 import { PegaDxilMyDateTimeComponent } from './pega-dxil-my-date-time.component';
 
-window.PCore = {
-  ...window.PCore,
-  getLocaleUtils: (): any => {
-    return {
-      getLocaleValue: val => {
-        return val;
-      }
-    };
-  }
-};
-
 const meta: Meta<PegaDxilMyDateTimeComponent> = {
   title: 'PegaDxilMyDateTime',
   component: PegaDxilMyDateTimeComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyDateTimeComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-decimal/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyDecimalComponent> = {
   title: 'PegaDxilMyDecimal',
   component: PegaDxilMyDecimalComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyDecimalComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

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

@@ -4,7 +4,7 @@ import { PegaDxilMyDecimalComponent } from './pega-dxil-my-decimal.component';
 
 describe('PegaDxilMyDecimalComponent', () => {
   let component: PegaDxilMyDecimalComponent;
-  let fixture: ComponentFixture<DecimalComponent>;
+  let fixture: ComponentFixture<PegaDxilMyDecimalComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-email/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyEmailComponent> = {
   title: 'PegaDxilMyEmail',
   component: PegaDxilMyEmailComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyEmailComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-icon-button-url/demo.stories.tsx

@@ -5,29 +5,19 @@ import { configProps, stateListData, stateProps } from './mock';
 
 import { PegaDxilMyIconButtonUrlComponent } from './pega-dxil-my-icon-button-url.component';
 
+window.PCore.getDataApiUtils = (): any => {
+  return {
+    getData: () => {
+      return Promise.resolve(stateListData);
+    }
+  };
+};
+
 const meta: Meta<PegaDxilMyIconButtonUrlComponent> = {
   title: 'PegaDxilMyIconButtonUrl',
   component: PegaDxilMyIconButtonUrlComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyIconButtonUrlComponent) => {
-    window.PCore = {
-      ...window.PCore,
-      getConstants: () => {
-        return {
-          CASE_INFO: {
-            CASE_INFO_ID: 'caseInfo.ID'
-          }
-        } as any;
-      },
-      getDataApiUtils: () => {
-        return {
-          getData: () => {
-            return Promise.resolve(stateListData);
-          }
-        } as any;
-      }
-    };
-    return {
+  render: (args) => ({
       props: {
         ...args,
         pConn$: {
@@ -50,8 +40,7 @@ const meta: Meta<PegaDxilMyIconButtonUrlComponent> = {
         } as any,
         formGroup$: new FormBuilder().group({})
       }
-    };
-  }
+  })
 };
 
 export default meta;

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-integer/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyIntegerComponent> = {
   title: 'PegaDxilMyInteger',
   component: PegaDxilMyIntegerComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyIntegerComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-paragraph/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyParagraphComponent> = {
   title: 'PegaDxilMyParagraph',
   component: PegaDxilMyParagraphComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyParagraphComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-percentage/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyPercentageComponent> = {
   title: 'PegaDxilMyPercentage',
   component: PegaDxilMyPercentageComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyPercentageComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

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

@@ -3,7 +3,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { PegaDxilMyPercentageComponent } from './pega-dxil-my-percentage.component';
 
 describe('PegaDxilMyPercentageComponent', () => {
-  let component: PegaDxilMyPercentageomponent;
+  let component: PegaDxilMyPercentageComponent;
   let fixture: ComponentFixture<PegaDxilMyPercentageComponent>;
 
   beforeEach(async () => {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-phone/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyPhoneComponent> = {
   title: 'PegaDxilMyPhone',
   component: PegaDxilMyPhoneComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyPhoneComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-picklist/demo.stories.tsx

@@ -19,7 +19,7 @@ const meta: Meta<PegaDxilMyPicklistComponent> = {
   ],
   component: PegaDxilMyPicklistComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyPicklistComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-radiobuttons/demo.stories.tsx

@@ -8,7 +8,7 @@ const meta: Meta<PegaDxilMyRadiobuttonsComponent> = {
   title: 'PegaDxilMyRadiobuttons',
   component: PegaDxilMyRadiobuttonsComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyRadiobuttonsComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-searchbox/demo.stories.tsx

@@ -19,7 +19,7 @@ const meta: Meta<PegaDxilMySearchboxComponent> = {
   ],
   component: PegaDxilMySearchboxComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMySearchboxComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-text/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyTextComponent> = {
   title: 'PegaDxilMyText',
   component: PegaDxilMyTextComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyTextComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-text-input/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyTextInputComponent> = {
   title: 'PegaDxilMyTextInput',
   component: PegaDxilMyTextInputComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyTextInputComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-time-of-day/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyTimeOfDayComponent> = {
   title: 'PegaDxilMyTimeOfDay',
   component: PegaDxilMyTimeOfDayComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyTimeOfDayComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/field/pega-dxil-my-url/demo.stories.tsx

@@ -9,7 +9,7 @@ const meta: Meta<PegaDxilMyUrlComponent> = {
   title: 'PegaDxilMyUrl',
   component: PegaDxilMyUrlComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyUrlComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/template/pega-dxil-my-details/demo.stories.tsx

@@ -8,7 +8,7 @@ const meta: Meta<PegaDxilMyDetailsComponent> = {
   title: 'PegaDxilMyDetails',
   component: PegaDxilMyDetailsComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyDetailsComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {

package/tests/assets/sdk-a/components/createAll/custom-sdk/template/pega-dxil-my-form/demo.stories.tsx

@@ -10,21 +10,12 @@ class MockingDatapageService {
   getDataPageData = () => Promise.resolve({});
 }
 
-window.PCore = {
-  ...window.PCore,
-  getConstants: (): any => {
-    return {
-      CASE_INFO: {
-        INSTRUCTIONS: 'caseInfo.assignments[0].instructions'
-      }
-    };
-  },
-  setBehaviorOverride: () => {},
-  getStore: () => {
-    return {
-      subscribe: () => {}
-    };
-  }
+window.PCore.getContextTreeManager = (): any => {
+  return {
+    removeContextTreeNode: () => {
+      /* nothing */
+    }
+  };
 };
 
 const meta: Meta<PegaDxilMyFormComponent> = {
@@ -36,7 +27,7 @@ const meta: Meta<PegaDxilMyFormComponent> = {
   ],
   component: PegaDxilMyFormComponent,
   excludeStories: /.*Data$/,
-  render: (args: PegaDxilMyFormComponent) => ({
+  render: (args) => ({
     props: {
       ...args,
       pConn$: {
@@ -83,7 +74,8 @@ const meta: Meta<PegaDxilMyFormComponent> = {
         getInheritedProps: (): any => {
           /* nothing */
         },
-        getContextName: () => ''
+        getContextName: () => '',
+        clearErrorMessages: () => {/* nothing */}
       } as any,
       formGroup$: new FormBuilder().group({})
     }

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

@@ -44,6 +44,9 @@ export const children = [
             label: 'First Name',
             hasSuggestions: false
           };
+        },
+        clearErrorMessages: () => {
+          /* nothing */
         }
       };
     }
@@ -93,6 +96,9 @@ export const children = [
             label: 'Middle Name',
             hasSuggestions: false
           };
+        },
+        clearErrorMessages: () => {
+          /* nothing */
         }
       };
     }
@@ -142,6 +148,9 @@ export const children = [
             label: 'Last Name',
             hasSuggestions: false
           };
+        },
+        clearErrorMessages: () => {
+          /* nothing */
         }
       };
     }
@@ -191,6 +200,9 @@ export const children = [
             label: 'Email',
             hasSuggestions: false
           };
+        },
+        clearErrorMessages: () => {
+          /* nothing */
         }
       };
     }
@@ -240,6 +252,9 @@ export const children = [
             label: 'Phone Number',
             hasSuggestions: false
           };
+        },
+        clearErrorMessages: () => {
+          /* nothing */
         }
       };
     }
@@ -346,7 +361,10 @@ export const children = [
         getContextName: () => {
           return 'app/primary_1/workarea_9';
         },
-        getDataObject: () => {}
+        getDataObject: () => {},
+        clearErrorMessages: () => {
+          /* nothing */
+        }
       };
     }
   }