@pega/dx-component-builder-sdk 8.23.18 → 23.1.11

package/tests/assets/components/SDK-React/createAll/override-sdk/field/RadioButtons/RadioButtons.tsx

@@ -4,15 +4,17 @@ import { Radio, RadioGroup, FormControl, FormControlLabel, FormLabel, FormHelper
 import Utils from '@pega/react-sdk-components/lib/components/helpers/utils';
 import handleEvent from '@pega/react-sdk-components/lib/components/helpers/event-utils';
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import type { PConnFieldProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+// import type { PConnFieldProps } from '../../../types/PConnProps';
+
+// Can't use RadioButtonProps until getLocaleRuleNameFromKeys is NOT private
+// interface RadioButtonsProps extends PConnFieldProps {
+//   // If any, enter additional props that only exist on RadioButtons here
+//   inline: boolean,
+//   fieldMetadata?: any
+// }
 
-interface RadioButtonsProps extends PConnFieldProps {
-  // If any, enter additional props that only exist on RadioButtons here
-  inline: boolean;
-  fieldMetadata?: any;
-}
 
-export default function RadioButtons(props: RadioButtonsProps) {
+export default function RadioButtons(props /* : RadioButtonsProps */ ) {
   // Get emitted components from map (so we can get any override that may exist)
   const FieldValueList = getComponentFromMap('FieldValueList');
 
@@ -35,7 +37,7 @@ export default function RadioButtons(props: RadioButtonsProps) {
   const thePConn = getPConnect();
   const theConfigProps = thePConn.getConfigProps();
   const actionsApi = thePConn.getActionsApi();
-  const propName = thePConn.getStateProps().value;
+  const propName = thePConn.getStateProps()["value"];
   const helperTextToDisplay = validatemessage || helperText;
   const className = thePConn.getCaseInfo().getClassName();
 
@@ -53,7 +55,7 @@ export default function RadioButtons(props: RadioButtonsProps) {
 
   // theOptions will be an array of JSON objects that are literally key/value pairs.
   //  Ex: [ {key: "Basic", value: "Basic"} ]
-  const theOptions = Utils.getOptionList(theConfigProps, thePConn.getDataObject(thePConn.getContextName()));
+  const theOptions = Utils.getOptionList(theConfigProps, thePConn.getDataObject(''));
 
   useEffect(() => {
     // This update theSelectedButton which will update the UI to show the selected button correctly

package/tests/assets/components/SDK-React/createAll/override-sdk/field/RichText/RichText.tsx

@@ -55,9 +55,11 @@ export default function RichText(props: RichTextProps) {
     }
     const handleChange = () => {
       if (status === 'error') {
-        const property = pConn.getStateProps().value;
+        const property = pConn.getStateProps()["value"];
         pConn.clearErrorMessages({
-          property
+          property,
+          category: '',
+          context: ''
         });
       }
     };
@@ -65,7 +67,7 @@ export default function RichText(props: RichTextProps) {
     const handleBlur = () => {
       if (editorRef.current) {
         const editorValue = editorRef.current.getContent({ format: 'html' });
-        const property = pConn.getStateProps().value;
+        const property = pConn.getStateProps()["value"];
         handleEvent(actionsApi, 'changeNblur', property, editorValue);
       }
     };

package/tests/assets/components/SDK-React/createAll/override-sdk/field/ScalarList/ScalarList.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react/no-array-index-key */
 import React from 'react';
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
+import { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 // ScalarListProps can't extend PConnFieldProps because its 'value' has a different type
 interface ScalarListProps extends PConnProps {
@@ -29,9 +29,18 @@ function CommaSeparatedList(props) {
 export default function ScalarList(props: ScalarListProps) {
   // Get emitted components from map (so we can get any override that may exist)
   const FieldValueList = getComponentFromMap('FieldValueList');
-  const { label, getPConnect, componentType, value: scalarValues, displayMode, hideLabel, ...restProps } = props;
 
-  const items = scalarValues?.map((scalarValue) => {
+  const {
+    label,
+    getPConnect,
+    componentType,
+    value: scalarValues,
+    displayMode,
+    hideLabel,
+    ...restProps
+  } = props;
+
+  const items = scalarValues?.map(scalarValue => {
     return getPConnect().createComponent(
       {
         type: componentType,
@@ -43,8 +52,8 @@ export default function ScalarList(props: ScalarListProps) {
           readOnly: 'true'
         }
       },
-      null,
-      null,
+      '',
+      '',
       {}
     ); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
   });
@@ -60,5 +69,5 @@ export default function ScalarList(props: ScalarListProps) {
 
   const displayComp = <CommaSeparatedList items={items} />;
 
-  return <FieldValueList name={hideLabel ? '' : label} value={displayComp} variant="stacked" />;
+  return <FieldValueList name={hideLabel ? '' : label} value={displayComp} variant='stacked' />;
 }

package/tests/assets/components/SDK-React/createAll/override-sdk/field/TextInput/TextInput.tsx

@@ -32,7 +32,7 @@ export default function TextInput(props: TextInputProps) {
 
   const pConn = getPConnect();
   const actions = pConn.getActionsApi();
-  const propName = pConn.getStateProps().value;
+  const propName = pConn.getStateProps()["value"];
 
   const helperTextToDisplay = validatemessage || helperText;
 

package/tests/assets/components/SDK-React/createAll/override-sdk/infra/Assignment/Assignment.tsx

@@ -4,20 +4,23 @@ import IconButton from '@material-ui/core/IconButton';
 import CloseIcon from '@material-ui/icons/Close';
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
 
-import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
-
-interface AssignmentProps extends PConnProps {
-  // If any, enter additional props that only exist on this component
-  children: Array<any>,
-  itemKey: string,
-  isInModal: boolean,
-  banners: Array<any>
-  // eslint-disable-next-line react/no-unused-prop-types
-  actionButtons: Array<any>,
-}
-
-
-export default function Assignment(props: AssignmentProps) {
+// import type { PConnProps } from '../../../types/PConnProps';
+
+// Can't use AssignmentProps until the following are NOT private
+//  getCaseInfo().isAssignmentInCreateStage()
+//  getCaseInfo().isLocalAction()
+// interface AssignmentProps extends PConnProps {
+//   // If any, enter additional props that only exist on this component
+//   children: Array<any>,
+//   itemKey: string,
+//   isInModal: boolean,
+//   banners: Array<any>
+//   // eslint-disable-next-line react/no-unused-prop-types
+//   actionButtons: Array<any>,
+// }
+
+
+export default function Assignment(props /* : AssignmentProps */) {
   // Get emitted components from map (so we can get any override that may exist)
   const AssignmentCard = getComponentFromMap("AssignmentCard");
   const MultiStep = getComponentFromMap("MultiStep");
@@ -81,10 +84,10 @@ export default function Assignment(props: AssignmentProps) {
 
       const oWorkItem = children[0].props.getPConnect();
       const oWorkData = oWorkItem.getDataObject();
-      const oData = thePConn.getDataObject(thePConn.getContextName());
+      const oData = thePConn.getDataObject('');  // 1st arg empty string until typedefs allow it to be optional
 
       if (oWorkData?.caseInfo && oWorkData.caseInfo.assignments !== null) {
-        const oCaseInfo = oData.caseInfo;
+        const oCaseInfo = oData["caseInfo"];
 
         if (oCaseInfo && oCaseInfo.actionButtons) {
           setActionButtons(oCaseInfo.actionButtons);

package/tests/assets/components/SDK-React/createAll/override-sdk/infra/DashboardFilter/DashboardFilter.tsx

@@ -109,7 +109,7 @@ export default function DashboardFilter(props: DashboardFilterProps) {
       fireFilterChange(e.id);
     };
     return getPConnect().createComponent(metadata,
-      null, null, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
+      '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional);
   };
 
   const onChange = dates => {

package/tests/assets/components/SDK-React/createAll/override-sdk/infra/DashboardFilter/filterUtils.tsx

@@ -91,7 +91,8 @@ export const createFilterComponent = (getPConnect, filterMeta, index) => {
       metadata={filterMeta}
       type={filterMeta.type}
     >
-      {getPConnect().createComponent(filterMeta, '','', {})}
+      {getPConnect().createComponent(filterMeta,
+        '', '', {})}
     </DashboardFilter>
   );
 };

package/tests/assets/components/SDK-React/createAll/override-sdk/infra/DeferLoad/DeferLoad.tsx

@@ -70,7 +70,7 @@ export default function DeferLoad(props /* : DeferLoadProps */) {
 
   const getViewOptions = () => ({
     viewContext: resourceType,
-    pageClass: loadViewCaseID ? '' : pConnect.getDataObject(pConnect.getContextName()).pyPortal.classID,
+    pageClass: loadViewCaseID ? '' : pConnect.getDataObject('').pyPortal.classID,  // 2nd arg empty string until typedef allows optional
     container: isContainerPreview ? 'preview' : null,
     containerName: isContainerPreview ? 'preview' : null,
     updateData: isContainerPreview

package/tests/assets/components/SDK-React/createAll/override-sdk/infra/ErrorBoundary/ErrorBoundary.tsx

@@ -38,7 +38,7 @@ export default function ErrorBoundary(props: ErrorBoundaryProps) {
     Raw meta data for the component:`, localeCategory)} ${JSON.stringify(pConn.getRawMetadata())}`);
   }
 
-  if (pConn.getConfigProps().type === "page") {
+  if (pConn.getConfigProps()["type"] === "page") {
     return (
       theErrorDiv
     );

package/tests/assets/components/SDK-React/createAll/override-sdk/template/AppShell/AppShell.tsx

@@ -95,7 +95,7 @@ export default function AppShell(props:AppShellProps) {
   useEffect(() => {
     setAppName(PCore.getEnvironmentInfo().getApplicationName());
 
-    const tempMap: any = pConn.getChildren()?.map((child: any, index) => {
+    const tempMap: any = pConn.getChildren()?.["map"]((child: any, index) => {
       const theChildComp = child.getPConnect().getComponentName();
       const theKey = `.${index}`;
       return (

package/tests/assets/components/SDK-React/createAll/override-sdk/template/DataReference/DataReference.tsx

@@ -1,23 +1,23 @@
 import React, { useMemo, useState, useEffect } from 'react';
 import { getComponentFromMap } from '@pega/react-sdk-components/lib/bridge/helpers/sdk_component_map';
 
-// import type { PConnProps } from '../../../types/PConnProps';
+import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
 // ReferenceProps can't be used until getComponentConfig() is NOT private
-// interface DataReferenceProps extends PConnProps {
-//   // If any, enter additional props that only exist on this component
-//   children: Array<any>,
-//   label: string,
-//   showLabel: any,
-//   displayMode: string,
-//   allowAndPersistChangesInReviewMode: boolean,
-//   referenceType: string,
-//   selectionMode: string,
-//   displayAs: string,
-//   ruleClass: string,
-//   parameters: Array<string>, // need to fix
-//   hideLabel: boolean
-// }
+interface DataReferenceProps extends PConnProps {
+  // If any, enter additional props that only exist on this component
+  children: Array<any>,
+  label: string,
+  showLabel: any,
+  displayMode: string,
+  allowAndPersistChangesInReviewMode: boolean,
+  referenceType: string,
+  selectionMode: string,
+  displayAs: string,
+  ruleClass: string,
+  parameters: Array<string>, // need to fix
+  hideLabel: boolean
+}
 
 
 const SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };
@@ -26,7 +26,7 @@ const SELECTION_MODE = { SINGLE: 'single', MULTI: 'multi' };
 declare const PCore: any;
 
 
-export default function DataReference(props /*: DataReferenceProps */) {
+export default function DataReference(props: DataReferenceProps) {
   // Get emitted components from map (so we can get any override that may exist)
   const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');
   const MultiReferenceReadonly = getComponentFromMap('MultiReferenceReadOnly');

package/tests/assets/components/SDK-React/createAll/override-sdk/template/InlineDashboardPage/InlineDashboardPage.tsx

@@ -27,7 +27,7 @@ export default function InlineDashboardPage(props: InlineDashboardPageProps) {
     return Children.toArray(children);
   }, [children]);
 
-  const allFilters = getPConnect().getRawMetadata().children[1];
+  const allFilters = getPConnect().getRawMetadata()["children"][1];
 
   useEffect(() => {
     setFilterComponents(buildFilterComponents(getPConnect, allFilters));

package/tests/assets/components/SDK-React/createAll/override-sdk/template/MultiReferenceReadOnly/MultiReferenceReadOnly.tsx

@@ -29,7 +29,7 @@ export default function MultiReferenceReadOnly(props: MultiReferenceReadOnlyProp
       hideLabel
     }
   },
-  null, null, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
+  '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
 
    return (
     <React.Fragment>{component}</React.Fragment>

package/tests/assets/components/SDK-React/createAll/override-sdk/template/SimpleTableManual/SimpleTableManual.tsx

@@ -150,7 +150,7 @@ export default function SimpleTableManual(props: SimpleTableManualProps) {
   //    config.datasource (ex: "@ASSOCIATED .DeclarantChoice")
   //  Neither of these appear in the resolved props
 
-  const rawConfig = rawMetadata?.config;
+  const rawConfig = rawMetadata?.["config"];
   const rawFields =
     rawConfig?.children?.[0]?.children || rawConfig?.presets?.[0].children?.[0]?.children;
 

package/tests/assets/components/SDK-React/createAll/override-sdk/template/SingleReferenceReadOnly/SingleReferenceReadOnly.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import type { PConnProps } from '@pega/react-sdk-components/lib/types/PConnProps';
 
-// Need to fix an error noted in comment below before typedefs will work correctly
 interface SingleReferenceReadOnlyProps extends PConnProps {
   // If any, enter additional props that only exist on this component
   config: any,
@@ -56,7 +55,7 @@ export default function SingleReferenceReadOnly(props: SingleReferenceReadOnlyPr
       dataRelationshipContext
     }
   },
-  null, null, {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional;
+  '', '', {}); // 2nd, 3rd, and 4th args empty string/object/null until typedef marked correctly as optional
 
   return (
     <React.Fragment>{component}</React.Fragment>

package/tests/functional/localCreateBuildAllDeleteAllCustom.test.js

@@ -182,6 +182,7 @@ describe('create buildAll and deleteAll local custom', () => {
 
     // expect(stdout).not.toContain('Compiled with warnings.');
     // expect(stdout).toContain('error');
+    
     // expect(stdout).not.toContain('Error');
 
     expect(stdout).toContain('Pega_DXIL_MyTestText');

package/tests/functional/localCreateBuildDeleteCustom.test.js

@@ -87,6 +87,19 @@ describe('create build and delete local custom', () => {
     expect(stderr).not.toBeNull();
 
     expect(stdout).toContain(`${newFileNameConstellation} schema is valid`);
+    // expect(stdout).toContain('Compiled successfully.');
+
+    switch (framework) {
+      case "SDK-Angular":
+        break;
+      case "SDK-React":
+        expect(stdout).toContain("Bundle React component  [completed]");
+        expect(stdout).toContain("Bundle associated component  [completed]");
+        break;
+      case "SDK-WebComponents":
+        break
+    }
+
 
     // done();
   }, 60000);

package/tests/functional/localCreateBuildDeleteOverride.test.js

@@ -100,6 +100,7 @@ describe('create build and delete local override', () => {
       case "SDK-Angular":
         // expect(stdout).toContain(`${fileNameAngular} schema is valid`);
         // expect(stdout).toContain('Compiled successfully.');
+        expect(stdout).toContain("Bundle React component  [completed]");
         break;
       case "SDK-React":
         expect(stdout).toContain(`${fileName} schema is valid`);

package/tests/functional/localCreatePublishAllDeleteAllCustom.test.js

@@ -178,7 +178,6 @@ describe('create publish and deleteAll local', () => {
     expect(stdout).not.toBeNull();
     expect(stderr).not.toBeNull();
 
-    expect(stdout).toContain('Compiled successfully.');
     // expect(stdout).not.toContain('Compiled with warnings.');
     // expect(stdout).not.toContain('error');
     // expect(stdout).not.toContain('Error');
@@ -199,7 +198,7 @@ describe('create publish and deleteAll local', () => {
       case "SDK-React":
         expect(stdout).toContain("Bundle React component  [completed]");
         expect(stdout).toContain("Bundle associated component  [completed]");
-        
+
         mapData= fs.readFileSync(pegaLocalReactComponentMapPath, { encoding: 'utf8' });
         break;
       case "SDK-WebComponents":

package/tests/functional/localCreatePublishAllDeleteAllOverride.test.js

@@ -202,12 +202,11 @@ describe('override publish and deleteAll local override', () => {
     expect(stderr).not.toBeNull();
 
 
+
     // expect(stdout).not.toContain('Compiled with warnings.');
     // expect(stdout).not.toContain('error');
     // expect(stdout).not.toContain('Error');
 
- 
-
     switch (framework) {
       case "SDK-Angular":
         expect(stdout).toContain('auto-complete');

package/tests/functional/localCreatePublishDeleteCustom.test.js

@@ -91,9 +91,7 @@ describe('create publish and delete local custom', () => {
     expect(stderr).not.toBeNull();
 
     expect(stdout).toContain(`${newFileNameConstellation} schema is valid`);
-    expect(stdout).toContain('Compiled successfully.');
-
-    
+    // expect(stdout).toContain('Compiled successfully.');
 
     // verify in map
     const pegaLocalReactComponentMapPath = path.join(path.resolve('../../..'),  'sdk-local-component-map.js');
@@ -105,6 +103,9 @@ describe('create publish and delete local custom', () => {
         mapData= fs.readFileSync(pegaLocalAngularComponentMapPath, { encoding: 'utf8' });
         break;
       case "SDK-React":
+        expect(stdout).toContain("Bundle React component  [completed]");
+        expect(stdout).toContain("Bundle associated component  [completed]");
+        
         mapData= fs.readFileSync(pegaLocalReactComponentMapPath, { encoding: 'utf8' });
         break;
       case "SDK-WebComponents":

package/tests/functional/localCreatePublishDeleteOverride.test.js

@@ -99,8 +99,7 @@ describe('create publish and delete local override', () => {
 
     expect(stdout).toContain(fileName);
 
-
-    
+ 
 
     // verify in map
     const pegaLocalReactComponentMapPath = path.join(path.resolve('../../..'),  'sdk-local-component-map.js');
@@ -112,6 +111,7 @@ describe('create publish and delete local override', () => {
         mapData= fs.readFileSync(pegaLocalAngularComponentMapPath, { encoding: 'utf8' });
         break;
       case "SDK-React":
+        expect(stdout).toContain("Bundle React component  [completed]");
         mapData= fs.readFileSync(pegaLocalReactComponentMapPath, { encoding: 'utf8' });
         break;
       case "SDK-WebComponents":